This is default featured post 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

الأربعاء، 6 يونيو 2012

Leaves Fall Social Bookmark Button For Blogger Post

Leaves Fall Social Bookmark Butt

Leaves Fall Social Bookmark Button For Blogger Post

1.Log in to your dashboard--> layout- -> Edit HTML
3.Scroll down to where you see this:






<data:post.body/>
 



4.Copy below code and paste it immediately after the line <data:post.body/>.



<div style='clear:both; '>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9ob2bz_gaJDZOWJxyj-zhm6G6_Gke7xE9_OOjwo0AhGFXlpo1RztSPpwgZob-Thfc1bDN2ZrYK8K77R1mySjnLecqiOyiEBaAAAxHaHUo2O0FZR0ZnjmZyBvDdsAPzZHZbkOMqVK-bkR7/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnTi48tXETGTkt4MvqEDHnCoJOm6PHV4YfpGIA-e-hqlZe8qCIWHD_I5pl8Z0tAmYj3n9y2RMfsCTEoMCxY5h2xS6H4s1ZPbVgE90_xN5gLLZlXeqCHgLX-L95-dtg9tU_OCjAvgFU1EsD/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTRxlsD2PaWmwjKJGqcS_YtIFE63PegEO7vvECUz-hnX8BgOoA3Il3l54zmsi7t2OwEWFYNts_KfOqGyXg4mr-L0ocdS5ntL-gX7Cpe8SfJGWIs8bRq01zIe54AYjN1Ir8f_UF1m7ZAEzQ/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJXtgJw9O102lrjkiMZWAooLjpK-8MDXwPqfal8aQDV07iBqzWUW2UYuCiEGTAQS7AIGSEdg3X_nUbibtQg0Ou1yuHHc8xnas0QnKJW8P2_28fQDjzZAZ3t3rdVwUPjX4mFhNZqUeWDkXW/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOIr-SiOtaNGB7jQCijo-gNNJ9xjuoKv4vJLdwPuX3o6LywsjACL4_C03713dOz6QgHpcywh0h2dANuMud7k7-kJyAenydGrllOqIumk016qBwiV_d9J8HUmV-JqAfCtQEcT4NKaT9mZ4t/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdF9OUH2lm4uGd3hwawsEmJBzCncFRHDXqzwtv4GrDWNxQjejw5W4dSC8aaTbQ_uYX6EgUMWVyRP2qN_puGEpTbKB9mbhF4E5FgqjoIpdctqHFeCqCXIVpg-xLpjpVPPGVFsHLrc5UwCwK/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://reddit.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn1qPEA3-de3COKH8dauwIUK49nRZWfMQmCls0oQz8lnBdi_DtXCawToAngZ-BjFNlKrDT1k8ypq5BzUh0KbNY8E5IYRMaQbQGGMEDMN_z_a8x1yC7V4L0dMdpvDgXQV-Dx94Kg0ssR5Zj/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='external nofollow' target='_blank'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju8p6R4z75X_tGFA4HXgnOkmCqGWJD0Y152P_xP3cWUlJWdH1yoaMLQpHZiykSrKdnFAXd8ix2ZeB3MtpVMzHEGF8lt3NQsQXvutVx011fvkCXC6xn888XSEhwi0ZQrWncxbrcWIK7pyvf/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>



5.Click on "Save Templates" and now you are done.It will look like this.

جروب عشاق لوست

Feed Facebook Twitter Reddit Digg Technorati Delicious Stumble

الاثنين، 9 أبريل 2012

كيفية إضافة موقع أو مدونة في المواضيع بخاصية Iframe على مدونات بلوجر

كيفية إضافة موقع أو مدونة في المواضيع بخاصية Iframe على مدونات بلوجر


السلام عليكم ورحمة الله تعالى وبركاته،بعد طرحي للموضوع السابق حول "حذف خاصية Iframes من محركات البحث للصور لزيادة إحصائيات مدونات بلوجر والمواقع"   قمت بعمل هذه الخاصية في مدونتي حيث قمت بعرض مدونة صديقي العزيز ذؤيب داخل المدونة مع إمكانية التصفح فيها من دون الخروج من مدونتي ،أي يمكن إضافة أي موقع على المدونة والتصفح فيه كما تشاء من داخل المدونة ،تلقيت عدة رسائل خاصة حول كيفية تطبيق هذه الخاصية على مدونات بلوجر الشيء الذي جعلني لن أبخل عليكم بشرح كيفية تطبيقها على مدوناتكم .

تسمى هذه الخاصية بإسم Iframe وهذا مثال على هذه الخاصية ،حيث يمكنك تصفح مدونة ذؤيب الموجودة داخل الموضوع كيف ما تشاء,مع إمكانية التحكم في طول وعرض الصفحة .


