Cara Menambah Kolom Gadget di Bawah Header

Tidak semua template blog memiliki kolom tambah gadget di bawah header, padahal kolom ini keberadaannya sangat diperlukan. Misalnya untuk tempat membuat menu, memasang iklan, memasang ucapan selamat datang dan sebagainya. Bagi anda yang template blognya belum tersedia tambah gadget atau kurang dan ingin menambah kolom tambah gadget di bawah header untuk berbagai keperluan maka kesempatan ini saya akan sharing tentang hal tersebut.
Meskipun di luar sana sudah banyak yang menulis artikel ini tetapi saya kembali akan menuliskan agar tetap ingat bila suatu saat nanti saya membutuhkan lagi atau bila ada teman yang kebetulan mancari artikel seperti ini kesasar ke blog ini tentu juga dapat membantunya.
Untuk membuat satu kolom tambah gadget di bawah header tidak sesulit yang anda bayangkan.
Berikut ini langkah-langkahnya;
1. Login ke akun blogger anda
2. Di Dasbor klik Rancangan dan klik edit HTML
3. Sebelum mulai menambahkan html sebaiknya back up dulu blog anda dengan cara klik download full template. tujuannya antisipasi kalau error kode.
4. Cari kode seperti ini ]]>
untuk memudahkan pencarian pencet ctrl f secara bersamaan di keyboard lalu tulis/copy kode tersebut di kotak bawah yang tersedia
5. Copy dan paste kode di bawah ini, tepat di atas kode ]]> 

#under_header{ 

margin:10px 0; 

padding:1%; 

width:98%; }

6. Cari kode html seperti di bawah ini atau yang mirip di bawah ini ( tidak semua template blog menggunakan kode yang sama persis)

 

 

 

 

 

7. Selanjutnya tambahkan kode berikut ini tepat di bawah kode pada nomor 6 tersebut di atas

 

 

 

8. Setelah anda tambah kode pada nomor 7 maka akan menjadi seperti ini

 

 

 

 

 

 

 

9. Terakhir klik Simpan Template.
Nah selamat mencoba dan semoga berhasil

Read More

Cara Mudah Membuat Readmore Otomatis

Membuat Readmore Otomatis-Readmore atau baca selengkapnya merupakan salah satu teknik posting yang hanya menampilkan bagian depan dari artikel pada halaman utama blog. Cara ini banyak disukai blogger termasuk saya, karena dapat menampilkan cuplikan beberapa artikel di halaman utama tanpa menyita banyak tempat. Dengan demikian pengunjug dapat memilih alternatif artikel yang paling dicari dari beberapa cuplikan artikel yang ada di halaman utama. Nah kalau pada kesempatan sebelumnya saya sudah sharing tentang cara membuat form kontak, maka kali ini sya ingin berbagi pengalaman saya saat membuat readmore otomatis. Mengapa harus memilih readmore otomatis? Readmore otomatis tidak perlu menuliskan readmore/baca selengkapnya di setiap menuliskan artikel.Readmore otomatis hanya sekali setting seterusnya berjalan otomatis, pemenggalan paragraf/kalimat berjalan dengan sendirinya. Jika sobat berminat berikut ini langkah-langkahnya;
1. Login ke blogger dengan ID Anda
2. Setelah di Dasbor klik Rancangan lalu klik Edit HTML
3. Untuk mengantisipasi hal-hal yang tidak diinginkan saat memasang kode html, backup dulu blog Anda dengan klik Download template lengkap.
4. Jangan lupa centang kotak Expand widget template
5. Cari kode di halaman edit html
6. copy paste kode dibawah ini tepat di atas kode

7. Selanjutnya cari dan ganti kode dengan kode dibawah ini

READMORE -

8. Klik simpan template, silahkan klik lihat blog.

Bagi Anda yang sudah memasang readmore model lama jika ingin mengganti yang otomatis maka kode yang lama harus dihapus dulu.

Selamat membuat readmore otomatis semoga berhasil.

Read More

Cara membuat judul Blog berada tengah

Berikut ini adalah cara membuat judul blog di tengah.
1. Pertama masuk ke Design pada blogger blogspot
2. Langsung ke Template Designer
3. Pilih menu Advanced
4. Pilih Add CSS, lalu paste kode berikut:

.Header {

text-align: center;}

5. Apply to Blog
6. View blog,

Silakan anda coba,  semoga berhasil....

Sumber  :    http://www.holebiz.com/2012/03/cara-membuat-judul-blog-di-tengah-pada.html

Read More

Cara Mengganti Kursor pada Blog

Cara Mengganti Kursor Blogger - Modifikasi Cursor Blogspot 

   Untuk mengganti bentuk kursor pada blog supaya kelihatan menarik dapat digunakan langkah-langkah

sebagai berikut:

1. login lah ke akun blogger sobat terlebih dahulu
2. Lalu klik "Layout"

