اضف اداة , هاك عداد المواضيع والتعليقات

السلام عليكم ....

موضوعنا اليوم عن اضافة هاك عداد المواضيع و التعليقات و هي اداة مهمة لكل زوار المدونة ليعرفوا فاعلية المدونة من خلال التعليقات و عدد المواضيع المضافة و ايضا للمعلنين في المواقع و قبل كل ذلك صاحب المدونة

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

الطريقة :

1. اذهب الى التخطيط  Layout

2. عناصر الصفحة  Page Elements

3.اضافة اداة  Add a Gadget

4. HTML/JavaScript

5. انسخ الكودCode HTML التالي :

 

<script style="text/javascript">

function numberOfPosts(json) {

document.write('عدد المواضيع: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');

}

function numberOfComments(json) {

document.write('عدد التعليقات: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');

}

</script>

<font color="black"><script src="http://raykcool.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>

<script src="http://raykcool.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></font>

و خلي بالك هتغير موقع مدونة رايق كول باللون الاحمر الى موقعك

6. اضغط حفظ Save

و مبروك عليك الاداة

تابع القراءة »

اضف اداة Page Rank

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

كل ما عليك فعلة هو ان تدخل على الموقع http://www.prchecker.info/

و تدخل البيانات التي يطلب منك

ثم تختار حجم الادة ثم اضغط على زر get it سوف يظهر لك كود : html

1. نذهب الى لوحة التحكم

2. تخطيط ثم عناصر الصفحة

3. اضافة اداة

4. اختار كود html ثم الصق فيه الكود الذي حصلت علية من الموقع

5. اضغط حفظ

تابع القراءة »

اضافة اداة الترجمة من جوجل للبلوجر Google Translation

 أداة الترجمة من جوجل  , اضافة أداة الترجمة من جوجل 

 , تركيب أداة الترجمة من جوجل 

 , وضع أداة الترجمة من جوجل 

 , انشاء أداة الترجمة من جوجل 

 , كيفية تركيب أداة الترجمة من جوجل 

 , كيفية انشاء أداة الترجمة من جوجل 

 , تركيب أداة الترجمة من جوجل 

 , هاك أداة الترجمة من جوجل 

 2011 , كود أداة الترجمة من جوجل 

 2011 , هاك أداة الترجمة من جوجل 

 2011 للبلوجر , كود أداة الترجمة من جوجل 

 2011 للبلوجر

كما تكلمنا من قبل عن  

كيف تضيف شريط اخر المواضيع في مدونتك ؟ 

الان موضوعنا عن اضافة

أداة الترجمة من جوجل مع RAYKCOOL

طبعا هي إضافة قديمة نوعا ما لكن تكون مفيدة للمنطلقين في عالم التدوين 

طريقة اضافة الاداة الى مدونتك : 

1 : افتح لوحة التحكم الخاصة بمدونتك . 

2 : ثم اختار تخطيط ثم عناصر الصفحة . 

3 : نضغط رابط "إضافة أداة" ثم اختار Html/Javascript 

4 : انسخ الكود الذى تريده من الاربع اشكال متنوعة بما يتناسب مع مدونتك . 

5 : اضغط على (حفظ ) . 

الشكل الاول

<div style="border:1px solid #ccc;padding:10px 0px 3px 0px;text-align:center;background-min-width:150px; margin: 5px 0 5px 0;"><div align="center" style="width:auto;"><!-- Arab to Chinese (Simplified) BETA --><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Czh-CN&hl=ar&ie=UTF8'); return false;" title="Arab to Chinese (Simplified) BETA"><img style="cursor: pointer;" alt="Arab to Chinese (Simplified) BETA" src="http://i25.tinypic.com/1zbgkz6.jpg" title="Arab to Chinese (Simplified) BETA" border="0" height="18" width="24" /></a><!-- Arab to English --><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Cen&hl=ar&ie=UTF8'); return false;" title="Arab to English "><img style="cursor: pointer;" alt="Arab to English " src="http://i31.tinypic.com/11mdgz9.jpg" title="Arab to English" border="0" height="18" width="24" /></a><!-- Arab to French --><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Cfr&hl=ar&ie=UTF8'); return false;" title="Arab to French "><img style="cursor: pointer;" alt="Arab to French " src="http://i29.tinypic.com/2psktx0.jpg" title="Arab to French " border="0" height="18" width="24" /></a><!-- Arab to Italian --><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Cit&hl=ar&ie=UTF8'); return false;" title="Arab to Italian"><img style="cursor: pointer;" alt="Arab to Italian" src="http://i25.tinypic.com/17qxy1.jpg" title="Arab to Italian" border="0" height="18" width="24" /></a><!-- Arab to German --><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Cde&hl=ar&ie=UTF8'); return false;" title="Arab to German"><img style="cursor: pointer;" alt="Arab to German" src="http://i28.tinypic.com/ayrq09.jpg" title="Arab to German" border="0" height="18" width="24" /></a><!-- Arab to Hindi --><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Chi&hl=ar&ie=UTF8'); return false;" title="Arab to Hindi"><img style="cursor: pointer;" alt="Arab to Italian" src="http://i27.tinypic.com/5y4ua8.jpg" title="Arab to Hindi" border="0" height="18" width="24" /></a><!--Arab to Japanese BETA--><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Cja&hl=ar&ie=UTF8'); return false;" title="Arab to Japanese BETA"><img style="cursor: pointer;" alt="Arab to Japanese BETA" src="http://i31.tinypic.com/30vzlli.jpg" title="Arab to Japanese BETA" border="0" height="18" width="24" /></a><!-- Arab to Korean BETA --><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Cko&hl=ar&ie=UTF8'); return false;" title="Arab to Korean BETA"><img style="cursor: pointer;" alt="Arab to Korean BETA" src="http://i31.tinypic.com/116s2sl.jpg" title="Arab to Korean BETA" border="0" height="18" width="24" /></a><!-- Arab to Russian BETA --><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Cru&hl=ar&ie=UTF8'); return false;" title="Arab to Russian BETA "><img style="cursor: pointer;" alt="Arab to Russian BETA " src="http://i30.tinypic.com/n18qkj.jpg" title="Arab to Russian BETA " border="0" height="18" width="24" /></a><!-- Arab to Spanish --><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Ces&hl=ar&ie=UTF8'); return false;" title="Arab to Spanish "><img style="cursor: pointer;" alt="Arab to Spanish " src="http://i30.tinypic.com/2cgxwdx.jpg" title="Arab to Spanish " border="0" height="18" width="24" /></a>

