Postingan ini untuk menjawab pertanyaan dari seorang kawan blogger mba Erika Hime mengenai cara membuat list social media atau daftar link lengkap dengan icon yang diletakkan di sidebar blog.
Caranya mudah kok, berikut langkah-langkahnya :
1. Masuk ke akun blog
2. Pilih Design >> Page Element
3. Klik Add Gadget
4. Pilih Add HTML/JavaScript, lalu masukkan kode dibawah ini.
------------------------------------------------------------------------------------
<div style="float: left">
<div id="footer1">
<div class="footer_box" id="text-10">
<h3 class="footer_title"></h3>
<div class="textwidget"><ul class="xoxo blogroll">
<li><a href="https://twitter.com/anistahara" title="" target="_blank"><img src="http://www.howjoyful.com/wp-content/themes/howjoyful-blog/img/twitter.png" border="0" /> Twitter</a></li>
<li><a href="https://www.facebook.com/anistahara/" title="" target="_blank"><img src="http://www.howjoyful.com/wp-content/themes/howjoyful-blog/img/facebook.png" border="0" /> Facebook</a></li>
<li><a href="http://facelim.com/kakros/" title="" target="_blank"><img src="http://mob1191.photobucket.com/albums/z476/ayari_165/facelim-1.png" border="0" /> Facelim</a></li>
<li><a href="http://mymfb.com/ayari/" title="" target="_blank"><img src="http://mob1191.photobucket.com/albums/z476/ayari_165/mfb.png" border="0" /> My MFB </a></li></ul></div></div></div></div>
------------------------------------------------------------------------------------
Keterangan :
Ganti tulisan yang berwarna biru dengan URL akun social media anda.
Ganti tulisan yang berwarna hijau dengan URL icon yang ingin digunakan.
Ganti tulisan yang berwarna merah dengan judul yang akan tampil di daftar.
Anda bisa menambah link lebih banyak lagi sesuai keinginan.
Semoga ini bisa membantu. Selamat mencoba :)
eh, semutna makin atraktif aje
BalasHapusbaru liad ya jeng ^^
Hapuspadahal sdh lama lho...
makasih tutorialnya, disave dulu ah..
BalasHapushappy nice blogging
monggo, monggo pak 'eL
Hapushappy blogging juga...
assalamu alaikum, mampir lg disini sekalian jawab pertanyaannya..
Hapusrecent coment tanpa admin scriptnya sy dapat dari kang Asep, silakan tarik scroll sampai ke bawah recent coment punya saya, nanti ketemu dengan tulisan "sakahayang dot com", silakan buka link-nya yg mengarah langsung ke tutorial tersebut...
selamat mencoba, jika ada kesulitan silakan bisa ditanyakan lagi, happy blogging
saya kurang ngerti mbak dengan edit HTML dan pernah kapok dengan coba-coba mengeditnya
BalasHapuscara baiknya gemana ya cara edit yang aman ?
kalau edit html, amannya di download full template dulu pak fajar :)
Hapussupaya kalau html yang di edit ga berhasil, kita masih menyimpan cadangan kode template yang lama.
sy juga ga ngerti2 amat kok pak masalah html. paling bantuan dari mister google doang.
arigatou gozaimasu sempai infonya XD
BalasHapusdouitashimashite mba erika :D
Hapusmakasih sharenya, saya coba ya mbak... :)
BalasHapussama2 mba adenia, trimakasih jg sdh mampir yaa :)
HapusWah Nhinies hebat juga. Ane suka permainan javascript-nya. Dari sini juga ane belajar inline css dan javascript. Semangat ya kak dalam membuat postingan. Supaya ane juga bisa terus belajar.
BalasHapusMasih awam juga kok saya :)
HapusMari sama2 belajar.
Smangat !
Ini hanya perlu tambah gadget kan? Jd gak samapi edit HTML code..
BalasHapusMa kasih tutorialnya...InsyaAllah mau ikutan nyoba..sebenranya beberapa kali sempat bertanya -tanya ttg socialnetwork g nampang di side bar itu..
Sekali lagi tengkyuu
sama2 mba ririe.
Hapusiya ini cuma nambah gadget kok.
trimakasih atas kunjungannya yaa, smoga sukses :)
info yang menarik, punya belum ada ne.. hehehe
BalasHapusitu semutnya imut kaya penulisnya ya? :p
Hehe, asal semutnya ga bikin geli aja mba :D
Hapusinfo bagus nih makasih ya
BalasHapusTrimaksih jg sdh berkunjung ya :)
HapusTerima kasih ilmunya, Mbak.
BalasHapusSalam kenal. Oh ya, semutnya bikin kaget, saya kira itu beneran, ternyata bukan. hehehe...
Hehe...sama2 pak, smoga manafaat :)
HapusTutorialnya mudah, makasih kk :)
BalasHapussama2 :)
Hapustrimakasih jg atas kunjunganx ya...
ehm, nhis itu garis-garis background ya?
BalasHapusIya may, critanya seperti kertas buku :)
Hapusasyikk.
BalasHapuskalo random post yg slider ntu mbuatnya gmn ya?
Wah itu sy kurang tau, coba googling sj, kyknya banyak yg posting ttg itu :)
HapusWah menarik sekali artikel ini. Baru dapat ilmu baru neh. Numpang sedot ya gan. Izin follow blog mu ya. Salam dari Blogger Pontianak. Kalimantan Barat
BalasHapusTrimakasih kunjungannya pak Asep.
HapusSy sdh follow balik jg di blognya :)
Makasih mbak salam kenal ya jangan lupa berkunjung meskipun cuma sekedar lihat2
BalasHapusKereta Mini | Keretamainan | Kereta-Mini | Kereta Mini Murah | Pabrik Kereta Mini | Pabrik Kereta Mainan | Toko Kereta Mainan | Blog Kereta Mainan | Pabrik Kereta Mini | Aneka Istana Balon | Jual Kereta Mini | Kereta Api Mainan
Salam kenal mbak :)
BalasHapusKunjungan perdana sekalian blogwalking ^^
Btw, infonya keren nie d(^___^)b
Tq infox sgt membantu lebih mudah dan gak bingung lgi emang ini yg saya cari slm knal..
BalasHapusMAS CARA MENAMBAHKAN TULISAN HURUF JEPANG DI PALING ATAS ITU GIMANA MAS ????
BalasHapusBalesnya ke no ini aja mas 089616810749
HapusKalo cuma bagian huruf jepang itu pake tambahan kolom diatas header.
HapusCara nambahin kolom diatas header bisa buka link ini :
http://imajinasi-hari.blogspot.com/2012/05/menambahkan-2-dua-kolom-di-atas-header.html
Nanti kolomnya terserah mau diisi apa, bisa gambar, text, atau kode html, terserah. Yang diatas itu aku isi pake text jepang.
yaiks ninis dipanggil mas mas ;))
Hapushehe...klo siang mba2, klo malam mas2 :P
Hapus