أزرار المشاركه الإجتماعيه للمواضيع

altyeb hassan
25 يناير 2018
قسم
قسم
قسم

  1. لوحة تحكم بلوجر.
  2. القالب.
  3. html.
  4. أبحث عن b:skin
  5. أضف قبله الكود أدناه
  6. يمكنك المعاينه من هنا.
/* Share Buttons By Www.Bloggersstand.com */ .bsdsharepost li{width:19%;padding:0;list-style:none;} .bsdsharepost li a{opacity:0.8;padding:10px 0;color:#fff;display:block;border:double #fff;} .bsdsharepost{overflow:hidden;text-align:center;margin-bottom:20px;margin-top:20px;} .bsdsharepost li a:hover{opacity:1;color:#444;border:double #fff;} .bsdsharepost li .twitter{background-color:#55acee;} .bsdsharepost li .facebook{background-color:#3b5998;} .bsdsharepost li .gplus{background-color:#dd4b39;} .bsdsharepost li .pinterest{background-color:#cc2127;} .bsdsharepost li .linkedin{background-color:#0976b4;} .bsdsharepost li .twitter:hover,.bsdsharepost li .facebook:hover,.bsdsharepost li .gplus:hover, .bsdsharepost li .pinterest:hover,.bsdsharepost li .linkedin:hover{background-color:#444;color:#fff;} .bsdsharepost li{float:left;margin-right:1.2%} .bsdsharepost li:last-child{margin-right:0} .bsdsharepost li .fa:before{margin-right:5px}
  • أبحث عن <head>
  • أضف بعده الكود أدناه
<link href='//netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>
  • أبحث عن <div class='post-footer-line-1'>
  • وأضف بعده الكود أدناه
<b:if cond='data:blog.pageType == &quot;item&quot;'> <meta expr:content='data:post.id' itemprop='postId'/> <div class='clear'/><div class='bsdsharepost'> <ul> <li><a class='twitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Twitter Tweet'><i class='fa fa-twitter'/> شاركه </a></li> <li><a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' target='_blank' title='Facebook Share'><i class='fa fa-facebook'/> شاركه </a></li> <li><a class='gplus' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' target='_blank' title='Google Plus Share'><i class='fa fa-google-plus'/> شاركه</a></li> <li><a class='linkedin' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' target='_blank' title='LinkedIn Share'><i class='fa fa-linkedin'/> شاركه</a></li> <li><a class='pinterest' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;amp;description= + data:post.title&quot;' target='_blank' title='Pin It'><i class='fa fa-pinterest'/> شاركه</a></li> </ul></div> </b:if>
يمكنك متابعة المدونه من هنا

comment 0 التعليقات:

more_vert



sentiment_satisfied ملصقات