Cara Membuat Widget Social Media Di Header

Halo para pengunjung........
Bagi blogger yang sudah punya blog namun juga ingin menambahkan social medianya di blog, namun kebanyakan orang akan menaruhnya di menu blog. Sebenarnya cara tersebut malah akan membuat menu blog penuh dan jika ada lagi menu yang ingin ditambahkan tak ada tempat. Kali ini Rafi Blog memberikan caranya tentang "Cara Membuat Widget Social Media Di Header". Tertarik? Heboh? Penasaran? Kepo? berikut tutorialnya.

Tutorial

• Log in ke akun blogger kalian
• Buka menu Template
• Pilih Edit HTML
• Cari kode ]]></b:skin> 
• Masukan kode berikut tepat diatas kode ]]></b:skin> 

#socialme{float:right;position:relative;}
#socialme ul,#socialme li{padding:0;margin:0;list-style:none}
#socialme li{margin-bottom:7px;position:relative;}
#socialme li:last-child{margin-bottom:0;position:relative;}
#socialme a{display:block;width:140px;height:38px;padding-left:50px}
#socialme a:hover{padding-left:55px}
#socialme span{line-height:38px;font-size:150%}
#socialme a.fb{background-image:url(http://2.bp.blogspot.com/-YhiaIb4zm_o/UO6bDE0IY7I/AAAAAAAABmc/ky__IDGT9bI/s1600/1.jpg);position:relative;background-repeat:no-repeat;background-position:0 0}
#socialme a.tw{background-image:url(http://4.bp.blogspot.com/-AhuOpg8xDPk/UO6bEQEnEVI/AAAAAAAABmk/E0zT_V5ZRiY/s1600/2.jpg);position:relative;background-repeat:no-repeat;background-position:0 0}
#socialme a.go{background-image:url(http://2.bp.blogspot.com/-K3nwbYwdmSo/UO6bEjqx-xI/AAAAAAAABmo/bnX_sQ7szIA/s1600/3.jpg);position:relative;background-repeat:no-repeat;background-position:0 0}

Keterangan
Ganti kode yang berwarna AQUA dengan panjang widget yang ingin kalian buat
Ganti kode yang berwarna BLUE dengan panjang lebar yang ingin kalian buat
Ganti kode yang berwarna RED dengan URL Gambar yang akan kalian gunakan

• Belum selesai sampai disitu, cari kode </header> 
• Letakan kode berikut tepat dibawah kode </header> 

<div id='socialme'> <ul> <li><a class='fb' href='https://www.facebook.com/wkwk8'><span>Facebook</span></a></li> <li><a class='tw' href='https://www.twitter.com/MRZARafi10'><span>Twitter</span></a></li> <li><a class='go' href='https://www.facebook.com/ChlidsBlogger10'><span>Fans Page</span></a></li></ul> </div> Keterangan Ganti kode yang berwarna RED dengan URL profil Facebook kalian Ganti kode yang berwarna  ORANGE dengan URL profil Twitter kalian Ganti kode yang berwarna YELLOW dengan URL Fanspage blog kalian Klik Save atau Simpan Selesai Jika ada yang ingin ditanyakan komen ya... Jika berhasil komen juga

Backlinks Please Thanks

URL

Code For Forum

HTML Code <a href='http://creative-blog10.blogspot.com/2014/02/cara-membuat-widget-social-media-di.html' target='_blank'>Cara Membuat Widget Social Media Di Header</a>

Anda Baru Saja Membaca Artikel Tentang Cara Membuat Widget Social Media Di Header ,Anda Boleh Menyebarluaskan / Mengcopy Paste Artikel Cara Membuat Widget Social Media Di Header Ini Bermanfaat Buat Anda , Namun Saya Mohon Untuk Mencantumkan Link Cara Membuat Widget Social Media Di Header Sebagai SumberNya.