السلام عليكم و رحمة الله و بركاته،
درس اليوم إن صح التعبير، عبارة عن كود بسيط يمكنك من إضافةأزرار المشاركة بمدونات البلوجر، و لا يخفى عليك أخي الكريم الدور الهام الذي تلعبه مثل هذه الأزرار في إشهار المواقع، فهي تمكنك من مشاركة مواضيع مدونتك مع الأصدقاء و الأحباب، و تجعلك في تواصل دائم معهم. و نظرا لأهمية مثل هذه الأزرار فربما لاحظت أن أغلب المواقع، و حتى الكبيرة منها أصبحت تستخدمها بأشكال و تنسيقات عدة، تختلف من موقع لآخر، إلا أن الهدف منها واحد.
صورة لشكل الأزرار التي نتحدث عنها :
إشارة : بشكل عائم معناه أن الأزرار تبقى ظاهرة عند التنقل بين أعلى و أسفل الصفحة.
المهم، لإضافة أزرار المشاركة بمدونة بلوجر خاصتك، ادخل أولا إلى لوحة تحكم موقعك، ثم تخطيط، ثم اختر إضافة أداة.
ابحث في القائمة الظاهرة أمامك عن HTML/JavaScript، ثم اضغط علامة الزائد (+) بجانبها.
الآن كل ما عليك هو نسخ الكود التالي بصندوق المحتوى، ثم الضغط على حفظ.
1
| <!-- floating page sharers Start --> <style> #pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;} #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;} .fb_share_count_top {width:48px !important;} .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !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 http://www.deltaclic.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='rt'> <script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script> </div> <div class='sbutton' id='digg' style='margin-left:3px;width:48px'> <script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script> <a></a> </div> <div class='sbutton' id='gplusone'> <script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script> <g:plusone size="tall"></g:plusone> </a></div> <div style="clear: both;font-size: 9px;text-align:center;"><a href="http://www.deltaclic.com/2013/01/share-buttons-blogger/">Get this</a></div> </div> <!-- floating page sharers End --> |
يمكنك التحكم في مكان ظهور الأزرار بتعديلات بسيطة على الكود.
هذا كل شيء، و مبروك عليك أزرار المشاركة لمدونتك بلوجر بشكل عائم. بالتوفيق للجميع.
هل أعجبك الموضوع ؟
ليست هناك تعليقات: