وضع الازرار المواقع الاجتماعيه في بلوجر
من الامور المهمه لكل مدون ان يقوم بأ ضافة أزرار مواقع التواصل الاجتماعي مثل فيس بوك تويتر جوجل بلس ويوتيوب وذلك لابقاء الزائر من التواصل معك ليطلع على تدويناتك ومواضيعك الجديده
لذلك لقد حضرت لكم اجمل اضافاتان
الاضافه الاولى وهي ذات شكل جميل يجذب انظار الزائر
الازرار الاجتماعيه بشكل جميل في بلوجر
الكود:
<style>#bdrs-social {margin:0px auto;width: 300px;}#bdrs-social .bdbox-social a:link,.bdbox-social a:visited{float:left;width:32px;height:32px;margin:0 5px;padding:0;text-indent:-9999em;box-shadow:3px 3px 3px rgba(0,0,0,0.3);background-color:transparent;background-size:100% auto;background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmXfxdwoJFXsLmmXAOBuLF6U5IDvUUX3zIqgXA-EVuEt6burVWSHJhsIOcVXKc0UFv9f5B8J29bgBvoYVq_rNFg5BA5a8shrXS2UM3a4wXtAF4NzztK6qNENiTw62im3qjMS2yDvw_Bkc/s1600/BRS01-sosial.png');background-repeat:no-repeat;}#bdrs-social .bdbox-social a:hover,.bdbox-social a:active {box-shadow:3px 3px 7px #333 INSET;}#bdrs-social .bdbox-social a:first-child{margin-left:3px}#bdrs-social .bdbox-social a:last-child{margin-right:0}#bdrs-social .bdrs-rss{background-position:0 0}#bdrs-social .bdrs-goo{background-position:0 -32px}#bdrs-social .bdrs-fac{background-position:0 -64px}#bdrs-social .bdrs-lin{background-position:0 -96px}#bdrs-social .bdrs-tum{background-position:0 -128px}#bdrs-social .bdrs-twi{background-position:0 -160px}#bdrs-social .bdrs-wor{background-position:0 -192px}</style><!-- ameeralaomara.blogspot.com --><div id="bdrs-social"><div class="bdbox-social" >
<a class="bdrs-goo" href="رابط جوجل بلس" rel="publisher" target="_blank" title="جوجل بلس+">جوجل بلس+</a>
<a class="bdrs-fac" href="رابط صفحة فيس بوك" rel="nofollow" target="_blank" title="فيس بوك">فيس بوك</a>
<a class="bdrs-twi" href="رابط تويتر" rel="nofollow" target="_blank" title="تويتر">تويتر</a>
<a class="bdrs-lin" href="رابط ينكدين" rel="nofollow" target="_blank" title="LinkedIn">ينكدين</a>
<a class="bdrs-tum" href="رابط مدونة تومبر" rel="nofollow" target="_blank" title="Tumblr">نعرفكم</a>
<a class="bdrs-rss" href="رابط التغذية لمدونتك" rel="external" target="_self" title="RSS Feed">RSS Feed</a>
</div></div>
الكود:
<style>
#socialbdrssliding a{font-family: 'Open Sans', Helvetica, Arial, sans-serif;width: 40px;transition:width 0.4s;-webkit-transition:width 0.4s;-moz-transition:width 0.4s;overflow: hidden;}#socialbdrssliding a:hover{width: 100px;overflow: hidden;}#socialbdrssliding {float: right;position: relative;height: 40px;}#socialbdrssliding ul { margin: 0; }#socialbdrssliding li,#socialbdrssliding li a,#socialbdrssliding li .bdrs-thumb,#socialbdrssliding li .bdrs-title {display: block;position: relative;width: 40px;height: 40px;}#socialbdrssliding li,#socialbdrssliding li a,#socialbdrssliding li .bdrs-title {float: left;width: auto;overflow: hidden;}#socialbdrssliding li a {width: 40px;line-height: 40px;color: #E9E9E9;font-size: 11px;font-weight: bold;text-shadow: 1px 2px 2px #000;text-decoration: none;}#socialbdrssliding li .bdrs-thumb { float: left; }#socialbdrssliding li.bdrs-facebook a { background-color: #3B5998; }#socialbdrssliding li.bdrs-facebook .bdrs-thumb { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY9ZUWsfnGMJjA3gn5Y7UqV-tHcHn1EN4378TLlMlSOdBJqY3CXLzQXHlrAjDZvYx8T1JeHYSVRA44sYVcelSUElCjiLAt5DwczohCfDris6XSlcx0YcHRxog23JvhLGqGek6GLR3UkqU/s1600/FACEBOOK.png") no-repeat 0 -40px; }#socialbdrssliding li.bdrs-gplus a { background-color: #d94a39; }#socialbdrssliding li.bdrs-gplus .bdrs-thumb { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh7Hx4wFgx6g0ffidXUlp0EFC3ehx9p4qZ3YUen7_TncQdWkIv4OGUq5Z0wnOLpkLUag-r8l7Gi97UYUnWfB0Jf5SX0mw6e3dhfUVsinPlknP4YWSF_Yag0GGUDy_xrTIHJHV_lzXEFg0/s1600/googleplus.png") no-repeat 0 -40px; }#socialbdrssliding li.bdrs-twitter a { background-color: #3CF; }#socialbdrssliding li.bdrs-twitter .bdrs-thumb { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii0mz5pOV-N74dOkoASFgoL6oU5Lui9cQhUopEWBU5XX4V_OjM66Ufj71HHIZ39ElzipGvtzJyMCFJI-g7JY7WIrlt9Bwri3z5SBIQlSR9i8C30CD1tqYa6nny0Nj6Zo4z0k0BE4xudoo/s1600/TWITTER.png") no-repeat 0 -40px; }#socialbdrssliding li.bdrs-rss a { background-color: #F88F16; }#socialbdrssliding li.bdrs-rss .bdrs-thumb { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-6F-80z-7j-f8aGKMUdy3RAWq8Vf8X-yAbk53yRBrKpmHr4QmQQLaI3HKUkX3dxGiQEkGlZlQaAEKlW2V-rnLLQAf5DIjmbgLfvvgrq27p7a6C-q8bs1ht15_jU76FgO2a2Ek3pcZM94/s1600/rssbd.png") no-repeat 0 -40px; }#socialbdrssliding li.bdrs-youtube a { background-color: #BD3518; }#socialbdrssliding li.bdrs-youtube .bdrs-thumb { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNB4rLHaD-W51pUWfNFrSbrdREsda8CIW198W6YwL0CMEk9mqmPqya_Qp0Y0bKie1r_p-mZ1SkBVXCVG3NqqwHZ1JkBD8XEmsoR8-YB0h_yanhklNv4SAtYqBVIMZX5Dddc1G4KIup3FY/s1600/youtube.png") no-repeat 0 -40px; }#socialbdrssliding li.bdrs-facebook a:hover, #socialbdrssliding li.bdrs-youtube a:hover, #socialbdrssliding li.bdrs-rss a:hover, #socialbdrssliding li.bdrs-twitter a:hover, #socialbdrssliding li.bdrs-gplus a:hover {background-color:#666;}</style><!-- ameeralaomara.blogspot.com -->
<div id="socialbdrssliding"><ul><li class="bdrs-gplus"><a href="رابط جوجل بلس" target="_blank" rel="nofollow" title="جوجل بلس"><div class="bdrs-thumb"></div><div class="bdrs-title">جوجل بلس</div></a></li>
<li class="bdrs-facebook"><a href="رابط صفحة فيس بوك" target="_blank" rel="nofollow" title="فيس بوك"><div class="bdrs-thumb"></div><div class="bdrs-title">فيس بوك</div></a></li>
<li class="bdrs-twitter"><a href="رابط تويتر" target="_blank" rel="nofollow" title="تويتر"><div class="bdrs-thumb"></div><div class="bdrs-title">تويتر</div></a></li>
<li class="bdrs-rss"><a href="رابط التغذية فيدبورز" target="_blank" rel="nofollow" title="rss feed"><div class="bdrs-thumb"></div><div class="bdrs-title">RSS</div></a></li>
<li class="bdrs-youtube"><a href="رابط قناة يوتيوب" target="_blank" rel="nofollow" title="يوتيوب"><div class="bdrs-thumb"></div><div class="bdrs-title">يوتيوب</div></a></li></ul></div>
اذا كان لديك اي استفسار حول الموضع اكتبه هنا في التعليقات و لاتنسى زيارتنا مرة اخرى بمجرد كتابة1E0E.ME في جوجل سوف نكون بين يديك