Tips Membackup Blog Secara Online

Mungkin sobat pernah mendengar berita beberapa bulan yang lalu salah satu blogger senior indonesia
mengalami hal yang cukup menyedihkan yaitu blog miliknya yang di blogger.com (blogspot)
tiba-tiba terkena banned oleh pihak blogger.com. Sangat di sayangkan sekali memang, blog yang sudah
di tata sedemikin rupa dan telah memperoleh trafik yang sangat tinggi tiba-tiba harus hilang dari
kendali pemiliknya. Bagaimana apabila itu terjadi pada blog kita? mudah-mudahan jangan sampai terjadi.
Namun walaupun kita semua berharap semua itu tidak terjadi, tetap saja kemungkinan untuk terjadi tetap ada.
Kenapa bisa demikian? jawaban yang sederhana adalah kita hanyalah Numpang di tempatnya orang lain yaitu
pihak Blogger.com.

Selaku pihak yang menumpang tentu saja kita harus sadar betul bahwa apabila sewaktu-waktu sang pemilik tempat (blogger.com)
tidak lagi berkenan untuk menampung kita di tempatnya, kita harus berbesar hati untuk melangkahkan kaki kita ketempat
lain yang masih sudi untuk menampung kita. Terdengar sedikit menyedihkan memang, akan tetapi itulah fakta yang ada. Jika
semua itu tidak ingin terjadi, silahkan untuk membeli rumah sendiri.



Apa yang paling menyedihkan apabila account kita di banned oleh pihak blogger.com? menurut saya sendiri adalah artikel-artikel
yang telah kita buat dengan susah payah serta telah mengorbankan waktu yang sangat banyak harus hilang seketika entah kemana.
Okelah, apabila seandainya artikel yang telah kita posting di blog hanyalah tiga atau empat artikel saja mungkin tidak akan
terlalu menimbulkan kekecewaan, namun bagaimana apabila artikel kita sudah mencapai puluhan atau ratusan atau bahkan sudah
ribuan jumlahnya, tentu ini merupakan hal yang cukup serius untuk di pikirkan.



Pertanyaan yang mungkin timbul adalah bagaimana cara menyelamatkan artikel-artikel kita apabila seandainya hal buruk tadi menimpa kita?
jawaban yang mudah di tebak adalah kita harus sesering mungkin untuk membuatkan backup artikel-artikel tersebut. Untuk membuatkan
backup data pada komputer, rasanya tidak perlu lagi di bahas karena saya yakin semuanya pasti telah mengetahui caranya.
Mem backup data melalui komputer di rumah kita, hal ini sering kali di sebut dengan backup data secara Offline. Yang mau
saya bahas kali ini adalah bagaimana cara membackup artikel-artikel kita yang telah di posting secara Online.



Untuk backup artikel secara Online tentunya banyak sekali cara yang bisa di tempuh, namun tentunya tidak akan saya bahas
semua. Dari sekian banyak cara backup secara Online, diantaranya yaitu melalui Blog wordpress, Google Reader,
serta Blog Multiply. Dari ketiga cara tersebut yang akan saya bahas secara rinci adalah melalui Blog wordpress karena
diantara penyedia layanan gratis paling terkenal selain Blogger.com adalah wordpress.com.

Backup Online di Wordpress.com

Di wordpress.com, selain kita memposting artikel seperti halnya di blogger.com, ada fasilitas untuk memasukan seluruh artikel yang telah
diposting di account blogger melalui fasilitas Impor. Dengan fasilitas impor ini, sobat hanya menekan satu tombol untuk import
maka seluruh artikel yang telah di posting di blogger termasuk juga komentar-komentarnya akan secara otomatis di masukan ke dalam account
blogger untuk di tampilkan di blog sobat yang di wordpress. Untuk melakukan proses import di wordpress.com, langkah pertama yang
harus dilakukan adalah tentunya sobat harus mempunyai sebuah account wordpress. Bagi yang belum mempunyai account di wordpress, silahkan daftar dulu sendiri di sini !.
Tentang cara-cara daftar, saya yakin sobat sudah bisa melakukannya. Sekarang saya anggap sobat sudah mempunyai sebuah account di wordpress.
Untuk cara membackup artikel sobat yang ada di blogger.com/blogspot ke wordpress, silahkan ikuti langkah-langkah berikut ini :

1. Silahkan login dulu di wordpress dengan id sobat





2. Apabila sobat masih menggunakan bahasa inggris, saya sarankan untuk mengubahnya
   ke bahasa indonesia agar lebih nyambung dengan yang akan saya bahas. Silahkan perhatikan
   ke sebelah atas, klik tulisan My dashboard, kemudian klik Users, lalu klik Your Profile. Arahkan
   perhatian ke bagian tengah layar monitor, lihat tulisan Interface Language. Disamping
   tulisan Interface Language ada menu dropdown, silahkan klik menudropdown tersebut lalu
   pilih yang Id - bahasa Indonesia. Yang terakhir klik tombol update Profile ». Sekarang dashboard sobat
   menjadi berbahasa indonesia.





3. Klik menu Kelola.





4. Klik sub menu bertuliskan Impor.





5. Klik tulisan Blogger. Akan ada tulisan pengantar dari wordpress. Kemudian klik
   tombol Otorisasi.





6. Setelah itu akan muncul panel untuk Login ke blogger.com. Silahkan login dulu di blogger
   dengan id sobat.





7. Akan muncul peringatan dari Google Account, klik tombol Grant acces. Tunggu beberapa saat.





8. Sobat akan masuk kembali ke panel wordpress. Apabila sobat mempunyai beberapa blog dalam satu account blogger,
   maka blog-blog tersebut seluruhnya akan di tampilkan. Pilih artikel blog mana yang mau di impor. Klik tombol Impor yang
   berada di sebelah kanan yang sejajar dengan judul blog yang mau di impor.





9. Tunggu sampai proses impor selesai. Mungkin proses impor ini akan memakan waktu yang cukup lumayan lama, ini tergantung
   dari banyaknya artikel yang di impor dari blogger. Jika jumlah posting sudah sangat banyak, mungkin bisa memakan waktu
   lebih dari satu jam. Silahkan sobat minum kopi dulu untuk sekedar menunggu proses impor berlangsung





10. Selesai.

Sekarang sobat sudah mempunyai arsip blog secara online tanpa harus mempostingnya satu persatu. Sebuah catatan yang perlu di ketahui yaitu
setiap sobat memposting artikel di blog sobat yang di blogger/blogspot maka tulisan tersebut tidak akan secara langsung di impor ke wordpress,
oleh karena itu untuk backup artikel terbaru, sobat harus melakukan proses impor kembali seperti langkah-langkah di atas. satu hal yang
boleh untuk di ketahui yaitu pada proses impor yang kedua atau ketiga atau yang selanjutnya, artikel yang telah di impor sebelumnya tidak akan
di impor kembali sehingga tidak akan ada duplikasi artikel, sehingga proses impor yang kedua dan selanjutnya tidak akan memakan waktu yang lama
seperti pada saat melakukan impor yang pertama.



Bagaimana sobat, cukup menarik bukan? namun seperti yang saya sebut di atas bahwa artikel baru yang di posting di blogger tidak akan secara
otomatis di impor, hal ini tentunya akan menuntut kita untuk bekerja lebih ekstra melakukan proses impor. Pertanyaan yang mungkin timbul yaitu
apakah ada yang bisa secara otomatis melakukan backup? jawabannya ada. Kita hanya melakukannya sekali saja, untuk selanjutnya akan secara otomatis
di backup. Fasilitan apa yang di gunakan? ini bisa di lakukan antara lain melalui Google Reader atau juga melalui blog yang ada di multiply.com.
mau tahu caranya? di baca saja deh kelanjutan ceritanya.

