اضافة تحت الموضوع لايك فيس بوك وتغريدات تويتر لتدوينتك
بـسم آلله آلرحمن الرحيم ..
اليوم .. قررت اضع موضوع مميز جدآ ..
وهو ..|طريقة وضع عمل لايك + التغريد على التدوينه "الموضوع "
مثآل ..
اضافة اكثر المواضيع مشاهده بطريقة رائعة
شوف اخر الموضوع .. + تنضآف تلقآئيآ .. بعد كتابه موضوع ..
صوره للتوضيح اكثر .. بتكون تحت موضوعك !
http://2.bp.blogspot.com/-k7Z5Vlga9X...or-blogger.png
قالب .. تحرير html ..متابعة .. وابحث عن ..!
كود بلغة HTML:
<b:if cond='data:blog.pageType == "item"'>
<style>
.promote_post_bg {
height: 103px;
background: url(http://1.bp.blogspot.com/-qcBN3og2WQ...latesthack.png) 0 -7px no-repeat;
width: 500px;
margin-left: 65px;
}
.promote_twitter {
width: 130px;
height: 38px;
float: left;
margin: 0 39px 0 0;
padding: 65px 0 0 13px;
text-align: center;
}
.promote_facebook {
width: 115px;
height: 40px;
float: left;
margin: 0 39px 0 0;
padding: 63px 0 0 28px;
text-align: center;
}
.promote_google {
width: 65px;
height: 40px;
float: left;
margin: 0 39px 0 0;
padding: 65px 0 0 28px;
text-align: center;
}
</style>
<div class='promote_post_bg'>
<div class='promote_twitter'>
<a class='twitter-share-button' data-via='latesthack' href='https://twitter.com/share'>Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
<div class='promote_facebook'>
<iframe allowTransparency='true' expr:src='"Like + data:post.url + "&layout=button_count&show_faces=false&width=100&action=like&font=arial&colorscheme=light&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:21px;'/> </div>
<div class='promote_google'>
<script type='text/javascript'>
(function () {
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
<g:plusone annotation="none" size='medium'></g:plusone>
</div>
</div>
<p style="display:none;">Social Sharing Widget by<a href="http://www.latesthack.com">Latest Hack</a></p>
</b:if>
للمزيد من الاضافات ادخل هنا
|