Ads 468x60px

الأحد، 1 يوليو 2012

اضافة ازرار المشاركة الي مدونات بلوجر.



ازرار المشاركة تمكن زوار المدونة من مشاركة مقالات المدونة مع اصدقاءهم مما يجلب زوار جدد للمدونة لذلك من الواجب ان تتوافر هذه الاداة في اي مدونة, بلوجر تمكن الجميع من اضافة هذه الاداة الي مدوانتهم .
كل ماعليك فعله هوه الذهاب الي
واجهة التحكم الرئيسية ثم التخطيط ثم عناصر الصفحة ثم  تحرير رسائل المدونة الالكترونية



بعدها نضع علامة صح علي الازرار لتفعيل الاضافة .


هذا بالنسبة لازرار الافتراضية اما اذا احببت اضافة ازار اخر مثل ما في مدونتا


قم باضافة اداة

HTML / Javascript
ثم قم بنسخ هذا الكود اليها



<!-- floating share bar Start AllBloggingTips.com-->
<style type="text/css">
.sbutton{
background:#f0f0f0;
cursor:pointer;
color:#fff;
border:none;
padding:4px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px; margin-left:8px;
font:12px sans-serif;
}
.sbutton:hover{
background:#96C72E;
}
#pageshare {position:fixed; bottom:15%; margin-right:-780px; float:right; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#fff;border: 1px solid #f7f7f7; padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 2px 0 5px;}
#pageshare:hover {-moz-border-radius:6px;
-moz-box-shadow: 0 2px 4px hsla(0,0%,0%,.35);
-webkit-box-shadow: 0 2px 4px hsla(0,0%,0%,.35);border: 1px solid #ddd;}
.fb_share_count_top {width:52px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:52px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id='pageshare' title="Get this from AllBloggingTips.com">
<div class='sbutton' id='fb'>
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>
<div class='sbutton' id='gplusone'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</div>
<div class='sbutton' id='rt'>
<a class='twitter-share-button' data-count='vertical' href='https://twitter.com/share'>Tweet</a><script src='//platform.twitter.com/widgets.js' type='text/javascript'/></script></div>
<!-- floating share bar End --></div>






3 التعليقات:

محمد يقول...

مشكور أخي
pro-fess-ional.blogspot.com

http://alyomtop.blogspot.com/ يقول...

شكرا جزيلا اخي الكريم وشرحك فوق الممتاز

http://alyomtop.blogspot.com/

Mohamed Helal يقول...

شكرا اخ احمد بس انا عندي مشكله بالفعل الازرار ظاهره عندي ولكن غير مفعله وغير نشطه http://technicalitiinformation.blogspot.com/

ارجو منك مساعدتي فى حل هذه المشكله اذا امكن

إرسال تعليق