Cara Pasang Widget Social Media di Blog

Assalamu'alaikum..

Pagi sob.. Pagi yang dingin.. hhhhrrrr...
Sebagai penghangat pikiran sobat, saya akan berbagi tutorial blog tentang cara pasang social media di blog.
Social media atau jejaring social adalah media yang digunakan para pengguna blog sebagai penghubung agar memudahkan para pengunjung untuk mengikuti atau berlangganan artikel-artikel dari blog tersebut.
Social media pun bermacam-macam sob, ada Facebook, Twitter, Google+, Youtube, RSS, dan lain-lain.
Nah kali ini saya akan berbagi cara memasang social media yang berisi Facebook, Twitter, Googel+, dan RSS.
Berikut langkah-langkahnya sob. simak baik-baik ya....
1. Buka blog sobat blogger.com
2. Pilih tata letak
3. Klik tambahkan gadget
4. Pilih HTML/Java script
5. Masukkan kode script berikut ini:

<style>#iconizr li {font-size:18px;font-family:shaun the sheep !important;
    color:#cccccc;text-shadow:0px -1px 0px #000;cursor: pointer;height:41px;position: relative;border-top:none;border-bottom:none;list-style:none;}
    #iconizr .icon {background: #d91e76 url('http://codecbd.googlecode.com/files/iconizers.png') 3px 0 no-repeat;background-color: rgba(217,30,118, .42);-moz-border-radius:20px;-webkit-border-radius:20px;-o-border-radius:20px;border-radius:20px;display: block;color: #141414;float: none;height: 40px;line-height: 40px;margin: 5px 0 0;position: relative;text-align: left;text-indent: 50px;text-shadow: #333 0 1px 0;white-space: nowrap;width: 250px;z-index: 5;-webkit-transition: width .25s ease-in-out, background-color .25s ease-in-out;-ms-transition: width .25s ease-in-out, background-color .25s ease-in-out;-moz-transition: width .25s ease-in-out, background-color .25s ease-in-out;-o-transition: width .25s ease-in-out, background-color .25s ease-in-out;transition: width .25s ease-in-out, background-color .25s ease-in-out;-webkit-box-shadow: rgba(0,0,0, .28) 0 1px 3px;-moz-box-shadow: rgba(0,0,0, .28) 0 1px 3px;-ms-box-shadow:rgba(0,0,0, .28) 0 1px 3px;-o-box-shadow: rgba(0,0,0, .28) 0 1px 3px;box-shadow: rgba(0,0,0, .28) 0 1px 3px;width:40px}
    #iconizr li:after {color: #141414;content: attr(data-alt);display: block;height: 38px;line-height: 38px;position: absolute;left: 55px;top: 0;z-index: 2;}
    #iconizr .icon {color: #fafafa;overflow: hidden;text-decoration: none;}
    #iconizr .facebook {background-color: rgba(65,131,196, .42);background-position: 3px 0;}
    #iconizr .twitter {background-color: rgba(74,191,226, .42);background-position: 3px -40px;}
    #iconizr .gplus {background-color: rgba(206,26,29, .42);background-position: 3px -80px;}
    #iconizr .rss {background-color: rgba(255,109, 0, .42);background-position: 3px -160px;}
    #iconizr li:hover .icon {width:99%;}
    #iconizr li:hover .icon {background-color: #d91e76;}
    #iconizr li:hover .facebook {background-color: #2d76b9;}
    #iconizr li:hover .twitter {background-color: #29b8e5;}
    #iconizr li:hover .gplus {background-color:#E0181C;}
    #iconizr li:hover .rss {background-color: #ff6d00;}</style>
    <ul id="iconizr"><li data-alt="Follow me on Twitter"><a rel="external" href="#Twitter" class="icon twitter" target="_blank">Follow me on Twitter</a></li>
    <li data-alt="Follow me on Facebook"><a rel="external" href="#Facebook" class="icon facebook" target="_blank">Follow me on Facebook</a></li>
    <li data-alt="Find me on Google+"><a rel="publisher" href="#G+" class="icon gplus" target="_blank">Find me on Google+</a></li>
    <li data-alt="Subscribe via RSS"><a rel="external" href="#Feed" class="icon rss" target="_blank">Subscribe via RSS</a></li>
    </ul>

Note: 
#Twitter >> Ganti dengan link Twitter sobat
#Facebook >> Ganti dengan link Facebook sobat
#G+ >> Ganti dengan link Google+ sobat
#Feed >> Ganti dengan link Feed sobat

Berikut Demonya sob:
cara pasang social media di blog

• Follow me on Twitter
• Follow me on Facebook
• Find me on Google+
• Subscribe via RSS

Cukup sekian Cara Pasang Widget Social Media di Blog. Semoga bermanfaat bagi sobat.
Wassalamu'alaikum..