BLOG KANG AAB

Mungkin anda sudah tidak asing dengan apa yang dinamakan Related Posts. Kalo misalnya belum tahu, saya kasih sedikit gambaran, Related Posts itu adalah Artikel yang Bersangkutan dimana kalo misalnya kita menampilkan suatu artikel maka akan tampil juga artikel lain dengan label yang bersangkutan. Pasti dah ngerti kan sekarang...

sekarang bagaimana cara buat Related Posts. Silahkan ikuti tutorialnya.

1. Login di Blogger
2. di menu Dashboard klik Layout --> edit HTML.
3. Kasih tanda checklist pada kolom Expand Template Widget.
4. Cari kode HTML berikut :



5. Kemudian copy kode ini:

Related Posts per category

Widget by Related Post di Blogspot

6. Taruh kode yang barusan di copy seperti ini :


(Taruh disini)
7. Save Templates dan selesai

Selamat Mencoba.....!

Readmore »»

Baik, akan takcoba kita membuat tulisan berjalan, seperti tulisan Assalamu'alaikum pada beranda blog ini. Caranya sangat mudah, karena sesungguhnya kita cuma minta dibuatkan ama bigoo.ws. Lalu kita tinggal ngedit dikit. Tapi jangan meniru persis punyaku, karena bigoo.wsnya terlanjur tak hilangkan. Maaf ya bigoo.ws. Untuk menggantikan kesalahanku itu, coba tak-link sekalian pada postingan ini.

Jadi kunjungi Bigoo.ws atau klik aja di sini. Lalu pilihlah mana yg anda inginkan. Aku lupa, mana yg kugunakan untuk tulisan yg aku pakai, keliatannya bigoo.ws udah banyak perubahan. Jadi silahkan pilih sesuai keinginan anda. Mungkin yg termasuk text welcome.

Cuma, punyaku tak edit sedikit. Terutama untuk lebar dan warna backgroundnya yg gak matcing ama templateku. Maka setelah kita copy kode html yang diberikan dan kita paste pada widget kita. Ehm, widgetnya termasuk html/javascript lho, jangan lupa. Paste aja disitu.

Untuk menyesuaikan dengan template kita, maka kita perlu mengganti warna backgroun dan lebar widget/konten tersebut.

carilah kode seperti
... type="application/x-shockwave-flash" bgcolor="#000000" http://www.macromedia.com/go/getflashplayer" width="810"
height="40" ...

lha kalo masalah warna backgroun ya ada di bgcolor="000000" itu bisa diganti kode warna lain (yg didalam tanda petik kalo punyaku tak sesuaikan menjadi bgcolor="f9f9f9"), kalo gak tau kode warnanya apa, bisa kita lihat pada edit template, pada font dan warna. jadi kita bisa mengetahui kode warna di situ. enaknya lagi kita langsung bisa memilih warna yang kita inginkan pada template kita kan? Kodenya ada pada kotak Edit kode hexa warna, itu kode warna pada warna yg kita klik.Mudah kan bermain warna?

kalo masalah ukuran agar sesuai dengan template kita, terutama masalah lebar, kalo masalah tinggi biasanya gak perlu kita rubah, ya itu sih terserah kita juga sih. tapi biasanya yg penting masalah lebar widget/konten tersebut. Karena kalo gak sesuai, kelihatan wagu.

Jadi, untuk menyesuaikan lebar widget tersebut, lihat dulu lebar kolom dimana anda meletakkan widget tersebut baru menyesuaikan lebar widgetnya. Lihat pada edit html pada template. Memang disini kita harus belajar memahami bahasa html. Yah, q sendiri sedikit mengerti, tapi itu bisa kita jadikan bekal.


lha, lihat aja di bagian deklarasi layouts, dimana kita meletakkan kontennya, lalu sesuaikan lebarnya konten dengan lebar kolom dimana kita menaruh konten, biar ukurannya gak wagu atau nabrak kolom konten yang lain. Karena kalo nabrak kolom konten yg lain, bisa mengganggu konten yg lain. Berlaku juga untuk konten-konten lain seperti shoutbox dari oggix, bisa kita edit lebarnya biar sesuai dengan lebar kolom dimana kita menaruhnya.

SUKSES SELALU.

Readmore »»

TerUpdate : 04-oktober 2008
Akhirnya penantian untuk mempunyai kotak komentar di bawah postingan ( artikel ), terlaksana juga. ini tak lepas dari pengembangan yang terus menerus di lakukan oleh tim Blogger in draf

Dengan adanya pilihan yang ketiga ini, sangat memudahkan teman-teman kita untuk ngasih komentar tampa perlu menunggu jendela baru.
caranya :
1. buka situs blogger in draf. kemudian klik tulisan " Blogger In Draf ". ( di samping kanan )
2. setelah terbuka Panel Kontrol pilih link Pengaturan -> Komentar . dan pilih radio button " Di semat di bawah entry " ( eg. Embedded Below Post ). kemudian Simpan Perubahan.

