مدونة الاحمري

سورة الكهف بصوت فارس عبّاد
تابعني على ثبّت - موقع مشاركة الأخبار و عناوين الانترنت العربية
‏إظهار الرسائل ذات التسميات اكواد. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات اكواد. إظهار كافة الرسائل

الخميس، 25 سبتمبر 2014

أكواد قنوات MBC PRO SPORTS الرياضية

2:50 م   ,   42 comments

بسم الله الرحمن الرحيم 

السلام عليكم ورحمة الله وبركاتة 

أكواد قنوات MBC PRO SPORTS الرياضية


أعزائنا متابعين مدونة الاحمري الكرام , كما اعتدتم منّا تلبية طلباتكم من شروحات و اكواد و مواضيع مهمة و تفيدكم و تحتاجون إليها ,

ها نحن اليوم نقدم لكم أكواد قنوات MBC PRO SPORTS  الرياضية للبث المباشر لكي يمكنكم استخدامها و تشغيل البث المباشر لقنوات MBC PRO SPORTS على مدونتاكم و مواقعكم , 

و نطرح لكم اليوم هذا الموضوع , بحسب طلب الاخ ( جوكر جدة ) عبر تويتر , حيث طلب منّا أكواد قنوات ام بي سي برو سبورت

و نظراً لما قامت عليه المدونة و هي خدمة الزوار و المتابعين بالمحتوى الحصري و المرغوب , ها نحن نقدّم لكم كل ما تطلبونة 

و إذا كنت تتسأل عن فائدة وضع قنوات بث مباشر على مدونتك او موقعك , فالإجابة بالتأكيد , ان قنوات البث المباشر و غيرها مثل الفيديوهات مهمة جداً و تساعد على تخفيض ترتيب موقعك او مدونتك في اليكسا و تحسن من ظهوره في نتائج البحث , و السبب يكمن في ان قنوات البث المباشر و الفيديوهات , تجعل الزائر يطيل فترة بقائه في موقعك او مدونتك , و هذا يجعل محركات البحث تثق اكثر بك لأن المحتوى يهتم به الزوار و يبقون فيه فترة طويلة .

نصائح حول وضع قنوات بث مباشر او فيديوهات في صفحات موقعك او مدونتك 

عند وضعك اكواد قنوات بث مباشر او فيديوهات بصفحات موقعك او مدونتك تجنّب وضعها بدون وصف او نص موجز و مفيد , لسببين 

الاول : ان محركات البحث لا تثق اللا بالمواضيع التي بها محتوى , وحبذا ان يكون جمل مفيدة مثلا ً وصف للقناة او لموضوع الفيديو , ولا تضع كلمات دلالية عشوائية لأن محركات البحث و اهمها Google اصبح يدقق في المواضيع و الذي يحشو الموضوع بكلمات دلالية يعتبر سبام و لا يؤرشف الموضوع . 

الثاني : يعتبر مخالف وضعك لمشغّل بث مباشر او فيديو في موضوع بدون ان تضع نص او وصف للفيديو او البث عندما تستخدم في موقعك اعلانات من Google Adsense او اعلانات حسوب او غيرها من الشركات التي تشترط وجود محتوى في الصفحة التي بها اعلاناتها .



أكواد قنوات ام بي سي الرياضية :. 


كود قناة  MBC PRO SPORTS 1 :


<Script Language='Javascript'>
<!-- HTML Encryption provided by al-a7mari.blogspot.com -->
<!--
document.write(unescape('%20%3C%49%46%52%41%4D%45%20%68%65%69%67%68%74%3D%33%36%30%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%65%6D%30%64%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%32%30%31%34%2F%30%39%2F%6D%62%63%2D%70%72%6F%2D%73%70%6F%72%74%73%2E%68%74%6D%6C%23%22%20%66%72%61%6D%65%42%6F%72%64%65%72%3D%30%20%77%69%64%74%68%3D%36%34%30%20%73%63%72%6F%6C%6C%69%6E%67%3D%6E%6F%3E%3C%2F%49%46%52%41%4D%45%3E%20%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%6D%62%63%70%72%6F%73%70%6F%72%74%73%2E%6F%72%67%2F%22%20%74%69%74%6C%65%3D%22%4D%42%43%20%50%52%4F%20%53%50%4F%52%54%53%22%3E%2E%3C%2F%61%3E%20%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%6D%62%63%70%72%6F%73%70%6F%72%74%73%2E%6F%72%67%2F%22%20%74%69%74%6C%65%3D%22%27%45%20%28%4A%20%33%4A%20%28%31%48%20%33%28%48%31%2A%22%3E%2E%3C%2F%61%3E%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%6D%62%63%70%72%6F%73%70%6F%72%74%73%2E%6F%72%67%2F%22%20%74%69%74%6C%65%3D%22%27%45%20%28%4A%20%33%4A%20%27%44%31%4A%27%36%4A%29%22%3E%2E%3C%2F%61%3E'));
//-->
</Script>


كود قناة  MBC PRO SPORTS 2 :

جاري اعداد الكود ...

كود قناة  MBC PRO SPORTS 3 :

جاري اعداد الكود ...

كود قناة  MBC PRO SPORTS 4 :

جاري اعداد الكود ...

اقراء المزيد

السبت، 19 أبريل 2014

أداة البيج رانك التلقائي + ترتيب موقعك او مدونتك في اليكسا

12:31 م   , ,   12 comments

بسم الله الرحمن الرحيم 
السلام عليكم ورحمة الله وبركاتة 

أداة البيج رانك التلقائي + ترتيب موقعك او مدونتك في اليكسا


أقدم لكم اليوم أداتين مهمتين لكل موقع او مدونة , ولكن كما عودناكم على التميّز في طرح الجديد دائماً 

