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

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

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

طريقة اضافة الكود...
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/AVvXsEjc9ZMo5f_nsdIJLV_oG18mhgxCHHygKFHYbhSchG4umUhTrW5spMXtpVURCJRz-9bVIJrw64gcyEJQkx1JNnGQsWkMPlkCMRHXgtRZ6D1jr8BZX9C0M73O1VcYUVG7-KsqDC14G3jqjmwx/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/AVvXsEhfJJM_SwphoKFPl7G30lkohV4woI7846NrKqGIJU-Cxltkc0gBWs6YBpFNgvUK4I67WcfOFz6CbqI9uM6kF0BcGc4KCrIudos0pkCUFRvIvux7TzzZjvD53J_2t_zW4a0s66Bxq1sz52cj/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/AVvXsEgm5BrUmwSw_YZIgdjgthKfaAqwxghR-YVKR0LMm2iu93G-ri5A0SNGQybKsVIe-rM4rsS0YKZvbs-s0T7sve_UulK5XBijYe_f42IacLu1gAgQcIORBH_POepUCrmIgdRQnSea-mrr5DtU/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>

بالتوفيق.