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

رمضان كريم والله يتقبل الطاعات

 اليوم اضافة جديدة لبلوجر وهي اضافة المواضيع الاكثر تعليقاً تكون المواضيع بهذا الشكل

لتطبيق الاضافة الى مدونتك ادخل الى لوحة تحكم المدونة ثم التخطيط ثم اضافة اداةHTML\JavaScrpt

ثم اضف الكود التالي 

<script language='JavaScript'>
aBold = true;
numposts=200;
maxshowresult=5;
home_page = "رابط مدونتك";
</script>
<script src='http://olusegun-fapohunda-calculator.googlecode.com/svn/popular-post-widget-for-blogger.js' type='text/javascript'></script>

اضف رابط مدونتك 
اذا ترغب بأضافة اكثر من خمس مواضيع غير الرقم 5 الى الرقم الذي ترغب به  

.. Résumé bloggeradsenseo

اضافة زر اشتراك بروفايلك بالفيس بوك

 سيتلقى المشتركون منشوراتك العامة ولن تتم إضافتهم كأصدقاء. بإمكانك إجراء 

محادثات أوسع نطاقاً حول مواضيع عامة 

وإبقاء التحديثات الشخصية خاصة بالأصدقاء

التركيب 

ادخل الى اعدادات الحساب

ثم المشتركون

ثم ضع علامة صح على المربع كما بالصورة 

.. Résumé bloggeradsenseo

طريقة حذف حساب الفيس بوك نهائياً

بسم الله والصلاة والصلاة والسلام على رسول الله محمد واله وصحبه وسلم

درسنا اليوم طريقة حذف حساب الفيس بوك نهائياً

اولاً عليك تسجيل الدخول بالحساب الذي ترغب بحذفه
ثم اضغط على الرابط التالي :
https://www.facebook.com/help/delete_account 

ثم ستظهر لك الصفحة التالية اضغط على حذف حسابي

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

 

.. Résumé bloggeradsenseo

اضافة صندوق المتابعين في تويتر بمدونة بلوجر2013

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

السلام عليكم

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

الاضافة تكون في الصفحة الجانبية لبلوجر

للتطبيق

ادخل الى لوحة تحكم مدونتك من هنا

ثم تخطيط ثم اضافة اداة HTML\JavaScript

ثم اضف الكود التالي

<!– twitter fan box –> <script src="http://s.moopz.com/fanbox_init.js" type="text/javascript">
</script><div id="twitterfanbox">
</div>
<script type="text/javascript">
fanbox_init("mokdam44");
</script><div style=”font-size:10px;”> <a href=”http://www.iraqshop1.blogspot.com/2012/02/add-twitter-fan-box-to-blogger-blog.html”>Twitter Followers Box</a></div>
 <!– end twitter fan box –></!–></!–>

 غير  mokdam44 الى اسمك على تويتر

انتهى  تعليقاتكم بخصوص الاضافة

.. Résumé bloggeradsenseo

اضافه ترقيم الصفحى جميل جدا 2013

 في هذه التدوينه سوف نقوم باضافه ترقيم لصفحات مدونتك والمشاركات باسلوب انيق جدا

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

نبدء الشرح 

1- قم بنسخ الكود الذي في الاسفل

2- قم بالذهاب الى لوحت تحكم مدونتك 

3- اختر قالب ومن ثم انسخ نسخه احتياطيه من قالبك لتفادي الخطا ان وقع واضغط على تحرير HTML

4- اضغط على زر تنسيق النموذج وابحث عن الكود التالي باستخدام ctrl + f قم بالبحث عن </body> 

واضف هذا الكود قبلها

