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

السلام عليكم أهلا ومرحبا بكم في مدونة كن متفائل اليوم ان شاء الله سوف أقدم لكم اضافة جميلة ويجب علي كل مدون اضافتها الي مدونته هذه الاضافة هي أزرار المشاركة أسفل المواضيع فقط لمدونات بلوقر هذه الاضافة تحمل بين طياتها حمسة مواقع شهيرة جدا ويرتادها الملاين من الزوار يوميا وهي 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>