الاداة الاولى هي 
بيج رانك موقعك او مدونتك , ميزتها هنا انها تلقائية , حيث لا تحتاج كل فترة ان تفحص بيج رانك موقعك ثم تضع الاداة 
فهذة الاداة توفر عليك العناء حيث انها تقوم تلقائياً بتحديث نفسها عندما يتغير بيج رانك موقعك او مدونتك . 

للحصول على أداة البيج رانك التلقائي لموقعك او مدونتك من الرابط التالي :

إضغط هنا  ( يوجد اشكال عديدة تناسب تصميم موقعك ) 

الاداة الثانية هي 
ترتيب موقعك في اليسكا , كما اعتدنا الحصول على اداة ترتيب الموقع في اليسكا من اليسكا نفسها , لكن تواجهنا مشكلة هي ان اداة اليكسا الرسمية تأخذ حجم بالموقع او المدونة , وبهذة الاداة الجديدة التي اقدمها لكم اليوم لن تخشوا من المساحة التي تأخذها من موقعكم 
حيث انها تعرض ترتيب موقعكم على شكل ايقونة صغيرة جداً لا تأخذ اي مساحة من الموقع 

مثال :   

check alexa site

للحصول على أداة ترتيب موقعك او مدونتك المصغّرة من الرابط التالي : 


ثم ضع رابط موقعك
سيظهر ترتيب موقعك في اليكسا , اضغط على الايقون وسوف يظهر لك الكود
انسخة و ضعه في اداة HTML/JavaScript .


 وفي الختام اتمنى ان اكون قد وفقت في هذه التدوينة وأتمنى ان تكونوا قد استفدتم من هذه التدوينة 
والرجاء التام من كل شخص يود نقل التدوينة ان ينقلها بالمصدر + رابط التدوينة 

اقراء المزيد

السبت، 1 يونيو 2013

[كود]:فانوس رمضاني فلاشي متحرك -بأعلى المدونة ,الموقع,المنتدى (حصري)

12:28 م   ,   5 comments

بسم الله الرحمن الرحيم


السلام عليكم ورحمة الله وبركاتة


اهلا وسهلاً بكم من جديد


الان حصرياً على مدونة الاحمري ,كود فانوس رمضان المتحرك (فلاش)

هذا الكود مطلوب كثيراً وخصوصاً على المدونات فهذا الكود حصري على مدونة الاحمري

اولا صورة توضيحية للكود

هذا الكود طلب الكثيرون من اصحاب المدونات ولم يجدوة ,لاكن على مدونة الاحمري تجدون  الحصريات
وكل ما ترغبون به

وهذة الاضافة تظهر في اعلى المدونة ,سواء على اليمين او اليسار

والان نبدا مع الاكواد

كود الفانوس في الجهة اليمنى
صورة

الكود:

الفانوس في الجهة اليسرى من المدونة
صورة

الكود:
[كود]:فانوس رمضاني فلاشي متحرك -بأعلى المدونة ,الموقع,المنتدى (حصري)

اقراء المزيد

الاثنين، 13 مايو 2013

اضافة اداة معلومات عن ملفك على تويتر

11:52 ص   ,   15 comments




عندما يقدم زائر الى مدونتك , فإذا اعجبتة المدونة بالطبع يود الاشتراك بالمدونة باي طريقة كي يعود لها مرة أخرى واخرى ,
ولكن عندما لا يجد اداة الاشتراك بالمدونة اياً كانت , سواء كانت اداة الاعجاب بصفحة المدونة على الفيس بوك
او اضافة متابعة لصفحة المدونة على قوقل بلس , او اضافة متابعة على تويتر , او اضافة الاشتراك عن طريق البريد الالكتروني ,

كلها أدوات مهمة , وتجعل الزوار يعودون لمدونتك ويزورونها مراراً ,

وفي أضافتنا اليوم , هي خاصة بحسابك على تويتر  ,

حيث تعرض هذة الاضافة معلومات عن حسابك على تويتر ,
مثل : عدد التغريدات , وعدد المتابَعين , وعدد المُتابعِين

صورة للاداة :.

اضافة اداة معلومات عن ملفك على تويتر



طريقة التركيب على المدونة :.

 #  الخطوة 1 : أذهب الى لوحة تحكم بلوجر , ثم الى القالب , ثم الى تحرير HTML

ثم أبحث عن    ]]></b:skin>  والصق الكود التالي فوقها مباشرة


   /* -- Twitter Profile Box Gadget By ALa7mari--- */

.MBL-tweter-header {
background: #1bc4de url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg4xIW4JmJxhtu_ycmNDpr_eMZl2YxI69VKOA9u1yP8zaqtyYuwjJr5Nisj1GGcgCXydyNKy5wNx3B8Z-6wZktvdgozaSaSCup6yIk_Tfw7j-dFCWjxt4pky4VFXpYElOzWozdGXJDFqPi/s1600/Fortolioa.png);
}

.MBL-tweter {
 width: 300px;
 background-color: #ffffff;
 font-family: Arial, Helvetica, sans-serif;
 -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.55);
 -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.55);
 box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.55);
 border: 1px solid #e8e8e8;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 -khtml-border-radius: 8px;
 border-radius: 8px;
        overflow:hidden;
}

.MBL-tweter .MBL-tweter-header {
 padding: 10px;
 height: 73px;
}

.MBL-tweter .MBL-tweter-header .screen-name h1 {
 color: #fff;
 margin: 0;
 font-size: 16px;
 text-transform: capitalize;
       font-family: 'Helvetica', sans-serif;
}

