Trick Membuat Hyperlink Blog Title di HomepageClick here to get more tutorials!

Sebuah celah pada Blog Title atau Nama Blog bisa dimanfaatkan sebagai sebuah hyperlink dengan memasang sebuah alamat blog atau web yang berbeda. Celah ini bisa kita dapatkan di homepage (halaman utama blog) dimana blog title hanya ditampilkan sebagai teks biasa (bukan link). Hyperlink baru kita buat dengan menambahkan html baru berupa sebuah tag "a" yang dilengkapi dengan link title. Trik ini sudah dicoba di New Blogger template dengan hasil sempurna. Selain membuat blog menjadi lebih menarik, namun melalui hyperlink ini diharapkan mampu mendatangkan lebih banyak pengunjung di blog/web kita yang lain.

Demo

Bukalah homepageSilahkan klik disini untuk membuka homepage agar demo bisa dilihat & dicoba!, kemudian arahkan cursor di blog title! Cobalah untuk "klik" blog title tersebut agar anda bisa melihat hasil pembuatan hyperlink. Jika mungkin masih ragu terhadap fungsi baru blog title ini, silahkan buka blog anda di homepage agar lebih jelas memahami perubahan yang telah terjadi. Arahkan cursor di blog title dan akan terlihat betapa cursor tak akan memberikan reaksi apapun di blog title anda.

Cara merubah blog title sbg hyperlink

1. Login ke Blogger
2. Dasbor (Dasboard)
3. Template
4. Backup/Restore Template. Panduannya bisa dibuka disiniKlik untuk mengikuti panduan cara melakukan backup/restore template.
5. Edit HTML
6. Template › Edit HTML
   
   • Procced (Lanjutkan)
   • Expand Template Widget
   • Cari Kode :

     
     <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>

   • Gunakan Ctrl + F untuk mempermudah & mempercepat pencarian.
   • Di bawah kode tersebut terdapat kode lain dalam bentuk seperti di bawah ini.
     

     <!--Show the description-->
             <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
               <b:include name='description'/>
             </b:if>
           </div>
         </b:if>
       <b:else/>
         <!--No header image -->
         <div id='header-inner'>
           <div class='titlewrapper'>
             <h1 class='title'>
               <b:include name='title'/>
             </h1>
           </div>
           <b:include name='description'/>
         </div>
       </b:if>
     </b:includable>

   • Ganti kode berwarna merah dengan kode berikut :
     

     <a href='http://gubhugreyot-demo-tutorial-blogger-2.blogspot.com' target='_blank' title='Click here to get the best blogger tutorial!'><b:include name='title'/></a>

   • Ganti kode yang berwarna hijau dengan URL (alamat) blog anda yang lain dan link title yang sesuai.
   • Simpan Template/Save Template
7. Selesai! Silahkan buka halaman utama blog (homepage) dan arahkan cursor di atasnya kemudian coba untuk membuka hyperlink yang baru terpasang.