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

لوحة تحكم بلوجر.
القالب.
html.
أبحث عن b:skin
أضف قبله الكود أدناه
يمكنك المعاينه من هنا.

/* 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 == "item"'> <meta expr:content='data:post.id' itemprop='postId'/> <div class='clear'/><div class='bsdsharepost'> <ul> <li><a class='twitter' expr:href='"http://twitter.com/share?url=" + data:post.url' rel='nofollow' target='_blank' title='Twitter Tweet'><i class='fa fa-twitter'/> شاركه </a></li> <li><a class='facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:blog.url' rel='nofollow' target='_blank' title='Facebook Share'><i class='fa fa-facebook'/> شاركه </a></li> <li><a class='gplus' expr:href='"http://plus.google.com/share?url=" + 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='"http://www.linkedin.com/shareArticle?mini=true&amp;url=" + data:post.url + "&amp;title=" + data:post.title + "&amp;summary=" + data:post.snippets' target='_blank' title='LinkedIn Share'><i class='fa fa-linkedin'/> شاركه</a></li> <li><a class='pinterest' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&amp;media=" + data:post.thumbnailUrl + "&amp;description= + data:post.title"' target='_blank' title='Pin It'><i class='fa fa-pinterest'/> شاركه</a></li> </ul></div> </b:if>

يمكنك متابعة المدونه من هنا

تحفه | لخدمات الويب

32 موضوع

تحفه | لخدمات الويب هي مدونه تم تأسيسها منذ فبراير 2017 لأجل تطوير مواقع الويب والإضافات الجديده ومنها ( html, Javascript, Css قوائم والمزيد من الإضافات قادماً!

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

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

0 التعليقات: