Thursday, December 10, 2015

Cara Membuat Widget Footer Empat Kolom di Blog

footer widget empat kolom

Kolom widget di footer menjadi trend di situs-situs berita. Lihah saja misalnya republika.co.id, detik.com, dan okezone.com, juga situs pro lainnya. Nah, jika template blog Anda tidak menyediakannya, ini diacara membuat Widget Footer empat kolom di bagian bawah blog Anda.

Fungsi Widget Footer ini untuk menampilkan link-link penting, seperti link internal (menu, label, posting terbaru, komentar terbaru, dll) atau link eksternal (blog list).

Fungsi lainnya kolom di footer blog ini adalah menjadi navigasi menu seperti halnya navigasi blog yang biasa ada di bawah atau di atas logo (judul blog).

Dengan adanya Footer Widget ini, pengunjung gak perlu scroll ke atas lagi untuk melihat menu apa saja yang disediakan blog kita. DEMO footer widget empat kolom bisa dilihat di footer blog CB ini, New Johny Wuss, juga diNew Fastest Magzdan lainnya.

Cara Membuat Widget Footer Empat Kolom di Blog

1. Template > Edit HTML
2. Cari kode ]]> dan Copas kode berikut ini di atasnya:

#lower {
margin:auto;
padding: 0px 0px 10px 0px;
width: 100%;
background:#333333;
}
#lower-wrapper {
background:#333333;
margin:auto;
padding: 20px 0px 20px 0px;
width: 960px; // Sesuaikan dengan lebar blog Anda
border:0;
}
#lowerbar-wrapper {
background:#333333;
float: left;
margin: 0px 5px auto;
padding-bottom: 20px;
width: 23%; // Sesuaikan
text-align: justify;
color:#ddd;
font: bold 12px Arial, Tahoma, Verdana;
line-height: 1.6em;
word-wrap: break-word;
overflow: hidden;
}
.lowerbar {margin: 0; padding: 0;}
.lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}
.lowerbar h2 {
margin: 0px 0px 10px 0px;
padding: 3px 0px 3px 0px;
text-align: left;
border:0;
color:#ddd;
text-transform:uppercase;
font: bold 14px Arial, Tahoma, Verdana;
}
.lowerbar ul {
color:#fff;
margin: 0 auto;
padding: 0;
list-style-type: none;
}
.lowerbar li {
display:block;
color:#fff;
line-height: 1.6em;
margin-left: 0 !important;
padding: 6px;
border-bottom: 1px solid #222;
border-top: 1px solid #444;
list-style-type: none;
}
.lowerbar li a {
text-decoration:none; color: #DBDBDB;
}
.lowerbar li a:hover {
text-decoration:underline;
}
.lowerbar li:hover {
display:block;
background: #222;
}

4.Cari kode and Copas kode berikut ini di atasnya:
























6. Save template!

Setelah itu klik "Layout" dan akan muncul Footer Widget baru seperti ini:

kolom widget footer blog

CATATAN:
1. Untuk mengubah ukuran lebar ada di bagian "width: 960px;"
2. Untuk mengurangi jumlah kolom/widgets menjadi 3 saja, hapus kode ini:






3. Untuk menambah jumlah kolom widget menjadi lebih dari empat, tambahkan kode di bawah ini di atas kode






4. Kode lowerbar# adalah jumlah kolom. Jadi, untuk menambahkan kolom kelima, ganti lowerbar# dengan lowerbar5.

5. Jika menambah kolom kelima, ubah width: 23%; menjadi width: 17%;

Itu diaCara Membuat Widget Empat Kolom di Footer Blog. Good Luck!
Sumber: My Blogger Trick


reff : http://www.contohblog.com/2014/05/Cara-Membuat-Widget-Footer-Empat-Kolom-di-Blog.html

Pengaruh Ganti Template Blog terhadap Trafik

Pengaruh Ganti Template Blog terhadap Trafik
APAKAH ganti template blog akan bedampak pada penurunan trafik (jumlah pengunjung)? Apa pengaruh mengganti template terhadap indeks Google?

Itulah pertanyaan yang sering muncul di kalangan bogger. Umumnya, para blogger menjawab: ya, mengganti templateberpengaruh, yaitu bisa menurunkan trafik atau mengurangi jumlah kunjungan!

Alasannya, Google harus mengindeks kembali struktur blog kita!

Benar demikian? Bisa jadi. Tapi, ada tapinya.... kalo kita intip obrolan di forum Digital Point:Does change in blogger template effect the incoming traffic?,maka jawabannya: ganti template blog TIDAK BERPENGARUH, selama Meta Tags (Blog Title, Blog Description, Keywords) tidak diubah.

Lihat: Meta Tags SEO Friendly untuk Blog

