1) أولا يجب عليك الذهاب إلى مدونتك في بلوجر
2) تم إضغط على قالب
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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9KsaOeVkZMyVxP3482zeYaAXiDSt8EM9gwQNnlnrsXDVAwBpskOIgQGyYPvR2MHgkKhFTru67lyJoyhB40eBeIG-tpqgQ-4lAbUqu4pSsA9jUl8qrNvM4eoGttMxk5mRA7UyDHp2r2gg/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/AVvXsEjkl5RxKdTbbo4iZpNwmgavJV36_oNWz_ftuYE3vsGuadaO4v6GA9IGowq9YKN8xrfx8uen4H5ZbqfqZxamZ9jCGimaGH1VjUlx5dCK-z0o1HIjbEXC0BYQ418x3tD85QirfWGcyuH-szU/s1600/youtube2.png)top no-repeat;}
.twt-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCP27kEN0fENJh8lDJGufC45TPaXbYAmkBjnlqOEwkUi8FfAss8jwYJ7gBbOe-4rjhCynhLyh4SsDMrpDAZEOT4yt6gv0692reiKV0wc1ZF-Hqkl3C8t6rlhps94SLJhc2CEaB-OngnLo/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/AVvXsEhZ85WsWkdwh7R11rXjbv3s8uyJ2ZLqftd0u_UAhpu9Q7gsXe7mFvSUwEK3zP05arg9RciZycZZDXG3tNyDL7h2fBLdaourInQzIf-ad06VpBlX0lEcr1QG1AHx91YZHftqV1if0zprNC8/s1600/twitter2.png)top no-repeat;}
.face-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHxuSAgyrjXQZn7c8ojKDCgFd2mrOPeUUSuq4IBbh3ppv4nLFzr39d9uNNa3VvPLFqtde_7WLXBR2gR2g5QhkBOmUALYMFgo2qdtN3zmc4Wex1XVH7bli0fMRA3jUqOChaZ0LOWlHgqEQ/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/AVvXsEjBc1-wKuWGvA5sUqAvPFAqu688imwI2Frj2EGXaQ2Y7jqVnP9TDK8rQt8JlupxaqVEQTXIh57VdBqNOJAhjHqzz16JqoVf4smi-C5C3sAQ0SzC3JQCTr3N1t9iAoMgItxZczRb7Zu2BwA/s1600/facebook2.png)top no-repeat;}
.rss-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6t6YYmBgNJVVKGS0at4UeqOfit0YkNgR300PYfAdH3bdYfJCJfIeD4ZAwCBZtjikBS4o-gK2aTiefOUKgiQjMgTJCz4u-GDOvXpAjn5yNkyPSf2SRyXisoTOXuuvqsPKpSityLnIM7RM/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/AVvXsEgrj2p_3Dk46NDq1UhA3nUad5NwyfeNRo6GXycyZjsh7TedGlBDsPQtvF7rLIWYAyCtjK8jBCaxBJ-fUcoE_hio7yZbHdz3xkEG25q0YL10KWBpHauA22PBJ0bbBN7Tli0jNtEKhGwMUXQ/s1600/RSS2.png)top no-repeat;}
.post-footer-line > * {
margin-left: 0;
}
7) ثم بعد كل هذا قم بحفض القالب و إذهب إلى تخطيط و إختر إضافة أداة من نوع (HTML/Javascript) و أضف هذا الكود
<div>
<a href=”http://www.youtube.com/subscribe_widget?p=XXXX” rel=”nofollow” target=”_blank”>
<div>
<b>100</b>
<span>مشترك</span>
</div>
</a>
<a href=”http://www.twitter.com/XXXX” rel=”nofollow” target=”_blank”>
<div>
<b>0000</b>
<span>متابع</span>
</div>
</a>
<a href=”https://www.facebook.com/XXXX” rel=”nofollow” target=”_blank”>
<div>
<b>2000</b>
<span>معجب</span>
</div>
</a>
<a href=”http://feeds.feedburner.com/XXXX” rel=”nofollow” target=”_blank”>
<div>
<b>200</b>
<span>مشترك</span>
</div>
</a>
</div>
و غير XXXX بما يناسبك
ليست هناك تعليقات:
إرسال تعليق