Cara Buat dan Rubah Judul Blog (blog Title) BloGGeR Baru Menjadi Bentuk Link

waroho
2 minute read
Panduan dan Tutorial BloGGeR Baru ini akan memberikan sebuah panduan untuk merubah Judul Blog menjadi sebuah link, sehingga di dalamnya bisa kita masukkan (pasang) sebuah link. Ketika pengunjung blog mencoba meng-KLIK Judul Blog (Blog Title), maka pengunjung akan kita bawa ke sebuah alamat tertentu. Untuk menciptakan link pada judul blog tersebut, kita akan gunakan sebuah kode HTML dan menyimpannya di template.

Cara Membuat dan Merubah Judul Blog (Blog Title) ke Bentuk Link

  1. Login to BloGGeR (Login ke BloGGeR) : Gunakan User Name atau Alamat Email dan Password.
  2. Dasboard (Dasbor) : KLIK link Design (Rancangan).
  3. Design (Rancangan) : KLIK link Edit HTML.
  4. Back Up Template (Amankan Template) : KLIK Download Template Lengkap (Download Full Template). Simpan file template di folder PC.
  5. Find HTML Code (Cari Kode HTML) : Cari Kode HTML berikut ini.
  6. <div class='titlewrapper'>
    Di bawah kode di atas akan terlihat beberapa kode HTML yang terlihat seperti di bawah ini :
    <div class='titlewrapper'>
    <h1 class='title'>
    <b:include name='title'/>
    </h1>

  7. Rubah Kode HTML Rubah kode HTML menjadi seperti di bawah ini :

  8. <div class='titlewrapper'>
    <h1 class='title'>
    <a class='bgsGR' href='http://gubhugreyot.blogspot.com' target='_blank'>
    <b:include name='title'/>
    </a>
    </h1>

  9. SAVE Template (Simpan Template) : KLIK Simpan Template dan lihat hasilnya dengan membuka blog.

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :


» Happy Blogging - gubhugreyot «

Catatan/Keterangan :


A. Untuk menciptakan bentuk teks tersendiri di judul blog, sampeyan bisa menambahkan kode CSS berikut di atas kode ]]></b:skin>.
.header h1 a.bgsGR{
font-family:Staccato222 BT;
font-size:40px;
font-style:normal;
font-weight:bold;
color: $(header.text.color);
text-decoration:none;
}
.header h1 a.bgsGR:hover{
color:red;
text-decoration:blink;
}
B. Ukuran font bisa disesuaikan dengan merubah nilai pada font-size:40px;
C. Untuk merubah warna header, lakukan perubahan warna melalui Perancang Template Baru.
D. Untuk mempercepat pencarian kode HTML gunakan Ctrl+F. Panduan penggunaan Ctrl+F bisa sampeyan buka melalui link di bawah ini :

#buttons=(Accept !) #days=(20)

Situs web kami menggunakan cookie untuk meningkatkan pengalaman Anda browsing disini. Learn More
Accept !