ملاحظة هامة : إذا كان الموقع الذي ترغب في إدراجه في التدوينة يستعمل الكود الذي قمنا بشرحه في الدرس السابق حول كيفية  "حذف خاصية Iframe من محركات البحث للصور لزيادة إحصائيات مدونات بلوجر والمواقع" ،فلن يظهر في التدوينة لأنه تم تعطيل هذه الخاصية وسوف يتم التوجه مباشرة إلى الموقع الذي تم إدراجه عند فتح التدوينة .
  • الآن نتوجه إلى التطبيق :
لإضافة موقع معين داخل التدوينة ،توجه إلى تحرير Html  للرسائل وقم بإضإفة هذا لكود في المكان الذي تريد فيه عرض الموقع ، مع إدخال رابط الموقع في الكود.
<iframe frameborder="0" height="800" src="ضع رابط الموقع هنا" width="100%"></iframe>
يمكنك التعديل على طول وعرض الصفحة من خلال  height  و width ,ثم قم بنشر التدوينة وتوجه للمعاينة .
ولأي إستفسار المرجوا ترك تعليقاتكم أسفل الموضوع،تقبوا تحياتي 

Feed Facebook Twitter Reddit Digg Technorati Delicious Stumble

إضافة صندوق إشترك فى خدمة رسائل مدونة بلوجر


  إضافة صندوق إشترك فى خدمة رسائل مدونة بلوجر

السلام عليكم و رحمة الله تعالى و بركاته ،إخواني أخواتي الكرام في هذا الدرس سوف نتعرف على كيفية إضافة أداة "صندوق إشترك فى خدمة رسائل مدونة بلوجر" والذي يعتبر من أهم الأدوات التي يجب أن تتوفر عليها كل مدونة ,وتكمن أهميتها في جعل كل مشترك في هذه الخدمة دائما على إطلاع على كل جديد المدونة و ذلك بتوصله بكل موضوع جديد كتبته على مدونتك عن طريق بريده الإلكتروني ،أليست هذه الخدمة رائعة حقاً ؟ كلنا نعلم الطريقة التقليدية لإضافة هذه الأداة و ذلك عن طريق الحصول على الكود من موقع فيد بيرنرFeedburnerولكن هذه الإضافة التي أقترحها عليكم تتضمن كذلك دعوة الزوار في الإشتراك عبر التويترTwitter وخلاصات RSS كذلك عبر الفيسبوك Facebook،والآن أترككم مع التطبيق .
وقبل تطبيق هذه الإضافة يجب عليك التوفر على :
  1. رابط تغذية خلاصةRSS
  2. رابط الاشتراك فى القائمة البريدية فى حسابك بالفيدبرنر Feedburner
  3. رابط حسابك على تويتر Twitter
  4. رابط حسابك على فيسبوك Facebook
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascript
ولآن الصق الكود التالي :






<!-- Email subsciption box -->
<form id="subscribe" action="http://feedburner.google.com/fb/a/mailverify?uri=feedburner/simo" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=feedburner/simo', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><b style="color: rgb(102, 51, 255);">إذا أعجبتك مدونتي</b> وتريد التوصل بكل المواضيع الجديدة ،كن السبّاق وقم بإدخال بريدك الإلكتروني و إنتظر الجديد

<div style="text-align: center;">
<input autocomplete="off" value="" id="subbox" onfocus="if (this.value == &#39;ضع بريدك الالكتروني هنا...&#39;) {this.value = &#39;&#39;;}" onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email address...&#39;;}" name="email" style="width: 200px; background-repeat: no-repeat ! important; background-image: url(&quot;chrome://sxipper/skin/images/field_icon_R.png&quot;) ! important; background-position: right center ! important; padding-left: 0px ! important;" type="text" />
<input value="simo" name="uri" type="hidden" />
<input name="loc" value="en_US" type="hidden" />
<input value="إشترك الآن" id="subbutton" type="submit" />
</div>

<div>
<center>
<table>
<tbody><tr>
<td>
<a href="http://feeds.feedburner.com/feedburner/simo"><img src="http://feeds.feedburner.com/%7Efc/sma-b%20?bg=99CCFF&amp;fg=111111&amp;anim=1" style="border: 0pt none;" alt="" height="26" width="88" /></a>
</td><td>
<script type="text/javascript" language="JavaScript" src="http://twittercounter.com/embed/Abuiyad007/ffffff/111111"></script>
</td>
</tr>
</tbody></table></center>
</div>

<div style="padding-left: 10px;">
<table>
<tbody><tr><td>
<a href="http://feeds.feedburner.com/feedburner/simo%20" target="_blank" title="اشترك في اخر التدوينات"><img style="float: left; margin-right: 5px; width: 20px; height: 20px;" src="http://cocorico.com/wp-content/themes/FrenchCulture/images/rss2.gif" /></a><a href="http://feeds.feedburner.com/feedburner/simo?format=xml%20" target="_blank" title="اشترك في اخر التدوينات">اشترك عبر RSS Feed</a>
</td></tr>
<a href="http://www.facebook.com/pages/mdwnt-abw-ayad/129817460386636" target="_blank" title="Facebook "><img style="float: left; margin-right: 5px; width: 70px; height:70px;" src="http://www.aeropassion.net/blog/dc-sites/leblog/public/News_Jedicut/Facebook_128.png" /></a>
<a href="http://www.facebook.com/pages/mdwnt-abw-ayad/129817460386636" target="_blank" title="Facebook ">تواصل عبر facebook</a>

