| Blog-Add |
02-07-2014 12:17 PM |
اضافة ازرار مواقع التواصل بشكل متحرك - اضافات بلوجر
السلام عليكم ورحمة الله وبركاته
اقدم لكم اليوم اضافة جميلة ومختلفة وهي اضافة ازرار مواقع التواصل بشكل متحرك
رأسي علي يمين الصفحة يتحرك مع النزول او الصعود فيعطي لمدونتك شكل رائع مع اضافات بلوجر
الشرح
اذهب الي صفحة القالب ثم تحرير HTML وأبحث عن : ]]></b:skin>
ثم ضع الكود التالي فوقه :
كود PHP:
.post_share{float:left;border:1px solid #DDD;margin-right:10px; top:200px; padding-top:10px;position:fixed;background:#FFF;margin-left:-80px; padding-bottom:10px;} .post_share .wdt_button{clear:left;margin:0}
ثم قم بالبحث عن : <data:post.body/>
وأضف فوقه التالي :
كود PHP:
<b:if cond='data:blog.pageType == "item"'>
<div class='post_share'>
<div class='wdt_button'>
<center>
<script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
</script>
<script src='https://blog-add.googlecode.com/svn/trunk/button.js' type='text/javascript'> </script>
</center>
</div>
<div class='wdt_button'>
<center>
<a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' onClick='return buzzPopup(this, 'Buzz this')' rel='nofollow'><img src='http://2.bp.blogspot.com/_hrhg1n2KA3Y/S3Y8Gi87V8I/AAAAAAAADDc/xpLQ5jnX_Gk/s1600/g-buzz.png'/></a>
</center>
</div>
<div class='wdt_button'>
<center>
<script type='text/javascript'>
scoopeo_url="<data:post.url/>";
</script>
<script src='http://scoopeo.com/clicker/insert/large' type='text/javascript'/>
</center>
</div>
<div class='wdt_button'>
<center>
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='button_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</center>
</div>
<div class='wdt_button'>
<center>
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>Email
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>
</center>
</div>
</div>
<font size="0"><a href="http://www.bloggerexp.com"></a></font>
</b:if>
واحفظ القالب وهكذا تم الاضافة تمنياتي بالتوفيق |