<style type="text/css">
    .showpageArea{padding:10px;color : #003366;text-align : left;width : 100%;}
    .showpage a {float:left;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPrD-HePVs1bF0jrD0PSHroDYSHa4lSMoQ8DcZBFEMX4HyYc0tSnC3uWQ7opKpwaVnVhTfMcjzAib60uEESR4V7GqSpLy-gSstzNFCwgBoxiiS7I0eFxbW5SOzdcvYK3AYY5ATh22GjTOk/) no-repeat 0 0;text-align : center;width : 127px;height : 42px;text-align : center;display : block;margin : 0 5px;color : #333;padding-top : 6px;}
    .showpage a:hover {color : #333;margin : 0 5px;padding-top : 6px;}
    .showpageOf{float:left;padding-top : 6px;}
    .showpageNum a {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidlHrORnFYBKRD3QYpCn0Bv77Z-gawddnVJwrXM_1QWelyXw5EM6WZ7xx6TQ0kT3dRUhiFbr-4iaL66Dgcrj7-ZD3_MCUnNKXAqpsnMLgChelZIj6kNVbC314tGevjGH3ecOjLzNltCgaC/) no-repeat 0 0;width : 37px;height : 42px;display : block;text-align : center;float : left;margin : 0 5px;padding-top : 6px;text-decoration : none;color : #333;}
    .showpageNum a:hover {background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidlHrORnFYBKRD3QYpCn0Bv77Z-gawddnVJwrXM_1QWelyXw5EM6WZ7xx6TQ0kT3dRUhiFbr-4iaL66Dgcrj7-ZD3_MCUnNKXAqpsnMLgChelZIj6kNVbC314tGevjGH3ecOjLzNltCgaC/) no-repeat 0 100%;color : #fff;}
    .showpagePoint {background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidlHrORnFYBKRD3QYpCn0Bv77Z-gawddnVJwrXM_1QWelyXw5EM6WZ7xx6TQ0kT3dRUhiFbr-4iaL66Dgcrj7-ZD3_MCUnNKXAqpsnMLgChelZIj6kNVbC314tGevjGH3ecOjLzNltCgaC/) no-repeat 0 100%;width : 37px;height : 42px;display : block;float : left;text-align : center;margin : 0 5px;padding-top : 6px;font-weight : bold;color : #fff;}
    .showpageNum a:link, .showpage a:link {text-decoration : none;color : #cc0000;}
</style>
<script style='text/javascript'>
var pageCount=5;
var displayPageNum=1;
var upPageWord="السابق";
var downPageWord="التالي";
</script>
<script type='text/javascript' src="http://widgets.way2blogging.org/blogger-widgets/w2b-beautiful-pagenavi.js"/>

ملاحظه : اذا ارتم تغيير كلمه التالي او السابق فحسب رغبتكم 



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

.. Résumé bloggeradsenseo

اضافه زر تويتر والفيس بوك وكوكل بلس الى بلوجر 2013

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

وكل عام اوانتم بالف خير ورمضان كريم وعيد سعيد

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

عائه اي ان عند نزولك للاسفل سوف تضهر بالجانب اليمين من موقعك وعند صعودك تختفي واتمنى ان تعجبكم

ولا اريد ان اطول في شرح هذه الاضافه الجميله لنبدء بشرح الاضافه 

1 - نذهب الى لوحه تحكم مدونتك

2- من لوحه مدونتك اذهب الى تخطيط

3- اضافه اداه ( اضف جافا سكربت ) او 'HTML/Javascript

4 - انسخ الكود واضفه بداخله بدون كتابه اي عنوان او وصف وغير ما يلزم تغييره حسب لون مدونتك

<style>

#socialslide{background: rgb(41, 40, 40) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuRRGwoXAyhyphenhyphenp4ZIHLJLsGBwdM4Ap6G18pbvn21YQd9U-tpsXz6L7HZ6-l2Xc-_H2yxZ1BCYG-QvQyfSVJ1SBrCFHwYeIik_GSRY1IoMjRnzY8l_UCiIumO3S-KyshWvq6mkGkJUxc5Gg/s1600/recbg-btrix.png) left top repeat-x;

border-radius: 9px;

-moz-border-radius: 9px;

-webkit-border-radius: 9px;

-moz-box-shadow: inset 0 0 3px #333;

-webkit-box-shadow: inset 0 0 3px #333;


ht: 65px;
}




style>




<
/



cript 
<
s

box-shadow: inner 0 0 3px #333;

padding: 12px 14px 12px 14px;







bottom: 13px



width: 300px;

position: fixed

;;

right: 2px;

display: none;
z-index: 3;


he
i

gtype="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>



()/4)$("#socialslide").show("slow");else $("#socialslide").hide("slow");});function closesocialslide(){$('#msocialslide').remove();$.ajax({type:"POST",url:"/facebookpage.php"});}</script>
<div style="display: none;" id="socialslide">