.MBL-tweter .MBL-tweter-header .screen-name h2, .MBL-tweter .MBL-tweter-header .screen-name h3 {
 color: #ffffff;
 margin: 0;
 font-size: 12px;
 font-family: 'Helvetica', sans-serif;
}

.MBL-tweter .MBL-tweter-header .screen-name {
 margin-top: 20px;
 width: 180px;
 float: right;
}

.MBL-tweter .MBL-tweter-header .profile-image {
 width: 73px;
 height: 73px;
 float: left;
}

.MBL-tweter .MBL-tweter-header .profile-image img {
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;
    width: 73px;
    height: 73px;
    -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.55);
    -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.55);
    box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.55);
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
}

.MBL-tweter .twitter-summary {
       background-color: #f9f9f9;
 height: 60px;
 position: relative;
}

.MBL-tweter .twitter-summary ul {
 display: table-row;
 height: 60px;
 width: 100%;
 margin: 0;
 padding: 0;
 text-align: center;
 padding: 15px 0px;
}

.MBL-tweter .twitter-summary ul li {
 list-style-type: none;
 font-size: 12px;
 padding: 0px 6px 0px 6px;
 border-left: 1px solid #e8e8e8;
 text-align: center;
 vertical-align: middle;
 display: table-cell;
 color: #958470;
 *float: left;
 width: 84px;
}

.MBL-tweter .twitter-summary ul li a {
 color: #958470;
 text-decoration: none;
}

#boxs {
    clear: both;
    font-family: 'Helvetica', sans-serif;
    position: absolute;
    float: right;
    font-size: 10px;
    text-transform: uppercase;
    padding-left: 210px;
    margin-bottom: 20px;
    margin-top:10px;
}

#boxs a {
   text-decoration: none;
   color: #b0b0b0;
}






# الخطوة 2 : إذهب الى بلوجر , ثم الى التخطيط , ثم اضافة أداة وأختر اداة HTML/JavaScript


وأضف الكود التالي بها ,


 <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="https://mybloggerlab.googlecode.com/files/MBtwet.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
 $("#box").dwseeTwitterBox({
 'screenname':'kh_ahmari',
 })
})
</script>
<div id="box"></div>
* أستبدا ما هو باللون الاحمر ( kh_ahmari ) بحسابك في تويتر 


وفي الختام نتمنى ان الاداة لم تكن صعبة وان يكون كل شيء واضح

وشكر خاص للـ www.mybloggerlab.com

اقراء المزيد

السبت، 11 مايو 2013

الشريط العائم لأزرار النشر على المواقع الاجتماعية

2:32 م   ,   2 comments

أصبحت المواقع الاجتماعية تشكل جزء مهم من حياة كل فرد منا , فهي تطلعنا على جديد الاخبار والاحداث التي تجول في العالم , وبصفتك صاحب موقع او مدونة فيمكنك الاستفادة من هذة المواقع الاجتماعية عن طريق اتاحة الطرق لنشر تدويناتك ومضواضعك عن طريق زواك , حيث يقومون بمشاركة تدوينتك على صفحاتهم بالمواقع الاجتماعية , وعندها تحصل على المزيد والمزيد من الزوار ,

وعليك بصفتك صاحب الموقع او المدونة , أتاحة ادوات النشر للزائر بطرق رائعة وملفتة  ولكن ليست مزعجة للزائر ولا تجبر الزائر على نشر تدويناتك , فهذا يجعل الزائر لا يعود لموقعك مرة أخرى ,

أحرص على أن تختار ادوات النشر بالمواقع الاجتماعية ذات الطابع المميز والتي لا تزعج الزوار اياً كان ,

ولكن في نفس الوقع أختر الادوات المناسبة لتذكير الزائر بنشر تدويناتك على صفحاتة بالمواقع الاجتامعية

مثلاً الاداة التي سنستعرضها اليوم في هذة التدوينة , اداة رائع و مميزة وليست مزعجة

حيث ان هذة الاداة لا تخرج عن مكان المحتوى او الموضوع وتنزل مع الزائر كلما نزل في الموضوع ,

هذة الاداة تذكر الزائر ولا تزعجة ,

وهنا صورة توضح عمل هذة الاداة:.

الشريط العائم لأزرار النشر على المواقع الاجتماعية
ملاحظة : هذة الصورة من www.mybloggerlab.com



مميزات الاداة :.


  • اضافة مميزة ورائعة لوجود ازرار النشر مرصوصة جنباً الى جنب .
  • تبداء الاداة من اسفل عنوان التدوينة وتنزلق حتى قسم التعليق في المدونة .
  • سهلة التركيب ولا يوجد بها عيوب تخرب عليك شكل القالب او تنسيقة .


شرح تركيب هذة الاداة على مدونة بلوجر :.

#الخطوة الاولى :.

أتبع التعليمات المذكورة وطبقها , ولن تجد صعوبة في هذة الاداة بإذن الله

إذهب الى لوحة تحكم بلوجر >> ثم إذهب الى القالب
خذ نسخة أحتياطية للقالب (خطوة أختيارية لكن يفضل )
إذهب الى تحرير HTML
إبحث عن علامة   </head> والصق الكود التالي فوقة مباشرة 
(ملاحظة الكود التالي يحتوي على css + HTM + JavaScript)


<script
 src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js' 
type='text/javascript'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
/*<![CDATA[*/
 #mblSocialFloat {clear:both;padding: 6px 
0;display:block;background:#FFFFFF;}
 #mblSocialFloat td{padding:4px;margin:0;border:none;}
 #mblSocialFloat td iframe{max-width:82px;width:82px !important;}
 #mblSocialFloat.mblFloatSocial{position: 