Jika cara di atas kotak komentar-nya belum keliatan atau tidak berhasil maka saudara bisa menambahkan seperti cara ketiga di bawah ini
3. Buka tab Tata Letak ( edit layout ) - > Edit Html.
tandai/centang Expand Template Widget.


Cara pertama :
cari kode ini.


setelah ketemu, simpan di bawah-nya kode ini.



kemudian Simpan Perubahan. ( Save Template )
Cara Kedua :
Jika cara di atas tidak bisa.. bisa anda lakukan cari ini.
cari kode di bawah.

4. Setelah ketemu ganti dengan kode ini.

5. Setelah beres Simpan Perubahan ( Save Template )
Note :
Pada langkah ke tiga , Ketika kita mencari kode yang di maksud, Mungkin setiap template yang di pakai berbeda sedikit pada kode comment-footer-nya. tapi itu mudah yang terpenting ada susunan kode seperti di atas tersebut.


Readmore »»

Mempunyai daftar tabel seluruh posting atau lebih keren dengan nama "Show Table of Contents" pasti mempunyai nilai plus tersendiri, selain mempermudah pengunjung dalam menjelajahi isi blog, cara ini juga dapat memberikan kecepatan pencarian dibandingkan dengan menggunakan box search atau mencari suatu artikel berdasakan label. Kode yang akan kita gunakan menggunakan javascript yang sedikit telah saya modifikasi, semula hasil tampilan bahasa kode ini mengunakan bahasa inggris dan terlihat kurang familiar, jadi saya modifikasi saja menggunakan bahasa indonesia dan telah saya tambahkan beberapa icon biar terlihat lebih fresh :). Pengen tau cara buatnya ikuti tutorial dibawah ini.

Tampilan link sebelum di klik


Tampilan daftar seluruh posting

Langkah Pembuatannya sebagai Berikut:


Langkah Pertama:

Jangan lupa Backup template Blog sobat

Langkah Kedua:

Kemudian Tambahkan sebuah Element halaman -> HTML/Javascript

Copy/Paste code dibawah ini

Jangan lupa ganti dengan alamat blog sobat pada kode warna merah diatas

Jangan lupa disimpan :)

Kemudian Tambahkan sebuah element halaman yang baru -> HTML/Javascript

Copy/Paste code dibawah ini

Jangan lupa disimpan :)

Langkah ketiga:

Langkah selanjutnya buka Template -> Edit Html

Copy/paste code dibawah ini pada deretan CSS code atau kalo masih bingung cari code lalu paste aja dibawah kode tersebut

/* Show Table of Contents
-----------------------------------------
*/
#toc {
border: 0px solid #78B749;
background: #ffffff;
padding: 5px;
width:500px;
margin-top:10px;
}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {
background: #cccccc;
color: #444;
padding-left: 5px;
font-weight:bold;
width:250px;
}
.toc-header-col2 {
width:75px;
}
.toc-header-col3 {
width:125px;
}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {
font-size:95%;
text-decoration:none;
text-align: Left;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cccccc;
}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
font-size:95%;
text-decoration:underline;
text-align: left;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cccccc;
}

.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
padding-left: 5px;
text-align: left;
font-size:95%;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cccccc;
}

Langkah Terakhir:
Yup! udah selesai jangan lupa disimpan dan lihat hasilnya :)

Selamat mencoba and Happy Blogging :)

Artikel saya ambil dari:o-om

Readmore »»

Akhirnya Control Panel (CP) yang sebelumnya masih pada draft blogger benar-benar di terapkan juga, ini bisa dilihat pada CP anda masing-masing. Selain Pembaharuan tampilan, blogger juga mengaktifkat fitur terbaru pada layanan mereka yaitu Blogger Reactions. Seperti biasa fasilitas ini hanya bisa diaktifkan melalui blogger in draft.



Blogger Reaksi (reactions) bisa dikatakan versi terbaru dari star ratings, yang membuatnya berbeda, dengan reactions kita bisa menentukan sendiri kalimatnya. Sepertinya tidak perlu saya jelaskan panjang lebar, rekan semua pasti mengerti apa maksudnya.

Untuk mencoba Blogger Reactions, login dulu di http://draft.blogger.com/ kemudian pada halaman Edit Layout klik "Edit" lalu beri tanda centang pada “Reaksi"

Untuk template yang sudah dimodifikasi, cara diatas ternyata tidak berjalan dengan sukses, untuk menampilkan blogger reaction kita bisa menggunakan cara manual, ikuti caranya di bawah ini



Pertama pada Edit HTML (jangan lupa beri tanda centang "Expand Template Widget") cari kode dibawah ini:



Kemudian masukan kode dibawah diantara kode diatas, contohnya seperti ini:

Readmore »»

Akhirnya, dibahas juga bagaimana cara membuat backgroun blog. Papa Ipam sempet tanya itu, tentunya tergantung template yang kita buat, beberapa template bisa diganti backgrounnya, tapi beberapa yang lain tidak bisa, karena model template yang berbeda . Seperti template yg digunakan oleh Papa Ipam (template harbor buatan Douglas bowman), bodynya tuh pecah-pecah, jadi sulit ngrubah templatenya.

