الأربعاء، 26 فبراير 2014

طريقة اضافة اكواد ازرار المواقع الاجتماعية الى مدونتك بشكل جميل 1

السلام عليكم ورحة الله وبركاته اليوم جايبلكم اكواد ازرار المواقع الاجتماعية بشكل جــــــــميــــــــــل
هكذا

اولا


اذهب الى التخطيط 
>> اضافة اداة >> اختر HTML/JavaScript
وضع هذا الكود .... مع التعديل طبعا 

<style>p#hb_socialicons img {
 /* Spinning Social Icons Widget By www.pro-lism.tk */
    -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
p#hb_socialicons img:hover {
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}
/* Spinning Social Icons Widget By www.pro-lism.tk */
</style> 
<center><p id="hb_socialicons">
    <a href=" ضــــع هنا رابط صفحتك على الفيسبوك /">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoXwys4leviLlxMBg7m4xaCMFKNpplkO-1tOMasljtW4xVpqGzwXMzm6mExRV9pwKrHQ7Y7-kbnincPBdWEECdCheaakQX7Cw2f2BcZp6J69LIgRGJsxNvtkUPep9YAvQCk8Pm_7xPiVg/s1600/helperblogger.com-facebook.png" /></a>
    <a href="ضع هنا رابط ضفحتك على تويتر">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwDGxvZmmDvPtvAkPQS_OZuCBpUyVUr_6kMAITxfEQscennVfZRqB282rK3F38E3ImrT-5nCI9tOG_jXCylr-JLffLCA4mJuqT01HutbSFsPa9AxprGuN92eylnCyJ-79n1jRd5J_Wkw4/s1600/helperblogger.com-twitter.png" /></a>
    <a href="ضع هنا رابط صفحتك على جوجل بلس">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfNzH5arkLlre0Nwie1HLZpDTfa1LS9BRALdoh2Qdlfm-j_4-5AaqGx9UoPfFerKJvtQB73XduB4ToFPkBJuzVRvzUm0CsL908HqMYR40m8RyDVMe0m1MbcCrJGPAlNoFv5duyT-AXR1Q/s1600/helperblogger.com-google_plus.png" /></a>
</p></center>

وووووو شكرا

ليست هناك تعليقات:

إرسال تعليق


جميع الحقوق محفوظة لمدونة عالم الإحتراف ©2013-2014 | إتصل بنا | سياسة الخصوصية