18 فبراير 2013

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


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



أولا من لوح تحكم مدونتك توجه إلى صفحة تحرير 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/AVvXsEj1g0Gc9-hB5J4a4a0PeI2w-9Q2NFVTnVXgE7q7XBPhNU_rfHZrg8Ia2tZHfvMzb_AbH1nT_VIQQYri2y3bsi9dnzKG021pxxIZmI8m_t0cT8Iz5d0P6cZr_oKuAgqrlVwoz4DmgYaOQOo/' 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/AVvXsEhcFWEIZAh0JW-Se-V_WiiPZZ_1TwRwa1SnsDqXigvqeCf1TiTVu3FwQq5nbEWkT0YIl009bFZ1PCbXctCBr_LuD8pdRhhYkbeL5oe5RRHW0lFYn58MuNUAew9PFdCSdkcEyEtaWjomsNI/' 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/AVvXsEj78SKKkXC1RqmWFYWmk69yHWJbEu2gMEkTXzCCCx2RYEoNvA-1fnbnooJopoG-Lp12fAQbOY3UH_BWhB93BlEW9E4178NXrNBGEXSzJK2FMkYnbGspdzOk382sOzrAysbSOZXhdYJC4Bo/' 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/AVvXsEhXyVpfu612oH3FW9wUpNY9_xf7tm18zwxYsGGzRxJ8YeDUgUGnaOHqKSQVAdQ7H2IgdFetzw7q2m3DGueiVg8Sa18iWCmg4VtlLI1FoAgf3t-YE1ZiIupyeKq1WKcKLsd7miSzTdLG_bE/' 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/AVvXsEjZY26aAa0h43odmN897BKxnvjTewzsj_UhDa0tpX5K9sokebB01uzrKRSHvlG3Gytdds8spAh0mQt7puUfq8pHcUfuXSd9gR1GzYsUKuFqvAJs8SYYuYZ2megK_NRD7eh19l_h7pF1fc4/' 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/AVvXsEjZpfEZbwzxG8_4ZAj8IRISev6Q35LWWucRnu43pKIb3F7nimkmt6H3YH40q-Sj0a-oH-sHl9S6rgs9ZOcCGu8av8nVAalx2J-kpJSEAinPjJrTF94fftsSjOHnW3jVHC7Xbtg4N_ZHT5E/' 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/AVvXsEgadaosohJ32gSBoU-xg-G9ozGsbGhSN73v6zYda_tQe2DlVB-AVm6eUIe4ETMK-887iugMM8hX0OCdlyDlYGKg2s0HJzNms2My-m5gb9zzFS-BwdyjKNgawJzp3FxXCSf6DH4GKNg1VyQ/' width='60'/></a>


<a href='http://feeds.feedburner.com/doaib'>
<img height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAyyYbjB92vkN4BtGl_47P-H20GILoLpy-ll0FK4qhEmd9PT6wbn4XfOSwyLO_fgKCoCJg64AIGm65vhZqlz4ZgtrHXu40uSgrwLanxI0KNW3hD56rXCYhcCeRm8E3yT-BKnLpyr171Kc/' 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'  و هذه لتغيير أبعاد الصويرات لتصغيرها أو تكبيرها يحملان نفس القيمة






مرحباً بك زائرنا الكريم - إذا أردت أن يصل إليك جديد الموقع دائما قم بالتسجيل هنا.
قائمة البريد لأصدقائناRss Feed !

جميع الحقوق محفوظة Chahidna ©2012-2013 | جميع المواد الواردة في هذا الموقع حقوقها محفوظة لدى ناشريها ، نقل بدون تصريح ممنوع . Privacy-Policy