728X90

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

0

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

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


  1.  من لوحة تحكم المدونه اختر قالب
  2.  اختر تحرير HTML
  3.  الان ابحث عن هذا الكود </head> وضع قبله مباشرتا الكود التالى



?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
// Twitter
(function (a, b, c){var d=a.getElementsByTagName(b)[0];if (!a.getElementById(c)){a=a.createElement(b);a.id=c;a.src=&quot;//platform.twitter.com/widgets.js&quot;;d.parentNode.insertBefore(a, d)}})(document, &quot;script&quot;, &quot;twitter-wjs&quot;);
// Stumbleupon
(function (){var a=document.createElement(&quot;script&quot;);a.type=&quot;text/javascript&quot;;a.async=true;a.src=&quot;https://platform.stumbleupon.com/1/widgets.js&quot;;var b=document.getElementsByTagName(&quot;script&quot;)[0];b.parentNode.insertBefore(a, b)})();
</script>
<style type='text/css'>
/*Social Bar By http://www.th3maestro.com*/
#SocialBar {
  float: right;
box-shadow: 5px 5px 5px #B3B3B3;
background-color: #FFF;
width: 610px;
border: 1px solid #BBB;
margin: 15px;
border-radius: 5px;
}
.headingsharer h5 {
    float: right;
    padding-right: 20px;
    padding-top: 18px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0px;
    padding-left: 10px;
}
.tweeetero, .fbwolo, .g-plusones, .stumblo {
float: left;
padding-top: 10px;
padding-bottom: 5px;
margin: 0px 0px 0px -4px;
padding-left: 93px;
}
.g-plusones {
   margin-left: -14px;
}
</style>
</b:if>



  1. الان ابحث عن هذا الكود <div class='post-footer'> وضع بعده الكود التالى


?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='SocialBar'>
<div class='headingsharer'>
</div>
<div class='tweeetero'>
<a class='twitter-share-button' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>غرد</a>
</div>
<div class='fbwolo'>
<iframe allowTransparency='true' expr:src='&quot;//www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=button_count&amp;width=85&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:85px; height:21px; margin: 0px 14px 0px -70px; }'/>
</div>
<div style='float: left; margin: 10px -70px 0px 17px; '>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>
<div class='g-plusones'>
<div class='g-plusone' data-size='medium' expr:data-href='data:post.url'/>
</div>
</div>
</b:if>

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

بقلم محمدعلاء و اسلام تايجر

مدون مصري , ابلغ من العمر 16 سنة , طالب ثانوي , أدون حول البلوجر والتدوين بشكل عام , واكتب مقالات حول تطوير الويب ولغات التصميم وبرامج التصاميم والجرافيك

ليست هناك تعليقات:

إرسال تعليق

الاشتراك في: تعليقات الرسالة (Atom)
جميع الحقوق محفوظة لــ مدونة محترف مصر تعمل وبكل فخر بواسطة بلوجر