Official: Widgets

Showing posts with label Widgets. Show all posts

Cara Membuat Footer Multi Kolom

Setelah kemarin kita belajar seo dalam postingan kita sebelumnya, maka kali ini saya akan mengajak sobat untuk kembali mengutak-atik template blog sobat supaya lebih kelihatan profesional. Tutorial yang akan saya sajikan kali ini adalah bagaimana cara membuat footer multi kolom seperti pada blog doodey ini.

Apa itu footer multi kolom? Jika sobat melihat bagian bawah dari blog doodey ini, maka sobat akan melihat footer blog (kaki blog) yang terdiri dari multi (banyak) kolom. Nah, tertarik untuk membuat yang sama? Berikut tutorialnya.

1. Silakan sobat tuju ke bagian Edit HTML, lalu tambahkan kode di bawah ini di atas kode ]]></b:skin>

#footer-column-divide {

background: #444 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtEJJVi3VRPfZMkyR40OkeLPtpUi7IUDv_fKb8DXeA5MhCjerZZD0U-aKGJz4B7PnPhgNEPkCVucWnqBotjs2P9z8pjCaLKaWLCTmRmNw81IHeBvOm_Hm3odMySWt_aaC2pdss2zaJEMSG/s1600/buttommenu-c.png) no-repeat;

width: 900px;

position: relative;

clear: both;

float: center;

color: #fff;

margin: 0 auto;

}

.footer-column {

padding: 10px;

}

2. Setelah itu, cari kode di bawah ini :

<div id='footer-wrapper'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>

atau

<div id='footer'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>

3. Tambahkan kode berikut di bawah kode <b:section class='footer' id='footer' showaddelement='yes'/> atau <b:section class='footer' id='footer' />

Catatan:
Jika sobat tidak menemukan kode <b:section class='footer' id='footer' showaddelement='yes'/> maka tambahkan saja kode berikut di bawah <div id='footer'>

Untuk pilihan berapa kolom yang akan sobat gunakan, berikut adalah pilihan jumlah kolomnya :

Jika ingin membuat footer 2 kolom, gunakan kode berikut :

<div id='footer-column-divide'>

<div id='footer1' style='width: 50%; float:left; margin:0; text-align:left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>

<div style='clear:both;'/>
</div>

Membuat footer 3 kolom, gunakan kode berikut :

<div id='footer-column-divide'>

<div id='footer1' style='width: 33%; float:left; margin:0; text-align:left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 33%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 33%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
</div>

Membuat footer menjadi 4 kolom, gunakan kode berikut :

<div id='footer-column-divide'>

<div id='footer1' style='width: 25%; float:left; margin:0; text-align:left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 25%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 25%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>

<div id='footer4' style='width: 25%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col4' preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
</div>

4. Jika sudah, klik Save template. Kalau sudah berhasil, maka hasilnya akan menjadi seperti ini :

Footer 2 kolom

Footer 3 kolom

Footer 4 kolom

Nah, jika sobat sudah berhasil mempraktekkan tutorial cara membuat footer multi kolom ini, maka hasilnya bisa kurang lebih seperti tampilan footer multi kolom blog doodey ini. :D Selamat mencoba..

Perlukah Memasang Widget Recent Post di Homepage?

Unknown 04:22 SEO Blogspot , Tips dan Trik Blogging , Tutorial Blogging , Widgets

Belajar SEO Blogspot – Untuk membuat blog yang seo friendly dan juga reader friendly, tentunya kita harus mengoptimalkan template dan desain blog kita bukan!? Pengoptimalan template yang saya maksud disini adalah memasang breadcrumb, read more, related post, popular post, recent post, dan masih banyak lagi yang berguna untuk menjadikan template blog kita reader friendly dan juga seo friendly. Berbicara masalah widget recent post, sebenarnya perlukah kita memasangnya di homepage, mengingat itu tidak akan efektif lagi dalam hal seo jika terdapat 2 url yang sama di dalam homepage? Untuk itu saya akan mencoba mengulasnya dalam artikel ini.

Widget recent post merupakan widget yang berisi beberapa postingan artikel terbaru di dalam blog. Widget ini sangatlah berguna agar para pembaca kita dapat terarah dan lebih mudah ‘menavigasi’ mereka untuk membaca kembali artikel-artikel terbaru kita. Namun, widget ini boleh saya katakan tidak akan berguna atau lebih tepatnya efektif lagi jika kita pasang di halaman homepage blog kita. Mengapa? Sebab dalam hal SEO, sebenarnya tidak direkomendasikan terdapat 2 url yang sama dalam homepage sebuah blog. Lantas bagaimana solusinya?

Dulu, saya memasang widget recent post di homepage blog ini. Karena kebetulan saya mendapatkan informasi di luar bahwa widget recent post tidak efektif dipasang di halaman homepage sebuah karena alasan yang saya katakan tadi di atas. Nah, untuk itu saya berpikir untuk memasangnya di halaman artikel saja, jadi tidak di homepage lagi.

Memasang widget homepage di halaman artikel saja sudah sangat banyak menguntungkan. Sebut saja masalah ketentuan jumlah url di halaman homepage. Search engine memiliki ketentuan untuk memaksimalkan jumlah url di homepage hanya sampai 100 url, tidak lebih. Jika ternyata lebih dari 100 url maka boleh dibilang sudah tidak seo lagi. Selain itu, dengan memasang widget recent post di halaman artikel akan membuat loading blog kita paling tidak bisa lebih ringan dibanding dengan memasangnya di homepage. Mengapa? Sebab semakin sedikit url di homepage, maka bisa dikatakan akan semakin cepat kapasitas loading terhadap sebuah blog. Tentu ini akan memberikan 2 poin keuntungan buat kita bukan jika memasangnya di halaman artikel saja.

