كود المتابعة على الشبكات الاجتماعية بـ 5 أشكال احترافية جديدة Code to follow on social networks

من المهم وجود أزرار المتابعة لصفحات الموقع على الشبكات الاجتماعية لما لها دور كبير في التعريف بالموقع و كسب زوار جدد خاصة من المواقع الاجتماعية لأنها تجمع الكثير و من مختلف الدول و لديهم إهتمامات كثيرة و متنوعة.

و هذه 5 أكواد للمتابعة على الشبكات الاجتماعية بـ 5 أشكال أنيقة و احترافية فعند تقريب الفأرة منها تدور بشكل لولبي رائع

و هي سهلة التركيب بطريقة بسيطة جدا بإضافة الأداة HTML/JavaScript و نسخ فيها الكود الذي أعجبك من بين 5 أكواد مع مراعاة تغيير روابط المواقع كـ : facebook.com ، Twitter.com ، plus.google.com ... إلى روابط صفحتك

الشكل الأول - Figure 1

كود الشكل الأول - Code Figure 1ِِ

<div class='widget-content'> </p> <p style="text-align: center;"> <style>p#hb_socialicons img {</p> <p style="text-align: center;">  /*  Social Icons Widget By AmirArb.BlogSpot.Com */</p> <p style="text-align: center;">     -moz-transition: all 0.50s ease-in-out;</p> <p style="text-align: center;">     -webkit-transition: all 0.50s ease-in-out;</p> <p style="text-align: center;">     -o-transition: all 0.50s ease-in-out;</p> <p style="text-align: center;">     -ms-transition: all 0.50s ease-in-out;</p> <p style="text-align: center;">     transition: all 0.50s ease-in-out;</p> <p style="text-align: center;"> }</p> <p style="text-align: center;"> p#hb_socialicons img:hover {</p> <p style="text-align: center;">     -moz-transform: rotate(250deg);</p> <p style="text-align: center;">     -webkit-transform: rotate(250deg);</p> <p style="text-align: center;">     -o-transform: rotate(250deg);</p> <p style="text-align: center;">     -ms-transform: rotate(250deg);</p> <p style="text-align: center;">     transform: rotate(250deg);</p> <p style="text-align: center;"> }</p> <p style="text-align: center;"> /*  Social Icons Widget By AmirArb.BlogSpot.Com */</p> <p style="text-align: center;"> </style> </p> <p style="text-align: center;"> <center> </p> <p style="text-align: center;"> <p id="hb_socialicons"> <a href="https://www.facebook.com" target="_blank"></p> <p style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgePlKuu1ljVIihlhsUUbDU8qkS9cdQZ6914gFri31MGwYk1__ijuDOpj-1lcaPoLDC6Kg9gWDoTau270IZasabZokaCQKMQBXju8jIuON3fq9jUp-l8SIDMEKMJ47QWVsYqLgGknlI-5Y/s1600/Facebook-icon+%25281%2529.png" /></a></p> <p style="text-align: center;">     <a href="https://plus.google.com"></p> <p style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNkZkOJ_Df9nePP2_OWjWcXXlhFrw4ibecCkmYeEl1D09TlI_iUJul-ZDeaflfmtvy-H8u9_hTQi0RbQpGw1sE68ayc8U7-B3W8_FeHFXulQs7f-ONctuUTqOzznCGnca_Bst4v0Ga9z4/s1600/Google-Plus-icon+%25281%2529.png" /></a></p> <p style="text-align: center;">     <a href="https://www.twitter.com" target="_blank"></p> <p style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC6Bh_c_hPg66IG-z3r28C1su0mCfXUjJ_sxt_XLm3brktVCnU2KZIVK4dDMoRdipjKGbwVYPpJg0DIu4B6fD7NX5c7MvJlrx8rG8iNPI_Lezm0MkF_tdUk1UFlzdWv7LO8nZbp-wB44Y/s1600/Twitter-icon+%25281%2529.png" /></a></p> <p style="text-align: center;">  <a href="http://www.instagram.com/"></p> <p style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYt5hjxrjdhg3A6iy7ntLWTw-j5d3vOnjy-a9Ik7gBK0nZxlSVGv2tafa_8jDYM16XXtgkj7Kum5Kw0TCdtb0O_rCbC91XChhhg2cr1ihrFakYiYNzMZNV3ZixhFIUlAjRLv07jqk1trs/s1600/Instagram-icon+%25281%2529.png" /></a></p> <p style="text-align: center;">     <a href="https://www.youtube.com" target="_blank"></p> <p style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikeJqW07oIBPkLSAdu0wknlUnYOU1GkW9-ANUVmwlzBewBNHbVgL1_7uXe4TQj6wRscEQ9rq34M342qR7SAM4ys9ypk7SukNyqo63j0gN1ZRmPVHyjicdyW5MEzA3s56zwlrWX2-1SXSE/s1600/Youtube-icon+%25281%2529.png" /></a></p> <p style="text-align: center;"> <a href="http://feeds.feedburner.com"></p> <p style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2kgY9BjLhkYijdmsw6D7idYR05cOr8O9SEzeg63Rn_XTDi-qPIpVF1n04-lvEUYcjWEETNeJBB-Cj71ESW_zuTFySkoexRHH0NY3Z_3X3uQsANrYS55BL3LEiwig0-bfFQGQGo6rL1os/s1600/RSS-icon+%25281%2529.png" /></a></p> <p style="text-align: center;"> </p> </p> <p style="text-align: center;"> </center> </p> <p style="text-align: center;"> </div>

الشكل الثاني - Figure 2

كود الشكل الثاني - Code Figure 2

<div class='widget-content'> </p> <p style="text-align: center;"> <style>p#hb_socialicons img {</p> <p style="text-align: center;">  /*  Social Icons Widget By AmirArb.BlogSpot.Com */</p> <p style="text-align: center;">     -moz-transition: all 0.50s ease-in-out;</p> <p style="text-align: center;">     -webkit-transition: all 0.50s ease-in-out;</p> <p style="text-align: center;">     -o-transition: all 0.50s ease-in-out;</p> <p style="text-align: center;">     -ms-transition: all 0.50s ease-in-out;</p> <p style="text-align: center;">     transition: all 0.50s ease-in-out;</p> <p style="text-align: center;"> }</p> <p style="text-align: center;"> p#hb_socialicons img:hover {</p> <p style="text-align: center;">     -moz-transform: rotate(250deg);</p> <p style="text-align: center;">     -webkit-transform: rotate(250deg);</p> <p style="text-align: center;">     -o-transform: rotate(250deg);</p> <p style="text-align: center;">     -ms-transform: rotate(250deg);</p> <p style="text-align: center;">     transform: rotate(250deg);</p> <p style="text-align: center;"> }</p> <p style="text-align: center;"> /*  Social Icons Widget By AmirArb.BlogSpot.Com */</p> <p style="text-align: center;"> </style> </p> <p style="text-align: center;"> <center> </p> <p style="text-align: center;"> <p id="hb_socialicons"> <a href="https://www.facebook.com" target="_blank"></p> <p style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlZoM5eZFKdMbaDNislL8vIm0RoXjreKgxEFBzWLWMS49vPdN1k3XKJYtHw2NXxoyNXrFCNOTqNMmbnTEwdSfjD6UUGvHjRY24d3yfwtN7i3BFsoysLLvrbva_taj5y9lMCC2QtMU51-A/s1600/Facebook-icon+%25282%2529.png" /></a></p> <p style="text-align: center;">     <a href="https://plus.google.com"></p> <p style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL7SeQZGPgOGvusjs8xmQpxwLOvxhyphenhyphen_u3UsYH_Hf2LXMBJblAAqVyq8B5BNc-LI8G9c6JEMxuu1gkWi480opcA9VcJNPRY0aq1aYd-yvPtCfYqZSB4D74zIuB0339JUNrht9e-3_44a1o/s1600/Google-Plus-icon+%25282%2529.png" /></a></p> <p style="text-align: center;">     <a href="https://www.twitter.com" target="_blank"></p> <p style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIaCc7Xb6hfw7z99i_kIvpfXgxXtwFOJwa_iVcmDdhC8hdrt9rZrFDQtJC2DeYrcCatJZ2zCG74lUiqHwcRz-vLHDR3ZKh5lCLaPv-P_mUwm4qcOGh2OwyGjCMxIt2EqCF-1gTYiLR4lI/s1600/Twitter-icon+%25282%2529.png" /></a></p> <p style="text-align: center;">  <a href="http://www.instagram.com/"></p> <p style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwG6C481aG8iu0_gFFz6xqNTmxqA0SeGCfXc16gll_vjiay19TmcwhlZ_0ejcvqXFf6d_rqHZ0o_QrbE3-K74_zd4SXgAj83wQ6bb5PEfVF8QQjhtNdJ_046gLnXuDkb10QFQ3DUk8xgM/s1600/Instagram-icon+%25282%2529.png" /></a></p> <p style="text-align: center;">     <a href="https://www.youtube.com" target="_blank"></p> <p style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij8e1jBsptAWhjK1CYolh6yZ_I6C2xEagc6te2_t9O83mGaX60fBjjuZVRJ1WcXGFFPJGQseb4SO7xLc620IkJw-msc4d4ieApI47x1Eick6kp8Fm8xntrdTju91XhZ5sgT7u-RXH_gjU/s1600/Youtube-icon+%25282%2529.png" /></a></p> <p style="text-align: center;"> <a href="http://feeds.feedburner.com"></p> <p style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWydchy5JH_ltT8H_tcMsHVWsqDicCTtJqThxn7s61CJmVS9TQoCDxCvqsrxABjsFWOWKH9XlRc5Xob8Kf-utbtvxUX646gsyf2CDxBEk-YGUjKHXcPQXRL30QralS-AsE2fhd8CeUAq8/s1600/RSS-icon+%25282%2529.png" /></a></p> <p style="text-align: center;"> </p> </p> <p style="text-align: center;"> </center> </p> <p style="text-align: center;"> </div> </p> <p style="text-align: center;">