<br /></div>^{بدعم من} <img align="absbottom" src="http://i28.tinypic.com/ilempw.jpg" /><br/><small><a href="http://raykcool.blogspot.com/2010/01/google-translation.html" target="_blank">احصل على هذه الإضافة</a> </small><br/></div>

الشكل الثاني

<div style="border:1px solid #ccc;padding:10px 0px 3px 0px;text-align:center;background-min-width:300px; margin: 5px 0 5px 0;"><div align="center" style="width:auto;"><!-- Arab to Chinese (Simplified) BETA --><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Czh-CN&hl=ar&ie=UTF8'); return false;" title="Arab to Chinese (Simplified) BETA"><img style="cursor: pointer;" alt="Arab to Chinese (Simplified) BETA" src="http://i25.tinypic.com/1zbgkz6.jpg" title="Arab to Chinese (Simplified) BETA" border="0" height="18" width="24" /></a><!-- Arab to English --><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Cen&hl=ar&ie=UTF8'); return false;" title="Arab to English "><img style="cursor: pointer;" alt="Arab to English " src="http://i31.tinypic.com/11mdgz9.jpg" title="Arab to English" border="0" height="18" width="24" /></a><!-- Arab to French --><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Cfr&hl=ar&ie=UTF8'); return false;" title="Arab to French "><img style="cursor: pointer;" alt="Arab to French " src="http://i29.tinypic.com/2psktx0.jpg" title="Arab to French " border="0" height="18" width="24" /></a><!-- Arab to Italian --><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Cit&hl=ar&ie=UTF8'); return false;" title="Arab to Italian"><img style="cursor: pointer;" alt="Arab to Italian" src="http://i25.tinypic.com/17qxy1.jpg" title="Arab to Italian" border="0" height="18" width="24" /></a><!-- Arab to German --><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Cde&hl=ar&ie=UTF8'); return false;" title="Arab to German"><img style="cursor: pointer;" alt="Arab to German" src="http://i28.tinypic.com/ayrq09.jpg" title="Arab to German" border="0" height="18" width="24" /></a><!-- Arab to Hindi --><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Chi&hl=ar&ie=UTF8'); return false;" title="Arab to Hindi"><img style="cursor: pointer;" alt="Arab to Italian" src="http://i27.tinypic.com/5y4ua8.jpg" title="Arab to Hindi" border="0" height="18" width="24" /></a><!--Arab to Japanese BETA--><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Cja&hl=ar&ie=UTF8'); return false;" title="Arab to Japanese BETA"><img style="cursor: pointer;" alt="Arab to Japanese BETA" src="http://i31.tinypic.com/30vzlli.jpg" title="Arab to Japanese BETA" border="0" height="18" width="24" /></a><!-- Arab to Korean BETA --><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Cko&hl=ar&ie=UTF8'); return false;" title="Arab to Korean BETA"><img style="cursor: pointer;" alt="Arab to Korean BETA" src="http://i31.tinypic.com/116s2sl.jpg" title="Arab to Korean BETA" border="0" height="18" width="24" /></a><!-- Arab to Russian BETA --><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Cru&hl=ar&ie=UTF8'); return false;" title="Arab to Russian BETA "><img style="cursor: pointer;" alt="Arab to Russian BETA " src="http://i30.tinypic.com/n18qkj.jpg" title="Arab to Russian BETA " border="0" height="18" width="24" /></a><!-- Arab to Spanish --><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Ces&hl=ar&ie=UTF8'); return false;" title="Arab to Spanish "><img style="cursor: pointer;" alt="Arab to Spanish " src="http://i30.tinypic.com/2cgxwdx.jpg" title="Arab to Spanish " border="0" height="18" width="24" /></a>

<br /></div>^{بدعم من} <img align="absbottom" src="http://i28.tinypic.com/ilempw.jpg" /><br/><small><a href="http://raykcool.blogspot.com/2010/01/google-translation.html" target="_blank">احصل على هذه الإضافة</a> </small><br/></div>

الشكل الثالث

