Facebook Twitter Friendfeed
Gratis berlangganan artikel o-om.com via mail, join sekarang!

79
Menampilkan Link atau Text di Sebelah Title Sidebar


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

Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari o-om.com di inbox anda:


79 komentar:

Cengeng-ngesan T_^ mengatakan...

thx udah share mas oom
- http://myblog4famouser.com

yoyok mengatakan...

wah makasih om sudh share
moga sukses terus :)

rudy azhar mengatakan...

sederhana tapi manstap Om, saya pengen coba ah.....

Dunia Komputer mengatakan...

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?

rozy mengatakan...

mantap om

Aswien Oktavian mengatakan...

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 ^_^

Belajar Sendiri mengatakan...

sip om....

hendrie k_bejo mengatakan...

Support you Blog with ssmile..

badot mengatakan...

hehehe....ada aja ni oom ilmu barunya, cobain ah, asik dan simpel nih, makasih oom

Wisata Riau mengatakan...

wah.... ini diA nih..... suy la.... hehhe....

Pascal mengatakan...

mantab neh om ;)) ;))

secangkir teh dan sekerat roti mengatakan...

ikut gak ya..?

ikut ah,,, hehe

Aris Setiadi mengatakan...

Wah...,asik nih sob..<
Thank ya..!!!

mas doyok mengatakan...

mantap om, coba ah

blog buat bisnis mengatakan...

terus terang saya sangat terbantu dengan tutorial semacam ini, sangat membantu dalam ngutak-ngatik blog saya yang masih jauh dari sempurna, thanks om

pensiun kaya mengatakan...

thanks for tips kang..bagus juga buat mempercantik blog kita

Blogger.Com Navbar Customisation mengatakan...

Terima Kasih Om .. :D
Selalu ada yang baru. top abis..

Kerja keras adalah energi kita mengatakan...

makin asyik aja mainin blogspot..,

sekarang dengan bermacam kreasi dari para penggunanya membuat tampilan blogspot pun udah mo kaya kaya WP.

salam hangat!

gadgetpure INFO mengatakan...

memang o-om ini jagonya coding css.. kapan buat template lagi nih om

jurug mengatakan...

mmm.. walaupun gak mudeng kegunaannya secara detail yang penting pasang dulu...

saya ucapkan makasih lagi om..

*udah berapa ucapan makasih ya ?? 8-} *

auto cars tips mengatakan...

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.

Potter.Web.ID mengatakan...

tengkyu kang, buat ngeramaian blogspotku

Kumpulan Animasi Fisika mengatakan...

Thx infonya oom :D

Rayhan mengatakan...

Sip Ijin Praktek :D

hendri mengatakan...

thx om...tp sy pk cara yg lain lo?....

kelirirenk.co.cc mengatakan...

Satu lagi agar blog bisa lebih ringan loadingnya...
terima kasih om

mangyus mengatakan...

Thanx juga tipsna :D

narsis mengatakan...

terima kasih atas tips nya..

Hackers mengatakan...

Wah makacih bgt om.
Ni yg aku cari2...

Skali lg thanx ya om

Hackers mengatakan...
Posting ini telah dihapus oleh penulisnya.
Hackers mengatakan...
Posting ini telah dihapus oleh penulisnya.
blog buat bloggers mengatakan...

Langsung ke TKP OM, thank's ilmunya OM!!!!!!!!!!

indungg mengatakan...

Thanks..om
Atas berbaginya...

Kerja Keras Adalah Energi Kita mengatakan...

Mantabs,..
Sukses Om,.!

Celeng Lewat mengatakan...

memang o-om ini jagonya coding css.. kapan buat template lagi nih om

Klik aja mengatakan...

Wah si oom ini mang kagak ada abiznya :D

Mengenal Bisnis Online mengatakan...

Simpel n mantab. Bagus buat para newbie.bisa buat rujukan nich. :-). Always post nice articel,oom. And I will always support u

andriristiawan mengatakan...

thx for share ^_^
keren emang neh sidebarnya rapi... ternyata gitu tho caranya ^^

ambar mengatakan...

Thank U... Terima kasih.. matur nuooon om...

