إضافة أيقونات المواقع الاجتماعية

الرئيسية إضافات إضافة أيقونات المواقع الاجتماعية

إضافة أيقونات المواقع الاجتماعية

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

طريقة التركيب
طريقة التركيب للمدوناتلاضافة الاداة اتبع الشرح التالى :

اذهب الى لوحة التحكم الرئيسية ثم اختر تخطيط ثم اختر اضافة الاداة

HTML/JavaScript

HTML/JavaScript

الصق الكود فى المربع

<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">

<a class="ks-pop" rel="nofollow" href="http://www.facebook.com/بروفايلك على الفيس بوك " target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinwl99Y2Jn59-Ph4IsE7X8QbVScLd-fYCYm29i5gXQVn65l1ocnM0M2YVVDVtwB930HrPSQggRKA-RLVSu6IvgZor9Z2VOG_x2z8G4Nnx1spG5E1Ez1zx8uNR98UAU_o85VRboUvxYXxZR/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/AVvXsEi6jDwNNripynP4xWzHh6Bu8GjBb0ZYmCXTPQkBL9lCkbEOXCuI7shV6VlrW-0_YirWdldDtwIKp5aC_mIi4Zz-uvRK_nsSzhcLkdgfkQxoGKjx6x7iOBMyfBikZlILuZAN5HGse30_Nw9r/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/AVvXsEg8u8967M_Anflo1qNBiZbCY_aS0NwiGYSq48Vr6crKCMGdwk9Se8sNbLjKQOoiKWTAl-HzQ7SOKXDEefTD5HHOGWCFRazH1JJgvkBdcaIt9WcECFeyTOz8gHNjbULnUAHuXAFJ6v2HHhD5/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/AVvXsEhGEZu2sImP7Zt8PQ6d0WUtqieLeRTlbxVYcR8VZKwjAq0Q_fU_SmXs5a6Yn9bSs7xO-30ZpyAuT1O1K3i61krw_Xi4u5GSeelGnMi6JkC6Bm7Ujo2YStBboIclWTjo84uBN0flTRspLlHC/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/AVvXsEhfwJwtxCaGMNmDGUY6jDj6aLtuEvAXMqG4HP2QHnAet8mERiZN_vi2n-e0HRkfu2B-XOM-1n7su_kuETVsmuzL9PYahyphenhyphenk9ka-3sScZKwE084SkeRxAH7xz0xeWPr1F0YOgvVahQIbbZHzX/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/AVvXsEiYCcQfu_2sBInNvwv2V9xsS-50LkKfbUJW8Hsqx843dMMd06HN5AaBvkZCb3d9z5bN6KHRU8xN9TBMoPQ2foYEE5YwwBpWdwnEKKU_yE0Pdl-xuZL7SRQI3ZMD0orxyyuJGy4TiVB-m5v4/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/AVvXsEinVf0v94f7Mc_vuQ8ZnEYz-YZUVkZHeFs5MSx-pZMYOPaqo2Ll0AmxVUV3rWqPEGLT3t54CcnKbuneuSkxf3aPjiNNB7fqzMqfmAp5WVdRIiMp8NzT3Yng6U8h_gV5XEYbv4UNB7-rkbgv/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/AVvXsEgwE3o8Eu9cLvT0xIYGDG0MS02e74tU95S_JBwFSNAuijCz76SBMDyguNgyDetwEb1TIzDWE3fRQlbQQIX1_tAOys1UWDOpsiCmp-_C3IIG0hDUUn6vI1T0IIOvklnILckpIAdB-B2RIK-D/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/AVvXsEieoGK5l2tr3rqFFnFs4NfM7Z1TEbtT8u1wvXHEs1yDvMAaUtsmF7Sfcsyq6FP0pajN7-QT0-YJI6bzjq9-T9g0gwrsfS6RUe70eK98KJiUNpVWlrAvAUSat_vjSWt5ITCjP5kc5aPfYjVT/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/AVvXsEgvJp54Oic9SrFxTFmP3XA_SA25VGT24NZtyISSfYkxzCzKBsLLwN6ZcUueO0o6a-4U5iDkxhs2Lu1hncy_L6UhJckYQbBefMfDxZ1m8rENmjM9kLFYxvfczv6YABB-jp406W3rHNcp2gKW/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/AVvXsEjh9hzrpuP05iy9W6I8q2mML3ZrfTs6Dli9NDJHimvexftVkk-TjfcwZzO-X_F5U-okNK0zpfZ7ymQcw3SxVXwnIGJK5-oihh7wh070q-BAydja_tHpkmxCugBTStGhGtHJ6d_evfmlOIo8/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/AVvXsEjxih4UWNO6gZMbYRtWOCEH-WlYWXnPC1LJIcDvoXMuaiAyyNoss-KTYJ05YHEeVhvG6LpWWB-n6Epq6kS9atKS3c5-EDirQ81J1dMNNY0cUITh5aFvSL2b-omy_n7w46SPgCe4xFBgju9a/s1600/email.png" title="Contact Us" /></a>
</div>

بقلم المهندس كمال خضر

مبرمج متخصص

شارك مع اصدقاءك

ليست هناك تعليقات:

الاشتراك في: تعليقات الرسالة (Atom)