<div style="border:1px solid #ccc;padding:10px 0px 3px 0px;text-align:center;background-min-width:156px; margin: 5px 0 5px 0;"><div align="center" style="width:auto;"><!-- Arab to Chinese (Simplified) BETA --><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Czh-CN&hl=ar&ie=UTF8'); return false;" title="Arab to Chinese (Simplified) BETA"><img style="cursor: pointer;" alt="Arab to Chinese (Simplified) BETA" src="http://i25.tinypic.com/1zbgkz6.jpg" title="Arab to Chinese (Simplified) BETA" border="0" height="9" width="12" /></a><!-- Arab to English --><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Cen&hl=ar&ie=UTF8'); return false;" title="Arab to English "><img style="cursor: pointer;" alt="Arab to English " src="http://i31.tinypic.com/11mdgz9.jpg" title="Arab to English" border="0" height="9" width="12" /></a><!-- Arab to French --><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Cfr&hl=ar&ie=UTF8'); return false;" title="Arab to French "><img style="cursor: pointer;" alt="Arab to French " src="http://i29.tinypic.com/2psktx0.jpg" title="Arab to French " border="0" height="9" width="12" /></a><!-- Arab to Italian --><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Cit&hl=ar&ie=UTF8'); return false;" title="Arab to Italian"><img style="cursor: pointer;" alt="Arab to Italian" src="http://i25.tinypic.com/17qxy1.jpg" title="Arab to Italian" border="0" height="9" width="12" /></a><!-- Arab to German --><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Cde&hl=ar&ie=UTF8'); return false;" title="Arab to German"><img style="cursor: pointer;" alt="Arab to German" src="http://i28.tinypic.com/ayrq09.jpg" title="Arab to German" border="0" height="9" width="12" /></a><!-- Arab to Hindi --><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Chi&hl=ar&ie=UTF8'); return false;" title="Arab to Hindi"><img style="cursor: pointer;" alt="Arab to Italian" src="http://i27.tinypic.com/5y4ua8.jpg" title="Arab to Hindi" border="0" height="9" width="12" /></a><!--Arab to Japanese BETA--><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Cja&hl=ar&ie=UTF8'); return false;" title="Arab to Japanese BETA"><img style="cursor: pointer;" alt="Arab to Japanese BETA" src="http://i31.tinypic.com/30vzlli.jpg" title="Arab to Japanese BETA" border="0" height="9" width="12" /></a><!-- Arab to Korean BETA --><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Cko&hl=ar&ie=UTF8'); return false;" title="Arab to Korean BETA"><img style="cursor: pointer;" alt="Arab to Korean BETA" src="http://i31.tinypic.com/116s2sl.jpg" title="Arab to Korean BETA" border="0" height="9" width="12" /></a><!-- Arab to Russian BETA --><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Cru&hl=ar&ie=UTF8'); return false;" title="Arab to Russian BETA "><img style="cursor: pointer;" alt="Arab to Russian BETA " src="http://i30.tinypic.com/n18qkj.jpg" title="Arab to Russian BETA " border="0" height="9" width="12" /></a><!-- Arab to Spanish --><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Ces&hl=ar&ie=UTF8'); return false;" title="Arab to Spanish "><img style="cursor: pointer;" alt="Arab to Spanish " src="http://i30.tinypic.com/2cgxwdx.jpg" title="Arab to Spanish " border="0" height="9" width="12" /></a>

<br /></div>^{بدعم من} <img align="absbottom" src="http://i28.tinypic.com/ilempw.jpg" /><br/><small><a href="http://raykcool.blogspot.com/2010/01/google-translation.html" target="_blank">احصل على هذه الإضافة</a> </small><br/></div>