fixed;top:0;z-index:9999999;border-bottom:1px solid 
#ccc;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.15);-moz-box-shadow:0 1px
 1px rgba(0,0,0,0.15);box-shadow:0 1px 1px rgba(0,0,0,0.15);}
/*]]>*/
</style>
<script type='text/javascript'>
/*<![CDATA[*/
// Set the Top Offset
$theOffset = 0;

jQuery(document).ready(function(b){var 
a=b("#mblSocialFloat");a.wrap('<div 
id="mblSocialPlaceholder"></div>').closest("#mblSocialPlaceholder").height(a.outerHeight());a.width(a.outerWidth());e=a.offset().top-$theOffset;b("#mblSocialFloat
 
iframe[src*=plusone]").closest("div").css("max-width","82px");b(window).scroll(function(){d=b(this).scrollTop();d>=e?a.addClass("mblFloatSocial"):a.removeClass("mblFloatSocial");f=b(".post");if(f.length!=0){c=f.outerHeight()+f.offset().top;d>=c?a.stop().animate({top:"-150px"}):a.stop().animate({top:$theOffset+"px"})}else
 d>=e?a.css("top",$theOffset+"px"):a.css("top","0")})});
/*]]>*/
</script>
<script 
src='http://mbl-flipper-google-blogger.googlecode.com/files/mbl_blogger_pinit.js'
 type='text/javascript'/>
<script type='text/javascript'>
/*<![CDATA[*/
 // Twitter
 (function(a,b,c){var 
d=a.getElementsByTagName(b)[0];if(!a.getElementById(c)){a=a.createElement(b);a.id=c;a.src="//platform.twitter.com/widgets.js";d.parentNode.insertBefore(a,d)}})(document,"script","twitter-wjs");

 // Google + (plus)
 (function(){var 
a=document.createElement("script");a.type="text/javascript";a.async=true;a.src="https://apis.google.com/js/plusone.js";var
 
b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b)})();

 // Stumbleupon
 (function(){var 
a=document.createElement("script");a.type="text/javascript";a.async=true;a.src="https://platform.stumbleupon.com/1/widgets.js";var
 
b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b)})();

 // Digg
 (function(){var 
a=document.createElement("SCRIPT"),b=document.getElementsByTagName("SCRIPT")[0];a.type="text/javascript";a.async=true;a.src="http://widgets.digg.com/buttons.js";b.parentNode.insertBefore(a,b)})();
/*]]>*/
</script>
</b:if>



# الخطوة الثانية :.


الآن إبحث عن <data:post.body/> ( قد تجد أثنان الثاني هو المطلوب )

وألصق الكود التالي فوقة مباشر , 




<!-- al-a7mari.blogspot.com Floating Social Bar -->





<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='mblSocialFloat' id='mblSocialFloat'>

<table class='mblSocialFloat' width='100%'>

 <tr>

  <td>

   <a
 class='twitter-share-button' expr:data-text='data:post.title' 
expr:data-url='data:post.url' 
href='https://twitter.com/share'>Tweet</a>

  </td>

  <td>

   <iframe
 allowTransparency='true' 
expr:src='&quot;//www.facebook.com/plugins/like.php?href=&quot; +
 data:post.url + 
&quot;&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&quot;'
 frameborder='0' scrolling='no' style='border:none; overflow:hidden; 
width:80px; height:21px;'/>

  </td>

  <td>

   <div
 class='w2bPinitButton' expr:id='&quot;w2bPinit-&quot; + 
data:post.id' style='display: none;visibility: hidden;height: 
0;width:0;overflow: hidden;'> 

    <data:post.body/>

    <script type='text/javascript'>

     w2bPinItButton({ 

      url:&quot;<data:post.url/>&quot;, 

      thumb: &quot;<data:post.thumbnailUrl/>&quot;, 

      id: &quot;<data:post.id/>&quot;, 

      defaultThumb:
 
&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivCj3lB5y4WzVMZWPGuQANv0XRZBCU9ncJNQWzsKKNbKcq3uTQD9aA8pcHLPIHArtxnATDLiqehk10FupS2erjYatWPkiW4aR7jUbcGoPtxBvM4Eq2El1udS_9zSKDWEYPLGz9c5AGs7eG/s1600/w2b-no-thumbnail.jpg&quot;, 

      pincount: &quot;horizontal&quot; 

     }); 

    </script> 

   </div>

  </td>

  <td>

   <div class='g-plusone' data-size='medium' expr:data-href='data:post.url'/>

  </td>

  <td>

   <su:badge expr:location='data:post.url' layout='1'/>

  </td>

  <td>

   <a class='DiggThisButton DiggCompact'/>

  </td>

 </tr>

</table>

</div>

</b:if>





<!-- al-a7mari.blogspot.com Floating Social Bar -->





في الختام نعتذر على الاطالة لكن نتمنى ان النتيجة كانت مرضية لكم .


اقراء المزيد

الأربعاء، 1 مايو 2013

أداة جديد حسابك عالفيس بوك وتويتر و اليوتيوب للمدونة

12:04 م   ,   2 comments


بسم الله الرحمن الرحيم 
السلام عليكم ورحمة الله وبركاتة

  




سنستعرض اليوم في هذة التدوينة , شرح بسيط لأداة بسيطة لمدونات بلوجر , تعرض أجدد التحديثات وكتاباتك على تويتر و الفيس بوك  , وأحدث الفيديوهات من قناتك على اليويتوب , تعرض في أداة واحدة سهلة وبسيطة ,

وتم عمل شرح فيديو للحصول على هذة الاداة لمدونتك ,



شاهد الفيديو , شرح بسيط لأداة بسيطة , وفعالة جداً فبأداة واحدة تعرض كل جديدك على تويتر والفيس بوك واليوتيوب


