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

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

اختار "التخطيط" أو "التنسيق".

ثم إضافة أداة.

انشئ "HTML/javascript".

ثم انسخ الكود التالي.

<style type='text/css'>
/*WIdget by www.widgetgenerators.blogspot.com*/
.wg-roseicwidget {  width: 320px;  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("") no-repeat scroll 10px center #4CACEE; background-size: 20px; padding: 17.5px 11px;}
.wg-roseicwidget ul li .facebook { background: url("") no-repeat scroll 10px center #3B5998; background-size: 20px; padding: 17.5px 11px; }
.wg-roseicwidget ul li .google { background: url("") 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>

ألصق الكود كما موجود بالصورة مع اضافة روابطك الخاصة ثم حفظ.

صورة بعد التركيب.

في أمان الله.