الشكل الرابع

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=ar&w=160&h=60&title=&border=&output=js"></script><style>.ig_tbl_img .ig_smbluetext{font-family:arial,sans-serif;font-variant:normal;font-style:normal;word-spacing:normal;letter-spacing:normal;vertical-align:middle;text-transform:none;text-indent:0;line-height:normal;white-space:normal;color:#0000cc;font-size:9px;}.ig_tbl_img .ig_lgbluetext{font-family:arial,sans-serif;font-variant:normal;font-style:normal;word-spacing:normal;letter-spacing:normal;vertical-align:middle;text-transform:none;text-indent:0;line-height:normal;white-space:normal;color:#0000cc;font-size:12px;}.ig_tbl_img .ig_smbluelink, .ig_tbl_img .ig_smbluelink:link{font-family:arial,sans-serif;font-variant:normal;font-style:normal;word-spacing:normal;letter-spacing:normal;vertical-align:middle;text-transform:none;text-indent:0;line-height:normal;white-space:normal;color:#0000cc;font-size:9px;text-decoration:underline;}.ig_tbl_img .ig_lgbluelink, .ig_tbl_img .ig_lgbluelink:link{font-family:arial,sans-serif;font-variant:normal;font-style:normal;word-spacing:normal;letter-spacing:normal;vertical-align:middle;text-transform:none;text-indent:0;line-height:normal;white-space:normal;color:#0000cc;font-size:12px;text-decoration:underline;}.ig_tbl_line .ig_smbluetext{font-family:arial,sans-serif;font-variant:normal;font-style:normal;word-spacing:normal;letter-spacing:normal;vertical-align:middle;text-transform:none;text-indent:0;line-height:normal;white-space:normal;color:#0000cc;font-size:9px;}.ig_tbl_line .ig_lgbluetext{font-family:arial,sans-serif;font-variant:normal;font-style:normal;word-spacing:normal;letter-spacing:normal;vertical-align:middle;text-transform:none;text-indent:0;line-height:normal;white-space:normal;color:#0000cc;font-size:12px;}.ig_tbl_line .ig_smbluelink, .ig_tbl_line .ig_smbluelink:link{font-family:arial,sans-serif;font-variant:normal;font-style:normal;word-spacing:normal;letter-spacing:normal;vertical-align:middle;text-transform:none;text-indent:0;line-height:normal;white-space:normal;color:#0000cc;font-size:9px;text-decoration:underline;}.ig_tbl_line .ig_lgbluelink, .ig_tbl_line .ig_lgbluelink:link{font-family:arial,sans-serif;font-variant:normal;font-style:normal;word-spacing:normal;letter-spacing:normal;vertical-align:middle;text-transform:none;text-indent:0;line-height:normal;white-space:normal;color:#0000cc;font-size:12px;text-decoration:underline;}.ig_smbluelink:hover{font-family:arial,sans-serif;font-variant:normal;font-style:normal;word-spacing:normal;letter-spacing:normal;vertical-align:middle;text-transform:none;text-indent:0;line-height:normal;white-space:normal;color:#3366cc;font-size:9px;text-decoration:underline;}.ig_smbluelink:visited{font-family:arial,sans-serif;font-variant:normal;font-style:normal;word-spacing:normal;letter-spacing:normal;vertical-align:middle;text-transform:none;text-indent:0;line-height:normal;white-space:normal;color:#551a8b;font-size:9px;text-decoration:underline;}.ig_smbluelink:active{font-family:arial,sans-serif;font-variant:normal;font-style:normal;word-spacing:normal;letter-spacing:normal;vertical-align:middle;text-transform:none;text-indent:0;line-height:normal;white-space:normal;color:#ff0000;font-size:9px;text-decoration:underline;}.ig_lgbluelink:hover{font-family:arial,sans-serif;font-variant:normal;font-style:normal;word-spacing:normal;letter-spacing:normal;vertical-align:middle;text-transform:none;text-indent:0;line-height:normal;white-space:normal;color:#3366cc;font-size:12px;text-decoration:underline;}.ig_lgbluelink:visited{font-family:arial,sans-serif;font-variant:normal;font-style:normal;word-spacing:normal;letter-spacing:normal;vertical-align:middle;text-transform:none;text-indent:0;line-height:normal;white-space:normal;color:#551a8b;font-size:12px;text-decoration:underline;}.ig_lgbluelink:active{font-family:arial,sans-serif;font-variant:normal;font-style:normal;word-spacing:normal;letter-spacing:normal;vertical-align:middle;text-transform:none;text-indent:0;line-height:normal;white-space:normal;color:#ff0000;font-size:12px;text-decoration:underline;}</style><style>.ig_tbl_img table,.ig_tbl_img tr,.ig_tbl_img td,.ig_tbl_img a,.ig_tbl_img span,.ig_tbl_line table,.ig_tbl_line tr,.ig_tbl_line td,.ig_tbl_line a,.ig_tbl_line span,ig_reset{margin:0;padding:0;padding-left:0;padding-right:0;border:0;border-collapse:collapse;float:none;clear:none;width:auto;height:auto;background:transparent none;background-position:0%;font-family:arial,sans-serif;font-variant:normal;font-style:normal;word-spacing:normal;letter-spacing:normal;vertical-align:middle;text-transform:none;text-indent:0;line-height:1.0;white-space:normal;top:auto;bottom:auto;}</style><table class="ig_reset ig_tbl_line" width="160"><tbody><tr><td colspan="2" style="vertical-align: bottom; text-align: center; width: 100%;"> <br /></td></tr><tr><td style="height: 2px;"><br /></td></tr><tr><td colspan="2"></td>^{بدعم من} <img align="absbottom" src="http://i28.tinypic.com/ilempw.jpg" /><br/><small><a href="http://raykcool.blogspot.com/2010/01/google-translation.html" target="_blank">احصل على هذه الإضافة</a> </small><br/></div></tbody></table></div> 

يارب يكون عجبكم الموضوع و فادكم رجاء اضافة ارائكم و تعليقاتكم 

تابع القراءة »

اضافة المواقع الاجتماعية فى مدونتك لنشر المقلات من عليها

طريقة اضافة bookmarks snews                   و  ,  طريقة اضافة bookmarks snews , اضافة طريقة اضافة bookmarks snews , انشاء طريقة اضافة bookmarks snews , تركيب , طريقة اضافة bookmarks snews , وضع طريقة اضافة bookmarks snews , تثبيت طريقة اضافة bookmarks snews , طريقة تثبيت طريقة اضافة bookmarks snews , طريقة انشاء طريقة اضافة bookmarks snews , تركيب هاك طريقة اضافة bookmarks snews للبلوجر , تركيب كود طريقة اضافة bookmarks snews للبلوجر , هاك 2011 طريقة اضافة bookmarks snews , كود 2011 طريقة اضافة bookmarks snews , طريقة ترطيب علاما للمواقع الاجتماعية فى مدونة بلوجر ,  

السلام عليكم ...... موضوعنا النهاردة عن اضافة bookmarks snews و دة شكلها :

