مدونة أسامة | خطوتك نحو تطوير، والربح الالكتروني: إدراج أزرار المفضلات الاجتماعية أسفل التدوينات في بلوجر

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



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


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

<b:if cond='data:blog.pageType == &quot;item&quot;'>
و تحته مباشرة ضع هذا الكود و احفظ القالب.

<div style='width:548px; float:right; height:120px; background:#f2f2f2;padding:10px; border:1px #134294 solid;margin-bottom:20px;'>
<div style='width:540px; float:right;font-weight:bold;text-align:right; color:#1C547D; font-style:normal; font-variant:normal; font-size:30px; font-family:Times New Roman; height:35px'>
ساهم في نشر الموضوع و لك جزيل الشكر!
</div>

<p align='center'>
<br/>
<br/>
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>
<img alt='Digg' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtIyVVO1kKA0MyFEJyyaWfpXkYgTQa4hnODUEaqSXZJLefhj6LvEhTQHezkIwzuOjiRmd2ZD5fkcx_lp0ywElPNn3mjEWPFCoHD0kb26Qof1wdv8d66raUZBRb4v7FqPEeBYduqXYkNEw/' width='60'/></a>

<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' target='_blank'>
<img alt='Technorati' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE1ii-omTrFTS_HVC1DlXKDh6143T0i8-iOD2uvOtqVoQ_mlK0JN6j2oN00zN-vRiv2BhnpoU-4DuaDhKiA_8teW8DPgfiAwduXPSN8pJlVuY3xWOo6EvonmEHLp0ptV9tjwsGNxFFjA0/' style='padding-top:1px;' width='60'/></a>

<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>
<img alt='del.icio.us' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipfxnV5FfvsmfbOrZM_pqlrqgKaP0kyJdVS3zESIavqUzYjmCRBZgCK5T1ym5yrNdAp6iD9UI6ePckKsB8lbih_Oxeznkzx4LdFyxhnztBwUZsd5DKR5eQTUU-9J-jWjSLewDVUfBXJDk/' width='60'/></a>

<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>
<img alt='Stumbleupon' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitSxO2C2C872z4VSb_RqlvZzgBq0O9jdBJvmvyyAkU6hW-vvA8jwUFIl_VeQgL1rdmWkwIGtK1o8Pk8I0LKgdO8SWbVC3o3bhPQlbJeA-AhxrwyWVIDvh-xbJw2kQkNGxqHuASWUR0Ovg/' width='60'/></a>

<a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>
<img alt='Reddit' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuM8GCjrdUQAbznTgUHRiNnYZuzD9HBLnSmlyzsrPN6IStpFjkrVG9phgbvVto_AljnMBwhujUx8cFJ8SLXUk-o0Zs37ke3rV5xU5sUhcPp3I_oFm3plISHV8E2GPKIPRBeex_hY1kFZw/' width='60'/></a>

<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' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdGwd62kZTCZkTa3FyqC-D9HmsFSmqvITlo3I0FBpy67YFRI6q9UvSb3mPiqV5Na2jLBfD_yk5qCWecf6F3Ag3oEqaY46BytVqA7mFtZ_OSS8jhw0TjOZaWyTItiGKyxSDB63mDE-wT_I/' width='60'/></a>

<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'>
<img alt='Twitter' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEjUcPkSI5AHFKJjqFjxn73H3RaF0r6soGwg1QfzJWuAEXFtWlhYx-CL7GnHVqcmtd4YN5bqniY_hXEzdQUplNLaqfSXkISdiQQfbVWGvQ4sCjA6nuj6Dt0NhGsfoa1ZxOZQvusgugdaE/' width='60'/></a>

<a href='http://feeds.feedburner.com/doaib'>
<img height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivMK_5jY4MErX9eJ_mWgthiWiHdIINp2BVlrrMo1UHnIuasAEUfH5d12gtTeTPQxu_rEZMPRSzm7wjIgD-C4XTofL27kkRje-qVs9Xw0Myb5YGis6hVe7Lm-XQBH3LhPEwgEENGhVVe8M/' width='60'/></a>
</p>
<a href="http://doaib.blogspot.com/2009/12/blogger-social-bookmarks-buttons.html" target="_blank"><span style="font-size: xx-small;">احصل على هذه الإضافة</span></a>
</div>
شرح الألوان:
* الأحمر : لتعديل عرض الإضافة.
* الأخضر : لتعديل لون خلفية مستطيل الإضافة.
* الأزرق : ضع مكانه العبارة التي تناسبك.
* الأرجواني : مكانه أدرج رابط خلاصة مواضيع مدونتك.
* النيلي : روابط الصويرات في حال أردت استبدالها بأخرى أعجبتك.
كذلك ستجدون height='60'  و width='60'  و هذه لتغيير أبعاد الصويرات لتصغيرها أو تكبيرها (يحملان نفس القيمة).

لا تنسوا متابعتي على تويتر  عبر هذين الحسابين 

doaibblog 



HalTa3lam



مع تحيات أخيكم محمد.

من فضلك شارك هذا الموضوع اذا اعجبك

ضع تعليقا أخي الكريم

إحصائيات

يتم التشغيل بواسطة Blogger.

جميع الحقوق محفوظة المهووسين للمعلوميات ©2010-2013 | ، نقل بدون تصريح ممنوع . Privacy-Policy| أنضم ألى فريق التدوين