وهذا رابط الموقع الذي ستحصلون على الاداة منة :.

إضغط هنا


الشرح [ فيديو ]ٍ


مشهادة ممتعة ,




   



في الختام , أتمنى أن هذة التدوينة والشرح لم يكونا ثقيلين عليكم ,
وإلى لقاء قريب في تدوينة جديدة بإذن الله تعالى ,

وإذا حدثت إشكالية ما معكم , فتفضلوا بإخباري عن طريق التعليقات

اقراء المزيد

الجمعة، 1 فبراير 2013

إضافة قائمة روابط جانبية منسدلة

11:42 ص     تعليق واحد

 بسم الله الرحمن الرحيم 
السلام عليكم ورحمة الله وبركاتة 

قائمة الروابط الجانبية المنسدلة تعرض فيها لزوارك الروابط المهمة لهم والتي يستفيدون منها في تصفح مدونتك ,

وهذا شيء مهم لانك كلما سهلت للزائر التصفح والحصول على مبتغاة , فهذا يحبب الزائر الى مدونتك , ويجعلك يركرر الزيارة 
مرة تلو الأخرى ,


نبداء بصورة للأضافة , 





والان طريقة التركيب على البلوجر 

اذهب للوحة تحكم بلوجر ثم التخطيط ثم إضافة أداة ثم اختر أداة HTML/JavaScript

ومن ثم ضع الكود التالي 

<a href="http://al-a7mari.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/prototype.js" type="text/javascript"></script>
<script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/effects.js" type="text/javascript"></script>
<script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/side-bar.js" type="text/javascript"></script>
<style>
body{
font-size:75%;
}
a{
outline: none;
}
a:active{
outline: none;
}
#sideBar{
text-align:left;
}
#sideBar h2{
color:#F0FFFF;
font-size:110%;
font-family:arial;
margin:10px 10px 10px 10px;
font-weight:bold !important;
}
#sideBar h2 span{
font-size:125%;
font-weight:normal !important;
}
#sideBar ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#sideBar li{
margin:0px 5px 5px 10px;
padding: 0 0 0 10px;
list-style-type:none;
display:block;
background-color:#575BFF;
width:177px;
color:#FFFFFF;
}
#sideBar li a{
width:100%;
}
#sideBar li a:link,
#sideBar li a:visited{
color:#FFFFFF;
font-family:verdana;
font-size:100%;
text-decoration:none;
display:block;
margin:0px 0px 0px 0px;
padding:0 0 0 20px;
width:100%;
}
#sideBar li a:hover{
color:#FFFF00;
text-decoration:underline;
}
#sideBar{
position: fixed;
width: auto;
height: auto;
top: 140px;
left:0px;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBwDx3M8TsNmOAXXvZFZ2MHkz_lqhxlSs7IXwMpsx5RsHvCsSO_smULC7SrtihGBKKEpIxgMyahltaAyvVWRazqn9CMgtTn5WXzvuiDownLdeorhQvZDuAGQaPN2sjJbOr6uUxS5sFoJcG/s320/left.collapse.border.png);
background-position:top right;
background-repeat:repeat-y;
}
#sideBarTab{
float:left;
height:137px;
width:28px;
}
#sideBarTab img{
border:0px solid #FFFFFF;
}
#sideBarContents{
float:left;
overflow:hidden !important;
width:200px;
height:320px;
}
#sideBarContentsInner{
width:200px;
}</style>
<div id="sideBar">
<div id="sideBarContents" style="display:none;">
<div id="sideBarContentsInner">
<h2>روابط مهمة</h2>
<ul>
<li><a href="الرابط 1">العنوان 1</a></li>
<li><a href="الرابط 2">العنوان 2</a></li>
<li><a href="الرابط 3">العنوان 3</a></li>
<li><a href="الرابط 4">العنوان 4</a></li>
<li><a href="الرابط 5">العنوان 5</a></li>
<li><a href="الرابط 6">العنوان 6</a></li>
</ul>

<div dir="rtl" style="text-align: right;" trbidi="on">
<a href="http://al-a7mari.blogspot.com/" target="_blank"><span style="color: #666666; font-size: xx-small;">Get this</span></a></div>

</div> </div>
<a id="sideBarTab" href="#"><img alt="sideBar" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizY7nrynsqpoOKUnPfDed8IHtxKCJbo7h4i_e1Na7zKm9fuxc-An1jA0OPOHsfglIXjwLEPUOAeWryzrG1jEndjyyw8aVc_yxfCUIuf1DOn8DtdM52VwD7sPmSvmNf2SyZV_vCt2UGjRg/s1600/sidebarcollapse.png" title="sideBar" /></a>
</div>




وعدل على الكود بما يناسبك , 


ما يجب تعديلة بالكود ليناسبك ,

مكان  العنوان   > ضع الكلمة التي يظهر بها الرابط , 

مكان كلمة الرابط > ضع الرابط الذي تريدة ,

( مع مراعاة ان كل عنوان ورابط لة رقم ) 

في الختام نتمنى ان الإضافة حازت على رضاكم متمنين لكم دوام الصحة والهناء ,

هذا الموضوع حصري على خبراء بلوجر , خالد الاحمري



اقراء المزيد

الجمعة، 25 يناير 2013

[كل ما تحتاجة لعمل مدونة أخبارية ] ملحقات للمدونات الاخبارية

12:42 م   ,   2 comments

بسم الله الرحمن الرحيم 
السلام عليكم ورحمة الله وبركاتة 

هنا في هذا الموضوع الحصري على معهد خبراء بلوجر , موضوع كالعادة مميز ولم يسبق لة مثيل , 