x;color:#555
<a style="position:absolute;top:14px;right:10
p
<script type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).heigh
t;font-size:10px;font-weight:bold;" href="javascript:void(0);" onclick="return closesocialslide();">(X)</a>
<span style="font-family: Tekton Pro; font-size: 20px; margin: 10px 0; text-shadow: 1px 1px 0 #FFFFFF;">Don't forget to join our community!</span><br />
<div style="float:left; margin:15px;"><g:plusone annotation="none"></g:plusone></div>



dth:80px; height:21px;" allowtransparency="true"></iframe></div>

div style="float:left; margin:15px;"><a href="https://twitter.com/bloggertrix" class="twitter-follow-button" data-show-count="false" data-size="large" data-show-screen-name="false">Follow @hannygames</a>


<<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform

<div style="float:left; margin:15px;"><iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fbloggertrix&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; w
i.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div>
</div>



<div class='clear'></div>

1- غير ما بالون الاحمر الى رابط صوره الهيدر الاعلى للاضافه

2 - غير ما بالون الازرق الى اسمك في تويتر

3 - غير ما بالون الاصفر باسم صفحتك في فيس بوك

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

يرجى عدم نقل الموضوع بدون ذكر المصدر

.. Résumé bloggeradsenseo

اضافة بلوجر،ازرار المواقع الاجتماعيه بشكل بقّالات ، جميل جدا 2013

 

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

اقدم لكم اليوم ازرار المواقع الاجتماعيه في شكل بقالات جميله

يمكنك وضع هذه الازرار اسف كل تدوينيه او بجانب المدونه ستساعدك

في اشهار صفحة الفيس بوك  او حساب تويتر التابع لك و غيرها من الاستخدامات

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

الان مع كيفية التركيب:

•  اذهب للوحة تحكم مدونتك.
• تخطيط.
• اضف اداة " HTML/Javascript "
• الصق الكود التالي بداخلها مع تعديل المطلوب:

<style>
/* Social Icons 
----------------------------------------------- */

a.social-icons {
 margin-right: 5px; /*Adjust This Value As Needed*/
height:45px;
width:45px;
}

a.social-icons:hover {
 opacity: .7;
 filter:alpha(opacity=70); /* For IE8 and earlier */
}   height:45px;
width:45px;
</style>

<a class="social-icons" href="رابط صفحتك على الفيس بوك"><img src="http://icons.iconarchive.com/icons/dembsky/social-store/72/Facebook-shop-icon.png" /></a>
<a class="social-icons" href="https://twitter.com/اسمك في تويتر"><img src="http://icons.iconarchive.com/icons/dembsky/social-store/72/twitter-shop-icon.png" /></a>
<a class="social-icons" href="رابط قناتك في اليوتيوب"><img src="http://icons.iconarchive.com/icons/dembsky/social-store/72/youtube-shop-icon.png" /></a>
<a class="social-icons" href="رابط التغذيه لمدونتك"><img src="http://icons.iconarchive.com/icons/dembsky/social-store/72/rss-shop-icon.png" /></a>

الان عدل المطلوب في الكود و اضغط حفظ.

و اي استفسار او خدمه يمكنك وضعه في تعليق و انا سارد في

اسرع وقت ممكن.

تحياتي.

.. Résumé bloggeradsenseo

أضف زر دعوة أصدقاء الفيس بوك إلى بلوجر و ووردبريس مهمه جدا لكل مدون

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

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

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

لمعاينة الإضافة إضغط على هذا الزر لدعوة الأصدقاء

لمشاهده الاضافه اضغط هنا

كيفية عمل زر دعوة أصدقاء الفيس بوك

1. الخطوة الأولى:

إنشاء تطبيق على الفيس بوك :

وذلك بالتوجه إلى صفحة مطورى الفيس بوك وكتابة إسم مدونتك كما بالصورة ثم إضغط " containue" 

ثم ادخل رمز التحقق وإضغط متابعة.

فى الصفحة التالية فى لوحة تحكم التطبيق إملأ بيانات التطبيق كما يلى:

أضف اسم موقعك والنطاق الخاص به (مثلا على مدونات بلوجر التى لا تستخدم نطاق أو دومين خاص  أضف blogspot.com ) ثم أضف رابط موقعك كاملا كما موضح بالصورة  ثم حفظ الإعدادات.

أيضًا انسخ معرف التطبيق ( App ID) لإضافته إلى الكود المستخدم.

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

إذا كان موقعك على بلوجر فإتبع هذه الخطوات:

- اذهب إلى لوحة التحكم ثم تخطيط

