اضافة كود مواقع التواصل الاجتماعي على بلوجر

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

اضافة كود مواقع التواصل على قالب بلوجر

1 - اذهب لادارة المدونة واختار التخطيط

2 - اعمل اضافة اداة

3 - اضافة HTML/Javascript

4 - اكتب العنوان
5 - انسخ الكود الموجود اسفل الصورة ولصقه في المربع
6 - اضغط حفظ

<style type='text/css'>
/*WIdget by www.widgetgenerators.blogspot.com*/
.wg-roseicwidget {  width: 320px 0px;  margin: -10px;  text-decoration: none; }
.wg-roseicwidget ul {  margin: 0;  padding: 0;  text-decoration: none;}
.wg-roseicwidget ul li {  list-style:none;   padding: 0; text-transform: none; text-decoration: none;}
.wg-roseicwidget ul li a {   color: #fff;   display:block;  text-decoration: none;}
.wg-roseicwidget ul li a:hover {  color: #c9c9c9;  background-color: #333;  text-decoration: none; }
.wg-roseicwidget ul li .twitter { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmkzXmbuxxvm71hmvuznuByhX18ySfuI5cx40TrhtTmYoM3GTaLsh1VErIbhhD0x33eTBG4XzgZL_24CVK_n1SCLelvH_DXU-QCkdHVCxSvc7eLp9xa-2vWIZvBfJ1H9rSi3sf8CJCRZQB/s1600/Twitter.png") no-repeat scroll 10px center #4CACEE; background-size: 20px; padding: 17.5px 11px;}
.wg-roseicwidget ul li .facebook { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoPw1CE3jhJhuYjR2kjvn71bwb2cVmphAXwgncBUF5i63lYY1N56OdvtfrhA3xHGvdZpMnA7jTYIJyUhHjowwU0uqCAPBxP8NfUmxbXT9rpV5etP2nVL4cneO_gFkFlc3VzMG1Drats8-E/s1600/Facebook+1.png") no-repeat scroll 10px center #3B5998; background-size: 20px; padding: 17.5px 11px; }
.wg-roseicwidget ul li .google { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5e_7y1x3ELVeG53BDlXUmbFOMwSi3gyilSP-IZqmHjEG-TN-SjrdDhsjU9vYnQJ0ixxjSk9TaQ70fC9mHM7GST8VY9TP9jwbkJXZv_XQZZgCYuGhWsq6qpT5lMMqsSYSPKuzwrVV_jQDT/s1600/Youtube.png") no-repeat scroll 10px center #D44937; background-size: 20px; padding: 17.5px 11px; }
/*WIdget by www.widgetgenerators.blogspot.com*/
</style>

<div class="wg-roseicwidget">
<ul>
<li><a class="facebook" href="اضف هنا رابط صفحتك على الفيس بوك">تابعنا على الفيس بوك</a></li>
<li><a class="twitter" href="اضف هنا رابط حسابك على تويتر">تابعنا على التويتر</a></li>
<li><a class="google" href="اضف هنا رابط قناتك على اليوتيوب">تابعنا على اليوتيوب</a></li>
</ul>
</div>

في أمان الله.