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

 لقد قام فريق عمل المدونة بتصميم هذه الإضافة  المشابها لما هي موجود ة في مدونات وورد بريس ، يعني على نسقها ، الإضافة رائعة جداً تحتوي على معظم المواقع الاجتماعية  ، وتوضع هذه الإضافة في 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="http://2.bp.blogspot.com/-6-zlofWV32Y/VOdvhC4RmTI/AAAAAAAAFbA/252hOrTNiOo/s1600/facebook.png" title="Join us on facebook"/></a>
<a class="ks-pop" rel="nofollow" href="http://twitter.com/بروفايلك على تويتر" target="_blank"><img src="http://4.bp.blogspot.com/-ejvjh_fPqvY/VOdxHtwQXxI/AAAAAAAAFcA/wm_0B1njIGo/s1600/twitter.png" title="Follow us on Twitter"/></a>
<a class="ks-pop" rel="nofollow" href="http://plus.google.com/بروفايلك على جوجل بلس" target="_blank"><img src="http://1.bp.blogspot.com/-MWxQHfVumXU/VOdvut_2FII/AAAAAAAAFbI/nHGzb1MkaBM/s1600/googleplus.png" title="Circle us on Google+"/></a>
<a class="ks-pop" rel="nofollow" href="http://www.linkedin.com/بروفايلك على لينكيد" target="_blank"> <img src="http://2.bp.blogspot.com/-HyR9it6s8nc/VOdwj-XNBYI/AAAAAAAAFbY/qVsGxSTLwfs/s1600/linkdin.png" title="Follow us on Linkedin"/></a>
<a class="ks-pop" rel="nofollow" href="http://www.pinterest.com/بروفايلك على بينتيريست" target="_blank"> <img src="http://1.bp.blogspot.com/-wii-GKcXeZ4/VOdwporHddI/AAAAAAAAFbg/BWT5KLlenJI/s1600/pinterest.png" title="Follow us on Pinterest"/></a>
<a class="ks-pop" rel="nofollow" href="http://Instraggram.com/بروفايلك على انستجرام" target="_blank"><img src="http://3.bp.blogspot.com/-qYsn2kQTcyc/VOdxdWphNSI/AAAAAAAAFcQ/D6n_nNdfK8c/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="http://3.bp.blogspot.com/-y7iQCu40Vjc/VOdxXKDxpFI/AAAAAAAAFcI/QniFhOGeRi4/s1600/stumbleupon.png" title="Join us on StumbleUpon"/></a>
<a class="ks-pop" rel="nofollow" href="http://play.google.com/بروفايلك جوجل بلاي " target="_blank"><img src="http://3.bp.blogspot.com/-k3CyCWzCiNY/VOdvFRhZeoI/AAAAAAAAFaw/mpyv9_X5yzk/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="http://1.bp.blogspot.com/-C2CoaAHIE1A/VOdw6vs8H8I/AAAAAAAAFbw/UXqF6dNuvBM/s1600/youtube.png" title="Subscribe us on Youtube"/></a>
<a class="ks-pop" rel="nofollow" href="http://www.vimeo.com/قناتك على فيمو" target="_blank"><img src="http://2.bp.blogspot.com/-9E2PN7o5shc/VOdxApuKKGI/AAAAAAAAFb4/B5V5zIhdta4/s1600/vimeo.png" title="Subscribe us on Vimeo"/></a>
<a class="ks-pop" rel="nofollow" href="http://feeds.feedburner.com/آي دي  فيد مدونتك" target="_blank"><img src="http://2.bp.blogspot.com/-tRPtqllJTNs/VOdwzYgJM6I/AAAAAAAAFbo/iL6hA-OCZcA/s1600/rss.png" title="Never miss a post Subscribe"/></a>
<a class="ks-pop" rel="nofollow" href="mailto:ضع إيميلك هنا" target="_blank"><img src="http://1.bp.blogspot.com/-CxmMo7nHes4/VOdvYz6ypuI/AAAAAAAAFa4/plrRtYPKv58/s1600/email.png" title="Contact Us" /></a>
<!--homeblog7.blogspot.com widget ends--></div>

- عدّل بما يتناسب مع مواقعك الاجتماعية .