و طبعا الاداة دي بتساعد على مشاركة الزوار لمواضيع مدونتك في المواقع الاجتماعية زي الفايس بوك facebook و تويتر و غيرها من مواقع التواصل الاجتماعية و انت نفسك كصاحب المدونة او الموقع ممكن تستفيد من الاداة دي في اشهار موقعك و موضوعاتك بين اصحابك في المواقع الاجتماعية 

وطبعا يا شباب احنا عايزين نضيف الاداة دي تحت كل موضوع نكتبة 

الطريقة :

**متنساش تاخد نسخة احتياطية من القالب **

1. نفتح لوحة التحكم و نختار تخطيط

2. نختار html

3. نضغط على توسيع القالب ثم ctrl+f و نبحث عن الكود التالي :

<div class='post-footer'>

 4. نضع اسفله مباشر الكود التالي :

احصل على الكود الخاص بك من الموقع التالي

اضغط هنااااا

اختار الاداة التي تناسبك و احصل على الكود الخاص بك

و بعد كدة بدوس حفظ

كدة انت اضفت الاداة تحت كل موضوع انت كتبتة او هتكتبة بعدين

اسألكم الدعاء لى و للامة الاسلامية جميعا

جميع تعليقاتكم و استفسارتكم مرحب بها

تابع القراءة »

اضافة قطع للمدونة في الهيدر او الفوتر

,   طريقة  اضافة قطع للمدونة فى الهيدر او الفوتر , كيفية , كيفية   طريقة  اضافة قطع للمدونة فى الهيدر او الفوتر 

 , طريقة   طريقة  اضافة قطع للمدونة فى الهيدر او الفوتر 

 , انشاء   طريقة  اضافة قطع للمدونة فى الهيدر او الفوتر 

 , هاك   طريقة  اضافة قطع للمدونة فى الهيدر او الفوتر 

 , كود   طريقة  اضافة قطع للمدونة فى الهيدر او الفوتر 

 , طريقة انشاء   طريقة  اضافة قطع للمدونة فى الهيدر او الفوتر 

 , هاك   طريقة  اضافة قطع للمدونة فى الهيدر او الفوتر 

 , كود   طريقة  اضافة قطع للمدونة فى الهيدر او الفوتر 

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

2011 , هاك   طريقة  اضافة قطع للمدونة فى الهيدر او الفوتر 

 2011 , 

اضافة قطع للمدونة في الهيدر او الفوتر

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

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

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

الطريقة : 

1. اذهب الى لوحة التحكم ثم تخطيط ثم html

2. دوس ctrl+f و اكتب اي جزء من الكود التالي:

القطعة الخاصة برأس المدونة  header-wrapper

<div id="header-wrapper"> <b:section class="header" id="header" maxwidgets="1" showaddelement="no">

3. غير القيم لتصبح بالشكل التالي :

<div id="header-wrapper"> <b:section class="header" id="header" maxwidgets="3" showaddelement="yes">

القطعة الخاصة بجسم المدونة  main-wrapper

<div id="main-wrapper"> <b:section class="main" id="main" showaddelement="no">

3.غير القيم لتصبح بالشكل التالي :

<div id="main-wrapper"> <b:section class="main" id="main" showaddelement="yes">

ملاحظة 

ربما تجد كلمة main-wrap او حتى main بدلا من main-wrapper

وكذلك ربما تجد كلمة haeder-wrap او headrer بدلا من header-wrapper

بشكل عام وللتبسيط على الجميع

ابحث فى صندوق الاكواد عن كل كلمة showaddelementثم غير قيمتها التى بين القوسين واجعلها yes بدلا من no

وابحث ايضا عن كل كلمة maxwidget

ثم غير قيمتها التى بين القوسين الى الرقم 3 بدلا من 1

بعد الانتهاء احفظ القالب

ثم اذهب الى لوحة القطع (تخطيط > عناصر الصفحة ) لتجدها اصبحت بهذا الشكل

تابع القراءة »

اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر

طريقة اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , اضافة اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , كيفية اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , تركيب اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , وضع اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , انشاء اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , تركيب اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , كيفية اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , عمل اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , هاك اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , كود اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , اضافة هاك 2011 اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر , اضافة كود 2011 اضافة القائمة المنسدلة لمدونات , لللمدونة , بلوجر

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

وصف الاداة :

اضافة القائمة المنسدلة لمدونتك - Add drop-down list to your blog

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

كما ان هذة الطريقة المميزة تعمل على زيادة شهرة مدوناتك لانهم مرتبطين ببعض بهذة الاداة مما يزيد فرصة دخول الزوار على باقي مدوناتك و اقسامها المختلفة ...

الطريقة :

1. افتح لوحة التحكم الخاصة بمدونتك للذهاب اليها 
2. ادخل على تصميم و بعد كدة تحرير HTML
3. اضغط توسيع قوالب عناصر واجهه المستخدم
4. لازم تاخد نسخة احتياطية من القالب علشان لو حصل حاجة لا قدر الله للذهاب للموضوع 

5. ابحث عن الكود التالي :  ( يمكنك البحث بالضغط على ctrl + f )

]]></b:skin>

و الان الصق الكود التالي فوقها مباشرة :