الشكل الثالث - Figure 3

كود الشكل الثالث - Code Figure 3

<div class='widget-content'> </p> <p style="text-align: center;"> <style>p#hb_socialicons img {</p> <p style="text-align: center;">  /*  Social Icons Widget By AmirArb.BlogSpot.Com */</p> <p style="text-align: center;">     -moz-transition: all 0.50s ease-in-out;</p> <p style="text-align: center;">     -webkit-transition: all 0.50s ease-in-out;</p> <p style="text-align: center;">     -o-transition: all 0.50s ease-in-out;</p> <p style="text-align: center;">     -ms-transition: all 0.50s ease-in-out;</p> <p style="text-align: center;">     transition: all 0.50s ease-in-out;</p> <p style="text-align: center;"> }</p> <p style="text-align: center;"> p#hb_socialicons img:hover {</p> <p style="text-align: center;">     -moz-transform: rotate(250deg);</p> <p style="text-align: center;">     -webkit-transform: rotate(250deg);</p> <p style="text-align: center;">     -o-transform: rotate(250deg);</p> <p style="text-align: center;">     -ms-transform: rotate(250deg);</p> <p style="text-align: center;">     transform: rotate(250deg);</p> <p style="text-align: center;"> }</p> <p style="text-align: center;"> /*  Social Icons Widget By AmirArb.BlogSpot.Com */</p> <p style="text-align: center;"> </style> </p> <p style="text-align: center;"> <center> </p> <p style="text-align: center;"> <p id="hb_socialicons"> <a href="https://www.facebook.com" target="_blank"></p> <p style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxpl79XVY_orsdO6y7Hjrq11jpGzq4YxA9jRPLvWJ9squsDWWmYJYRC4E09P2XOnj5zGL64LjwYetMIB4HqyPOIe0RBNZT4tfvz8LUAB-K4QWlP62nOXuZaZveHs0XtyQp21mcTBWkT60/s1600/Facebook-icon+%25283%2529.png" /></a></p> <p style="text-align: center;">     <a href="https://plus.google.com"></p> <p style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPt9G7nQWVn_0AG3iEd4WX0bSEtr-nKzxUGCvrMXgMsZLqGqZepyOhJ82JOrNhgxYKa1VUgNEjmDXLf6pPVGQo0UfjqogiatwwFuRt5wAVlIVTcFGei6dQqb4ghVddc8oYoPFsOsMVHY0/s1600/Googleplus-icon+%25283%2529.png" /></a></p> <p style="text-align: center;">     <a href="https://www.twitter.com" target="_blank"></p> <p style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix4j2LrA08XXi-1aarvFWK5wBc1aQatl2iYsew0E5nmZskc-iLhnMm29HmNRRqO30Or5kdmq42UU_CDA-FTJhJ6EgnYTaUN_m6rdAJF0H8wa7YykvWw6825hL0CHcEJsr2go80KaJ-7U4/s1600/Twitter-icon+%25283%2529.png" /></a></p> <p style="text-align: center;">  <a href="http://www.instagram.com/"></p> <p style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPRSyLhyphenhyphenvQMy7SX8PesmFX_OrcghpC0PGKqX1hQ8zYZYmzj3lref8T4wWeGQldEJLVfOVNeIB1pkFYPIP0EvwqTyrfEZuoxNQqydgmT3sXLMlF_see_7LbNXICFe_SPggdRUU1THyIK7c/s1600/Instagram-icon+%25283%2529.png" /></a></p> <p style="text-align: center;">     <a href="https://www.youtube.com" target="_blank"></p> <p style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGPPMEa5Ys-hvkOiWgZD5_rbDpdDJHg602R3utLkOiad45-4mecJ22Bm9gStsZxy-2vEdmVsfDr5II5KijcXSEpMGg6i8Y8nv89zPmY5D081MN0UpO4HFWIxLoC49Wp-mD-FIK-mVvNq4/s1600/Youtube-icon+%25283%2529.png" /></a></p> <p style="text-align: center;"> <a href="http://feeds.feedburner.com"></p> <p style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVyPwtpZD82MHewLq0deidjuRm0UcI_NBfg0Tmw7lV0kh9kl1zzqeFg2cp5zlDevNh4kjNvYfg-VwJaTu_sJncJ66VblijxVeGvL4szhQX-w9aUKY1Xz8iW-5zF3ySpnCrvrEXh7pG4us/s1600/Rss-icon+%25283%2529.png" /></a></p> <p style="text-align: center;"> </p> </p> <p style="text-align: center;"> </center> </p> <p style="text-align: center;"> </div> </p> <p style="text-align: center;">