Backup Online melalui Google Reader

Salah satu cara yang mengasikan dalam hal backup secara online menurut saya adalah melalui google Reader.
Caranya sangat gampang yaitu jadilah pembaca dari blog kita sendiri melalui google reader. Jadi setiap kita posting artikel di blognya blogger, maka artikel
tersebut akan secara langsung di kirim ke halaman google reader milik kita, lebih praktis daripada cara yang di wordpress. Tentang bagaimana menjadi feed reader
melalui google reader, sudah pernah saya posting. Bagi yang masih bingung, silahkan baca kembali artikelnya di sini !.

Backup Online melalui Multiply.com

Cara praktis lainnya selain melalui Google reader adalah melalui blog di http://multiply.com.
Seperti halnya di blog wordpress, di multiply.com ada fasilitas untuk import dari blogger, namun untuk multiply.com, setiap kita posting
artikel di blogger, maka akan secara langsung muncul di blognya multiply.com. jadi untuk masalah backup data artikel blog, multiply lah yang tergolong yang
paling tepat. Untuk caranya tidak akan saya bahas secara detail karena mata saya sudah sepet banget nih, hampir jam 12 malem waktunya untuk istirahat.
Seperti biasa, bikin dulu account di multiply, kemudian cari yang untuk import.




Mau melihat contoh contoh backup dari blog saya, silahkan bisa di kunjungi di sini! atau juga di sini!



Tidur dulu ah, ngantuk banget nih!

Tutorial software PopUp Generator

Sudah lama tidak posting tentang tutorial software yang disediakan oleh
http://www.obralplus.com/?id=rohman
serta oleh http://www.resepbisnis.com/?id=rohman bagi para anggotanya. Mau iseng-iseng mengulas tentang cara penggunaan dari software
PopUp generator yang bisa di download di halaman member http://www.resepbisnis.com/?id=rohman.



Pernah mendengar tentang iklan popup di internet? sudah dipastikan sobat pernah mendengar istilah ini dan tentunya tidak
perlu lagi saya ulas. Atau mungkin ada yang belum tahu? khusus bagi yang belum tahu sedikit akan saya ulas. Agar lebih mudah
di mengerti saya beri sedikit gambaran. Mungkin sobat pernah mengunjungi situs di internet dan secara tiba-tiba muncul
window baru (biasanya iklan situs) di layar monitor tanpa kita bermaksud untuk memanggil atau mengunjungi situs tersebut, dan
window baru itulah yang di sebut dengan iklan dalam bentuk Popup, Fahamm ? (kata ustad sobat dalam film si entong begitu).

Banyak orang yang tidak menyukai akan iklan popup ini dengan berbagai alasan, diantaranya yaitu
terkadang iklan yang muncul berupa gambar yang tidak enak di pandang mata alias kurang senonoh dan popup ini membuat
koneksi internet menjadi sedikit lambat di karenakan jendela browser lebih dari satu, selain itu pula tidak jarang
iklan popup sebagai sarana untuk menyusupkan berbagai virus ke komputer. Untuk mengatasi hal ini, banyak pengguna komputer menghidupkan fitur
PopUp bloker pada browsernya.



Namun dengan berbagai alasan di atas, pada relitanya banyak sekali pemilik situs masih menggunakan iklan melalui popup dan
dari alasan itu saya mengira iklan PupUp masih efektif untuk sarana beriklan. Nah.... bagi yang berminat untuk beriklan melalui PopUP,
ada software yang sangat simpel dan praktis tapi sangat handal yaitu PopUp generator. Dengan menggunakan software ini,
kita dapat membuat iklan PopUp dalam waktu dua setengah menit atau mungkin bisa kurang. Akan tetapi setelah saya melakukan serangkaian
uji coba, script yang di hasilkan oleh software ini hanya berfungsi secara baik pada template blogger versi baru (XML), sedangkan untuk
template klasik (html) saya masih belum bisa menerapkannya alias tidak bisa berfungsi secara baik.



