Cara mengganti Template Blogspot

Setelah anda berhasil Membuat Blog, silahkan untuk merubah template blog tersebut. Template merupakan bentuk tampilan dan tata letak dari sebuah blog. Agar tampilan blog yang kita miliki sesuai dengan keinginan kita dan disukai oleh pengunjung, tampilan tentu saja harus menarik. Selain itu template juga berfungsi untuk memudahkan pengunjung lain dalam berselancar artikel-artikel yang ada pada blog.

Untuk mengganti template pada blogspot dapat dilakukan dengan 2 cara, yaitu :

1. Dengan menggunakan Template Designer atau
2. Dengan menggunakan Template dari Layanan Pihak ketiga / template hasil karya para blogger yang lain.

Pada tulisan kali ini saya hanya membahas Cara mengganti Template Blogspot karya para blogger. Sebelum melakukan penggantian template, silahkan anda download terlebih dahulu template yang akan digunakan. Sebagai referensi, anda dapat mencari Template Blog disini. Atau disitus penyedia template yang popular seperti : BTemplates dan ZoomTemplate.

Langkah-langkah apa saja yang dilakukan untuk mengganti template ?

1. Login ke Blogger anda, lalu pilih menu Design > Edit HTML.
   
2. Kemudian pada bagian Backup / Restore Template pilih tombol Browse.
   
3. Carilah letak file template yang telah di download sebelumnya. Format file yang akan diupload harus berformat .xml.
   
4. Setelah itu klik tombol Upload.
5. Blogger akan meminta kita untuk mengkonfirmasi penghapusan gadget pada template yang sebelumnya. Klik tombol DELETE WIDGETS untuk menghapusnya.
   
6. Proses merubah template telah berhasil dilakukan. Klik link View Blog untuk melihat hasil perubahan dari template.
   

Lakukan langkah yang sama jika anda masih ingin merubah templatenya.

Cara Mudah Menambahkan Scrollbar pada Widget Blogspot

Agar blog terlihat lebih rapi, tentu saja sobat blogger perlu untuk menata tampilan halaman agar terlihat professional dan nyaman untuk dikunjungi. Jika tampilan kurang rapi, bagi sebagian orang akan malas untuk menelusuri lebih dalam blog tersebut.

Sebagai contoh saya ingin menata tinggi widget blogroll yang berisikan link-link sahabat blogger yang jumlahnya banyak. Tentu saja tinggi widget ini akan terlihat lebih tinggi dari widget lainnyakan ? Agar tinggi widget ini bisa disesuaikan, maka kita bisa menambahkan scroll pada widget tersebut.

Mau tau caranya ? Sangat mudah kok untuk menerapkannya.

1. Login ke Blogger.

2. Pilih menu Rancangan / Design.

3. Lihat ID dari Widget pada blog anda.

4. Setelah tau ID Widgetnya pilih Edit HTML pada Menu Design.

5. Kemudian Cari kode ]]></b:skin>

6. Pastekan kode CSS dibawah ini sebelum kode diatas :

#WidgetID .widget-content { 
height: 400px; 
overflow: auto; 
}

7. Ganti tulisan yang berwarna merah (WidgetID) dengan ID Widget anda.

8. Sesuaikan tinggi widget dengan keinginan anda pada angka yang berwarna biru.

9. Simpanlah Template Anda.

Cara Mudah Melihat Widget ID pada Blogspot

Tutorial ini bertujuan untuk memudahkan rekan blogger dalam melakukan editing template pada Blogspot. Sebagian besar pekerjaan yang dilakukan dalam menata template sebuah blog adalah melakukan memodifikasi Style / CSS. CSS sangat erat hubungannya dengan penamaan ID, Class dan juga Tag HTML. Dengan hanya mendefenisikan CSS dengan nama ID, Class ataupun tag HTML, maka CSS akan berhasil diterapkan.

Pada blogspot, setiap Widget secara khusus telah diberikan Nama ID. Jadi dalam menerapkan CSS dengan blogspot dapat dilakukan dengan mudah. Misalnya kita akan menerapkan style khusus untuk widget tertentu.

Nah bagaimana cara mudah melihat ID Widget pada Blogspot ?

Caranya sangat mudah, silahkan masuk kedalam mode perancangan / design blog anda. Lalu klik lah salah satu widget yang sudah terpasang. Lalu muncul popup halaman widget yang akan diedit. Klik mode full screen untuk melihat urlnya.

Tulisan dalam kotak merah pada gambar diatas merupakan Widget ID-nya.

Contoh Penerapannya :

#Widget ID .widget-content{      
height:200px;       
width:auto;       
overflow:auto;       
}

Hasilnya diterapkan menjadi :

#BlogArchive1 .widget-content{       
height:200px;       
width:auto;       
overflow:auto;       
}

Sumber : Cara Mudah Melihat ID Widget pada Blogspot

Cara Merubah Link Blog Menjadi Warna Pelangi

Ada seikat pelangi di balik gerimismu

cahayanya terurai dalam lariklarik puisi

bercucuran di sudut matamu

melukiskan berjuta pixel warna cinta.

Sungguh indah puisi yang mengungkap Pelangi tersebut. Pelangi memang sangat indah untuk dilihat. Sobat Blogger juga dapat mengungkapkan keindahan pelangi pada blog. Keindahan Pelangi bisa diterapkan pada link yang ada didalam blog.

Bagaimana Cara Merubah Link Blog Menjadi Warna Pelangi ?

1. Login ke Blogger anda.

2. Klik Design > Edit HTML.

3. Cari tag </body>, kemudian pastekan kode berikut ini :

<script src="http://piliang.googlecode.com/files/pelangi.js"></script>

4. Simpan Template anda.

Nah sangat mudah bukan caranya ? Selamat Mencoba.

Cara Menghilangkan Navigation Bar Blogspot

Navigation Bar pada blogspot sebenarnya berfungsi untuk memudahkan kita berkomunikasi dengan blog orang lain. Tetapi kadang navbar ini mengganggu tampilan dari design blog. Ada beberapa teknik untuk menghilangkan Navigation Bar ini, salah satunya adalah dengan menyembunyikannya.



Untuk melakukannya kita hanya melakukan beberapa langkah, yaitu :

1. Sign In ke Blogspot anda.

2. Masuk ke Mode Perancangan

3. Masuk ke Mode Edit HTML, lalu carilah kode :

]]></b:skin>

4. Copy Paste kode CSS dibawah ini sebelum tag diatas :

#navbar-iframe {
display: none !important;
}

5. Simpan perubahan template anda.