3. Pilih "add a gadget" lalu pilih "HTML/Java Script" dan paste-kan kode berikut untuk mulai mengubah tampilan kursor yang ada di blog sobat:

a. Kode 1: mengubah kursor tapi tidak mengubah kursor ketika menyorot link

b. Kode 2: mengubah kursor serta tetap berubah walau disorot ke arah link

SILAHKAN UNTUK MEMILIH SALAH SATU KODE YANG SOBAT INGINKAN

4. Jika sudah, maka silahkan untuk tekan tombol "SAVE" atau "SIMPAN"


Catatan :

Sobat bisa mengganti link gambar yang telah saya tandai warna biru dengan link gambar kursor sesuai keinginan sobat. Berikut adalah beberapa link gambar kursor koleksi saya:

---

Link:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd2WQxDfb-lbkdgP4MkZbrkc1MN0UhrHAMIUyryFo_cQ6GfjGdk8eK7RkOQ0ocoIQPQrU-ud6i2xYMvQOiIlnD9vvMXTxfOJ5K92Yn-WeHVC8vM9sE3lvoPB1_Q6U6Sq-iUGGZUIQjkuk/s400/bat_banana_t4belajarblogger.png

---

---

Link:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIj4eNhjtJ8tZy7yKdluXZvxcFeGgqjsCXYmZvPeZ4L5nq-1wOBuZmIeTxShN0NBMW1OAjr-g62w72ejywuFU8ywKAqb296ZoREoNXrLa3MeZ6yPZKb4aR5PpP9LjmgThAAxMaOszjGiU/s400/bird_hair_t4belajarblogger.png

---

---

Link:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilYr6cVIzNxWAC4Jlln0uPeIudi-UMjIq8zkiBILQps-_eP1JVfkur0cdCPYZaKhewSWxkQBj3AKGAkLzoSAG9VsAziXIZWYFW6tmP6Y3NjBGuN8898Z0-FYKWGyfafCcqqs6wAd5I8Ps/s400/guitar_banana_t4belajarblogger.png

---

Sumber :  http://t4belajarblogger.blogspot.com/2012/02/cara-mengganti-kursor-blogger.html

Semoga bermanfaat.

Read More

Cara mengambil link URL blog  yang hendak dijadikan menu

      Cara mengambil link atau URL blog/postingan yang hendak dijadikan menu, ada banyak, di antaranya adalah sbb :

http://t4belajarblogger.blogspot.com/2012/02/cara-mengambil-link-sampai-langkah.html

1. Untuk mengambil link postingan, klik kanan judul postingan yang ada di blog lalu klik kiri "Copy link location" lalu paste kan ke notepad atau di mana saja yang sobat inginkan.

2. Lalu cara yang kedua adalah dengan mengklik kanan pada "View" yang dimiliki oleh judul postingan yang sobat inginkan. Untuk langkah kedua ini, sobat harus surfing ke halaman "edit post" terlebih dahulu, lalu pastikan postingan yang mana yang ingin diambil link URL yang hendak dijadikan menu blog. Setelah klik kanan, maka pilih "copy link location" seperti pada cara pertama...lihat gambar berikut:

3. Yang ketiga adalah mengambil link URL blog sebagai Homepage/beranda atau halaman depan..., caranya adalah tinggal mengcopy link yang ada di address bar browser kita. URL tersebut terletak di kotak browser di mana sobat mengetikkan alamat web yang ingin dikunjungi...

Sampai di sini kita suda bisa mengambil link mana pun, baik itu untuk "Home" maupun untuk menu lainnya. Selanjutnya cara membuat menu. Untuk memulai membuat menu, silahkan untuk mengikuti langkah-langkah berikut:

1. Pergilah ke halaman layout/rancangan, lalu pilih "add widget" dan pilihlah "HTML/Java Script". Tulislah menu seperti berikut ini:

HOME | TENTANG | KONTAK .....dan seterusnya.

2. Blok lah kata HOME untuk memulai membuat link menu "Halaman Depan" dan klik tool "insert link" yang ada pada widget HTML/Java Script, dan isilah kolom kosong dengan URL blog kita.

Lalu seperti berikut:

3. Tekan tombol Ok lalu Save/Simpan. Dan sekarang Lihat hasilnya.

Selain menggunakan tool insert link, sobat juga bisa menggunakan kode berikut untuk membuat menu blog:

http://t4belajarblogger.blogspot.com">HOME | http://linkblogsobat.blogspot.com/tentang.html">TENTANG | http://linkblogsobat.blogspot.com/kontak.html">KONTAK

Di atas adalah kode HTML sederhana untuk membuat menu, jadi sobat bisa memodifikasinya sesuai selera sobat. Sebagai contoh....untuk membuat menu dengan bentuk button/tombol, maka sobat cukup menggunakan tag button yaitu

Sumber :  http://t4belajarblogger.blogspot.com/2012/02/cara-mengambil-link-sampai-langkah.html

Read More