Monday, August 4, 2008

Kumpulan Blogger Hack dan Tutorial Singkat Blogspot



Dibawah ini merupakan Kumpulan tutorial singkat Blogspot dan beberapa
Blogger Hack
yang paling sering ditanyakan. Sengaja saya tidak membuat
tulisan per-artikel mengingat penjelasannya terlalu singkat dan terbilang sederhana.
Nah..untuk menjawab pertanyaan yang sama dan sering pada komentar dan Imel yang
masuk saya kumpulkan aja jadi satu. Silahkan dicoba :)







Agar Title SEO Friendly




Agar title blogger lebih lebih bersahabat dengan Search Engeine (SEO
Friendly) kita dapat mengganti Title standar dengan Title kode yang sudah
dimodifikasi.






Cari kode title dibawah ini:



<data:blog.pageTitle/>






Kemudian ganti semua kode diatas dengan kode dibawah








<data:blog.pageTitle/>



<data:blog.pageName/>








Menghapus Link Subsribe Post (atom) atau Berlangganan: Posting (atom)




Masuk halaman Edit HTML kemudian beri tanda centang pada Expand
Template Widget,
cari kode dibawah lalu hapus kode warna
merah dibawah.





















Menghilangkan Navbar




Masuk halaman Edit HTML kemudian letakan dibawah kode





#navbar{height:10px; visibility:hidden; display:none}



 

 


Auto Hide pada Navbar Blogger


 


Pada halaman Edit HTML,   kemudian letakan kode dibawah kode


 


#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}

#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}


 






Mengganti Default Atom dengan RSS




Kadang mungkin kita ingin menggunakan default feed sebagai RRS, caranya masuk
halaman Edit HTML, Kemudian cari kode warna hijau dibawah











Ganti kode warna hijau dengan kode dibawah ini:




type='application/rss+xml' target='_blank'> ()






Memasang Icon Sebelum title Post




Pertama cari .post h3{ pada deretan kode CSS
kemudian masukan sesuai kode warna hijau
dibawah:




.post h3{ background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH_Rhg-TAS4WDm_oJEgLRk-U4pf9CdNUB9mV0jbE9so2MdhpyhMLOSq8l9Z2lyGd3NVo0HJonBN3_LCTUZC_smgGPKqIB3ltjTSbKFO_GelfD9aO9faCklDmcujHEhMHMll30PvmCgJikg/s400/dotlink.gif")
0px 0px no-repeat;
margin:.5em 0; padding:0 20px 0; font-size:120%; font-weight:bold;
font-style:normal; line-height:1.3em; color:#333}


 


 




Pasang Icon Pada Setiap Judul SideBar


 


Pertama cari #sidebar-wrapper h2{ pada deretan
kode CSS, kemudian masukan sesuai kode warna hijau
dibawah:


 


#sidebar-wrapper h2{ background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH_Rhg-TAS4WDm_oJEgLRk-U4pf9CdNUB9mV0jbE9so2MdhpyhMLOSq8l9Z2lyGd3NVo0HJonBN3_LCTUZC_smgGPKqIB3ltjTSbKFO_GelfD9aO9faCklDmcujHEhMHMll30PvmCgJikg/s400/dotlink.gif")
0px 0px no-repeat;
margin:.6em 0 .6em; padding:0 20px; font-size:11px;
font-weight:bold; line-height:1.4em; text-transform:uppercase; color:#222;
border-bottom:1px solid #C0C0C0}


 






Memasang Icon di link Sidebar




Pertama cari #sidebar-wrapper li{ pada deretan
kode CSS, kemudian masukan sesuai kode warna hijau
dibawah:




#sidebar-wrapper li{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH_Rhg-TAS4WDm_oJEgLRk-U4pf9CdNUB9mV0jbE9so2MdhpyhMLOSq8l9Z2lyGd3NVo0HJonBN3_LCTUZC_smgGPKqIB3ltjTSbKFO_GelfD9aO9faCklDmcujHEhMHMll30PvmCgJikg/s400/dotlink.gif")
no-repeat 0px .20em;
margin:0; padding:0 0 .25em 17px; line-height:1.2em}






Memasang Icon Sebelum Title Post pada halaman List Label




Masuk halaman Edit HTML kemudian beri tanda centang pada Expand
Template Widget,
cari kode warna hijau di
kemudian masukan sesuai kode warna merah dibawah:
























>>>














Pasang Icon Sebelum Jumlah Komentar




Pertama cari #comments h4{  pada deretan
kode CSS, kemudian masukan sesuai kode warna hijau
dibawah:




#comments h4{ background:#eee5e5 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEq05py703fwmokx0nht_mvNf9EkZdDGko_AeBWlZKSTk-8lorDn8Amf7QxrNNEIYsC0SWIDUTs77sj0_-C6AfipDNaKfcs9G-FwGzYL4HHlfBiplMENfYOnp8znnbopPkk4hHykBpABi4/s400/icon_comments.png")
no-repeat 3px .3em;
width:430px; margin:.1em 0; font-size:12pt; font-weight:bold;
line-height:1.5em; letter-spacing:.1em; color:#111; padding-left:25px}






Pasang Icon Sebelum Nama Komentator




Pertama cari #comments-block .comment-author{
pada deretan kode CSS, kemudian masukan sesuai kode warna
hijau
dibawah:




#comments-block .comment-author{ margin:.5em 0; padding-left:25px;
background:#FFFFCC url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHT9dg3k7Z8vqdpP2eTPUr8NEc70SO9Yb_QdPBvp1FfRi7l6Z5KOoqBELRzxow__ND1T2T_Ehf_iXqZ8pOfShCtdaqb8d4F6y8zSvMeCCIj0jIRl71dsR-Vawnq7yapeg-IH07i5qx-4k9/s400/icon_comment.gif")
no-repeat 3px .3em;
color:#111}






Mengganti Tulisan Posting Lebih Baru - Halaman Utama - Posting Lama dengan
tulisan sendiri atau bergaya Icon




Anda mungkin ingin mengganti tulisan standar Posting Lebih Baru - Halaman
Utama - Posting Lama
dengan gaya sendiri atau anda juga bisa menganti
tulisan tersebut dengan icon. Masuk halaman Edit HTML kemudian beri tanda
centang pada Expand Template Widget, cari kode
warna hijau di bawah
kemudian ganti  kode warna
merah
dibawah sesuai keinginan.Untuk menganti gaya tulisan sendiri anda
bisa langsung menulisnya sedangkan jika ingin mengganti dengan gaya icon tinggal
ganti dengan kode

























































 


 


Cara mencetak halaman (Print Page)


 


Anda mungkin ingin mencetak perhalaman langsung ke default
Printer, caranya tinggal memasang kode dibawah ini langsung disetiap halaman
atau letakan di dalam halaman Post.


 


Cetak
Halaman Ini


Sunday, August 3, 2008

Online Feed Readers via BlogLines

Red: Bloglines bukan tools terbaru online feed readers, demi keamanan feed saya kembali menggunakannya :)