Sudah jenuh dengan intermezo diatas dan ingin langsung ke topik bahasan tentang tutorial software ini? hmmmmm... kita
langsung aja deh. Bagi sobat yang telah tergabung di resep bisnis, silahkan download dulu software ini di halaman member. Kapasitas
data yang didownload tidaklah terlalu besar yakni sebesar 949kb dalam format file zip, setelah di download tentu saja harus
di ekstrak terlebih dahulu dengan software winzip. Setelah di eksrtak, sobat akan menemukan beberapa file. Yang harus di jalankan
adalah file Popup.exe, tidak perlu di install. setelah di jalankan, sobat akan melihat panel seperti ini :

Dari tampilan panel diatas, terlihat ada beberapa tulisan. Nah...tulisan tersebut masing-masing mempunyai
fungsi yang berbeda, agar lebih jelas sedikit akan saya uraikan :

Function Name

Function name hanyalah sebagai penentu Function untuk javascript, secara default tertulis di sana popupgenerator,
tulisan ini boleh di ubah sekehendak kita asal hanya satu kata tidak boleh ada spasi, atau bila tidak di ubahpun tidak apa-apa.

Popup Name

Hampir mirip dengan Function name, bisa di ubah bisa juga di biarkan sesuai defaultnya.

Dimensions

Dimension ini adalah untuk mengatur ukuran dari popup yang ingin di munculkan, satuan yang di pakai
adalah pixel. Jadi sobat hanya perlu memberi tanda ceklis pada kotak di samping tulisan Popup Size,
kemudian menuliskan ukuran dari window popup yang ingin di munculkan.

Fullscreen

Selain ukuran dimensi bisa kita atur, kitapun bisa menampilkan dalam satu layar penuh. Caranya dengan memberi
tanda pada radio button di samping tulisan fullscreen.

Position

Apabila sobat berkeinginan ingin mengatur letak munculnya window popup, sobat hanya tinggal membubuhkan nilai
koordinat dari layar monitor dalam satuan pixel.



» "Top" berarti koordinat di hitung dari sebelah atas layar.


» "Left" berarti koordinat di hitung dari sebelah kiri layar.

Options

Options ini memberikan kebebasan kepada kita untuk memilih mana yang akan kita pakai dengan cara memberi tanda ceklis
pada kotak di samping tulisan yang tertera, yaitu antara lain :



» Location Bar : bila hanya memilih ini, maka popup yang akan muncul pada window browsernya hanya mempunyai Location Bar saja.



» Directories : window yang akan muncul hanya menampilkan Links dalam browser IE.



» Menu Bar : hanya memunculkan teks dalam menu bar nya. Normalnya seperti : File, Edit, View, dan lain-lain.



» Tool Bar : ini akan memunculkan Tool bar yang ada dalam browser seperti : Forward, back, Search, Home, serta
yang lainnya.



» Status Bar : dalam browser IE, dibagian bawah terdapat status bar untuk menampilkan alamat URL apabila mouse menyorot sebuah link.



» Scroll bar : pilihan ini akan membuat popup yang tercipta mempunyai scroll bar.



» Resizable : window pupup yang akan tercipta akan bisa di ubah, misal ingin di maximize atau di minimize.



Dari berbagai options pilihan di atas, kita bisa memilih satu atau beberapa atau mungkin memilih semuanya.

URL of Window

Alamat URL yang tertera harus di ganti dengan alamat URL situs yang di tuju. Misal : http://www.resepbisnis.com/?=rohman.

Select Trigger

Ini akan menentukan bagaimana window popup itu akan muncul.



» Standar Link : pilihan ini adalah seperti link biasa pada umumnya, yaitu ada sebuah link jika ada
pengunjung yang meng klik nya, maka akan muncul window baru.



» Form Button : seperti link biasa, akan tetapi dalam bentuk tombol.