- أضف أداة Html& Javascript

- انسخ الكود التالى وأضيفه إلى الأداة 

<style>
/*Facebook Invite Friends Button CSS http://conda3ianllkhir.blogspot.com/*/
.DrRO_fb_invite a{
font-family: "lucida grande", tahoma, verdana, arial, sans-serif ! important;
 font-weight:bold ! important;
 font-size:12px ! important;
 width:150px ! important;
 border:solid #29447e 1px ! important;
 border-bottom:solid #1a356e 1px ! important;
 cursor:pointer ! important;
 padding:6px 6px 6px 6px ! important;
 background-color:#5c75a9 ! important;
 border-top:solid #8a9cc2 1px ! important;
 text-align:center ! important;
 color:#fff ! important;
text-decoration:none  ! important;
}

.DrRO_fb_invite a:active{
 background-color:#4f6aa3;
}
/*End CSS http://conda3ianllkhir.blogspot.com/*/
</style>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
FB.init({
appId:' رقم معرف التطبيق',
cookie:true,
status:true,
xfbml:true
});
function FacebookInviteFriends()
{
FB.ui({
method: 'apprequests',
message: 'ادعو الأصدقاء لمتابعة مدونة كن داعيا للخير'
});
}
</script>
<br />
<div id="fb-root">
</div>
<span class="DrRO_fb_invite"><a href="#" onclick="FacebookInviteFriends();">
Invite your friends
</a></span>
<script type="text/javascript">
if (top.location!= self.location)
{
top.location = self.location
}
</script> 

يجب كتابة رقم معرف التطبيق  داخل الكود

يجب إستبدال النص الأزرق بالكود  بعبارة تظهر فى النافذه المنبثقة التى تظهر عند دعوة الأصدقاء

أما إذا كان موقعك على الوورد بريس فأضف الكود السابق كما يلى:

- اذهب إلى

 Dashboard —> Appearance —> Widgets

 - أضف text widget ولاتكتب شئ بالعنوان.

- ثم أضف الكود السابق به وأحفظ القالب.

واتمنى ان افتكم في هذا الموضوع

.. Résumé bloggeradsenseo

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

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

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

   وحتى لا أطيل عليكم أكثر فهذه هي الإضافات التي  سنتطرق لها في هذا الجزء الأول من هذه السلسلة - بعون الله - مرتبة كالتالي :

1. تخصيص تعليقات الكاتب.
2. تركيب عداد التعليقات بجانب عنوان التدوينة.
3. إضافة تدوينات ذات صلة أسفل كل تدوينة.
4. تركيب صندوق تعليق الفايسبوك بعد كل تدوينة.
5. إضافة صندوق عرض الشرائح بطريقة جميلة.

 قبل أن نبدأ يجب أن أشير إلى أن كل هذه الإضافات - التي ربما أكون قد عدلت على أكوادها - لكنني لا أدعي أنني صاحبها. عندما يكون مصدر إضافة ما معلوما فسأقوم بتحديده تحتها كملاحظة، أما في حالة عدم تواجد هذه الملاحظة فهذا يدل على أن الكود مجهول المصدر ولم أجد له صاحبا !

1-  تخصيص تعليقات الكاتب

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

الآن مع مراحل تركيب الكود وإضافته للقالب :

1. لوحة التحكم > تصميم > تحرير HTML
2. قم بتنزيل القالب تحسبا لأي مشكل قد يحصل فيما بعد.
3. وسع قوالب عناصر الواجهة.
4. اضعط CTRL+F و ابحث عن ]]></b:skin>
5. ألصق فوقها الكود التالي :

.mbt-comment-body {
background: #FFFFFF;
color: #fdca0d;
border: 1px dotted #fdca0d;
margin:0;
padding:0 10px;
width:520px; }

يمكنك أيضا تخصيص التعليق عبر المتغيرات التالية :

• لتغيير خلفية التعليق :   #FFFFFF
• لتخصيص لون خط التعليق : #fdca0d
• للتحكم في حجم الحدود 1px ولونها  #fdca0d أما بخصوص نوعه فيمكنك تغيير dotted : منقط إلى :

1. dashed : متقطع
2. solid : متراص

وبعد ذلك نصل إلى الخطوة الأخيرة في الدرس الأول :

ابحث عبر Crtl +F عن هذا الكود :

