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

السلام عليكم و رحمة الله تعالى و بركاته , في تدوينة اليوم سنتطرّق إلى كيفية إضافة جميلة جدا ألا وهي إضافة مشاركة المواضيع في الشبكات الإجتماعية العائمة , ومن مميزات هذه الإضافة ميزة جميلة جدا وهي انها تتبع الزائر إلى أين ذهب بدلا من الطرق الأخرى التي من النادر أن يضغط عليها الزائر مما يعني مشاركات أكثر وسيؤدي إلى أكثر زيارات . 

إضافة من كل Jquery و Css3 وتحتوي على كل من Pinterest Email و Twitter وبالإضافة إلى بعض الإيقونات التقليدية قد تجد هذه الإضافة أيظا في المدونات الأجنبية لكن لن تناسب المدونات العربية بحيث أن موضوع المدونات الأجنبية يكون باليسار أما المدونات العربية بالعكس ..

طريقة إضافة القائمة العائمة لمدونات بلوجر : 
إذهب لبلوجر > قالب > إضغط على تحرير HTML > إضغط متابعة > توسيع قوالب قوالب عناصر واجهة المستخدم 
ثمّ إبحث عن هذا الوسم 

<b:includable id='post' var='post'>

ثمّ إبحث عن هذا الكود : 

<style>.mbt_social_floating{position:fixed; bottom:10%; margin-left:-60px; float:right;background-color:#f7f7f7;padding: 5px 0 0px 0px;border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;z-index:9999px !important;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;right: 67px;}.mbt_social_floating .mbt_side_social_button{margin-bottom:5px;float:none;height:auto;width:60px;}.mbt_social_floating .st_twitter_vcount, .mbt_social_floating.st_plusone_vcount, .st_email{margin-left:5px;}.mbt_social_floating .st_fblike_vcount{margin-left:5px;}.mbt_social_floating .stButton_gradient{background:none !important;height:21px !important;padding-left:0 !important;}.mbt_social_floating .chicklets, .mbt_social_floating .stMainServices {background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFCUOjtrnATqrUpgYdMY3jsen7aNqDwBYrRDmss9QHdbmPnJqaroqJD5H0mfkwTgQt6ixeorrliIxLC6K2UCjr0Yu6LhxzPrJhqm3l6_o2G8LwLMG5Aog5lZCq3k6H6xNxsieUwLsYw5Y2/s400/gc_social_sprite.gif') no-repeat !important;height:19px !important;width:45px !important;padding:0 !important;}.st_email .chicklets{background-position:0 -77px !important;background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFCUOjtrnATqrUpgYdMY3jsen7aNqDwBYrRDmss9QHdbmPnJqaroqJD5H0mfkwTgQt6ixeorrliIxLC6K2UCjr0Yu6LhxzPrJhqm3l6_o2G8LwLMG5Aog5lZCq3k6H6xNxsieUwLsYw5Y2/s400/gc_social_sprite.gif') !important;}.mbt_social_floating .st_twitter_vcount .st-twitter-counter{background-position:0 -58px !important;}.mbt_social_floating .stButton_gradient{border:none !important;}.mbt_social_floating .stBubble_count{width:44px !important;font-size: 15px !important;font-weight: normal !important;padding-top:7px !important;height:23px !important;background:none !important;}.mbt_social_floating .st_twitter_vcount .stBubble_count{color:#00a6df;background-color:#f8fbfc !important;}.st_fblike_vcount{margin-bottom: 0px;display: block;}.st_twitter_vcount{margin-bottom: 3px;display: block;}.st_email{margin-bottom: 5px; margin-top: 3px;display: block;}.mbt_social_floating .stBubble{background-position: 21px 31px !important;height:35px !important;}</style>

<div class='mbt_social_floating'> 
    <script type='text/javascript'>var switchTo5x=true;</script> 
    <script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/> 
    <script type='text/javascript'>stLight.options({onhover:false});</script> 
    <span class='st_fblike_vcount' displaytext=''/> 
    <span class='st_twitter_vcount' displaytext='' /> 
<span class='st_pinterest_vcount' displaytext=''/>
<div style='margin:0px 0 0 5px;'> 
    <span class='st_plusone_vcount' displaytext=''/> 
</div> 
    
<div class='addthis_toolbox addthis_default_style ' style='margin:5px 0px 5px 8px;'> 
<a class='addthis_counter'/> 
</div> 
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/> 
<script type='text/javascript'> 
var addthis_config = { 
     ui_cobrand: &quot;MY BLOGGER TRICKS&quot;, 
ui_header_color: &quot;#ffffff&quot;, 
     ui_header_background: &quot;#0080FF&quot; 
} 
</script> 
<span class='st_email' displaytext=''/> 
<p style=' line-height:0px; font-size:10px; font-weight:bold; text-align:center;'><a href='http://www.arab-teck.com/2013/01/blog-post.html' style='color:#CAC8C8;'>مدونة رفاد</a></p> 
</div> 
</b:if></b:if>

- See more at: http://rifed-blog.blogspot.com?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+arab-teck%2FbQKi+%28%D9%85%D8%AF%D9%88%D9%86%D8%A9+%D8%A7%D9%84%D8%AA%D9%82%D9%86%D9%8A%D8%A9+%D8%A7%D9%84%D8%B9%D8%B1%D8%A8%D9%8A%D8%A9%29#sthash.wSx940k8.dpuf 

في الأخير أتمنّى أن موضوع اليوم قد أعجبك إلى تدوينة أخرى إن شاء الله فانتظار تعليقاتكم وأرائكم