» When Page Loads : Pilihan ini agar window popup akan muncul secara otomatis ketika ada
pengunjung yang datang mengunjungi blog sobat.



» When Page Unloads : Windows popup akan muncul secara otomatis apabila ada pengunjung blog sobat
yang menutup (meninggalkan) blog sobat, pilihan ini di rasa lebih baik karena window popup yang muncul tidak
akan menggangu perhatian pengunjung terhadap blog sobat karena justru ketika pengunjung blog meninggalkan blog sobat,
window popup nya baru akan muncul.

Location Of Window

Lokasi munculnya window pun dapat kita atur.



» In front : window popup yang muncul akan keluar dan langsung berada di depan blog sobat. Sehingga
blog sobat akan tertutup.



» In Back : window yang muncul posisinya akan berada di belakang halaman blog sobat.

Days To Repeat Popup

Ada dua pilihan :



» jika menuliskan angka "0" (nol) maka popup yang tampil akan selalu muncul setiap kali ada yang berkunjung
walaupun pengunjung tersebut orangnya itu-itu juga.



» jika menuliskan angka "999", maka popup yang tampil akan muncul hanya satu kali saja pada pengunjung yang sama. jadi
orang yang pernah melihat popup sobat tidak akan melihatnya lagi dengan catatan pengunjung tersebut tidak melakukan delete Cookies.

1.Generate Code

Tombol ini berfungsi untuk membuat kode apabila sobat telah selesai melakukan pengesetan tentang yang tadi di atas terangkan.

Reset

Tombol untuk reset agar kode yang sudah di generate menjadi kosong lagi.

2.Test/View Popup

Tombol untuk melihat contoh window popup yang telah di buat.

3.Get Code

Tombol untuk mendapatkan Javascript yang akan di pasang di blog.




Sekilas tentang fitur-fitur yang ada di panel sudah cukup, semoga mudah untuk di mengerti.





Sekarang tiba waktunya untuk beraksi yaitu menempatkan kode yang di hasilkan dari software ini ke blogger.com.



» Langkah #1

1. Jalankan software PopUp generatornya.





2. Lakukan setting sesuai yang di inginkan.





3. Klik tombol 1.Generate Code, kemudian klik tombol 3.Get Code. Akan muncul panel baru seperti gambar di bawah ini :










4. Silahkan diamkan dulu untuk nanti keperluan di ambil kodenya.

» Langkah #2

1. Silahkan login di blogger dengan ID sobat.





2. Klik Layout.





3. Klik menu Edit HTML.





4. Klik tulisan Download Template Lengkap. Silahkan save dulu untuk backup kode template, agar aman apabila terjadi kesalahan.
   





5. Buka kembali panel kontrol dari software popup generator, yaitu panel yang ini :










6. Klik pada tombol Grab Text yang bagian atas. Lalu klik kanan, pilih copy.






7. Paste kode yang tadi di copy di atas kode </head> (pada kode template)








Ada satu catatan penting yaitu sobat harus merubah kode yang bertuliskan :




</script>




Menjadi hurup kapital semua, yaitu seperti ini :




</SCRIPT>









Misalkan kode yang di dapat seperti ini :






<SCRIPT LANGUAGE='JAVASCRIPT' TYPE='TEXT/JAVASCRIPT'>

<!--

/****************************************************

Created With: PopupGenerator

URL: http://www.popupgenerator.com

****************************************************/

var win=null;

function NewWindow(mypage,myname,w,h,pos,infocus){

if(pos=="random"){myleft=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;mytop=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}

if(pos=="center"){myleft=(screen.width)?(screen.width-w)/2:100;mytop=(screen.height)?(screen.height-h)/2:100;}

else if((pos!='center' && pos!="random") || pos==null){myleft=0;mytop=20}

settings="width=" + w + ",height=" + h + ",top=" + mytop + ",left=" + myleft + ",scrollbars=yes,location=yes,directories=yes,status=no,menubar=no,toolbar=no,resizable=yes";win=window.open(mypage,myname,settings);

win.focus();}