Kejadian
jebolnya hardisk beberapa hari lalu benar-benar pukulan
nyata bagi om pribadi, bisa diartikan mungkin sama halnya dengan "Lebih baik kehilangan HP daripada kehilangan data
phonebook"
apalagi data tersebut berkaitan erat dengan dunia blogging
dimana om kehilangan kurang lebih 200 Link Feed penting yang sudah tertata rapi.
Salah satu kesalahan terbesar om karena terbiasa menggunakan feed
reader via browser Flock
, walaupun sebenarnya sebagian Link Feed sudah di
export kalau hardisknya yang jebol ya..sama aja bo'ong :(





Menghindari kesalahan yang sama, mungkin sudah saatnya om beralih ke Feed Reader versi Online saja.
Pilihan kali ini jatuh ke

BlogLines
yang sebenarnya sudah lama om lupakan. bila boleh membandingkan
dengan Friendfeed mungkin om tetap memilih Bloglines, ini dilihat dari segi
kemudahan dan kelengkapan fitur, selain bisa di akses darimana saja yang jelas
gak bakal takut lagi nih kehilangan semua data Feed.
Yang berniat membackup semua data link feed via
bloglines
om sarankan silahkan mencobanya. Lebih baik cepat antisipasi dari
pada kejadian yang sama menimpa kalian, semoga saja tidak ya :)




 




Ya sudah, sekalian saja kalo mau berlangganan RSS Feed oom via
online Feed Reader
Bloglines
silahkan klik button ini 

Subscribe with Bloglines
 
thanks :)


Saturday, August 2, 2008

Akhirnya datang juga

You get message....sms diterima "hallo bos, laptopnya dah mantap
nih silahkan  diambil"
sms dikirim "ok bos langsung meluncur".

Akhirnya datang juga...setelah beberapa hari menjalani
rawat inap akhirnya sembuh juga nih laptop kesayangan. Ternyata analisa pak
dokter lebih cepat dari dugaan sebelumnya, tapi yah syukur lah walaupun biaya
pengobatan terbilang mahal karena om harus ganti p.a power dan hardisk. Ya sudah
hari minggu ini buat acara installasi dan beres2 data dulu, thanks ya buat doa
kesembuhannya, kalian memang yang terbaik :)