Agen Pulsa Termurah mengatakan...

@Dunia Komputer: Mungkin postingan nya overloaded, lebih dari 500 boz
Thx Om infonya. Kami tunggu postingan selanjutnya

campur campur mengatakan...

mantaf om..infonya dicoba dulu ah...

janu mengatakan...

terima kasih om
saya coba dulu ya,
siapa tahu cocok dengan blog saya

Kuncen Tuyul mengatakan...

Mbah Kuncen Peternak Tuyul:

Good Posting... Take And Give...

Selamat Mencoba semua...

Cyber Katrox mengatakan...

Si O-OM memang oke, makasih infonya.

Berita Unik mengatakan...

makasih om triknya, keren banget neh

Andhyoq mengatakan...

ikut copas yah om

MIss Cyber mengatakan...

Makasih tips dan triknya
langsung dicoba ah ...

Laptop Murah mengatakan...

Aduh aq kok susah mahami ya..:((
Laptop Murah, Lowongan Kerja di Bali

Muchlisin mengatakan...

Terima kasih tipsnya Om

ardianzzz mengatakan...

hehhe.. kayak caranya mirip dengan menambahkan jumlah komentator kemarin yak..

pereira mengatakan...

hmmm makasih ya udh bagi2.. ntar ada kesempatan aq coba dech.. :-)

Belajar Blog mengatakan...

Ini untuk para pengguna blogspot ya om....gimana dengan pengguna wp???

haryantoblog mengatakan...

Artikel Oom memang selalu Oke, makasih Oom

business mengatakan...

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

jorbyn mengatakan...

thanks infonya mas...
tapi saya tak bisa make JS..emang WP gitu ato emang sya yg bloon ??? makasih sebelumnya

The Fachia mengatakan...

Om saya masih bingng. Jika ingin enempatkan text link hanya di Homepage bagaimana Om? Trims..

fiqih

Fikri mengatakan...

sangat membantu untuk saya...

salam kenal
Ahmad Fikri

dhanangwidodo mengatakan...

trims om..lg belajar mbuat template sendiri nih..kapan2 mampi tempatku y om..

sewa mobil di surabaya mengatakan...

terima kasih tipsnya. mantaappp.

Youth Engagement Summit 2009 mengatakan...

bagus nih tipsnya. bisa dicoba nih..thanks om

Ricky Isfandiari mengatakan...

Good posting Bro.. Like This!

Gotblogger mengatakan...

Terima kasih atas infonya
Sukses selalu bang O-om ^^

Kampung Jilbab mengatakan...

soal mempercantik blog...disini bengkelnya. tks infonya ya om..btw kalo boleh tukeran link ya?. link oom sudah terpasang..silakan periksa. tks

claser99 mengatakan...

makasih ilmuX

KURNIA SEPTA mengatakan...

maksih ommm :)

KreasiBIZ mengatakan...

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

andhie khoba mengatakan...

yo..i
keren infonya
thanx

suliono mengatakan...

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

Febry mengatakan...

Sip dah lngsg coba..thnk om tutorialnya..


Kerja Keras adalah Energi Kita

centengelitz mengatakan...

thx mas infonya...sukses terus ;)

Bang Jobs mengatakan...

om.. css sy tdk aktif.. apa ada hubungannya dgn google.page yg tdk support lagi css ... lalu kemana sy hrs migrasi ??? mohon petunjuk..

horsetaste mengatakan...

seperti kata di JTV..wah om ini "Tambah SIp ae" =))

SerbaSerbaCom mengatakan...

Mantab Om tutornya

M.D. Design mengatakan...

thanks infonya

NegeriAds.com Solusi Berpromosi Lebih Baik dan Unggul Blog Share | Tips And News 2010 mengatakan...

hebat mas...bisa!

Sopyan Kareem mengatakan...

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?

Green Day mengatakan...

terima kasih mas ats info nya berguna bngt, klu bsa berkunjung ke blog sya mas

tegal online mengatakan...

nice info....perlu di coba nih...thanks om...

kapten teknologi mengatakan...

Mantap mas oom. makasih

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Poskan Komentar

Silahkan beri komentar dan jangan komentar bernada spam ya. thanks :)