Coba kalo pake template seperti punyakku, template 3 kolom nyoba 780 dari isnaini.com, tapi ini udah tak modif jadi selebar 810. Tapi pada template blogger ada koq yg bisa dirubah backgrounnya. Seperti template Denim ciptaan Darren, Rounder sepertinya juga bisa, Teris Scribe ciptaannya Todd, Thisaway ciptaannya Dan Rubin, Ms Moto ciptaan Zeldman, dan beberapa yang lain. Cirinya tuh Bodynya dibelakang halaman posting. Kalo Model Harbor kan enggak gitu, Harbor tuh satu halaman penuh, gak ada bodynya (bodynya dipecah-pecah).

Oke kalo udah diputuskan pake template yg mana, baru deh kita rubah backgrounnya. Misal kalo pake template yg dalam blogger sendiri sih lebih mudah, tapi kalo dari pihak lain, misal seperti yg saya pakai disini (dari isnaini.com) perlu penyelamatan dulu pada widget-widgetnya, terutama yg berjenis HTML/javascript. Inget, selalu-selalu an selalu download dulu templatenya, n widgetnya (kode html).

Oke udah dirubah ke template yg kompatible dengan merubah background? He5 (menyesuaikan bahasa komputer), setelah itu masuk ke kode html. disitu ada kode
body {
font: normal normal 72% Trebuchet, Trebuchet MS, Arial, sans-serif;
text-align: center;
margin: 0px;
padding: 0px;
background-color: #CCCCCC;
color: #4c4c4c;
background: #ffffff;
}
jadi yang antara tanda { } itu bisa macem-macem tergantung templatenya, lalu rubah aja dengan kode kayak gini

body {
background:#4E95E6 url("http://i188.photobucket.com/albums/z25/hafid_umm/BOSTON_SKYLINE.jpg") fixed;
margin:0;
padding:0;
font:12px Verdana;
color:#000000;
font-size/* */:/**/13px;
font-size: /**/13px;
text-align:left;

}
dimana untuk mengganti foto milik sendiri urlnya (http://i188.photobucket.com/albums/z25/hafid_umm/BOSTON_SKYLINE.jpg) bisa diganti dengan foto milik kita sendiri. Kalo saya pake hosting photobucket, bisa juga pake yg lain semisal googlepages, atau geocitiesnya yahoo. jadi selamat mencoba ganti background anda.

SUKSES SELALU!! Readmore »»

Salah satu cara mempromosikan blog adalah dengan menggunakan fasilitas layanan ping. cara ini merupakan cara praktis agar blog selalu diketahui banyak pengunjung.
Blogger sebenarnya telah menyediakan layanan ping bisa dilihat pada halaman pengaturan->Publikasikan->ping. jika kamu gak puas dengan layanan blooger kamu bisa memilih salah satu layanan yang ada dibawah

Ping Tips:
Lakukan ping jika kamu telah mengupdate blog kamu.
Lakukan ping jika kamu melakukan posting terbaru
Jangan lakukan ping terlalu sering karna ini bisa dikatakan sebagai spam
Lakukan ping seperlunya dan jangan berlebihan

Ping favorite saya:
http://mypagerank.net/service_pingservice_index
http://www.pingoat.com/
http://pingomatic.com/

Dibawah ini merupakan kumpulan alamat ping service yang bisa kamu gunakan untuk promosi blog.

• 1470.net
• a2b.cc
• amagle.com
• apple.com
• bakeinu.jp
• bblog.com
• bitacoles.net
• bitacoras.com
• bitacoras.net
• blog.goo.ne.jp
• blogbuzzmachine.com
• blogdb.jp
• blogdigger.com
• blogflux.com
• blogg.de
• blogg.de
• bloggers.jp
• blogmatcher.com
• blogmura.jp
• blogoole.com
• blogoon.net
• blogpeople.net
• blogrolling.com
• blogroots.com
• blogshares.com
• blogstreet.com
• britblog.com
• bulkfeeds.net
• cocolog-nifty.com
• coreblog.org
• datashed.net
• effbot.org
• exblog.jp
• fakapster.com
• feedburner.com
• feedster.com
• focuslook.com
• google.com
• holycowdude.com
• icerocket.com
• imblogs.net
• lasermemory.com
• mod-pubsub.org
• mod-pubsub.org
• moreover.com
• moreover.com
• msn.com
• myblog.jp
• newsgator.com
• newsgator.com
• newsisfree.com
• newsisfree.com
• pingates.com
• pingoat.com
• pingomatic.com
• pingqueue.com
• popdex.com
• pubsub.com
• rootblog.com
• snipsnap.org
• syndic8.com
• tailrank.com
• technorati.com
• topicala.com
• topicexchange.com
• wasalive.com
• weblogalot.com
• weblogs.com
• weblogs.se
• weblogues.com
• wpkeys.com
• yahoo.com
• yahoo.com

Refrensi: Blogywalkie.com

Readmore »»