Membuat 3 Kolom pada Footer Section

Menggunakan template 3 kolom, ternyata masih ada yang kurang. Seperti masih butuh space lagi gtu?? he..he.. maklum lagi seneng expansi dan coba hal-hal baru ney... Trus ada inspirasi dari melihat blog para master yang punya 3 kolom pada footer section nya, perasaan lega banget kalo ada 3 kolom itu. Ok langsung ke TKP aja ya!!! Tutorial ini saya ambil dari bloggerbuster, kalo mw langsung menuju kesana silahkan, tapi berbahasa inggris, he.. he.. buat yang alergi bahasa inggris 'don't step away!!!' 

1. Login dulu ke blogspot kemudian setelah masuk langsung menuju Tata Letak > Edit HTML. Sebelum memulai merubah kode, template terlebih dahulu di save klik Download Template Lengkap simpan file di tempat yang aman.

2. Setelah itu cari kode seperti dibawah yang berwarna merah, jangan centang Expand Template Widget yaa, nanti keluar kode-kode yang memusingkan.



Asal tau saja neh tidak semuanya kode template kamu sama seperti di atas, bisa saja di sebut “footer-wrap” atau “footer”. Yang jelas di dalam Rounders templates, kamu perhatikan ada dua DIV section di sekitar footer section. Dalam hal ini kita hanya merubah kode yang berwarna merah saja.

3. Ganti kode yang berwarna merah tersebut dengan kode dibawah ini:



---

4. Sekarang di save terlebih dahulu hasil pekerjakan kita, setelah selesai lanjutkan dengan mencari kode tag , setelah ketemu sisipkan kode di bawah sebelum kode tag .

#footer-column-container {
clear:both;
}

.footer-column {
padding: 10px;
}
Nah.. Selesai deh!!! Kita hanya tinggal save template, dan lihat hasilnya ke Tata Letak > Layout akan terlihat ada penambahan 3 kolom di footer. Bisa kamu sisipkan dengan widgets atau yang lainnya sesuai dengan keinginan kamu.
Just In Case aja neh, kalo mau coba feed dengan alamat berikut boleh2 aja, buat ngetes... coba buat elemen halaman pilih feed isikan alamat berikut:

1. http://mp3free6.blogspot.com/atom.xml
2. http://mp3free6.blogspot.com/feeds/comments/full
3. http://mp3free6.blogspot.com/rss.xml

Happy Blogging...

Bookmark di Setiap Posting

Bookmark digunakan untuk menyimpan alamat atau menandakan halaman sebuah situs favorit kita, nah!!! bagaimana ya cara memasang bookmark pada setiap posting di blog kita? agar para pengunjung blog kita bisa dengan mudah membookmark halaman blog kita. Setuju dengan pendapat O-om banyak para blogger yang sering salah dalam pemasangan bookmark ini, pasalnya yaitu bukan melakukan Bookmark pada setiap posting malah memasukan kode Bookmark untuk mengambil/menyimpan Rss Feed secara keseluruhan. Sedangkan yang dinginkan adalah Bookmark tersebut hanya melakukan pengambilan per-Feed pada setiap judul posting. Maka dari itu supaya tidak salah ikuti langkah-langkah dibawah ini:




Langkah-langkah memasukan code Bookmark adalah:
1. Masuk ke alamat http://www.addthis.com/ lakukan registrasi terlebih dahulu jika belum terdaftar.
2. Pilih "Get the code for your widget!"
3. Setting pilihan :
Which kind of widget? : --> Bookmarking Widget
Which widget? : --> (Pilih button sesuai selera)
Where? Where do you want to put the widget? : --> On a Blog
Blogging Platform : --> Blogger
4. Pilih "Get Your Free Button"
5. Pilih code "Blog Button (New or Older Blogger)"

Catatan: Blog Post Button (New Blogger) ini hanya digunakan sebagai button, biasanya hanya dipasang pada widget komponen blogger sedangkan untuk Blog Button (New or Older Blogger) kode inilah yang mengambil setiap code posting, jadi jangan lupa gunakan kode kedua!!!

Lanjut bos??? cara memasang kodenya sebagai berikut:
Masuk ke Template -> Edit Html -> Expand Template Widget

Cari kode dibawah ini : ( Sebelum mengedit code sebaiknya lakukan Backup Template terlebih dahulu)





