طريقة اضافة اكواد ازرار المواقع الاجتماعية الى مدونتك بشكل جميل 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/AVvXsEiq2Tyi2BsKGVTh0sPVfELsBztpUu6gpekO4LIDByFFNf88_gqX9xl2uuV2jkqtodyGswsAopNu9hw93tnUBmR_ZEG75TLLBIQaIx3hCx0_Hsp4-sxsa7glRz3Qx0KoyHJQCgIEmzFlbgQ/s1600/helperblogger.com-facebook.png" /></a>

    <a href="ضع هنا رابط ضفحتك على تويتر">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvUjiAQ817BBFxey9j8eggkMUJgN-XJRcZhwBhKkRJQ73zbNFTn004mPJScLF_DEcgkj6fgVr1obMF1-19Z35Vat7zi0ovcfilVdiRzPHnqnujb8yVtwLt1kJlWvMoO6ptYFKNmmfdgUY/s1600/helperblogger.com-twitter.png" /></a>

    <a href="ضع هنا رابط صفحتك على جوجل بلس">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2GOXrHBjh2kb_CLM8SXSSaGw_prx2-WaYZm8sZ2QTKDLDGLVbyc-BRIhJo7jZh6j5S2kcaDE6cMo5pSUO52-KdpyPkFxmbSV9mWU2u740L3EAl8jFM-i-fooZoT0aSQFACe_QHckVn20/s1600/helperblogger.com-google_plus.png" /></a>

</p></center>

وووووو شكرا