Berhubung banyak rekan yang bertanya gimana caranya menambah Text Link atau Text pada sebelah kanan Title Sidebar (lihat sidebar blog saya), jadi saya tuliskan saja cara mudahnya. Tutorial kali ini termasuk sangat simple, om yakin rekan bisa mencobanya hanya dalam waktu 1 menit.
OK langung aja ya :)
Disini ada dua cara memasangnya, yang pertama bisa mengedit dan menambahnya secara langsung di Sidebar Gadget yang sudah ada atau kalo masih bingung rekan bisa masuk dulu ke tab Tata Letak -> Elemen halaman -> tambah gadget -> HTML/JavaScript, kemudian langsung copy-paste aja salah satu kode dibawah. Ingat, pastikan Title pada Gadget HTML/JavaScript tetap dalam keaadan kosong, hal ini untuk menghindari terjadinya duplicate Title pada sidebar.
Contoh tampilan Text Link dengan Small Icon:
<style type="text/css">
.pasang-link{
font-size:11px;
float:right;
font-weight:bold;
background:url(http://bp0.blogger.com/_TqPdHmAEwTM/R5-60Nu3tgI/AAAAAAAAAz0/8v3jHKMURzc/s400/feed.png)
right 0px no-repeat;
padding-right:20px;
}
</style>
<h2><span class="pasang-link"><a href="URL">Link Title</a></span>Title Sidebar</h2>
Contoh tampilan hanya menampilkan Text Link:
<style type="text/css">
.pasang-link{
font-size:11px;
float:right;
font-weight:bold;
}
</style>
<h2><span class="pasang-link"><a href="URL">Link Title</a></span>Title Sidebar</h2>
Contoh tampilan hanya menampilkan Text:
<style type="text/css">
.pasang-link{
font-size:11px;
float:right;
font-weight:bold;
}
</style>
<h2><span class="pasang-link">Text Here</span>Title Sidebar</h2>
Oh iya, beberapa template pada sidebar kemungkinan menggunakan <h3> jadi rekan tinggal menyesuaikan saja. Selamat mencoba..mudahan hanya dengan tutorial sederhana ini tampilan template rekan jauh lebih bergaya :D








79 komentar:
thx udah share mas oom
- http://myblog4famouser.com
wah makasih om sudh share
moga sukses terus :)
sederhana tapi manstap Om, saya pengen coba ah.....
Sip om tutorialnya. Eh nanya dikit nie om, boleh kan? Saya pake Webmaster Tool dari Google. Tapi ada yang aneh. Koq ada page yang direstricted oleh robots.txt. Jumlahnya page yang direstricted malah hampir sama dengan jumlah posting saya. Padahal saya ga pernah pasang robots.txt. Koq bisa ya om? Ada tips ga?
mantap om
keren mas...akhirnya diungkap juga...^_^
mau dipraktekin juga deh :)
oya oom..mau tanya juga neh...cara buat sosial bookmark yang nempel bgt sama kotak berlangganan feedburner itu gimana ya buatnya? atau ada link artikel yang bisa saya baca...saya search2 di o-om.com koq ga nemu ya...
saya edit2 sendiri dengan tutorial orang lain malah hasilnya ga nempel kayak di o-om.com...ditunggu jawabanya ^_^
sip om....
Support you Blog with ssmile..
hehehe....ada aja ni oom ilmu barunya, cobain ah, asik dan simpel nih, makasih oom
wah.... ini diA nih..... suy la.... hehhe....
mantab neh om ;)) ;))
ikut gak ya..?
ikut ah,,, hehe
Wah...,asik nih sob..<
Thank ya..!!!
mantap om, coba ah
terus terang saya sangat terbantu dengan tutorial semacam ini, sangat membantu dalam ngutak-ngatik blog saya yang masih jauh dari sempurna, thanks om
thanks for tips kang..bagus juga buat mempercantik blog kita
Terima Kasih Om .. :D
Selalu ada yang baru. top abis..
makin asyik aja mainin blogspot..,
sekarang dengan bermacam kreasi dari para penggunanya membuat tampilan blogspot pun udah mo kaya kaya WP.
salam hangat!
memang o-om ini jagonya coding css.. kapan buat template lagi nih om
mmm.. walaupun gak mudeng kegunaannya secara detail yang penting pasang dulu...
saya ucapkan makasih lagi om..
*udah berapa ucapan makasih ya ?? 8-} *
I recently came accross your blog and have been reading along. I thought I would leave my first comment.
I dont know what to say except that I have enjoyed reading.
Nice blog.
tengkyu kang, buat ngeramaian blogspotku
Thx infonya oom :D
Sip Ijin Praktek :D
thx om...tp sy pk cara yg lain lo?....
Satu lagi agar blog bisa lebih ringan loadingnya...
terima kasih om
Thanx juga tipsna :D
terima kasih atas tips nya..
Wah makacih bgt om.
Ni yg aku cari2...
Skali lg thanx ya om
Langsung ke TKP OM, thank's ilmunya OM!!!!!!!!!!
Thanks..om
Atas berbaginya...
Mantabs,..
Sukses Om,.!
memang o-om ini jagonya coding css.. kapan buat template lagi nih om
Wah si oom ini mang kagak ada abiznya :D
Simpel n mantab. Bagus buat para newbie.bisa buat rujukan nich. :-). Always post nice articel,oom. And I will always support u
thx for share ^_^
keren emang neh sidebarnya rapi... ternyata gitu tho caranya ^^
Thank U... Terima kasih.. matur nuooon om...
@Dunia Komputer: Mungkin postingan nya overloaded, lebih dari 500 boz
Thx Om infonya. Kami tunggu postingan selanjutnya
mantaf om..infonya dicoba dulu ah...
terima kasih om
saya coba dulu ya,
siapa tahu cocok dengan blog saya
Mbah Kuncen Peternak Tuyul:
Good Posting... Take And Give...
Selamat Mencoba semua...
Si O-OM memang oke, makasih infonya.
makasih om triknya, keren banget neh
ikut copas yah om
Makasih tips dan triknya
langsung dicoba ah ...
Aduh aq kok susah mahami ya..:((
Laptop Murah, Lowongan Kerja di Bali
Terima kasih tipsnya Om
hehhe.. kayak caranya mirip dengan menambahkan jumlah komentator kemarin yak..
hmmm makasih ya udh bagi2.. ntar ada kesempatan aq coba dech.. :-)
Ini untuk para pengguna blogspot ya om....gimana dengan pengguna wp???
Artikel Oom memang selalu Oke, makasih Oom
ok om,,,keren deh tipsnya,,,,
om tolong liat blog Q dong di header nya ad tulisan yg Q gx ngerti kyknya kode html deh,,, q gx tw mesti d gimanain,,,tolong yaaa
reyra22.blogspot.com
thanks b4
thanks infonya mas...
tapi saya tak bisa make JS..emang WP gitu ato emang sya yg bloon ??? makasih sebelumnya
Om saya masih bingng. Jika ingin enempatkan text link hanya di Homepage bagaimana Om? Trims..
fiqih
sangat membantu untuk saya...
salam kenal
Ahmad Fikri
trims om..lg belajar mbuat template sendiri nih..kapan2 mampi tempatku y om..
terima kasih tipsnya. mantaappp.
bagus nih tipsnya. bisa dicoba nih..thanks om
Good posting Bro.. Like This!
Terima kasih atas infonya
Sukses selalu bang O-om ^^
soal mempercantik blog...disini bengkelnya. tks infonya ya om..btw kalo boleh tukeran link ya?. link oom sudah terpasang..silakan periksa. tks
makasih ilmuX
maksih ommm :)
met kenal oom, sy baru bikin blog pake trik dari sini semua..he..he. gak cape2 nyari di mbah google lg.
makasih atas semua triknya
yo..i
keren infonya
thanx
oke juga oom,cuma saya mo nanya ku punya file banyak yng uda ku upload,cuma untuk membagi kategori aku ngak isa.comtohnya ni ya oom anti virus ponsel,ku mau di blog ku antivirus ponsel dan bila di klik yang tampil itu kumpulan anti virusmya tapi gak isa,tlng ya oom gimana caranya.
sukses untuk oom
makaci ya
Sip dah lngsg coba..thnk om tutorialnya..
Kerja Keras adalah Energi Kita
thx mas infonya...sukses terus ;)
om.. css sy tdk aktif.. apa ada hubungannya dgn google.page yg tdk support lagi css ... lalu kemana sy hrs migrasi ??? mohon petunjuk..
seperti kata di JTV..wah om ini "Tambah SIp ae" =))
Mantab Om tutornya
thanks infonya
hebat mas...bisa!
untuk tulisan merah URL, Link titel, titel slidebar saya tidak ngerti om.. maklum pamula. saya mau pasang di blog saya http://topinfokom.blogspot.com/ | ada yang bisa bantu?
terima kasih mas ats info nya berguna bngt, klu bsa berkunjung ke blog sya mas
nice info....perlu di coba nih...thanks om...
Mantap mas oom. makasih
Poskan Komentar
Silahkan beri komentar dan jangan komentar bernada spam ya. thanks :)