بسم الله الرحمن الرحيم
السلآم عليكم ورحمة الله وبركاته اسعد الله واقاتكم بكل خير .اليوم اقدم لكم إضافة مميزة وجميلة وهي عبارة عن إضافة تابعنا عبر الشبكات الاجتماعية بشكل جميل وجذاب مثل مدونة المحترف
طريقة التركيب :
ادخل مدونتك .
الدخول إلى القالب ثم تحرير HTML
نضيف الكود التالي قبل ]]></b:skin>
.social-icone{ height:108px;}
.social-icone div{ margin: 8px 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/AVvXsEjlfkNyrzkcqtjpXFoa8hLunlrt4lmEb4OzjfDhc1clu48WArMx7ok1LRNyAvzwUw20RAfY1n6v1kqmkekIWofsNSEqfYQK2wwOEWUWl96IkFbAxHkDlHtePEp4DWrBb5kjAQTrfU0Y3jU/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/AVvXsEjZuo7gs0kHIlC9l8WzzgfvJaADLD9sdOGF0daYGuruI7aPvUgGGBLPios54nmeARdA2hi3sHYXocUlXj5oDCjWHHoIs1Gf83WPSXYf1rx-A3jrpTREJ_0cpmArsxGrvGRykzYNMNRrTuc/s1600/youtube2.png)top no-repeat;}
.twt-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDpzDzeuUhAUAm7Yd9PAFY2LvxJ3nz5KxGPkwkptIAwpAPb3mYszGDGd79ktpGxkfK_B6AJb3v-ZY2NRZ6qcMb7W0hAq75F57xrhzuFhMfGCy72SVjwwlNs1nRSIJ0zXKSaAp8fkrkcPg/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/AVvXsEi3uxv2lauLnOf3knqABi7bNCTqgqARZJetGk3Lw-_IrjPxjFS2BFVtXOoJ72mziCPEEHN9oBoOgV_vFq-wIuikTo6dBUCL4xFvhRUHB0W5qsE51bGPswTM_ZWUd_Q4dGHDnCWc7D6xa6Q/s1600/twitter2.png)top no-repeat;}
.face-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9nAL9nRSmhqrCdEKU9HTwEi3Np5x-M-TG14L4FjGi_7OQKgcepTZglU-bvKf7Ez0qNMSZtyOpBLuRlN7nrZSONl0lVk-uyjM1b0Vi_g1O5p8uXSjnozrMFIUl-a5QRVk0NLqKAOf7nhk/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/AVvXsEjuqzDK0Rgg17IkZ8PXrZvVmtGU5DtobPrKtZVY5p6Lu1OiKCXwmpKmhNunb9CG-S8Gamw-kyGmjww5v3weORGEhzdOlD06DQk0LtSy8FcL2OxMO-GbkbtSSXP1mdCCkEH5mNAOR6hXZOc/s1600/facebook2.png)top no-repeat;}
.rss-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_LwzS3FzrW80Y9w9KobWKmg7viG2pe_DGhshrCov7L89VRUv5pziT-dvmGAZg37i7nokVWfa9bZ3lfGmC8fgRblD2ORyhWVQBYattsGVmzeij6GBkH_lx7ebak0nkpDA3fMVpKG3mGxM/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/AVvXsEiUh7wHrN_SQNFmpVrkq6W3HbkJAI_UPQNAOBwTScjWmZ_3ZzNb-k63ZF0blA-1Z2_HhIsNXVMgQsCwBLgpwxwJxWT6p25cxrBetocaWlxSYrjE1THpQKm3nFjyqv5uo7YnJOi52mZdfw8/s1600/RSS2.png)top no-repeat;}
.post-footer-line > * {
margin-left: 0;
}
ثم قم بحفظ القالب
ثم توجه الى تخطيط ثم قم باضافة HTML/JavaScriptواضف الكود التالي
<div class="social-icone">
<a href="http://www.youtube.com/user/ibrahim choukri">
<div class="you-icone">
<b>99.000</b>
<span>مشترك</span>
</div>
</a>
<a href="http://www.twitter.com/ibrahim choukri1">
<div class="twt-icone">
<b>4500</b>
<span>متابع</span>
</div>
</a>
<a href="https://www.facebook.com/th3techniques">
<div class="face-icone">
<b>250 ألف</b>
<span>معجب</span>
</div>
</a>
<a href="http://feedburner.google.com/fb/a/mailverify?uri=choukri">
<div class="rss-icone">
<b>10.000</b>
<span>مشترك</span>
</div>
</a>
</div>
ومبروك عليك الاضافت
ليست هناك تعليقات:
اضافة تعليق