نعرض لكم اهم الاضافات لعمل مدونة اخبارية , اضافات مهمة تم جمعها هنا ليسهل لكم استخدامها بكل يسر وسهولة 
لا نود الاطالة عليكم .

نبداء بالاضافات ( مع الشرح )

إضافة قنوات البث المباشر الاخبارية 

# الشكل الاول :. ( في عمود المدونة )


الكود :.



<iframe frameborder="0" height="330" scrolling="no" src="http://k909.all-up.com/h40-page#" width="300"></iframe>



طريقة التركيب :.

اذهب للوحة تحكم بلوجر ثم التخطيط ثم إضافة أداة ثم اختر أداة HTML/JavaScript
# الشكل الثاني:. ( في صفحة خاصة )


يوضع الكود بصفحة خاصة بالمدونة أو وضعة بتدوينة . 

 إضغط هنا للحصول على الكود و الشرح بالفيديو ,

إضافة الصحف العربية 


الكود :.


<iframe frameborder="0" height="35" scrolling="no" src="http://k909.all-up.com/h41-page#" width="500"></iframe>


إضافة شريط آخر الاخبار (التدوينات ) للمدونة 

الكود سبق وجودة على المعهد في الموضوع التالي ,

للحصول على الكود بالشرح إضغط هنا , 

أكواد ساعات لمدونات اخبارية 







<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-174-2.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>
  
<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-171.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>
 


<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-61.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>
 

اقراء المزيد

الخميس، 27 ديسمبر 2012

إضافة[التصويت+المشاهدات ] للتدوينة بشكل جديد و انيق الى بلوجر

2:50 م     11 comments

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاتة ,

كما سبق وشاهدنا طرق لإضافة التصويت لتدوينات بلوجر وايضاً شاهدنا كود عدد المشاهدات للتدوينة في بلوجر , لكن الأن مع مدونة الاحمري , نشاهد شيء جديد ومذهل بالفعل , الاضافة المنتضرة من الجميع , (كود التصويت + المشاهدات للتديونة) كود واحد جمع بينهما بشكل جميل وانيق , ويضفي على التدوينة طابع لبق , حيث تتيح للزائر ان يبدي رائية بالموضوع و تتيح أيضاً معرفة عدد المشاهدات للتدوينة , 

أمثلة بالصور على ما نستعرضة اليوم :.


شرح التركيب على البلوجر 

أدخل على الرابط التالي  :  إضغط هنا 

بعد دخولك للموقع عند الضغط على الرابط تظهر لك اشكال للتصويت والمشاهدة أختر شكل من الاشكال التي تعجبك
ثم حدد على كلمة بلوجر ليظهر لك الكود المخصص لمنصة بلوجر لوضعة بالقالب ثم يظهر بالموضوع الذي بالمدونة

ثم إذهب الى منصة بلوجر 

وإذهب الى القالب 

وإبحث عن 



</head>
وضع الكود التالي قبلة 

<link type="text/css" rel="stylesheet" href="http://static.graddit.com/css/graddit.css"/>

ثم إبحث عن 

<data:post.body/>


وضع الكود الذي نسختة من الموقع فوقة إذا اردت ظهور التصويت والمشاهدات اعلى التدوينة , أو ضع الكود تحتة إذا اردت ظهور التصويت والمشاهدات أسفل التدوينة .

  

في الختام نتمنى انة التدوينة وكل تدوينة كتبت في هذة المدونة أن تحوز على رضاكم , ولا تنسوا إذا اردتم دعمنا أنشروا التدوينات على المواقع الاجتماعية وجزاكم الله خير على حسن مروركم .

اقراء المزيد

الثلاثاء، 28 أغسطس 2012

اكواد قنوات البث المباشر (كل قناة على حدة)

5:13 م     12 comments

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاتة
كتبت هذة التدوينة تحت طلب الاخ العزيز ( سعد العامري) وانا فتحت هذة المدونة لمساعدتكم و بالمقابل اتمنى منكم الدعاء لي ولوالدي,
كان طلب الاخ سعد هو اكواد قنوات البث المباشر كما قد انزلتها سابقاً بهذا الموضوع ,
ولاكنة اراد كود كل قناة لوحدها , واضن ان الاغلبية يريدونها ايضاً , وهذة مبادرة جيدة من الاخ سعد على تذكيرة لي , جزاه الله كل خير,
لا اطيل عليكم , القنوات ,كل صورة لقناة كودها تحتها وايضاً معاينتها ,
  
انتضروني فباقي الكثير من القنوات لم اضيفها وسوف احدث الموضوع
(الموضوع يتحدث حتى اضيف اكواد جميع القنوات )









اقراء المزيد

كيفية حماية حقوقك على صورك ومواضيعك بمدونتك

3:46 ص   ,   6 comments

 
بسم الله الرحمن الرحيم
 
السلام عليكم ورحمة الله وبركاتة
 
موضوعي اليوم موضوع مهم لكل مدون ومؤلف لتدويناتة , والموضوع سوف نستعرض فية مشكلة واجهت اغلب المدونين
 
الذين يكتبون تدويناتهم من تأليفهم و يتفاجئون بسرقتها بدون ذكر المصدر حتى !
 
لذالك الان سوف استعرض لكم عدة طرق للحد من هذة الضاهرة
 
وبالطبع لا يمكننا منعها بتاتاً ,
 
على بركة الله نبداء  بأستعراض الطرق بالتفصيل ,ان شاء الله ,
 

إضافة العلامات المائية على الصور (لحمايتها من السرقة)

الانترنت هو :منصة نتبادل وننشر فيها ما نريد (مقالات,صور,فيديو,احداث,حالات...إلخ)
 