/*** Nav bar styles ***/ ul.nav, .nav ul{ /*Remove all spacings from the list items*/ margin: 0; padding: 0; cursor: default; list-style-type: none; display: inline; } ul.nav{ display: table; } ul.nav>li{ display: table-cell; position: relative; padding: 6px 6px; } ul.nav li>ul{ /*Make the sub list items invisible*/ display: none; position: absolute; max-width: 40ex; margin-left: -6px; margin-top: 6px; } ul.nav li:hover>ul{ /*When hovered, make them appear*/ display : block; } .nav ul li a{ /*Make the hyperlinks as a block element, sort of a hover effect*/ display: block; padding: 6px 10px; } /*** Menu colors (customizable) ***/ ul.nav, .nav ul, .nav ul li a{ background-color: #fff; color: #369; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGTV0TKlLQ8vsiTphC4LirUMvsJtjBxtUbYk5LXOJmC7mnQxHPUPEPJdgnO6x4_ND72SfpObTgjzSM2wl1SjaPG82IsmNZBt1qI4s3HTL88z-Aw03L_NVIZWdq9r6FE7gZcskKhzNF8NVJ/s1600/%D9%82%D8%A7%D8%A6%D9%85%D8%A9.jpg') no-repeat top center; } ul.nav li:hover, .nav ul li a:hover{ background-color: #369; color: #fff; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJs43qV7TJObab88VW8Eiuo1WMB-p-VtIRPaGX5_5BOhOzgs6sd3-cTyOMQznMAfIMK5yfim-bSXObHzNXCt0m5iqD3dKPS4qpx_elKtzewGJQaJnMoqAotM5-hAqkcx2C0n2jAT1svtT0/s1600/Untitled-2hjk.jpg') no-repeat top center; } /*for more hacks and tricks visit us : http://raykcool.blogspot.com*/ ul.nav li:active, .nav ul li a:active{ background-color: #036; color: #fff; } /*rayk cool for blogger tricks*/ ul.nav, .nav ul{ border: 1px solid #0000FF; } .nav a{ text-decoration: none; }

  


 6. اضغط حفظ القالب 

و الان لاضافة اداة القائمة المنسدلة

1. ادخل على تصميم ثم عناصر الصفحة
2. اضغط اضافة اداة
3. اختر اضافة HTML/JavaScript
4. انسخ الكود التالي بداخلها


**ملاحظة : هذا الكود يجب اضافته في بانر يسمى crosscol و ذلك ليتم عرضها بشكل افقي بجانب بعض و ليس بشكل رأسي تحت بعض
طب تعرف انهي قسم الي بضيف فيه ؟!!!
و انت بتضيف الاداة هتلاقي في رأس الصفحة مكان اللينك في الاخر اسم القسم الذي تضيف به الادة كما بالصورة

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

<ul class="nav"> <li><span style="font-family:Arial;"><strong> <a href="http://raykcool.blogspot.com/"><font color="#000099">الصفحة الرئيسية</font></a></strong><span style="color: #000099; font-weight:700"> </span></span></li> <li><strong><span style="font-family:Arial"> <font color="#000099"> <a href="http://raykcool.blogspot.com/search/label/دروس%20للمدونات"> <font color="#000099">مدونات</font><font color="#000099"><span lang="ar-eg"> البلوجر</span></font></a></font></span></strong><ul> <li><span lang="ar-eg"> <a href="http://raykcool.blogspot.com/search/label/%D9%86%D8%B5%D8%A7%D8%A6%D8%AD%20%D8%A7%D9%84%D8%AA%D8%AF%D9%88%D9%8A%D9%86"> <span style="font-family:Arial; font-weight:700"><font color="#000099">نصائح التدوين</font></span></a></span></li> <li><span lang="ar-eg"> <a href="http://raykcool.blogspot.com/search/label/%D8%A7%D8%B4%D9%87%D8%A7%D8%B1%20%D9%85%D9%88%D9%82%D8%B9%D9%83"> <span style="font-family:Arial; font-weight:700"><font color="#000099">اشهار المواقع</font></span></a></span></li> <li><span lang="ar-eg"> <a href="http://raykcool.blogspot.com/search/label/%D8%A7%D8%AF%D9%88%D8%A7%D8%AA%20%D9%85%D9%87%D9%85%D8%A9%20%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%AA%D9%83"> <span style="font-family:Arial; font-weight:700"><font color="#000099">ادوات مهمة لمدونتك</font></span></a></span></li> <li><span lang="ar-eg"> <a href="http://raykcool.blogspot.com/search/label/hack"> <span style="font-family:Arial; font-weight:700"><font color="#000099">هاكات</font></span></a></span></li> <li> <a href="http://raykcool.blogspot.com/search/label/Free%20Blogger%20templates"> <span style="font-family: Arial; font-weight: 700" lang="ar-eg"> <font color="#000099">قوالب مجانية</font></span></a></li> <li><span style="font-family:Arial; font-weight:700"> <a href="http://raykcool.blogspot.com/search/label/اسئلة%20الزوار"> <font color="#000099">اسئلة الزوار</font></a></span></li> </ul></li> <li><strong><a href="http://raykcool.blogspot.com/search/label/كلام×كلام"> <span lang="ar-eg"><font color="#000099"><span style="font-family: Arial"> كلام رايق</span></font></span></a></strong><ul> <li><span style="font-family:Arial; font-weight:700"> <a href="http://raykcool.blogspot.com/search/label/كلام%20في%20الحب"> <font color="#000099">كلام × الحب</font></a></span></li> <li><span style="font-family:Arial; font-weight:700"> <a href="http://raykcool.blogspot.com/search/label/كلام%20في%20الاسلام"> <font color="#000099">كلام × الاسلام</font></a></span></li> <li> <span style="font-family: Arial; font-weight: 700; color: #000099" lang="ar-eg"> <a href="http://raykcool.blogspot.com/search/label/خواطر"> <font color="#000099">خواطر</font></a></span></li> <li><span lang="ar-eg"><font color="#000099"> <span style="font-family: Arial; font-weight: 700"> <a href="http://raykcool.blogspot.com/search/label/تهيس%20دوت%20كوم"> <font color="#000099">ضحك و تهييس</font></a></span></font></span></li> </ul></li> <li><span lang="ar-eg"><font color="#000099"> <span style="font-family: Arial; font-weight: 700"> <a href="http://raykcool.blogspot.com/search/label/للمرأة%20فقط"> <font color="#000099">ركن المرأة</font></a></span></font></span><ul> <li><a href="http://raykcool.blogspot.com/search/label/أزياء"> <span lang="ar-eg"><b><font face="Arial" color="#000099">ال</font></b></span><span lang="ar-eg"><font color="#000099" face="Arial"><b>ازياء</b></font></span></a></li> <li><b><span lang="ar-eg"> <a href="http://raykcool.blogspot.com/search/label/مأكولات"> <font color="#000099" face="Arial">المأكولات</font></a></span></b></li> <li><b><span lang="ar-eg"> <a href="http://raykcool.blogspot.com/search/label/التجميل"> <font color="#000099" face="Arial">التجميل</font></a></span></b></li> </ul></li> <li><span style="font-family:Arial;"><strong> <a href="http://cool-wp.blogspot.com/"><font color="#000099">خلفيات</font></a></strong><a href="http://raykcool.blogspot.com/search/label/%D9%81%D9%86%D9%88%D9%86"><span style="font-weight:700"><font color="#000099"> </font></span></a></span> <ul> <li><span style="font-weight:700; font-family:Arial; color:#000099"> <a href="http://cool-wp.blogspot.com/search/label/3D-Art"> <font color="#000099">مجسم</font></a></span></li> <li><span style="font-weight:700; font-family:Arial; color:#000099"> <a href="http://cool-wp.blogspot.com/search/label/Anime"> <font color="#000099">انيميات</font></a></span></li> <li><span style="font-weight:700; font-family:Arial; color:#000099"> <a href="http://cool-wp.blogspot.com/search/label/windows"> <font color="#000099">ويندوز</font></a></span></li> <li><span style="font-weight:700; font-family:Arial"> <a href="http://cool-wp.blogspot.com/search/label/Celebrities"> <font color="#000099">مشاهير</font></a></span></li> </ul></li> <li><span style="font-weight:700; font-family:Arial"> <a href="http://al3b-online.blogspot.com/"><font color="#000099">العاب فلاش</font></a></span></li> <li><a href="http://gm3ty.blogspot.com"> <span style="font-family:Arial;font-weight:700" lang="ar-eg"> <font color="#000099">جمعتي اون لاين</font></span></a></li> <li><strong><span style="font-family:Arial"> <a href="http://raykcooldownload.blogspot.com/"><font color="#000099">قسم التحميل</font></a></span></strong><span style="font-family:Arial;"><a href="http://raykcool.blogspot.com/search/label/%D9%81%D9%86%D9%88%D9%86"><span style="font-weight:700"><font color="#000099"> </font></span></a></span> <ul> <li><span style="font-family:Arial; font-weight:700"> <a href="http://raykcooldownload.blogspot.com/search/label/برامج%20كاملة"> <font color="#000099">برامج كاملة</font></a></span></li> <li><span style="font-family:Arial; font-weight:700"> <a href="http://raykcooldownload.blogspot.com/"><font color="#000099">العاب كاملة</font></a></span></li> <li><span style="font-family:Arial;color:rgb(0, 0, 153)" lang="ar-eg"> <a href="http://raykcooldownload.blogspot.com/"> <span style="font-weight:700"><font color="#000099">افلام</font></span></a></span></li> <li><span style="font-family:Arial;color:rgb(0, 0, 153)" lang="ar-eg"> <a href="http://raykcooldownload.blogspot.com/search/label/اغاني"> <span style="font-weight:700"><font color="#000099">اغاني</font></span></a></span></li> </ul></li> <li><span style="font-family:Arial;"><strong> <a href="http://raykcooldl.blogspot.com/"><span style="font-weight:700"> <font color="#000099">free download</font></span></a></strong><a href="http://raykcool.blogspot.com/search/label/%D9%81%D9%86%D9%88%D9%86"><span style="font-weight:700"><font color="#000099"> </font></span></a></span> <ul> <li><a href="http://raykcooldl.blogspot.com/search/label/Application"> <span style="font-family: Arial; font-weight: 700; "> <font color="#000099">full application</font></span></a></li> <li><a href="http://raykcooldl.blogspot.com/search/label/Games"> <span style="font-family: Arial; font-weight: 700; "> <font color="#000099">full games</font></span></a></li> <li><a href="http://raykcooldl.blogspot.com/search/label/Movie"> <span style="font-family: Arial; font-weight: 700; "> <font color="#000099">movies</font></span></a></li> <li><a href="http://raykcooldl.blogspot.com/search/label/Music"> <span style="font-family: Arial; font-weight: 700; "> <font color="#000099">mp3</font></span></a></li> </ul></li> <li><strong><span lang="ar-eg"><font color="#000099"> <span style="font-family: Arial; font-weight: 700"> <a href="http://raykcool.blogspot.com/2010/09/blog-post_7194.html"> <font color="#000099">الفهرس</font></a></span></font></span></strong></li> <li><span style="font-family:Arial;"><strong><font color="#CC3300"> <span lang="ar-eg" style="font-weight: 700"> <a href="http://raykcool.blogspot.com/search/label/site%20services"> <font color="#000099">ادارة الموقع</font></a></span></font></strong><a href="http://raykcool.blogspot.com/search/label/%D9%81%D9%86%D9%88%D9%86"><span style="font-weight:700"><font color="#000099"> </font></span></a></span> <ul> <li><span style="color: rgb(0, 0, 102);font-family:Arial;" ><strong> <a href="http://raykcool.blogspot.com/2010/04/contact-me.html"> <font color="#000099">اتصل بي</font></a></strong></span></li> <li><strong><a href="http://raykcool.blogspot.com/search/label/Writers"> <span style="font-family: Arial" lang="ar-eg"><font color="#000099">كتاب الموقع</font></span></a></strong></li> <li><strong> <a href="http://raykcool.blogspot.com/search/label/التبادل%20الاعلاني"> <span style="font-family: Arial; " lang="ar-eg"><font color="#000099">للاعلان</font></span></a></strong></li> </ul></li> </ul>

و الان كل ما عليك فعله هو تغيير الاقسام و الاقسام الفرعية بالاقسام الخاصة بمدونتك
ارجو ان يكون الموضوع افادكم و لو في اي حاجة مبهمة ( حلوة مبهمة دي :) قولولي و انا اوضحها اك

تابع القراءة »

اضافة اداة مواضيع ذات صلة بالصور

طريقة اضافة اداة اضافة اداة مواضيع ذات صلة بالصور , اضافة اداة مواضيع ذات صلة بالصور , كيفية اضافة اداة مواضيع ذات صلة بالصور , تركيب اضافة اداة مواضيع ذات صلة بالصور , وضع اضافة اداة مواضيع ذات صلة بالصور , اضافة اداة مواضيع ذات صلة بالصور للبلوجر , كيفية اضافة اداة مواضيع ذات صلة بالصور للبلوجر , طريقة اضافة اداة مواضيع ذات صلة بالصور للبلوجر , كود اضافة اداة مواضيع ذات صلة بالصور للبلوجر , هاك اضافة اداة مواضيع ذات صلة بالصور للبلوحر , هاك 2011 اضافة اداة مواضيع ذات صلة بالصور , كود 2011 اضافة اداة مواضيع ذات صلة بالصور , تركيب هاك وكود اضافة اضافة اداة مواضيع ذات صلة بالصور للبلوجر , شرح تركيب اضافة اداة مواضيع ذات صلة بالصور للبلوجر , شرح تركيب كود وهاك اضافة اداة مواضيع ذات صلة بالصور للبلوجر

السلام عليكم .... اهنئكم ببداية الدراسة و ادعيلكم ربنا يعينكم ههههه

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

موضوعنا النهاردة في دروس المدونات عن اضافة جديدة في المدونات و هي 
اضافة اداة موضوعات ذات صله بالصور 
Related posts with thumbnails
و قد تكلمنا في موضوع سابق عن هذة الاضافة و كانت عبارة عن لينكات فقط و ليس بها صور

اضافة ادة مواضيع ذات صلة 

اداة اليوم عبارة عن هاك او كود هتمل يضاف في المدونة ليضيف اسفل كل موضوع المواضيع المشابهه او المرتبطة او ذات علاقة بهذا الموضوع
مميزاتها :
1. تضيف شكل جمالي الى الموضوعات لانها ذات صور
2. فعالة جدااا لانها تري زوارك المواضيع الاخرى في موقعك
3. تجعل زائرك لا يغادر الموقع لان عند مشاهده اي موضوع يجذبه موضوع اخر :)
4. زيادة ارباحك و مشاهدات اعلاناتك و مضاعفة ضغطات الاعلانات
5. زيادة الروابط الخاصة بمدونتك داخل المواضيع مما يشهر باقي مواضيعك
6. يحسن تقيمك لدى محرك بحث جوجل و باقي محركات البحث 
و لزيادة ارشفة جوجل و باقي محركات البحث لموقعك و صفحات موقعك



ولان
الطريقة :
1. ادخل هذا الموقع لتسجيل بياناتك ( اضغط هنا )
2. ادخل ايميل و رابط مدونتك ثم اختار نوع مدونتك سواء بلوجر او وردبريس ثم حجم الاداة اربع او خمس مواضيع
My blog has light text on a dark background معناها ان مدونتك ذات خلفية غامقة فيعطيك الاداة شفافة
اخيرا اضغط على get widget للحصول على الاداة

3. اضف الاداة الى مدونتك كما في الصور التالية :

4. حدد مكان الاداة كما في الصورة ثم اضغط تطبيق على المدونة او حفظ

شكل الاداة بعد الانتهاء ....

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

تحياتي لكل متابعينا

تابع القراءة »