حصريا إضافة ازرار مشاركات المواقع الاجتماعيه في قوالب بلوجر

حصريا إضافة ازرار مشاركات المواقع الاجتماعيه في قوالب بلوجر

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

1- قم بأضافة هذا الكود : CSS

/* CSS Homepage Share */
ul.twitfbshare{clear:both;float:left;list-style:none outside none;position:absolute;z-index:10;margin:0;padding:0;top:20px;left:20px;line-height:normal;overflow:hidden;} ul.twitfbshare li{text-align:left;float:left;margin-bottom:0;margin-top:-30px;opacity:0;padding:0;transition:all 0.3s;} .post:hover .twitfbshare li{opacity:1;margin-top:0;} ul.twitfbshare li a{background-clip:padding-box;background-repeat:no-repeat;display:block;overflow:hidden;text-align:center;text-transform:uppercase;white-space:nowrap;width:30px;height:30px;line-height:30px;position:relative;margin:0;padding:0;font-size:14px;font-weight:normal;background-color:#fff;color:#aaa;transition:all 0.3s;} ul.twitfbshare li a:hover{color:#fff;} ul.twitfbshare li a.f-like:hover {background-color:#5379b7;} ul.twitfbshare li a.t-share:hover {background-color:#59c2e7;} ul.twitfbshare li a.gplus-share:hover {background-color:#f35d5c;}

2- قم بالبحث على هذا الكود : HTML

3- وبعد ان تجد هذا الكود قم بأضافة هذا الكود اسفل ( تحت ) : HTML

ليكون بهذه الشكل :