لاكن! لايمكنك حماية حقوقك في هذا العالم فالسارقون هنا يحصلون على ما يوريدون بأي طريقة او ثمن
لذالك لا يوجد طريقة نهائية لمنع هاؤلاء الاشخاص ,
 
لكن ! لايمكنك القضاء عليهم نهائياً , ولكن يمكنك الحد من هذة الظواهر اللا محتملة ,
 
وهناك العديد من التقنيات لحماية صورك على الانترنت ومن بينها وابرزها واهمها هو وضع العلامات المائية على صورك او شعارك على الصور ,
 

منع زر الفائرة الايمن على صفحاتك

هناك كود تضعة بمدونتك يمنع استخدام الزر الايمن في صفحات مدونتك وهذا مفيد لبعض المدونات,
 
لاكن المدونات التطويرية والتي تعرض اكواد وإضافات لزوارها فلا تنفع لهم لانها تمنع الزائر من نس اي شيء بالصفحة حتى الاكود.
 
الكود :
 
 

طريقة تركيبة:.

توجه في مدونتك إلى: لوحة التحكم > تصميم > عناصر الصفحة > إضافة أداة > HTML/JavaScript

ثم ألصق هذ الكود في النافذة التي ستظهر لك

التقنيات المختلفة والفهرسة :

بالنسبة للفهرسة فبعض الاحيان انت تضيف صور لموضوعاتك وانت كتبت بموضوع ممنوع استخدام الصور بمواقع اخرى,
فكما نعرف بأن هناك قوقل للصور يعرص الصور من المواقع المؤرشفة لدية ,
 
وبعض المتصفحين لقوقل صور يأخذ الصور دون الاطلاع على الموضوع وعلى شرطك بعدم نسخ الصور ,
 
فيأخذ الصورة بدون ان يعلم وهو من غير قصد !
 
لذلك يمكنك منع ظهور صور مواضيعك بمحركات البحث فاستخدم شفرة (كود) ميتا تاج مزود بشرفرة منع ارشفة الصورة وركبة بمدونتك ,
انا حالياً لا املك هذة الشفرة في حال عثرت عليها سوف اضيفها هنا ,
 
وهناك تقنية اخرى تمنع اي زائر من نسخ الصور , والكود من اكتشافي على مدونة الاحمري ,
’,’,’للحصول على الكود على الرابط التالي ,’,’,
 
 طريقة تعطيل نسخ الصور للزوار (للحفاظ على صورك)

وايضاً هذا شرح فيديو لطريقة وضع حقوقك على الصور بالفوتوشوب
شرح وضع حقوقك على الصور بالفوتوشوب(طريقة عمل باترن)
وفي الختام هذي هي بعض من الطرق للحفاض على حقوقك على الصور والمواضيع ,
ولاكن اذا كنت تشارك بموضوعاتك على المنتديات العامة ولم تتخذ الاساليب الذاكرة اعلاة ,

فلن تجد نتيجة ترضيك ,

 حقوق,صور,مواضيعك,كود من النسخ,بلوجر,شرح,نسخ,لصق,مصدر الموضوع,انتهاك حقوق,قالب,بلوجر,وررد بريس,حصري,درس,صور,فيديو,مقالة,كاتب,كتابة,مواضيع,الله اكبر,كيفية حفظ الحقوق على الصور,حفظ حقوقك على الموضوع


اقراء المزيد

الجمعة، 24 أغسطس 2012

طريقة تعطيل نسخ الصور للزوار (للحفاظ على صورك)

4:29 م     11 comments

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاتة
اليوم وكالعادة  اكتشاف حصري ,
موضوعنا اليوم لتعلم طريقة منع نسخ الصورة (منع استخدام الزر الايمن على الصور)
يعني يضغط الزائر لينسخ الصورة فلا يضهر لة شيء
الاضافة اليوم بسيطة ,
هو فقط تغيير بسيط نقوم بة على كود اضافة صورة
كالعادة شكل الكود الذي نظيف فية صورة بأي موقع او مدونة
هو كتالي :




<img src="http://yoursite.com/image.png" />
وكل ما علينا هو إضافة الشفرة التالية بعد كود اضافة الصورة:




oncontextmenu="return false;" 
ليصبح شكل كود اضافة الصور كالشكل التالي :




<img src="http://yoursite.com/image.png" oncontextmenu="return false;" /> 
واستبدل ما باللون الاخضر برابط الصورة ,
انتها درسنا اليوم  ولا تنسوا مشاركة الموضوع على حساباتكم بالمواقع الاجتماعية,


اقراء المزيد

الخميس، 2 أغسطس 2012

إضافة المواقع الاجتماعية المنزلقة بأعلى المدونة .

1:34 م     2 comments

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاتة

كما اعتدتم بأجدد الاضافات والحصريات على مدونة الاحمري من ما تفضلون

jquery social slider widget

واليوم انا اتجحدث عن إضافة رائعة جدا ومفيدة لاأصحاب المدونات ,هذي الاضافة هي عبارة عن ازرار لصفحاتكم الاجتماعية
لاكن ما يميزها انها تظهر بأعلى الشاشة الخاصة بالزائر مما يلفت انتباهة ومن البديهي ان هذة الاضافة ستزيد من عدد المعجبين على
صفحات مدوناتكم بالمواقع الاجتماعية ’،



طريقة تركيب الاضافة
++++++++++++++++++++++++++++++++++++++++++++++++++++
إذهب الى
لوحة تحكم بلوجر  > تصميم > تحرير HTML

وبعد ذلك ,

أضغط على ctrl+F  للبحث عن > 

 <body>
وضع الكود التالي بعده مباشرة




