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

 لقد قام فريق عمل المدونة بتصميم هذه الإضافة  المشابها لما هي موجود ة في مدونات وورد بريس ، يعني على نسقها ، الإضافة رائعة جداً تحتوي على معظم المواقع الاجتماعية  ، وتوضع هذه الإضافة في 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/AVvXsEgXb1HnkmYihSj2EO01IFaUhpX1-27T8rjzJ9vLYxauhLkfx7-8kwsqYHCXtDN9aBPrrqY3io1WGDVIdHJ6-x_LvcR729Qh1eWrWsbgAtFYbaXpE-Qr4M6VraYaRsh2FmkRSotQZuvw5PL5/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/AVvXsEhJ8yelJ_dAf3qRgAv_YEwDTUWCvxfPTeWsEindSCNsot-BbG4WKghJul2nwmTIuXP4eEvcxf7WuyZsXxsysWsDK-z22gB2dlBbxylIVG6aXteDRVAaYsbBtYjotI-FsS2C6xj2z7PWo0wb/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/AVvXsEgiDDC1Nv3-krmR1TbONrU7GWKXY7mvq9PQZs2jd6hliGYtZqrttTcS-Hoo7UNBoIyvov1r-UrUVrqPXjtYVwcQspY8fOs7DayBlvoOsCdXJnk2URas4Y_-ONvm5BNc5xYFn5qOcE2PaH6D/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/AVvXsEiEQIK2Rug2OzRq2BBC1V3TzB_iRyWvRT-3sMp31zQcf09627rNBIi45CBiLo2I3dBhheMcGHy4QKL6oifk-7OkB-scVehddbAM2gLopq71trJTfCFTCZ6Gdg7YPaQfkSfFtB_zCFHOsvzz/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/AVvXsEgmSdjHJ9u1XYEtJ-exGRreENA9P7XbGAnqnAHrdIjQYjqsqgYZDSxgHOs8e3q_oK66UDcAXZymnXDFkfzDAu2vT8O7RaWo5Ru74q4FbGnJ_4qxDg7mOrk1422H_oFoJar_KXMtxSDTSVlV/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/AVvXsEjhVXKN56wbt50-8t7xx1W_COoZAcarzmI1HZTRCcoZsOQKHg1uy50aBvJiVBi33g3nPmNJWHqh2_2kQiNR58A-4s5EA9QF1mzLrYzZmNA5IcHTV9ffLmsaZ9TrC8PuWUmEU7PrEhXm2dRO/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/AVvXsEi3fD0QNW8vJokKihuMQh18BLZF3beKbZsp4vgjvqAnPGNyaIYbLz1ueAzQV903jJ76EonSKRQxyGlDr-YNLj2xB-JAv9WDIufUbj-RoVdiopKLj55orsu1hsibKS3wMwB7lJhysauNIoHJ/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/AVvXsEjYke6FPuiDYeIBNoSOpq5A6yR0UrUkOZiPyQvgtaqqM49GW2Fi6EH8jvCE9fUE-G9Gt1ATJ_3yQRZ1wcB5NwuZ5THE6kbc8Myt3UdvSOFFLETlMLxX1dJu0QhJnYzQVy5MlyXrDDIM0bNX/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/AVvXsEh0ql2kKVg1NyZ341b-QFlVZ-CP6-VyaacSs4s_iD907fF4FpBctx9jiSS3VVqMhm6YW9TXiyRXZY7vbgO0BU7iZjPjK8UKQr1Pf0hbFao08q2H1AxuBKOy-Ik5rfLfLdLETPHJP4lmtYQ1/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/AVvXsEgxInKMuHip3kvs4Y-tn2ZHeiC2TlavZ1QS6Z1Ul7tCcSqi2pNZZS5J3Bd4iCjKEMoWa4hV-rO9SBfmKg_tWnq3K-LxNcsbMVL2vsNojZuvaS3HhJYUMsAGu-nDRRXUh46bwhTbQC4Jx0Dy/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/AVvXsEhyXBWnBNCJRbInrdh4wDrved9iUv96xFDxzfEX_QzfLkW-NKeFgwDWbID1sQIhwKX2BPVj6HhMywpA9uv3QvJmyXd4-FpBkGE2E9u0Uffb9CS9_FCwYozFDBKl1ByUecMR3TUBrWy2GsrJ/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/AVvXsEgwUtt2snc183oPQzCCkceqp1K4uNkJs2GicoNIsBHOz3nINPufVYqcRQFU3VlqLjlDV2rb-TCyHj5y2rpKLlnzdtezOn26xDPrrFePjAkltkkxuvGPRBxohJXdJMTPgyve3_AuG62E98Yv/s1600/email.png" title="Contact Us" /></a>
<!--homeblog7.blogspot.com widget ends--></div>

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