Home » » Menampilkan Link Atau Text Di Sebelah Title Sidebar

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 aku tuliskan saja cara mudahnya. Tutorial kali ini termasuk sangat simple, om yakin rekan dapat mencobanya hanya dalam waktu 1 menit.

 

OK langung aja ya :)

 

Disini ada dua cara memasangnya, yang pertama dapat mengedit dan menambahnya secara eksklusif di Sidebar Gadget yang sudah ada atau kalo masih resah rekan dapat masuk dulu ke tab Tata Letak -> Elemen halaman -> tambah gadget -> HTML/JavaScript, kemudian eksklusif copy-paste aja salah satu isyarat 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:

 

Berhubung banyak rekan yang bertanya gimana caranya  Menampilkan Link atau Text di Sebelah Title Sidebar

 

<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:

 

Berhubung banyak rekan yang bertanya gimana caranya  Menampilkan Link atau Text di Sebelah Title Sidebar

 

<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:

 

Berhubung banyak rekan yang bertanya gimana caranya  Menampilkan Link atau Text di Sebelah Title Sidebar

 

<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 memakai <h3> jadi rekan tinggal menyesuaikan saja. Selamat mencoba..mudahan hanya dengan tutorial sederhana ini tampilan template rekan jauh lebih bergaya :D

0 comments:

Post a Comment

Search

Blog Archive