10.32
MAGENTA
Mungkin para blogger-blogger profesional sudah bisa menerapkan cara untuk membuat tab link horisontal, tapi disini saya menulis artikel ini khusus untuk para blogger-blogger pemula karena saya sering mendapat pertnyaan dari teman-teman "Bagaimana sih cara membuat tab link horisontal di Blogger ?". Dari situlah saya terketuk untuk membuat tutorial ini.
Oke kita langsung saja ke langkah yang pertama :
1. Pilih template untuk blog anda, template bisa download di http://www.zoomtemplate.com dan carilah template yang menyediakan tab link horisontal, disini saya memakai template "Dream Island" sebagai contoh yang bisa didownload di http://www.zoomtemplate.com/2011/12/blogger-template-dream-island.html.
2. Setelah didownload, ekstrak file dan setelah itu anda mendapatkan banyak pilihan file didalamnya untuk diunggah di blog anda, disitu ada pilihan "Dream-Island -not-with-slider" yang artinya template tanpa foto slide show dan "Dream-Island-slider" yang artinya template dengan menggunakan foto slide show, terserah anda mau pilih yang mana.
3. Cara untuk mengunggah template yang baru anda download kedalam blog anda, pertama login ke blogger.com (tutorial ini khusus untuk pengguna blogger.com), kedua klik rancangan/setting, ketiga klik edit HTML. Setelah itu unggah template anda disitu dan pilih berkas yang berekstensi XML Document didalam file yang kita ekstrak tadi, setelah itu klik unggah dan pilih pertahankan Widget jika anda ingin mempertahankan Widget anda atau sebaliknya.
4. Setelah diunggah, baru saatnya kita untuk mengedit kata-kata dari tab link di template tersebut. Disini saya memberi contoh merubah tab link dropdown dari template Dream Island, caranya :
- di edit html tersebut klik ctrl - F dan ketik tulisan "Dropdown", la distu anda akan langsung diarahkan ke tulisan tab tersebut.
- Ubah tulisan Dropdown yang di blog kuning diatas dengan kata-kata yang anda inginkan, misal disini saya ubah dengan kata-kata "news berita" dan dibelakang tulisan Dropdown yang diblog kuning diatas ada tulisan "href='#'>" , tanda pagar itu anda ganti dengan link yang mau anda arahkan pada tab tersebut, misalnya :
- Setelah itu anda simpan dan lihat blog anda, sekian tutorial dari saya dan semoga bermanfaat.
Oke kita langsung saja ke langkah yang pertama :
1. Pilih template untuk blog anda, template bisa download di http://www.zoomtemplate.com dan carilah template yang menyediakan tab link horisontal, disini saya memakai template "Dream Island" sebagai contoh yang bisa didownload di http://www.zoomtemplate.com/2011/12/blogger-template-dream-island.html.
2. Setelah didownload, ekstrak file dan setelah itu anda mendapatkan banyak pilihan file didalamnya untuk diunggah di blog anda, disitu ada pilihan "Dream-Island -not-with-slider" yang artinya template tanpa foto slide show dan "Dream-Island-slider" yang artinya template dengan menggunakan foto slide show, terserah anda mau pilih yang mana.
3. Cara untuk mengunggah template yang baru anda download kedalam blog anda, pertama login ke blogger.com (tutorial ini khusus untuk pengguna blogger.com), kedua klik rancangan/setting, ketiga klik edit HTML. Setelah itu unggah template anda disitu dan pilih berkas yang berekstensi XML Document didalam file yang kita ekstrak tadi, setelah itu klik unggah dan pilih pertahankan Widget jika anda ingin mempertahankan Widget anda atau sebaliknya.
4. Setelah diunggah, baru saatnya kita untuk mengedit kata-kata dari tab link di template tersebut. Disini saya memberi contoh merubah tab link dropdown dari template Dream Island, caranya :
- di edit html tersebut klik ctrl - F dan ketik tulisan "Dropdown", la distu anda akan langsung diarahkan ke tulisan tab tersebut.
 |
| Add caption |
- Ubah tulisan Dropdown yang di blog kuning diatas dengan kata-kata yang anda inginkan, misal disini saya ubah dengan kata-kata "news berita" dan dibelakang tulisan Dropdown yang diblog kuning diatas ada tulisan "href='#'>" , tanda pagar itu anda ganti dengan link yang mau anda arahkan pada tab tersebut, misalnya :
 |
| Add caption |
- Setelah itu anda simpan dan lihat blog anda, sekian tutorial dari saya dan semoga bermanfaat.
Posted in: Tutorial blog