الشكل الرابع - Figure 4

كود الشكل الرابع - Code Figure 4

<div class='widget-content'> </p> <p style="text-align: center;"> <style>p#hb_socialicons img {</p> <p style="text-align: center;">  /*  Social Icons Widget By AmirArb.BlogSpot.Com */</p> <p style="text-align: center;">     -moz-transition: all 0.50s ease-in-out;</p> <p style="text-align: center;">     -webkit-transition: all 0.50s ease-in-out;</p> <p style="text-align: center;">     -o-transition: all 0.50s ease-in-out;</p> <p style="text-align: center;">     -ms-transition: all 0.50s ease-in-out;</p> <p style="text-align: center;">     transition: all 0.50s ease-in-out;</p> <p style="text-align: center;"> }</p> <p style="text-align: center;"> p#hb_socialicons img:hover {</p> <p style="text-align: center;">     -moz-transform: rotate(250deg);</p> <p style="text-align: center;">     -webkit-transform: rotate(250deg);</p> <p style="text-align: center;">     -o-transform: rotate(250deg);</p> <p style="text-align: center;">     -ms-transform: rotate(250deg);</p> <p style="text-align: center;">     transform: rotate(250deg);</p> <p style="text-align: center;"> }</p> <p style="text-align: center;"> /*  Social Icons Widget By AmirArb.BlogSpot.Com */</p> <p style="text-align: center;"> </style> </p> <p style="text-align: center;"> <center> </p> <p style="text-align: center;"> <p id="hb_socialicons"> <a href="https://www.facebook.com" target="_blank"></p> <p style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2SWSZgBQjVRk8hHTTYKKJduxzR65CXMkAKZAsSvrrFRdyVNq_5gtvcVt4h-FHMIMzxkZe1xie9y879A3O_Wop5lk9TNuIn9Y6s9YKuLW7LOkeEUOrUL9OsazZBs9rMxyY9JjuiZkjlYY/s1600/Facebook-icon+%25284%2529.png" /></a></p> <p style="text-align: center;">     <a href="https://plus.google.com"></p> <p style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjb-9OCPrT_Sr-hIcw6WwbI7KxGiJQYn6OYoa7idRy-cVSuTcUy9pTZQo7p56F0H7O0G4TLa69SN9hTW3qak4xW-waBu26v_25IrPi7Bqy74zewV7p8pPcvWBQbl0fXzrPJ3D84h3d2E8/s1600/Google-plus-icon+%25284%2529.png" /></a></p> <p style="text-align: center;">     <a href="https://www.twitter.com" target="_blank"></p> <p style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhinaRlT4-cvIzftnnsVbMSpGA0y-Ymc7XsQSZVQco2-b4W3Jvkuv-LUvBTax8gNj3QHMUrkefMfn4uD2KNKMtoRqpAbbzu6xC5SawiJQe6VAtElveCVnQBfT4WwzpHzDjoYOyt7A7TlP4/s1600/Twitter-icon+%25284%2529.png" /></a></p> <p style="text-align: center;">  <a href="http://www.instagram.com/"></p> <p style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgByPulYJ784hH9c6v6k9mL7kYog6jCmfueBBb1DmmNUlbJIEz-xm8qgMdwyQx9pTnTt8GzNQ09ASoPnEgr1OhMoAkiXRWj7nZxc_iFT-sTpsILpeYY4TMqOV_R7_ygn_yZsLLFZZ1B7S4/s1600/Instagram-icon+%25284%2529.png" /></a></p> <p style="text-align: center;">     <a href="https://www.youtube.com" target="_blank"></p> <p style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyUqIYkMrsG257R8FCOw9hLBjcWaiS2JKCZFsVoBFzKXkIFD2_RFJ5E5ZBlssiyQcyQu8MSnI_wTZpZz8xOQZyBWlRgf-4VhmNsWkohrHK7QlWmRSwREARMWXoZKahqxmX76y62YwBXKI/s1600/Youtube-icon+%25284%2529.png" /></a></p> <p style="text-align: center;"> <a href="http://feeds.feedburner.com" target="_blank"></p> <p style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEX9YaoEadEAKbCTDumBnb0e83rrnGC1p9Mbf7iTSGeEJuOxLkjepOd7-NghFsDm7Vq_Pl3pIrgkrzJPblUD9a7cxrvDO838Yv_LrMqe35jEiHdSD9MmDY54xHjPTdyk2x0K046UBEZAw/s1600/RSS-icon+%25284%2529.png" /></a></p> <p style="text-align: center;"> </p> </p> <p style="text-align: center;"> </center> </p> <p style="text-align: center;"> </div> </p> <p style="text-align: center;">

