-->
Home اضافات بلوجر اضافة أزرار مواقع التواصل الإجتماعي بشكل رائع الى مدونتك



السلام عليكم ورحمة الله وبركاته

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


طريقة التركيب :



    • ادخل مدونتك .
    • التخطيط .
    • اختر اداة html/javascript .
    • والصق هذا الكود بها مع التغير ما سادكر:





    <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/AVvXsEhwzD2S08TtktlITPCZ9baAcvlqB-qfwwj-AWZDvUl6ylIImTg3uZLX34iDKN_Yj-SAj6tw3pIe0whgtIs1tIdYij9aZD-i0Cc3mUne3K1wVfp15n1BMtLH7dKeh2pvppoGoC92-1ywhHc/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/AVvXsEijqJvQHR7KhFrH9bZEbfhfBFxy2b3cCmJChakXFDL-CWBkfrn4yZizRW02rnXgVa2mlzVNEQ7Wi5Ysg-R-m4sWFB95uVVXkP-dUAXHXiMFuXuyX751vZRZ4kn7l-edE1tNsFblrk7fL7Q/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/AVvXsEiig7hNykMREwF7EWHc-I7CjbWsCitdkI34GzISRVsHIBvVKSLSEDu7rKEBBBUnvWc3nOy4EkZ_q6oIPFB5ZI0SqNAoh5SEUPpg7BrgYGwSADtRNOKEpjLUHGorzJJR0mnAGzJzYxxqMCI/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/AVvXsEgFlcpiCeiW3mN9imipq-bK3zsAaIXZ6CO4piJlCJNVsmKMsy6bY5l7-N51Ax8PcVNUPpZznW_eBEecisMRvbSe4fgxMdHd2AucLqJ8RR8UDqKnarH80stzoIicKpRbYyaT3ImLJKQ1Zd0/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/AVvXsEjnFg9Iog_vOdyXwnvkwbGUYrl1cyHbL5bwWpR0gg9_SIukilKCAVqxBewCG2WCde9XvQZNKXlX9rIW2_GmfVCi5N8BZUUymV9LVydhNh-XqcAPmnHih9CZ7WeJmXDCBC_roNjEXo00jAM/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><!-- www.sofaxe.blogspot.com -->


    <div id="socialbdrssliding"><ul><li class="bdrs-gplus"><a href="https://plus.google.com/u/0/b/109611977350029470765/109611977350029470765/posts" target="_blank" rel="nofollow" title="جوجل بلس"><div class="bdrs-thumb"></div><div class="bdrs-title">جوجل بلس</div></a></li> <li class="bdrs-facebook"><a href="https://www.facebook.com/001sofaxe?ref=hl" target="_blank" rel="nofollow" title="فيس بوك"><div class="bdrs-thumb"></div><div class="bdrs-title">فيس بوك</div></a></li> <li class="bdrs-twitter"><a href="https://twitter.com/HAMZAKHARBAUCH" target="_blank" rel="nofollow" title="تويتر"><div class="bdrs-thumb"></div><div class="bdrs-title">تويتر</div></a></li> <li class="bdrs-rss"><a href="http://feeds.feedburner.com/blogspot/gBhet" 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="https://www.youtube.com/channel/UCOggFUX4WcJI0YwYhAxnNCQ" target="_blank" rel="nofollow" title="يوتيوب"><div class="bdrs-thumb"></div><div class="bdrs-title">يوتيوب</div></a></li></ul></div>

    قم بتغير هذه عبارة (https://twitter.com/HAMZAKHARBAUCH ) برابط صفحتك على تويتر

    قم بتغير هذه عبارة (http://feeds.feedburner.com/blogspot/gBhet ) برابط خلاصة مدونتك

    قم بتغير هذه عبارة (https://www.facebook.com/001sofaxe?ref=hl ) برابط صفحتك على فيس بوك

    قم بتغير هذه عبارة     (https://plus.google.com/u/0/b/109611977350029470765/109611977350029470765/posts ) برابط صفحتك على جوجل بلس

    قم بتغير هذه عبارة (https://www.youtube.com/channel/UCOggFUX4WcJI0YwYhAxnNCQ ) برابط قناتك على  يوتيوب

    By
    Similiar tagsاضافات بلوجر
    Subscribe to: Post Comments (Atom)