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.
A. Untuk menciptakan bentuk teks tersendiri di judul blog, sampeyan bisa menambahkan kode CSS berikut di atas kode ]]></b:skin>.
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 :
Cara Membuat dan Merubah Judul Blog (Blog Title) ke Bentuk Link
- Login to BloGGeR (Login ke BloGGeR) : Gunakan User Name atau Alamat Email dan Password.
- Dasboard (Dasbor) : KLIK link Design (Rancangan).
- Design (Rancangan) : KLIK link Edit HTML.
- Back Up Template (Amankan Template) : KLIK Download Template Lengkap (Download Full Template). Simpan file template di folder PC.
- Find HTML Code (Cari Kode HTML) : Cari Kode HTML berikut ini.
- Rubah Kode HTML Rubah kode HTML menjadi seperti di bawah ini :
- SAVE Template (Simpan Template) : KLIK Simpan Template dan lihat hasilnya dengan membuka blog.
<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>
<div class='titlewrapper'>
<h1 class='title'>
<a class='bgsGR' href='http://gubhugreyot.blogspot.com' target='_blank'>
<b:include name='title'/>
</a>
</h1>
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{B. Ukuran font bisa disesuaikan dengan merubah nilai pada font-size:40px;
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;
}
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 :