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

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


اختار التخطيط


ثم اضافة اداة


انشئ - 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>

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


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


بالتوفيق.