atau bisa juga dibawah code ini





Kemudian Copy-Paste code Bookmark di bawah code diatas. Lalu pencet Save, coba hasilnya jika proses berhasil maka bookmark hanya akan mengambil Feed sesuai dengan nama judul posting yang dipilih, jika alamat yang di ambil kesuluruhan (alamat home), wah berarti gak jadi bos???

Wah, gak ketemu mas kodenya??? ok masih ada alternative cara lain lagi,

Jika anda ingin menaruhnya tepat dibawah posting, maka letakkan kodenya diantara kode berikut:



Letakan Kodenya Disini



Membuat Banner Online

Jika kemarin saya telah mengulas tentang cara membuat chicklet, kini giliran cara membuat banner online. Perbedaan antara banner dengan chicklet hanya tampak dari desain dan ukuran. chikclet biasanya berukuran lebih kecil dari banner dan hanya berupa teks standar dengan background kotak dan berwarna. Sedang banner bisanya lebih rame dari chicklet, dengan desain font dan text tiga dimensi dengan animasi ataupun diselipkan gambar atau logo. Buat kamu yang lagi hoby bertukar banner, atau sekedar ingin membuat banner untuk indentitas blog kamu kita akan coba membuat banner onlinemenggunakan layanan dari http://cooltext.com/ dan jangan khawatir layanan ini gratis. 

Cara membuat banner online:
1. Langsung saja ke situs http://cooltext.com/
2. Saya recomendasikan untuk meregister terlebih dahulu. Pilih menu login, create an account
3. Klik menu LOGO (bagian atas).
4. Di menu CHOOSE A LOGO DESIGN pilih dan klik gambar yg Anda suka.
5. Di menu LOGO TEXT tulis title blog kamu contoh: “indo-trans”
6. Kamu bisa menyesuaikan model Font, warna background seperti yang kamu inginkan pada form tersedia.
7. Klik menu RENDER LOGO.
8. Kamu bisa langsung mendapatkan Html code dengan mengklik 'get html code' lalu langsung pasang di blog kamu. Jadi tidak perlu diupload lagi ke layananan pihak ke tiga. Untuk memasangnya uda tau semua kan? Tinggal add gadget > html/javascript paste kodenya dan save.

Selamat mencoba...!!! Happy Blogging...

Membuat Banner Link Code

Beberapa waktu lalu ada pengunjung blog  ini yang menanyakan tentang kode untuk banner link. Bagi yang sudah malang-melintang mungkin sudah banyak yang paham untuk membuat banner link code, karena mungkin ini merupakan kode html dasar. Well karena ada yang belum paham maka saya akan berusaha untuk menerangkan dalam kapasitas saya sebagai newbi. Sebenarnya untuk dapat membuat Banner Link sangat simple dan mudah, perintahnya pun hampir sama dengan membuat teks link. Untuk dapat membuat banner yang bisa nge-link ke suatu halaman kodenya adalah sebagai berikut:




Setelah kamu mendisain banner yang kamu inginkan, maka kamu perlu untuk menguploadnya dengan menggunakan layanan pihak ke3, jangan takut kamu bisa melakukannya tanpa harus bayar: kamu bisa menuju ke www.photobucket.com. Untuk width dan height bisa kamu sesuaikan dengan ukuran banner yang kamu buat.

Happy Blogging…!!!

Meta Tags pada Blogger

Sekilas Meta ini seperti nama seorang ‘ cewek seksi ’ he..he.. mungkin karena waktu ABG dulu saya pernah punya teman dengan nama itu. Adalah dia seorang gadis yang lucu juga imut , dan saya dulu sempat naksir juga seh, alaah.. jd nglantur! Back to the Topic!!! Waktu saya sekitar 1 bulan baru ngeblog, belum mengenal Meta Tags ini. Jadi saya hanya tau posting & comment, dan setelah saya belajar dari pengalaman ternyata Meta Tags ini memang hal yang sangat mendasar dan wajib bagi kamu yang serius belajar web/blog. Dalam bayangan saya Meta Tags ini semacam alat / bahasa komunikas yang menjembatani antara web, situs, atau blog dengan search engine (mesin pencari), benar gak ya pendapat saya??? Kalau salah dikoreksi ya!!! 