Itu semua tergantung dari sobat sendiri juga, lebih enak dimana memasangnya. Jika sobat tidak setuju dengan artikel ini sobat boleh tinggalkan dan meloncat ke artikel sebelumnya. Namun ini merupakan bagian dari rekomendasi para seo master di luar sana yang sampai saat ini berbaik hati mau membagikan sejumlah pengetahuan seonya kepada saya.

Refrensi terkait:

Demikian artikel saya yang singkat ini tentang perlukah memasang widget recent post di homepage. Mungkin saja pendapat saya tentang hal ini salah, untuk itu saya sangat berharap pendapat kembali dari sobat pembaca sekalian. Sesuai dengan prinsip saya tentang membangun diskusi di dalam blog, saya yakin sobat akan sama-sama merealisasikannya bersama disini. :)

Cara Membuat Recent Post Dengan Thumbnails

Unknown 21:52 JavaScript , Kode HTML , Tutorial Blogging , Widgets

Blog Tutorial – Pada tutorial blog kali ini adalah bagaimana cara menampilkan recent post disertai dengan gambar pada postingan. Dengan adanya gambar akan menarik para pembaca untuk membaca postingan tersebut. Tertarik membuatnya? Ikuti langkah berikut!

Cara membuatnya adalah sebagai berikut.

Login di Blogger dengan account anda

Klik Layout pada Dashboard anda

Klik Add a Gadget lalu pilih HTML/Javascript

Masukkan kode script di bawah ini, lalu Save

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://mediablogseo.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

Letakkan widget ini pada sidebar yang ada inginkan, terserah anda.

Hal yang perlu diubah adalah :

Boxwidth : lebar widget
Cellspacing : space antara cells (default: 1)
borderColor : warna border
thumbwidth & thumbheight : lebar dan panjang thumbnail (default: 40)
fntsize : ukuran huruf judul postingan
acolor : warna huruf judul postingan
aBold : bla ingin ditebalkan adalah true, jika tidak false
numposts : berapa banyak recent post yang akan ditampilkan
home_page : ganti dengan URL blog anda

Pastikan juga seetingan site feed anda sudah pada Allow Blog Feed dengan melihat pada Setting > Site Feed > Full > Allow Blog Feeds.

Selamat mencoba dan semoga bermanfaat!

Cara Mengambil Keuntungan Sebagai Pengikut Blog

Unknown 12:19 Blog Stuff , Tips dan Trik Blogging , Widgets

Teknik SEO Blogspot - Menjadi pengikut suatu blog sebenarnya lebih dari sekedar kebanggaan bahwa foto kita sudah tampil dan terpajang rapi pada widget followers suatu blog. Lebih dari itu, mungkin untuk sekedar saling berbagai menjadi pengikut dengan blogger lainnya. Tapi tanpa kita sadari juga, kalau lebih dari itu sebenarnya kita juga bisa memanfaatkannya untuk mencuri ilmu terbaru dan menarik pengunjung ke blog kita. Mau tau caranya?

Berikut adalah sekelumit isinya.

1. Sekarang cobalah masuk ke halaman Dasbor blog anda dan scrollah sedikit ke bawah. Perhatikanlah pada Daftar Bacaan-nya.

2. Di sebelah kiri tampak beberapa nama blog yang sudah anda ikuti. Dan disebelah kanan adalah update terbaru dari masing-masing blog tersebut. Susunan tulisan (postingannya) akan diurut berdasarkan waktu updatenya. Yang paling atas adalah update yang terbaru. Dan menyusul di bawahnya update lain sesuai tanggal dan jam yang lebih tua.

3. Jika anda ingin melihat beberapa tulisan yang terdapat pada blog tertentu, anda bisa mengklik salah satu nama blog tersebut. Maka disebelah kanan akan muncul beberapa postingan terakhir dari blog tersebut.

4. Jika salah satu judul postingan itu anda klik maka anda akan langsung tiba di halaman blog tersebut.

Lalu apa untungnya bagi anda?

1. Anda tidak perlu susah-susah untuk mengakses blog tersebut lewat address bar dan mesin pencari. Karena anda sudah bisa langsung mengunjunginya lewat halaman dasbor anda.

2. Dengan membaca update terbaru suatu blog berarti anda sudah mendapatkan tips dan informasi terbaru dari mereka dengan cepat, yang bisa jadi tips itu sangat anda butuhkan.

3. Bila anda rajin melihat update terbaru dari setiap blog yang anda ikuti, maka anda berpeluang menjadi pemberi komentar pertama dari tulisan tersebut.

4. Apa untungnya menjadi pengunjug yang meninggalkan komentar pertama?

5. Karena tulisan terbaru adalah tulisan yang masih segar, maka komentar pertama adalah komentar yang paling ditunggu-tunggu oleh pemiliknya. Dan besar kemungkinan mereka akan segera berkunjung balik dan juga meninggalkan komentar di blog anda.

6. Jadi ada 2 keuntungan yang akan anda peroleh: Pertama tips dan informasi terbaru. Dan kedua mendatangkan pengunjung ke blog anda.

Apakah anda tidak tertarik? Cobalah sekarang untuk menjadi salah satu pengikut suatu blog, dan anda juga bisa melakukannya di blog ini. :) Semoga bermanfaat!

Terima kasih.

Official

Laman

Laman

Breaking News

Articles by "Widgets"

Cara Membuat Footer Multi Kolom

Perlukah Memasang Widget Recent Post di Homepage?

Cara Membuat Recent Post Dengan Thumbnails

Cara Mengambil Keuntungan Sebagai Pengikut Blog