<data:commentPostedByMsg/>
          </dt>
          <dd class='comment-body'>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
          </dd>

وبعد ذلك قم باستبداله بالكود التالي : 

     <data:commentPostedByMsg/>
          </dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='mbt-comment-body'>
<p><data:comment.body/></p>
</dd>
<b:else/> 
          <dd class='comment-body'>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
          </dd>
</b:if> 

الآن قم بحفظ قالبك، وبذلك تكون قد حصلت على تخصيص لتعليقاتك بكل سهولة !

ملاحظة : هذه الإضافة استقيتها من هنا وأنصحكم بتتبع ذلك الموقع فهو مفيد أيضا ;)

2-  تركيب عداد التعليقات بجانب عنوان التدوينة  

  

من البديهي أن للتعليقات دور هام في تحديد مدى تفاعل الزوار مع تدوينتك. لدى يحبذ بعض الزوار - ومنهم أنا ! - تركيب عداد التعليقات لما يضيف من جمالية وجذبه انتباه الزوار للتدوينة. ولمن يريد أيضا تركيب هذه الإضافة فليتبع الخطوات التالية :

1. لوحة التحكم > تصميم > تحرير HTML
2. قم بتنزيل القالب تحسبا لأي مشكل قد يحصل فيما بعد.
3. وسع قوالب عناصر الواجهة.
4. اضعط CTRL+F و ابحث عن ]]></b:skin>
5. ألصق فوقها الكود التالي :

/*------عداد التعليقات------*/

.comment-bubble {
float : left;
width : 48px;
height : 48px;
background : url(رابط الأيقونة) no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
padding:8px 0px 0px 0px;
}
/*------نهاية عداد التعليقات------*/

ولتخصيص هذا الكود :

1.  left : موضع الإضافة يسارا بالنسبة للعنوان يمكنك استبدالها بـ right لتكون على يمينه.
2. 48 : الأولى لعرض الأيقونة والثانية لارتفاعها.
3. رابط الأيقونة : من المهم إضافة أيقونة وإلا سيظهر عدد التعليقات فقط، استعمل أحد هذه النماذج :

اواواواواواو

او بامكانك البحث أكثر مع احترام الحجم الموصى به 48*48 باسثناء للإيقونات العريضة كالثانية.

بعد إضافة الكود قم بالبحث عن التالي :

<h3 class='post-title entry-title'>

إن لم تجده فابحث أيضا عن :

<b:if cond='data:post.link'>

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

<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>

الآن قم بحفظ قالبك، وبذلك تكون قد حصلت على عداد التعليقات بكل سهولة !

3- اضافه تدوينات ذات صله

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

 الآن مع خطوات تركيب الإضافة :

1. لوحة التحكم > تصميم > تحرير HTML
2. قم بتنزيل القالب تحسبا لأي مشكل قد يحصل فيما بعد.
3. وسع قوالب عناصر الواجهة.
4. اضعط CTRL+F و ابحث عن </head>
5. ألصق فوقها الكود التالي :

<!--بداية تدوينات ذات صلة-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--نهاية تدوينات ذات صلة-->

 والآن ابحث عن أحد الأكواد التالية :

 <data:post.body/>أو<div class='post-body>أو<data:post.body/>أو

وأضف تحته الكود :

<!-- تدوينات ذات صلة--><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><script type='text/javascript'>var currentposturl=&quot;<data:post.url/>&quot;;var maxresults=5;var relatedpoststitle="تدوينات ذات صلة";removeRelatedDuplicates_thumbs();printRelatedLabels_thumbs();</script></div><div style='clear:both'/></b:if><!-- نهاية تدوينات ذات صلة-->

لتخصيص هذا الكود :

#d4eaf2 : لون الخلفية عند مرور الفأرة.

5 : العدد الأقصى للتدوينات ذات صلة.

تدوينات ذات صلة : عنوان الإضافة. 

قم الآن بحفظ القالب وهنيئا لك بالإضافة !

ملاحظة : هذه الإضافة استقيتها من هنا وقمت بتعديل الكود لحذف رابط الإشهار لأجلكم ;)

4-  تركيب صندوق تعليق الفايسبوك بعد كل تدوينة

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

الآن نصل إلى عملية التركيب وهي حسب المراحل التالية :