Meta tags merupakan cara menyampaikan infomasi penting ke search engine (Mesin Pencari) mengenai informasi suatu halaman, Ada banyak meta tag sesuai dengan standar HTML 4.0 dari World Wide Web Consortion, tapi sebenarnya yang betul-betul dipakai oleh search engine hanya 3, description, keyword, dan robots. Tutorial ini saya ambil dari promosi-web.com dan dengan sedikit tambahan dari saya tentunya, namun jika ada yang ingin langsung belajar kesana, monggo pak!!! Tapi kalu anda malas disini aje dah, dijamin sama aja.

Meta Tag Description 

Meta tag description digunakan untuk memberikan gambaran umum mengenai isi dari halaman web Anda. Ukurannya disarankan tidak lebih dari 200 karakter. Dan usahakan agar description ini bisa menjadi kalimat-kalimat yang letaknya di awal halaman web page yang bersangkutan. Contoh penulisan meta tag description adalah sebagai berikut:

search engine tutorial that explain how to get top rangking in all major search engine and get high traffic for your web site. Available in Bahasa Indonesia.">
Beberapa search engine seperti Nothern Light dan Google tidak memakai meta tags sebagai deskripsi hasil pencariannya. Yang mereka gunakan adalah kalimat-kalimat awal yang ada pada halaman tersebut. Itulah sebabnya kenapa saya sarankan agar Anda menggunakan isi dari meta tag description sebagai kalimat pembuka. Dan jika bagian paling awal dari web Anda berupa sebuah menu, maka deskripsi yang ditampilkan pada hasil pencarian Northern Light adalah seperti ini :

Home | Products and Service | Contact Us | About Us ...welcome to our online store, the best place on the web to...

Meta Tag Keyword

Meta tag keyword sangat penting keberadaannya, karena menentukan kata kunci apa yang bisa menemukan halaman web tersebut pada search engine. Sintak dasar dari meta tag keyword adalah sebagai berikut :

...">
atau ada juga yang menulis dengan pemisah tanda koma :



Keduanya berfungsi sama dan tidak ada pengaruhnya pada search engine. Tujuan pemakaian tanda koma agar keyword-keyword tersebut lebih mudah dibaca. Yang perlu diperhatikan disini adalah jangan mengulang sebuah kata lebih dari 3 kali, karena akan dianggap spamming. Contoh pemakaian meta tag keyword yang salah adalah :


Disini terlihat sekali bahwa kata "bali", diulang lebih dari 3 kali. Contoh berikut ini tidak akan dianggap spamming oleh search engine :


Yang tak kalah pentingnya mengenai keyword adalah jangan membuat keyword yang tidak ada hubungannya dengan isi halaman web Anda. Hal ini juga akan dianggap spamming. Misalkan web Anda memuat informasi mengenai pariwisata di Bali, jangan sekali-kali menambahkan "MP3" atau "Britney Spears" sebagai keyword hanya karena keyword-keyword ini merupakan keyword favorit di internet dan banyak dicari orang.

Meta Tag Robots

Tujuan utama penggunaan meta tag robots adalah untuk menentukan halaman web yang mana bisa diindex oleh spider dan halaman web mana yang tidak. Tag ini sangat berguna sekali terutama jika seuatu
website memakai frame untuk navigasinya. Tentunya kita tidak ingin menampilkan menu-menu dalam frame untuk dibaca oleh search engine. Format dasar dari meta tag robots adalah sebagai berikut :


Sebagai contoh, jika Anda ingin agar spider membaca main page, dan menelusuri semua link yang ada maka tambahkan perintah berikut ini :


Dengan perintah ini spider akan meng-index main page Anda dan menjadwalkan untuk mengindex halaman-halaman lain yang bisa dicari melalui hyperlink ().
Perintah berikut ini akan menginstruksikan agar spider tidak meng-index maupun menelusuri link yang ada pada suatu halaman web.


Memasang Meta Tags di Blogger

Untuk memasang Meta tag di Blogger caranya cukup mudah, pertama masuk ke Edit HTML kemudian copy paste kode dibawah ini, biasanya kode meta tags diletakan dibawah kode dan jangan lupa merubah kode warna merah di bawah sesuai dengan deskripsi blog kamu.




Selamat Mencoba, dan Rasakan sendiri Akibatnya!!! he..he..