الشكل الخامس - Figure 5

كود الشكل الخامس - Code Figure 5

<div class='widget-content'> </p> <p style="text-align: center;"> <style>p#hb_socialicons img {</p> <p style="text-align: center;">  /*  Social Icons Widget By AmirArb.BlogSpot.Com */</p> <p style="text-align: center;">     -moz-transition: all 0.50s ease-in-out;</p> <p style="text-align: center;">     -webkit-transition: all 0.50s ease-in-out;</p> <p style="text-align: center;">     -o-transition: all 0.50s ease-in-out;</p> <p style="text-align: center;">     -ms-transition: all 0.50s ease-in-out;</p> <p style="text-align: center;">     transition: all 0.50s ease-in-out;</p> <p style="text-align: center;"> }</p> <p style="text-align: center;"> p#hb_socialicons img:hover {</p> <p style="text-align: center;">     -moz-transform: rotate(250deg);</p> <p style="text-align: center;">     -webkit-transform: rotate(250deg);</p> <p style="text-align: center;">     -o-transform: rotate(250deg);</p> <p style="text-align: center;">     -ms-transform: rotate(250deg);</p> <p style="text-align: center;">     transform: rotate(250deg);</p> <p style="text-align: center;"> }</p> <p style="text-align: center;"> /*  Social Icons Widget By AmirArb.BlogSpot.Com */</p> <p style="text-align: center;"> </style> </p> <p style="text-align: center;"> <center> </p> <p style="text-align: center;"> <p id="hb_socialicons"> <a href="https://www.facebook.com" target="_blank"></p> <p style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN5_zELh74x0MYUOizsbt3MLM5wP_mKhdEOcjtNUnXUBk6b4l5pSOxL7M5PGh0PMcZwDPaIP_6htskpgUZMDkD7iGtMtH88V9BdFq5VBFarWhUAxmudPUzhLbTxtUMQG9pspKJbdC4NAw/s1600/facebook-icon+%25285%2529.png" /></a></p> <p style="text-align: center;">     <a href="https://plus.google.com"></p> <p style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKq0O3CGX1o08Pzlgkx4UbY_JBwgYMS9Uz16YMSDkH1F1GPcdCHQTZmsyZCLjsJO0ZUwMoyzGLuG-tDL8ri0OnssduAagnVdsHmHP5CIMa5XaLgpCIFcq6NSoN4hHvvt_ww0MDDgPe4tU/s1600/googleplus-icon+%25285%2529.png" /></a></p> <p style="text-align: center;">     <a href="https://www.twitter.com" target="_blank"></p> <p style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsAoSlFc2a3owI4orQZZtrfTOfbJRnWNa-rQKxqVG9QGgu_Ywaty7UmeTkEXpWKcoJbY1eMcDEksdLr32xdShK4M9OIy6OCp_N5KGovibNRbKl6e9no0XCV_px-os5O2qFaod-iih-fCQ/s1600/twitter-2-icon+%25285%2529.png" /></a></p> <p style="text-align: center;">  <a href="http://www.instagram.com/"></p> <p style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYz14o_TMuTqae-Zx_1SrrC49r0V5992EGAhWE-BwuNh3CIwPt6tiPT7yxnUMS4ZKqMp0xBb-9jFyDq3-pBMriL3iGUzirvJUm8eKB6nYunon1XtTPPn8K5hTcIQ_1MCGXH5pgos92z-E/s1600/instagram-icon+%25285%2529.png" /></a></p> <p style="text-align: center;">     <a href="https://www.youtube.com" target="_blank"></p> <p style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju206ym7jLm3bK1ann2L2xhlXRsRIEzSQzHzRFjQLJ3rUbNwT6ibPP-wgDFuqbwq_hlZQRw8VhEmSLdAwzn_a4FNgSdQR8qppf6UjcqvxL-DdRCa4ovsLS29LYG8wlPl_vVq3tJJwL26I/s1600/youtube-icon+%25285%2529.png" /></a></p> <p style="text-align: center;"> <a href="http://feeds.feedburner.com" target="_blank"></p> <p style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg59zwJ874RoPPK_BYwMCCdnHDXJ7UCF2Bp5jYlohUUkkFKEfo7JAMnN6ojojqIbDTSY2KNVBR_Upt5DPhx6pChVNMU45GjWIGhrKGSbFUMPelbU3Wjh9FWhtvy5JzDMiASwl3solgUlUY/s1600/rss-icon+%25285%2529.png" /></a></p> <p style="text-align: center;"> </p> </p> <p style="text-align: center;"> </center> </p> <p style="text-align: center;"> </div> </p> <p style="text-align: center;">

 لاضافة الكود اضغط على  التخطيط  من الصفحة الرئيسية للمدونة

ثم اضغط على إضافة أداة و اختر المكان الذي تريده

ثم قم بلصق الكود  و اضغط على حفظ