<tr><td>
<a href="http://twitter.com/Abuiyad007" target="_blank" title="Twitter time"><img style="float: left; margin-right: 5px; width: 70px; height: 70px;" src="http://www.annuaire-tourisme-evasion.com/themes/GlobalGlobes/images/twitter.png" /></a><a href="http://twitter.com/Abuiyad007" target="_blank" title="Twitter "> اتبعني عبر Twitter</a>
</td></tr>
</tbody></table></div>
<!-- /Email subsciption box --></form>
لا تنسى تبديل ما باللون الأحمر بإسم حسابك على RSS ,twitter,Facebook,Feedburner
أتمنى أن تنال إعجابكم ولأي إستفسار أنا رهن الإشارة
أنتظر تشجيعاتكم

Feed Facebook Twitter Reddit Digg Technorati Delicious Stumble

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

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

السلام عليكم و رحمة الله تعالى و بركاته،في هذه الفقرة سوف نقوم بإضافة جميلة تتعلق بالتعليقات و ذلك بإظهار عدد التعليقات أمام كل عنوان للتدوينة مما تسهل للزائر معرفة عدد التعليقات في الموضوع بدون الهبوط اإلى أسفل الصفحة و الان أترككم مع التطبيق انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم. قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F).


ثم قم بوضع قبله مباشرة الكود التالي : 




الآن قم بالبحث على هذا الكود ثم أضف ما لون باللون الأحمر :




أتمنى أن تنال إعجابكم في إنتظار تشجيعاتكم

Feed Facebook Twitter Reddit Digg Technorati Delicious Stumble

إضافة قائمة أفقية بتأثيرات لامعة لمدونات بلوجر


  إضافة قائمة أفقية بتأثيرات لامعة لمدونات بلوجر

مرحبا بكم من جديد هذه المرة سوف نقوم بإضافة " قائمة أفقية " لمدونات بلوجر بشكل جديد بل بأشكال جديدة وبعدة ألوان مصممة حسب ذوقكم والتي تظفي جمالية أكثر لمدونات بلوجر لقد قمت بتعريبها لتتناسب مع المدونات العربية،لكم الإختيار في اللون المناسب حسب مدونتكم 
،رائعة أليس كذلك،والآن نذهب مباشرة للتطبيق. 

 معاينة 
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحرير, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم. 
قم بالبحث عن الكود التالي :لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء. 

</head> 
ثم ضع الكود التالي فوقه : 
<link href='http://sites.google.com/site/mohamedabuiyad/horizontal-bar/abu-iyad.css' rel='stylesheet' type='text/css'/><font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>
قم بحفظ القالب ثم توجه إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascript 
ولآن الصق الكود التالي : 
<ul class="abu-iyad"> 
<li class="current"><a href="http://abu-iyad.blogspot.com/"><b>الرئيسية</b></a></li> 
<li><a href="http://abu-iyad.blogspot.com/2010/05/abu-iyad.html"><b>فهرس المدونة</b></a></li> 
<li><a href="http://abu-iyad.blogspot.com/2010/05/blog-post_3377.html"><b>بلوجر</b></a></li> 
<li><a href="http://abu-iyad.blogspot.com/search/label/SEO?&max-results=6"><b>SEO </b></a></li> 
<li><a href="http://abu-iyad.blogspot.com/2010/04/blog-post.html"><b>إتصل بنا</b></a></li> 
</ul>
و لإضافة تسميات أخرى على القائمة الأفقية ما عليك سوى إضافة مثل هذا الكود
<li><a href="رابط التسمية "><b>التسمية</b></a></li> 
 فوق السمة :
</ul>
ولاتنسي تبديل مالون بالأحمر بإسم التسمية ورابطها على الكود 

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


كما ذكرت سابقا لدينا الآن 5 نماذج من القوائم الأفقية ويمكنك إختيار أي واحدة حسب ألوان مدونتك ،عليك سوى تبديل الكلمة ذات اللون الأزرق " abu-iyad" بأحد هذه الكلمات : 

  1. abu-iyad
  2. abu-iyad bleu
  3. abu-iyad vert
  4. abu-iyad orange
  5. abu-iyad violet
ولا تنسى أن تقوم بتبديل ما لون باللون الأحمر بروابط مدونتك وتبديل ما لون باللون الأخضربعناون القائمة . 
أتمنى أن تنال إعجابكم ، فلا تبخلوا علينا بتعليقاتكم ،في إنتظار تشجيعاتكم

Feed Facebook Twitter Reddit Digg Technorati Delicious Stumble

شارك مواضيع المدونـة

Twitter Delicious Facebook Digg Stumbleupon Favorites

 

للمزيد من القوالب العربية مـدونــة عشاق لوسـت | تطوير والتعديل ملك مصرى | تعريب العسال | صفحتنا على الفيس بوك