إضافة تابعني على المواقع الاجتماعية لكل المدونات
1 ) أولا يجب عليك الذهاب إلى مدونتك في بلوجر
3) بعدها إضغط تحرير HTML
4) ثم في الكيبورد إضغط Ctrl + F داخل لوحة تحرير ال HTML
5) بعدها إبحث عن هذا الكود
______________________________________________
]]></b:skin>
_____________________________________________
|
6) و أضف قبله ( فوقه ) هذا الكود
______________________________________________________________________
.social-icone{ height:93px;}
.social-icone div{ margin: 0 12px;}
.social-icone a{ text-decoration:none;}
.you-icone b, .twt-icone b,.face-icone b,.rss-icone b{ font:14px tahoma; color:#8c8b8b;}
.you-icone span,.twt-icone span,.face-icone span,.rss-icone span{font:11px tahoma; color:#a3a3a3;}
.you-icone{
width: 50px;
height: 32px;
background:url(http://2.bp.blogspot.com/-ds8qOnEouwI/UQP3rHAflBI/AAAAAAAADIA/eH1yxuWHfgA/s1600/youtube.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.you-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhxlS9x7g66KFpjnBgXEnU46uZ4pr2LFR7M2iX2b8wgxDeU_VDy1toDA2CTk9XqkkTVyGfu0L3Rw9C8MAgJuMUumkAID6U4MZPTNWJvuoy4_btdUUtUTjIi6xCpfkf6iEJhnXAQldt6B0/s1600/youtube2.png)top no-repeat;}
.twt-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim4BvQ4aGz-Te3zEeP24yXd19syRfOF4_YzaEmPwSRuTLk5_rDrbO2bUo_5KsDJ6ZkQ6Y6d6HK34TV6Or6bnaNl-E-8GClg2PgrJlWnqf5r_7eRmbZ71QNyYLsVqc3BFI_k-H7BalGS6E/s1600/twitter.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.twt-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicGua-L9nguGDKOjXIrhVRzEeCWPPm2BapWv-Fe-opWWHZn2q4CywFc-bgBgqSgHgS5WLsO0PGU3GSzTqfJcuqAVXA2yZTPP9Shfp0pjlWI8lAt5LLpGHBntO1TXROAnVMmVcqLinuYkA/s1600/twitter2.png)top no-repeat;}
.face-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUqVyUs3CU7HcfysPGjAAoPzGIJ7gTMi6iJKyhM1qxGIkR86F-aDPQbi0gZ-ToHrzFSyHXskM4fQnLRsZqnax-m5L2lsJXLoKvndzmZYrl4VVnzRr2RiwHRnO5FPJy4ia4vTL2oNpoqSc/s1600/facebook.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.face-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipdZURJiqi7X2v0W1Nwpqm811gWOtMBNzgFPjEaJ2T7qs1U8W6mekZCIk4MAjHkw7yHAJj_az24sQHDQjvQln3pnUgKOEs86vE0VXFWoAHv6x8c1_ihX6J3uCkvv6b37ruX9MPBewBH3A/s1600/facebook2.png)top no-repeat;}
.rss-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiREOB7haW670GA6PKwj1TJBbcqS3Skqqm4y7-sVFcT3lAoGAO-aoqvh4_Lj0Vex_5RYEh885kxBCp9QL0Zxa30XKkNX3y2207xvcfGglbHBzatl0WH4QR2YvFe4zdgs-3qH1n-PKzpbHA/s1600/RSS.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.rss-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi67ikfREzDLd62Vbmr4c62yQLDaYoTLoLEgfjlrkpA1iwLPgVCu0gi7HD4vF0IdJ30jjLhx6a5ZLEJcIJY1DUuT5i8gWXGD8p8Xfa-RrpNsECNPBT8kOP6xMY7_jHrbZ-8Zebxdqdd9No/s1600/RSS2.png)top no-repeat;}
.post-footer-line > * {
margin-left: 0;
}
.social-icone div{ margin: 0 12px;}
.social-icone a{ text-decoration:none;}
.you-icone b, .twt-icone b,.face-icone b,.rss-icone b{ font:14px tahoma; color:#8c8b8b;}
.you-icone span,.twt-icone span,.face-icone span,.rss-icone span{font:11px tahoma; color:#a3a3a3;}
.you-icone{
width: 50px;
height: 32px;
background:url(http://2.bp.blogspot.com/-ds8qOnEouwI/UQP3rHAflBI/AAAAAAAADIA/eH1yxuWHfgA/s1600/youtube.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.you-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhxlS9x7g66KFpjnBgXEnU46uZ4pr2LFR7M2iX2b8wgxDeU_VDy1toDA2CTk9XqkkTVyGfu0L3Rw9C8MAgJuMUumkAID6U4MZPTNWJvuoy4_btdUUtUTjIi6xCpfkf6iEJhnXAQldt6B0/s1600/youtube2.png)top no-repeat;}
.twt-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim4BvQ4aGz-Te3zEeP24yXd19syRfOF4_YzaEmPwSRuTLk5_rDrbO2bUo_5KsDJ6ZkQ6Y6d6HK34TV6Or6bnaNl-E-8GClg2PgrJlWnqf5r_7eRmbZ71QNyYLsVqc3BFI_k-H7BalGS6E/s1600/twitter.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.twt-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicGua-L9nguGDKOjXIrhVRzEeCWPPm2BapWv-Fe-opWWHZn2q4CywFc-bgBgqSgHgS5WLsO0PGU3GSzTqfJcuqAVXA2yZTPP9Shfp0pjlWI8lAt5LLpGHBntO1TXROAnVMmVcqLinuYkA/s1600/twitter2.png)top no-repeat;}
.face-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUqVyUs3CU7HcfysPGjAAoPzGIJ7gTMi6iJKyhM1qxGIkR86F-aDPQbi0gZ-ToHrzFSyHXskM4fQnLRsZqnax-m5L2lsJXLoKvndzmZYrl4VVnzRr2RiwHRnO5FPJy4ia4vTL2oNpoqSc/s1600/facebook.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.face-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipdZURJiqi7X2v0W1Nwpqm811gWOtMBNzgFPjEaJ2T7qs1U8W6mekZCIk4MAjHkw7yHAJj_az24sQHDQjvQln3pnUgKOEs86vE0VXFWoAHv6x8c1_ihX6J3uCkvv6b37ruX9MPBewBH3A/s1600/facebook2.png)top no-repeat;}
.rss-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiREOB7haW670GA6PKwj1TJBbcqS3Skqqm4y7-sVFcT3lAoGAO-aoqvh4_Lj0Vex_5RYEh885kxBCp9QL0Zxa30XKkNX3y2207xvcfGglbHBzatl0WH4QR2YvFe4zdgs-3qH1n-PKzpbHA/s1600/RSS.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.rss-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi67ikfREzDLd62Vbmr4c62yQLDaYoTLoLEgfjlrkpA1iwLPgVCu0gi7HD4vF0IdJ30jjLhx6a5ZLEJcIJY1DUuT5i8gWXGD8p8Xfa-RrpNsECNPBT8kOP6xMY7_jHrbZ-8Zebxdqdd9No/s1600/RSS2.png)top no-repeat;}
.post-footer-line > * {
margin-left: 0;
}
____________________________________________________________
) ثم بعد كل هذا قم بحفض القالب و إذهب إلى تخطيط و إختر إضافة أداة من نوع (HTML/Javascript) و أضف هذا الكود
_______________________________
<div class="social-icone">
<a href="http://www.youtube.com/subscribe_widget?p=XXXX" rel="nofollow" target="_blank">
<div class="you-icone">
<b>100</b>
<span>مشترك</span>
</div>
</a>
<a href="http://www.twitter.com/XXXX" rel="nofollow" target="_blank">
<div class="twt-icone">
<b>0000</b>
<span>متابع</span>
</div>
</a>
<a href="https://www.facebook.com/XXXX" rel="nofollow" target="_blank">
<div class="face-icone">
<b>2000</b>
<span>معجب</span>
</div>
</a>
<a href="http://feeds.feedburner.com/XXXX" rel="nofollow" target="_blank">
<div class="rss-icone">
<b>200</b>
<span>مشترك</span>
</div>
</a>
</div>
<a href="http://www.youtube.com/subscribe_widget?p=XXXX" rel="nofollow" target="_blank">
<div class="you-icone">
<b>100</b>
<span>مشترك</span>
</div>
</a>
<a href="http://www.twitter.com/XXXX" rel="nofollow" target="_blank">
<div class="twt-icone">
<b>0000</b>
<span>متابع</span>
</div>
</a>
<a href="https://www.facebook.com/XXXX" rel="nofollow" target="_blank">
<div class="face-icone">
<b>2000</b>
<span>معجب</span>
</div>
</a>
<a href="http://feeds.feedburner.com/XXXX" rel="nofollow" target="_blank">
<div class="rss-icone">
<b>200</b>
<span>مشترك</span>
</div>
</a>
</div>
_____________________________________
تنبيه : المرجوا عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا
0 التعليقات: