كيفية إضافة أيقونات المواقع الاجتماعية مع التأثير لمدونات بلوجر

لقد قام فريق عمل المدونة بتصميم هذه الإضافة المشابها لما هي موجود ة في مدونات وورد بريس ، يعني على نسقها ، الإضافة رائعة جداً تحتوي على معظم المواقع الاجتماعية ، وتوضع هذه الإضافة في sidebar وهي تضفي على مدونتك الرونق والجمال والإحترافية .

- طريق تركيب الإضافة :

1- أدخل إلى مدونتك | أختر لوحة التحكم >> تخطيط >> إضافة أداة : HTML/JavaScript

2- إضف الكود التالي في صندوق الأداة ثم إحفظ :

<style>
/*homeblog7.blogspot.com CSS starts*/
.ks-boxt{width:300px;}
.ks-pop{height:48px; width:48px; margin:10px; float:left; display:inline-block; 
-webkit-transition:all ease 0.5s;
 -moz-transition:all ease 0.5s;
  -o-transition:all ease 0.5s;
   -ms-transition:all ease 0.5s;
    transition:all ease 0.5s}
.ks-pop img{border-radius:50%; margin:8px; width:100%;
-webkit-transition:all ease 0.5s; 
-moz-transition:all ease 0.5s; 
-o-transition:all ease 0.5s; 
-ms-transition:all ease 0.5s; 
transition:all ease 0.5s; 
}
.ks-pop img:hover{margin:0px; box-shadow:5px 5px 3px 3px rgba(0,0,0,0.3); opacity:.8;}/*crawlist.net CSS ends*/
</style>
<div class="ks-boxt"><!--crawlist.net widget starts-->
<a class="ks-pop" rel="nofollow" href="http://www.facebook.com/بروفايلك على الفيس بوك " target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaS3evLA3FZPVlyy2uVa-0YQJt0FBLYer1hIdrvO7kbQm1m4Ba7S8y8igPHZC7nlPHrCKt-80ajfl6-Ibv24crmvl5jIuzsC7ywERXPZ6VfiPaZ_bunpjjfBZD_6bYw8kHz_Rw0IzHUxHm/s1600/facebook.png" title="Join us on facebook"/></a>
<a class="ks-pop" rel="nofollow" href="http://twitter.com/بروفايلك على تويتر" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDDUG_Bh8IJigi1ylCKk5fOmY3fq4ITWX_TJyYTM7_WCwiGKZj21U3bHCNyCSijnpdo_5vrHulJAS82aIIUwEPIFGMh1JRMlSWlIVDRofUEr7Tts2HlnjL6_qhbKC6SqpsmbWSReGBw7EU/s1600/twitter.png" title="Follow us on Twitter"/></a>
<a class="ks-pop" rel="nofollow" href="http://plus.google.com/بروفايلك على جوجل بلس" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyQtfKffHxSE0_QfUMhKhoLxV-V5DVa_J8ujoqOP64yPol2mNaYKmPDe4vNg1TxGhOvnkXObSEYoJ4eUa8enbP5HVzMOhbmLxM4pmKNtUTeT5H4ST7Jp4CFuciDvjTgJCSH6Uhc0QVVmtU/s1600/googleplus.png" title="Circle us on Google+"/></a>
<a class="ks-pop" rel="nofollow" href="http://www.linkedin.com/بروفايلك على لينكيد" target="_blank"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjriMH1LmLAQX-uFArslxmlxJtZ2OU1hX-uhvotWN72D-hpEOlSKwyD7CIbRSsGlVqYuj-b5T6FEzbw39ZrPrwQo4_Uv4q2fjEU9AF7lvw0cszgm0i_QZTMES4wcqHavPH9_YsMCrf5p8qu/s1600/linkdin.png" title="Follow us on Linkedin"/></a>
<a class="ks-pop" rel="nofollow" href="http://www.pinterest.com/بروفايلك على بينتيريست" target="_blank"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9YGml0MEUD7vUhzah6bt2qwdZIQf4Z0XBH6LdEROtFojteB1zp-EQKNwcU0bEWyGPEywlMv5asMs7vwZqpt5SUV9wA1TkxMoM38GA14eKeDt-BxIKJ8tojb7A5k_L3vrkJyFDI6zVqsSb/s1600/pinterest.png" title="Follow us on Pinterest"/></a>
<a class="ks-pop" rel="nofollow" href="http://Instraggram.com/بروفايلك على انستجرام" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkbk8MLnQT_E5f2NFV40w8sbDxCO937NTVh5nt1zULhZGGB_0MuNE2-Eaq125yzjiyXjkTOc8ik4GBtryPoN13LhU_GAywVaSJ3uN7DV9KAlv_901JVXr1YcdeTJUzo3rPkdDQkMiRTdE5/s1600/instagram.png" title="Follow us on Instragram"/></a>
<a class="ks-pop" rel="nofollow" href="http://www.stumbleupon.com/بروفايلك على stumbleupon" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCi7pnjZZ-jCf1JHTQ8fynhiyuLETJWpFeoqDG7ComlWbhZr8BZ-MSOics5D6pcI-AwF0CsyB2QgejGyqs90N5841y9MUmb5o9FFKLF-QaJwVe6L-XkW4FAfs4z5XXBM7z3l6nyify9xCl/s1600/stumbleupon.png" title="Join us on StumbleUpon"/></a>
<a class="ks-pop" rel="nofollow" href="http://play.google.com/بروفايلك جوجل بلاي " target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRyi9Awg637VWU9IX-3VQeVeXcgaw1mW2LVFdlS68jlBd_v-udxIkquFzOfAp9tz1TDlF8Jq8SWbBdAHe3654pRFnOGz9HU_YaHCqN3WxKY5iw5UzRn0Cxp9GqQNG_OEfnSS4lPOXi9Le6/s1600/appleapp.png" title="Download our app from Store"/></a>
<a class="ks-pop" rel="nofollow" href="http://www.youtube.com/قناتك على اليوتيوب" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxFwFrSCECS3ISCesERE-uhTMpY18AVp6R7YrhPTWnjw6nHFluTYTjy_7h4hAs7glkeBWZfsOh3vagiFBucgaVBY-TA0pPtnBYqMUsZCeH_QMsMA2T-Rv8IzTX7Zg7whJKZ3xQNPf8k0qX/s1600/youtube.png" title="Subscribe us on Youtube"/></a>
<a class="ks-pop" rel="nofollow" href="http://www.vimeo.com/قناتك على فيمو" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUdpvU6FUKZ8g3Exeqa_ahEkSanS5elnnAVn1dSr9Ge0ngeQaEo_5Vif4dILaiAyri3sH6hlYh09PTqQ9zaDJRIglHkd-2h8aOkp9IJWpNnEay2XGFQHZLaZYdoiQ3SiQ0kMyP7xyhbkyH/s1600/vimeo.png" title="Subscribe us on Vimeo"/></a>
<a class="ks-pop" rel="nofollow" href="http://feeds.feedburner.com/آي دي  فيد مدونتك" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx6iYQq-NMe82A-5TOe18pP7A1Vq20lh7T19pj8hq2Oryl7I2UfnPi55x3ncID2ckFqTr8CpYRyjR9OLRTm8GNX3p1BtIkTG3RnyrKFaW8fVAXpGNa1gjpGxs-jvMlEaIoOngmAOR_dlcV/s1600/rss.png" title="Never miss a post Subscribe"/></a>
<a class="ks-pop" rel="nofollow" href="mailto:ضع إيميلك هنا" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdDqdjndP4_jK-P71nUHfrBOZOJ0D0cFlEuNsV0jvRbCGXGX6xrTt6M6xz7OmReDQAChtsVSpNmHxI47mysJmrmU7ucR9z1lEwVlW8cIo1PNn92JkvTaHF3Z-xLWLt2MdZ3YJXVno7Heaa/s1600/email.png" title="Contact Us" /></a>
<!--homeblog7.blogspot.com widget ends--></div>