// -->


</script>






Maka kodenya di uabah menjadi seperti ini :






<SCRIPT LANGUAGE='JAVASCRIPT' TYPE='TEXT/JAVASCRIPT'>

<!--

/****************************************************

Created With: PopupGenerator

URL: http://www.popupgenerator.com

****************************************************/

var win=null;

function NewWindow(mypage,myname,w,h,pos,infocus){

if(pos=="random"){myleft=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;mytop=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}

if(pos=="center"){myleft=(screen.width)?(screen.width-w)/2:100;mytop=(screen.height)?(screen.height-h)/2:100;}

else if((pos!='center' && pos!="random") || pos==null){myleft=0;mytop=20}

settings="width=" + w + ",height=" + h + ",top=" + mytop + ",left=" + myleft + ",scrollbars=yes,location=yes,directories=yes,status=no,menubar=no,toolbar=no,resizable=yes";win=window.open(mypage,myname,settings);

win.focus();}

// -->


</SCRIPT>










8. Cari kode pada template sobat yang seperti di bawah ini :







<body>








9. Buka kembali panel kontrol dari software popup generator, yaitu panel yang ini :










10. Klik pada tombol Grab Text yang bagian bawah. Lalu klik kanan, pilih copy.





11. Gantilah kode <body> dengan kode yang tadi di copy pada popup generator.




misalkan kode <body> di ubah menjadi seperti ini :






<body onLoad='NewWindow("http://www.resepbisnis.com/?id=rohman","iklan","640","480","center","front");'>









12. Klik tombol SIMPAN TEMPLATE.





13. Selesai. Silahkan lihatt bagaimana hasilnya.

Apabila sobat ingin melihat contoh hasil dari yang tadi sya tulis, silahkan klik di sini ! dengan catatan untuk
popup blocker nya di buka sementara.



Selamat mencoba !

Horizontal tab menu 10

Pernah melihat menu navigasi yang seperti di bawah ini?

Tertarik untuk memasang menu ini di blognya?

Silahkan baca tutorial lengkapnya di :

http://css-lybrary.blogspot.com/2007/12/horizontal-tab-menu-10.html

Selamat bereksperimen ria!

Horizontal Tab menu J

Jika kemarin lusa telah di perkenalkan menu navigasi horizontal
yang cukup menarik yaitu Horizontal menu F yang saya posting di sini,
maka hari ini ada tambahan perbendaharaan menu navigasi yang
berbentuk horizontal yaitu Horizontal Tab menu J. Ingin tahu
seperti apa bentuknya? silahkan arahkan mouse komputer sobat ke menu navigasi di bawah ini :

• Home


• Products


• Obral Plus


• Belajar Website
  

Tertarik ingin segera mengetahui bagaimana cara membuat menu navigasi ini?
Silahkan baca tutorialnya di sini !



Selamat menikmati tampilan baru navigasi sobat!

Comment Box Inside Post

Update : Tulisan ini sudah tidak up to date, karena sekarang kotak komentar blogger sudah ada yang baru. Silahkan baca di sini!.



