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

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

السلام عليكم أهلا ومرحبا بكم في مدونة بلوجر فانز اليوم ان شاء الله سوف أقدم لكم اضافة جميلة ويجب علي كل مدون اضافتها الي مدونته هذه الاضافة هي أزرار المشاركة أسفل المواضيع فقط لمدونات بلوجر هذه الاضافة تحمل بين طياتها خمسة مواقع شهيرة جدا ويرتادها الملاين من الزوار يوميا وهيfacebook - twitter - google+ - digg - lintaskan  وبعد اضافتك لهذه الاضافة سيتمكن زوار مدونتك من مشاركة مواضيع مدونتك عبر هذه المواقع .

طريقة اضافة أزرار المشاركة أسفل الموضوع لمدونات بلوقر

قالب >> تحرير ابحث عن الوسم ]]></b:skin> و اضف الكود التالي فوقه

#share-button{margin:8px 0;padding:0;overflow:hidden;margin-top: 25px;margin-bottom: 12px;}#share-button p{float:right;box-shadow:1px 1px 5px rgba(1,1,1,.1);background:#fafafa;display:block;padding:5px 8px !important;margin:0 3px 3px 0;border-radius:6px 6px;border:1px solid #fff}#share-button a{position:relative;float:right;box-shadow:1px 1px 5px rgba(1,1,1,.1);border-radius:6px 6px;display:block;color:#fafafa;padding:5px 8px;margin:0 3px 3px;border:1px solid #fff}#share-button a:hover{top:1px;right:1px;box-shadow:0px 0px 3px rgba(1,1,1,.1)}

ابحث أيضا عن هذا الكود <data:post.body/> و اضف الكود التالي أسفله

<div id='share-button'><p>Share to</p><a expr:href='"http://www.facebook.com/sharer.php?u=" + data:blog.url' rel='nofollow' style='background:#3b5998;'>Facebook</a><a expr:href='"http://plus.google.com/share?url=" + data:blog.url' rel='nofollow' style='background:#c0361a;'>Google+</a><a expr:href='"https://twitter.com/intent/tweet?url=" + data:blog.url + "&text=" + data:post.title + "&lang=id"' rel='nofollow' style='background:#4099ff;'>Twitter</a><a expr:href='"http://digg.com/submit?url=" + data:blog.url' rel='nofollow' style='background:#000;'>Digg</a><script>//<![CDATA[ var uri = window.location.href; var ttle = document.title; document.write("<a href='http://www.lintas.me/?c=bookmarklet&url="+uri+"&title="+ttle+"' rel='nofollow' style='background:#FF9900;'>Lintaskan</a>"); //]]></script><div class='clear'/></div>

شارك الموضوع إذا أعجبك

share

Mohamed Elsayed