Ini sebagian jawaban di forum Digital Point atas pertanyaan "Apakah mengubah template blog berdampak pada trafik?"
  • Blogger template can't effect to your website traffic but it makes your website more search engine friendly.
  • I agree, I don't see a template change effecting it unless its a really slow loading one as Google have started taking speed into account as a factor of your rankings.
  • I am very sure that if u change blogger template than definitely change in incoming traffic.
  • No, .. changing the template alone won't affect your traffic.. There must be something else that is affecting your traffic.
  • No, changing the template may never affect to your site or blog.,
  • I don't think changing the template should have any effect. Did it change the META data?
  • No.. there's no any effect if you change your template.. If the traffics are gone it should be the case of meta date as jdhflip said.. or maybe you change your title tag..
  • Yes, i have done this and seen the change. Actually few months before, i changed the template of my blog, to make it attractive and trust me, thetraffic increased. Though off-page plays an important part in it but yes, template do effect the traffic a bit.
  • No i dont think that changing a template may affect to your traffic.
  • If your template has slowed down your website loading, it could affect your traffic.
Jadi, yang menyebabkan penurunan trafik ketika ganti template itu bukan karena ganti templatenya, tapi karena sang blogger mengubah Meta Tags atau tidak menyamakan Meta Tags sebelumnya dengan Meta Tags yang ada di template baru.

Kecuali, jika template baru itu BERAT alias tidak fast loading, maka jelas penyebabnya adalah karena jadi berat itu.

Jika templatenya lebih seo friendly dan fast loading, ganti template bukan menurunkan trafik, tapi sebaliknya: menaikkan jumlah pengunjung!

CB sendiri ganti template sudah dua kali, yaitu dari Johny Wuss, New Johny Wuss V1, dan New Johny Wuss V2. Dampaknya? Pengunjung malah naik. Rank Alexa juga naik.

Kuncinya: template blognya lebih seo dan fast loading, meta tags tetap, bahkan ditambah dengan yang lebih relevan dengan konten blog.

KESIMPULAN

  1. Ganti template tidak akan berpengaruh pada trafik selama Meta Tags-nya (judul blog dan deskripsi blog) sama dengan template lama.
  2. Ganti template bahkan akan menaikkan jumlah pengunjung (trafik), jika template baru lebih seo friendly, fast loading, responsive, dan memiliki struktur data yang baik.
  3. Sebaliknya, jika template baru itu berat (tidak fast loading) dan tidak seo friendly, juga jika Anda mengubah Meta Tags, maka kemungkinan penurunan trafik sangat tinggi.
SARAN
  1. Gunakan template yang seo friendly, fast loading, responsive, dan stuctured datanya tidak error (cek di Google RichSnippets).
  2. Jangan ubah Nama & Deskripsi Blog (Meta Tags) di template baru. Copas Meta Tags di template lama dan Paste ke template baru.
  3. Jangan ragu ganti template, jika template terbaru yang Anda miliki lebih seo, lebih kenceng, dan lebih bagus!
Pengalaman Anda ganti template blog bagaimana...? Please, share....!


reff : http://www.contohblog.com/2015/01/pengaruh-ganti-template-blog-trafik-pengunjung.html

Cara Membuat Kotak Pencarian (Search Box) di Blog

kotak pencarian blog
Cara membuat kotak pencarian (Search Box) di blog blogspot sangat mudah. Kotak pencarian ini sangat penting agar blog kita user friendly, untuk memudahkan pengunjung menjelajahi blog Anda atau mencari artikel lainnya di blog Anda.

Kotak pencarian itu juga nanti sering kita gunakan untuk mencari posting yang akan dijadikan link internal dalam postingan kita.

Ada dua cara membuat kotak search di blog kita:
  1. Menggunakan kotak pencarian bawaan blogger
  2. Membuat kotak pencarian sendiri.

Membuat Kotak Pencarian Bawaan Blogger

  1. Klik "Layout" > "Add Gadget" di Sidebar
  2. Cari dan pilih "Search Box"
  3. Lakukan pilihan yang ada.
  4. Save! Beres!

Cara Membuat Kotak Pencarian dengan Kode Sendiri

Jika ingin bentuk kotak pencarian Anda seperti ilustrasi gambar posting di atas, maka ini cara membuatnya:
  1. Klik "Layout" > "Add Gadget" di Sidebar
  2. Cari dan pilih HTML/Javascript
  3. Copy dan Paste kode di bawah ini:
contohblognih.blogspot.com/search"
method="get">

4. Ganti alamat blog yang berwarna merah dengan alamat blog Anda
5. Save!

Selamat! Anda sudah punya Kotak Pencarian alias Search Box di blog Anda!


reff : http://www.contohblog.com/2014/06/cara-membuat-kotak-pencarian-search-box.html

Cara Membuat Gambar di Blog Membesar Saat Disorot Mouse


Cara Membuat Gambar di Blog Membesar Saat Disorot Mouse - Hai sahabat kali ini saya akan berbagi tutorial blog sederhana tapi keren :D hehehe, yaitu cara agar semua gambar pada blog kita membesar saat disorot oleh kursor mouse. Kalian pasti sering menjumpai blog saat gambarnya disorot mouse akan tampil lebih besar, pasti keren dong ? :D. Selain keren, dengan cara ini pengunjung blog kita juga akan lebih mudah dan jelas saat inign melihat gambar pada blog kita. Nah ingin tahu cara membuat gambar di blog membesar saat disorot mouse ? berikut caranya, silahkan disimak !!


1. Silahkan masuk ke menu Template - Edit HTML
2. Lalu cari kode , gunakan Ctrl+F agar mempermudah pencarian
3. Setelah ditemukan copy pastekan script berikut ini tepat dibawah