Modifikasi Tampilan Judul Posting Sajah Saat Mengklik Label

Beberapa menit lalu saya sudah memposting klik label tampilan judul posting saja (seperti daftar isi) Nah skarang tampilan ini di modifikasi bila anda tampilannyah ingin berubah.tampilan ini mengikuti default background dalam sebuah kode CSS "main" Bagaimana kamu jika ingin Tampilannyah berbeda ? mau tidak mau kamu harus melakukan modifikasi terhadap temple blog yg telah ada.

Kode dalam memodifikai dalam tampilan judul posting ini disabur dari kode Cara Membuat Daftar Isi dari Kang Rohman dan sebaiknyah di terapkan setelah kamu melakukan trik klik label tampilan judul posting saja (seperti Daftar Isi) Harapannyah agar Tampilan Blog kamu terlihat serasi,selaras,semesra dan seimbang,,,hehe

Baiklah supaya anda tidak puyeng dan penasaran ayo kita mulai caranyah Let's GO :

1.Login account Blogger Kamu
2.Pilih Tata Letak ---> Edit HTML ---> Centang "Explain Template Widget"

Tips : sebelum melakukan Edit HTML sebaiknyah kamu mengbackup Temple kamu dengan mengklik tulisan "Download Template Lengkap" kemudian simpan dalam hardisk atau media lain-lain agar tidak ada sesuatu yg kita tidak inginkan kita bisa mengembalikan seperti semuala.

Cari Code di bawah ini :


<b:if cond='data:blog.homepageUrl !=
data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<data:post.title/></a><br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

Tips : klau susah mencari coba kamu,tekan F3 di Keyboard maka akan muncul menu Toolbar pencarian di bawah Browser (Firefox) atau Ctrl F di bawah browser (Google Chrome) Lalu cari kata yg kita inginkan

Catatan :
Kode HTML diatas dalam blog kamu setelah kamu melakukan Trick klik label Tampilan Judul Posting Sajah ( seperti Daftar Isi )
Ganti code yg berwarna merah Dengan Code berikut :


<div style='padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#ffffff;color:#000000;'>
<data:post.title/></div></a>

Catatan :
Silakan ubah kode yg berwarna hijau dengan kode warna sesuai dengan blog kamu
 Cara menggunkan image panah biru di dalam Tittle post adalah dengan sedikit trick menyisipkan code berwarna biru di bawah ini,ke dalam kode yg baru di tambahkan sebelumnyah code
selengkapnyah :

<div style='padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#ffffff;color:#000000;'>
<img alt='>>>' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDquA0JotWeycHPErXx90t_WABtLiiGo_uj-RA_rnsOZoM358tC6Cmd8XM7zKfsf-pv6hlo0nTEiJo9x1Tx296-eWSAfqHHRgsrfYRO4EClodKVcD30ue91-5cSLkwH1jBH06wTm2_0FQ/s144/Arrobblue.png'/>
<data:post.title/></div></a>


Jangan lupa di simpan .....

Posting Berkaitan : Klik Label Tampilan Judul Posting Saja (Seperti dafar isi)


Selamat memodifikasi Judul Tampilan posting saat mengklik Label...

Share on Google Plus

About Ikbal Ditan

Hai Nama saya Ikbal Ditan diblog ini saya berbagi pengalaman dan pengetahuan saya semoga kalian yang membaca artikel-artikel disini enjoy. Jika ada yang ditanyakan bisa hubungi email saya : ikbalditanm@gmail.com