1. لوحة التحكم > تصميم > تحرير HTML
2. قم بتنزيل القالب تحسبا لأي مشكل قد يحصل فيما بعد.
3. وسع قوالب عناصر الواجهة.
4. اضعط CTRL+F و ابحث عن <html
5. ألصق بعده الكود التالي :

xmlns:fb='http://www.facebook.com/2008/fbml'

ليصبح كالتالي :

<html xmlns:fb='http://www.facebook.com/2008/fbml'expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> 

الآن ابحث عن <body> وألصق بعده الكود :

<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({xfbml: true, appId: معرف التطبيق });
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/ar_AR/all.js'
document.getElementById('fb-root').appendChild(e);
}());
</script>

 ولا تنسى تعديل معرف التطبيق بمعرف التطبيق. بعد ذلك ابحث 

عن </head> ثم قبله مباشرة ألصق الكود الآتي :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='عنوان المدونة' property='og:site_name'/>
<meta content='رابط صورة شعار المدونة' property='og:image'/>
<meta content='معرف التطبيق ID' property='fb:app_id'/>
<meta content='معرف حسابك على فيسبوك ID' property='fb:admins'/>
<meta content='article' property='og:type'/>

ولمعرفة معرف حسابك على الفايسبوك فيمكنك معرفته عبر هذ الموضوع الذي 

انجزه الأخذؤيب.

الآن ابحث عن <data:post.body/> وأضف بعده الكود التالي :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<fb:comments width='560' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/>
</div>
</b:if>

مع 560 تمثل عرض الصندوق الذي يجب ان لا يتجاوز عرض الصفحة. ولمن يحبذون استعمال صندوق تعليقات فيسبوك باللون الأسود عليهم إضافةcolorscheme='dark' مباشرة بعد <fb:comments في الكود السابق.
الآن احفظ قالب مدونتك وهنيئا لك !

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

5- تركيب إضافة عارض الصور المنزلقة 

   إن هذه الإضافة الرائعة ستسمح لك بعرض المواضيع الأكثر أهمية في مدونتك حتى تجذب الزائر إليها، كما أنها تضفي جمالية ورونقا لقالب مدونتك. إن الإضافة التي بين أيدينا ستقوم لا محالة بنزع الإعجاب من زوار مدونتك !
 كما أنه من السهل إضافتها فقط اتبع الخطوات التالية :

1. لوحة التحكم > تصميم > تحرير HTML
2. قم بتنزيل القالب تحسبا لأي مشكل قد يحصل فيما بعد.
3. وسع قوالب عناصر الواجهة.
4. اضعط CTRL+F و ابحث عن <head>
5. ألصق بعده الكود التالي :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://javascript-file.googlecode.com/svn/trunk/coin-slider.min.js' type='text/javascript'/>

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

/*
Coin Slider jQuery plugin CSS styles
http://workshop.rs/projects/coin-slider
*/
.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }
.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }
.cs-title { text-align:right; width: 590px; padding:10px; background-color: #000000; color: #FFFFFF; }
.cs-prev,
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }

 590 : عرض المستطيل الذي يحبذ أن يتناسب مع عرض المنزلقة ويوفق عرض الصورة بالطبع.
 وبعد ذلك اتبع الخطوات الآتية :
لوحة التحكم > تصميم > عناصر الصفحة > إضافة أداة > HTML/Javascript
وألصق الكود التالي :

<div id='coin-slider'>
<a href="رابط الموضوع الأول">
<img src="رابط صورة الموضوع الأول" />
<span>عنوان الموضوع الأول</span>
</a>
<a href="رابط الموضوع الثاني">
<img src="رابط صورة الموضوع الثاني" />
<span>عنوان الموضوع الثاني</span>
</a>
<a href="رابط الموضوع الثالث">
<img src="رابط صورة الموضوع الثالث" />
<span>عنوان الموضوع الثالث</span>
</a>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('#coin-slider').coinslider({ width: 590, height: 250, navigation: true, delay: 5000});
});
</script> 

590 : عرض الصورة.
250 : ارتفاعها.
5000 : مدة كل شريحة بأجزاء الثانية.


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

<b:widget id='HTML2' locked='false' title='عنوان الإضافة' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

  الآن حفظ القالب، وقم بحذف العنوان، وهنيئا لك بالإضافة !

آمل أن تكونوا قد استمتعتم بالتدوينة،  وإن اصبت فمن الله وإن أخطأت فمني ومن الشيطان .

.. Résumé bloggeradsenseo