How to add Follow us across social networking sites are moving to Blogger Blogs

How to add Follow us across social networking sites are moving to Blogger Blogs

How to add Follow us

How to add Follow us across social networking sites are moving to Blogger Blogs: Social networking sites buttons are necessary in the Code of Blogger or any other site because it enables visitors to forums to find you in social networking sites and follow up on new works for the piece I wanted to share with you this professional tool to put it in your blog.

How to add tool:

Go to the Control Panel.
Planning.
Add a gadget.
Then select the HTML / Java script.
Then add the following code inside the tool.

<ul class="pro-ayoub_nav"> <li><a class="pro-ayoub_navi" target="_blank" rel="nofollow" href="#1" id="twitr">xxx</a></li> <li><a class="pro-ayoub_navi" target="_blank" rel="nofollow" href="#2" id="ggl">xxx</a></li> <li><a class="pro-ayoub_navi" target="_blank" rel="nofollow" href="#3" id="face">xxx</a></li> </ul> <ul class="pro-ayoub_nav"> <li><a class="pro-ayoub_navi" target="_blank" rel="nofollow" href="#4" id="you">xxx</a></li> <li><a class="pro-ayoub_navi" target="_blank" rel="nofollow" href="#5" id="khamsat">خمسات</a></li> <li><a class="pro-ayoub_navi" target="_blank" rel="nofollow" href="#" id="rss">rss</a></li> </ul> <style>.pro-ayoub_nav {float: left;width: 300px;}ol, ul {list-style: none;}.pro-ayoub_nav li {float: right;margin-left: 5px;}a#twitr {background: url('https://lh3.googleusercontent.com/-sEETGu1m69U/UyRbX0o3TgI/AAAAAAAAAHs/_Pb9cTT_sQs/icns.png') no-repeat 24px -73px #0ED6CE;}a#twitr:hover {background: url('https://lh3.googleusercontent.com/-sEETGu1m69U/UyRbX0o3TgI/AAAAAAAAAHs/_Pb9cTT_sQs/icns.png') no-repeat -60px -73px #ffffff;}a#ggl {background: url('https://lh3.googleusercontent.com/-sEETGu1m69U/UyRbX0o3TgI/AAAAAAAAAHs/_Pb9cTT_sQs/icns.png') no-repeat 24px -235px #ED5029;}a#ggl:hover {background: url('https://lh3.googleusercontent.com/-sEETGu1m69U/UyRbX0o3TgI/AAAAAAAAAHs/_Pb9cTT_sQs/icns.png') no-repeat -60px -235px #ffffff;}a#face {background: url('https://lh3.googleusercontent.com/-sEETGu1m69U/UyRbX0o3TgI/AAAAAAAAAHs/_Pb9cTT_sQs/icns.png') no-repeat 28px -151px #5157DF;}a#face:hover {background: url('https://lh3.googleusercontent.com/-sEETGu1m69U/UyRbX0o3TgI/AAAAAAAAAHs/_Pb9cTT_sQs/icns.png') no-repeat -60px -151px #ffffff;}a#you {background: url('http://im54.gulfup.com/Ft99u.png') no-repeat 26px -397px #ff0000;}a#you:hover {background: url('http://im54.gulfup.com/Ft99u.png') no-repeat -67px -397px #ffffff;}a#khamsat {background: url('http://im54.gulfup.com/Ft99u.png') no-repeat 24px -318px #f2bb12;}a#khamsat:hover {background: url('http://im54.gulfup.com/Ft99u.png') no-repeat -65px -318px #ffffff;}a#rss {background: url('http://im54.gulfup.com/Ft99u.png') no-repeat 24px -480px #ff5a00;}a#rss:hover {background: url('http://im54.gulfup.com/Ft99u.png') no-repeat -65px -480px #ffffff;}.pro-ayoub_nav li .hdr_navi:hover {background-color: #ffffff;color: #df517f;}a:hover, body a:hover {color: #df517f;text-decoration: none;}a {text-decoration: none;}.pro-ayoub_nav li .pro-ayoub_navi {display: block;height: 35px;width: 95px;background: url('img/big_ics.png') no-repeat -202px 33px #2ad0ff;color: #fff;font-family: goth;font-size: 14px;text-align: center;-webkit-transition: all 600ms ease;-moz-transition: all 600ms ease;-o-transition: all 600ms ease;-ms-transition: all 600ms ease;transition: all 600ms ease;padding-top: 60px;}@font-face { font-family: 'goth'; src: url(//:) format('no404'), url('https://themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal;}</style>

Now change "xxx" at..

1- to your link on Twitter
2- link to your profile on Google +
3- link to your page on Facebook JM
4- to your channel on the YouTube link

It ended. Now you can enjoy the instrument.