Setelah melihat-lihat beberapa pertanyaan yang di ajukan oleh para sobat, rupanya banyak yang tertarik ingin mengetahui bagaimana cara membuat kotak komentar langsung berada di bagian bawah postingan tanpa harus membuka jendela baru seperti yang ada dalam blog ini. Memang, sepertinya kotak komentar yang bisa langsung berada di bawah postingan merupakan dambaan dari blogger yang menggunakan jasa di blogspot. Dulu, saya pernah mengulas mengenai cara membuat kotak komentar yang bisa langsung di bawah postingan dengan menggunakan fasilitas dari HaloScan yang saya posting di sini, akan tetapi entah mengapa katanya banyak yang tidak berhasil alias gatot (gagal total), padahal saya pernah mempraktekan langsung tutorial yang saya tulis sendiri dan hasilnya tidak ada masalah, tidak percaya? sok lah bisa di lihat contohnya di sini! dan saya pun sering blogwalking ke para sobat setia blog ini dan banyak juga yang berhasil. Udah ah, rasanya tidak terlalu penting membahas antara yang sukses dengan yang gagal, semuanya tergantung kepada usaha sendiri-sendiri, mending kita langsung ke topik utama pembahasan kali ini yaitu mengenai cara membuat kotak komentar seperti yang ada pada blog ini. Trik ini sebenarnya telah lama di bahas di blognya jackbook, kalau mau baca langsung di sana silahkan saja, namun bahasa yang di gunakan adalah dalam bahasa inggris. Mau yang bahasa indonesia? ya sudah baca saja di blog ini, gitu aja ko repot *kata guspur* begitu biasanya. Yang berminat silahkan ikuti langkah-langkah berikut ini :

Langkah #1

1. Silahkan Sign in di blogger dengan id sobat


2. Klik Layout


3. Klim menu Pengaturan


4. Klik menu Komentar


5. Cari tulisan Tampilkan komentar dalam sebuah window popup?, pilih ya. Perhatikan gambar di bawah :



6. Klik tombol

Step #2

1. Klik menu Edit HTML


2. Klik tulisan Download Template Lengkap. Silahkan save dulu, biar aman dari marabahaya yang mengancam.


3. Centang kotak kecil yang berada di samping tulisan Expand Template Widget



4. Tunggu beberapa saat sampai proses selesai.


5. Cari kode yang seperti di bawah ini :



<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4><b:if cond='data:post.numComments == 1'>1
<data:commentLabel/>:<b:else/><data:post.numComments/>
<data:commentLabelPlural/>:
</b:if>
</h4>
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'><a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'><a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/>
</a><b:else/><data:comment.author/></b:if><data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'>
<data:comment.body/>
</span><b:else/>
<p><data:comment.body/></p>
</b:if></dd><dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a></p>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>


6. ganti kode di atas dengan kode di bawah ini :




<b:includable id='comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <b:if cond='data:post.allowComments'>
<!-- jackbook.com part 1 start --> <!-- <h4> <b:if cond='data:post.numComments == 1'> 1 <data:commentLabel/>: <b:else/> <data:post.numComments/> <data:commentLabelPlural/>: </b:if> </h4> --> <div class='onepx'> <dl id='comments-block' style='height: 1px;overflow:hidden;'> <b:loop values='data:post.comments' var='comment'> <dt class='comment-author' expr:id='"comment-" + data:comment.id'> <a expr:name='"comment-" + data:comment.id'/> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> </dt> <dd class='comment-body'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p><data:comment.body/></p> </b:if> </dd> <dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href='"#comment-" + data:comment.id' title='comment permalink'> <data:comment.timestamp/> </a>
<b:include data='comment' name='commentDeleteIcon'/> </span> </dd> </b:loop> </dl> </div> <!-- <p class='comment-footer'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </p> --> <!-- jackbook.com part 1 ends --> <!-- actually i almost do nothing with your template, just add that comment, you did it :) -->
<div id='comment-parent' onmouseover='showcomment("hoverme", "comment-child");' style='margin-bottom: 50px;'> <h3 id='hoverme' style='display:block;'> <img alt='Your cOmment"s Here! Hover Your cUrsOr to leave a cOmment.' src='http://img229.imageshack.us/img229/5559/htmlcodeleavecommentfi5.gif' title='Your cOmment"s Here! Hover Your cUrsOr to leave a cOmment.'/> </h3>
<!-- this iframe below is your comment form. you can change the height, or add more style property into it --> <div id='comment-child' style='border:none; display: none; height:750px; width: 440px; margin-bottom: 5px; background: #fff none; border: 1px solid #FCO;'> <iframe expr:src='data:post.addCommentUrl' height='100%' scrolling='yes' style='border:none;' width='100%'/> <br/> <a href='http://www.jackbook.com/2007/06/how-to-make-readers-leave-comment.html' title='Want to have this on your blogger/blogspot?'>Comment Form under post in blogger/blogspot</a> </div> <!-- end of iframe -->
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>