<div class='clear'/>
< style>
/*Social Sharing Top Slider WIdget By AL-a7mari.blogspot.com*/
ul#navigation {
position: fixed;
margin: 0px;
padding: 0px;
top: 0px;
right: 0px;
list-style: none;
z-index:999999;
width:721px;
}
ul#navigation li {
width: 103px;
display:inline;
float:left;
border:0;
}
ul#navigation li a {
display: block;
float:left;
margin-top: -2px;
width: 100px;
height: 25px;
background-color:#eeeeee;
background-repeat:no-repeat;
background-position:50% 10px;
border:1px solid #BDDCEF;
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-bottom-left-radius: 10px;
text-decoration:none;
text-align:center;
padding-top:80px;
opacity: 0.96;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
ul#navigation li a:hover{
background-color:#CAE3F2;
}
ul#navigation li a span{
letter-spacing:2px;
font-size:11px;
color:#60ACD8;
font-family:trebuchet-ms, arial, tahoma, Sans-Serif;
font-weight:bold;
text-shadow: 0 -1px 1px #fff;
}
ul#navigation .facebook a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikdm0BD-chzrVp9ydGtMjtFCSNfyweD9hhfuU-LpVD6yxdKsrC5uKqB2jNy-YP_La-Wma00e8XnTDa1EkvvACbiOtzqBeMlMoABNq1ld-91iXv35t-BJNsrKVlP4yGbmMxzS3hlJXWGE4/s1600/%5Bbloggertricksdotbiz%5DFACEBOOK.png);
}
ul#navigation .twitter a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE7howUTNTc5vvN0FXdi3E6YAbV8gKeJCBL7iQPjLf61hOzTeUbcqCC8ggqUbMtsnRuH5d4ylx8hreVqDehwi6vu9HaxrD1cDVFvFJosOOil8IN4rTWD2di8imIStatXWmGrWqyj7_jE0/s1600/%5Bbloggertricksdotbiz%5DTWITTER.png);
}
ul#navigation .googleplus a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFwGkYZGY0HwFk93j0H_0BYS3OSM0WKhft3S3PVB6817S_DuMgFvH5eDyzokcY1pdM9BAkwZKftiVoo_f0HLMiJiC_2m4UpYBYZh4YO7Nmmdqh6yYDIjBfIWxjzv4aCh5acLy_DGbM7Io/s1600/%5Bbloggertricksdotbiz%5Dgplus.png);
}
ul#navigation .rss a{
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW_z-7HRU5lkpOTOHBRd7o5I0z6rL7AY7Inc-LijOs6Fu833dlZoreoquYlUifiRl0JFYzG7za4FO7euj5yMnMnES-g8iklzaB0NzA_4-UO3bgsx4eVBal5TOkxCtJmsBs8-yvibpU2kI/s1600/%5Bbloggertricksdotbiz%5DRSS.png);
}
ul#navigation .Contact a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA_5QhUPEHxRNt8sPtNZTwt-3Btip5bn-mbYDaVCBiYxsBZpeF5NxEnP06ZihlHnlHy8TKMEaoB96W7TE2ixPpUEtUw1x3HjmeMFVWN9bKHOEt1kWqAgThFChIDA1VZKJKAVqsU7fHSd0/s1600/%5Bbloggertricksdotbiz%5Dcontact.png);
}
/*Social Sharing Top Slider Widget Style End By BloggerTricks.Biz*/
< /style>
< script src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.js' type='text/javascript'>
< /script>
< script type='text/javascript'>
$(function() {
var d=300;
$(&#39;#navigation a&#39;).each(function(){
$(this).stop().animate({
& #39;marginTop&#39;:&#39;-80px&#39;
},d+=150);
});
$(&#39;#navigation &gt; li&#39;).hover(
function () {
$(&#39;a&#39;,$(this)).stop().animate({
& #39;marginTop&#39;:&#39;-2px&#39;
},200);
},
function () {
$(&#39;a&#39;,$(this)).stop().animate({
& #39;marginTop&#39;:&#39;-80px&#39;
},200);
}
);
});
< /script>
< ul id='navigation'>
< li class='facebook'><a href='http://www.facebook.com/ALa7mariBlog'>Facebook</a></li>
< li class='twitter'><a href='http://twitter.com/'>Twitter</a></li>
< li class='googleplus'><a href='https://plus.google.com/117741854943549093358'>Google+</a></li>
< li class='rss'><a href='http://feeds.feedburner.com/blogspot/IWDIm'>RSS</a></li>
< li class='Contact'><a href='http://al-a7mari.blogspot.com/p/blog-page_24.html'>Contact
Us</a></li></ul>




ما يلزمك تغييرة هو كالتالي :.                                           

                                    http://al-a7mari.blogspot.com/p/blog-page_24.html

استبدلة برابط صفحة اتصل بنا الخاصة بمدونتك

_________________________________________________________

استبدلة برابط التغذية الخاص بمدونتك

___________________________________________________________


استبدلة برابط صفحتك في +google
___________________________________________________________

استبدلة بصفحتك على تويتر
___________________________________________________________
استبدلة بصفحة مدونتك على الفيس بوك
_____________________________________________________________


وبكذا نكون انتهينا مع هذة الاضافة وترقبونا بإضافات جديدة وحصرية قريباً ,

واي مشاكل تواجهكم مع الاضافة يرجى ذكرها في التعليقات وسيتم حلها بإذن الله ,




اقراء المزيد
الاشتراك في: الرسائل ( Atom )

احصائيات

-- Internet Blogs
Internet blogs directory .
يوتيوب,سبق,صور,facebook ,فيس ,فيس بوك ,حافز قياس,موقع,حافز,نور,موقع نور,للطلاب ,تويتر,youtube,الرياض Instagram