7. Simpan kode ini di atas kode </body>




<!-- www.jackbook.com --><!-- this to hide and show el -->
<script languange='javascript'> function showcomment(a,b){var jackbookdotcom = document.getElementById(a);jackbookdotcom.style.display = 'none';jackbookdotcom = document.getElementById(b);jackbookdotcom.style.display = 'block';}
</script><!-- www.jackbook.com -->


8. Cari kode seperti di bawah ini :




<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 1'>1
<data:top.commentLabel/>
<b:else/>
<data:post.numComments/>
<data:top.commentLabelPlural/>
</b:if></a>
</b:if>
</b:if>
</span>


9. gantilah kode di atas dengan kode di bawah ini :



<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.url + "#comments"' >
<b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/>
<b:else/><data:post.numComments/>
<data:top.commentLabelPlural/>
</b:if></a>
</b:if>
</b:if>
</span>


10. Klik tombol simpan template


11. Selesai. Silahkan lihat hasilnya.

Pada langkah yang ke 5 ada kode yang seperti ini :

<div style='height:750px; width: 440px; margin-bottom: 5px; background: #fff none; border: 1px solid #FCO;'>

Kode width: 440px;, angka 440px menandakan bahwa lebar kotak komentar adalah sebesar 440 pixel, saran saya agar tampil lebih menarik sebaiknya nilai ini di ganti sesuai dengan lebar kolom posting pada template yang sobat pakai, contoh pada blog saya yaitu width:520px Untuk lebih mempermudah pencarian kode, sebaiknya sobat menggunakan mesin pencari pada masing-masing browser. contoh pada Internet explorer, bila sobat mencari kode yang sebagiannya mengandung kode seperti ini : <span class='post-comment-link'>, silahkan sobat klik menu Edit yang ada pada bar menu browser, kemudian klik Find (on this page)..., lalu tulis <span class='post-comment-link'> trus klik tombol find next, maka secara otomatis akan di bawa ke kode tersebut. Perhatikan gambar di bawah ini :



Karena langkah-langkah di atas banyak sekali mengubah kode-kode template yang ada di edit HTML, maka sebaiknya jangan sampai lupa untuk membuatkan sebuah backup template, jika seandainya sobat melakukan kesalahan, maka jangan panik. Upload kembali backup nya, nanti setelah itu kondisi akan kembali seperti semula yaitu sebelum kode template di ubah-ubah.

Free Horizontal Tab Menu F

Ada yang baru di CSS LIBRARY. Setelah sekian lama blog CSS LIBRARY
tidak di update, akhirnya saya berhasrat untuk mengupdate nya kembali.
Posting yang terbaru yaitu mengenai cara membuat menu navigasi yang berbentuk
horizontal. Bentuknya sangat cantik sekali, terlihat seperti efek kaca. Navigasi
ini bukan hasil desain saya sendiri, saya hanya sekedar memberikan langkah-langkah
cara pemasangannya saja untuk di pakai di blognya blogger.

Penasaran seperti apa menu navigasi yang saya perkenalkan, silahkan lihat demonya :











Bagaimana kesan sobat setelah melihat hasilnya, tertarik? tapi saya tidak akan menerangkannya
disini, maklum saya butuh traffic ke blog yang satu ini, biasa cari duit gratisan dari google .
Namun jangan khawatir, karena sekarang saya menggunakan alat bantu yaitu menggunakan gambar sehingga
sangat mudah untuk di praktekan.



Sudah tidak sabar untuk memiliki menu navigasi ini? silahkan baca panduannya di sini !



Selamat mencoba !