Memilah Milah Komentar
Oleh kang Rohman. Senin, Agustus 25, 2008Informasi ringan namun mudah-mudahan bermanfaat, karena ternyata masih ada yang menanyakan tentang bagaimana cara memilah-milah kemunculan kotak komentar posting, tepatnya pertanyaan tersebut seperti ini “ gimana ya cara ngilangin komentar dalam satu postingan seperti dalam postingan kontak kami?”.
Sebenarnya kotak komentar suatu posting tentu saja bisa kita atur agar bisa di munculkan atau disembunyikan pada posting tertentu, caranya terbilang sangat mudah. Sekarang silahkan anda login ke blogger, kemudian pilih posting baru seolah-olah anda akan memposting suatu artikel. Untuk mengatur apakah pada postingan tersebut akan di munculkan kotak komentarnya atau bahkan di sembunyikan, maka anda tinggal klik tulisan Pilihan Posting di sudut kiri bawah kotak posting. Setelah di klik maka akan terbuka opsi yang bisa anda pilih, yaitu :
Komentar Pembaca :
- Ijinkan
- Jangan di ijinkan.
Tugas anda adalah memberi tanda pada radio button di samping tulisan tersebut, jika anda memilih ijinkan maka kotak komentar nantinya akan muncul dan pembaca postingan tersebut tentu saja bisa memberi komentar. Nah jika anda tidak menginginkan kotak komentar muncul, maka anda tinggal memilih opsi Jangan diijinkan dan tentunya nanti kotak komentar tidak akan muncul, contohnya seperti pada posting kang rohman tentang Kontak Kami. Sangat mudah bukan? atau masih bingung, nih kang rohman berikan screenshot nya, klik pada gambar jika ingin memperbesar :
Apakah postingan yang lama bisa di edit kembali? tentu saja bisa, namun opsi pilihannya berbeda dengan yang baru, yaitu :
Komentar Pembaca :
- Ijinkan
- Jangan ijinkan, tayangkan yang telah ada
- Jangan ijinkan, sembunyikan yang telah ada
Jika anda memilih opsi yang kedua, maka kotak komentar akan di sembunyikan namun komentar yang sudah terlanjur masuk masih tetap tayang. Nah apabila memilih opsi yang ke tiga, maka kotak komentar akan di sembunyikan dan komentar yang telah masukpun akn ikut di sembunyikan sehingga artikel tersebut tidak ada koementarnya.
Semoga bermanfaat.
Pada Senin, Agustus 25, 2008 1 komentar
Kategori : blogspot tutorial, kotak komentar
Alternatif Warna Kotak Komentar
Oleh kang Rohman. Minggu, Agustus 24, 2008Menyambung postingan yang sebelumnya yaitu tentang cara Modifikasi Template, maka kali ini kang rohman akan memberikan alternatif warna yang berbeda dari yang kemarin. Jadi bagi anda yang merasa kurang cocok dengan warna yang kemarin, tinggal pilih mana yang cocok dengan template blog anda. Alternatif pilihannya adalah sebagai berikut :
Warna apa yang anda suka? tinggal pilih saja. Cara untuk menggantinya sangat mudah, silahkan baca tutorial tentang Revisi Cara modifikasi kotak komentar.
Sudah di baca? jika sudah, anda tinggal upload gambar berikut ke server yang biasa anda pakai untuk menyimpan gambar :
Selain mengganti alamat URL gambar, anda harus pula mengganti warna background . Yang di ganti adalah kode yang ini (warna merah):
#commentblock {
width: 510px;
background: #dde28f;
text-align:left;
padding: 20px 20px 10px 20px;
margin: 10px 0px 0px 0px;
border-top: 2px solid #333333;
border-bottom: 1px solid #333333;
}
kode warna penggantinya adalah sebagai berikut :
Untuk yang warna biru :
background : #c5d3fe ;
Untuk yang warna kuning:
background: #dde28f;
Untuk yang warna pink:
background: #fedadc ;
Untuk yang warnahijau
background: #cbfce2 ;
Mudah-mudahan tidak pada bingung. Sampai jumpa kembali pada posting berikutnya.
Revisi: Cara Modifikasi Kotak Komentar
Oleh kang Rohman. Rabu, Agustus 20, 2008Sudah baca tutorial kemarin tentang cara modifikasi kotak komentar? Bagaimana hasilnya? dari komentar yang masuk dan setelah kang rohman kunjungi blognya, ternyata memang banyak yang sudah berhasil. Namun ada yang mengeluhkan bahwa hasilnya sedikit berbeda dengan yang di miliki kang rohman, yaitu di sebelah atas garisnya tidak rata sehingga mengurangi keindahan dari kotak komentar tersebut. Screenshotnya seperti ini :
Hiks…. kenapa ya bisa begitu? ternyata permasalahnya adalah gambar yang di upload ke blogger sebagai background kotak komentar tersebut mengalami penyusutan alias di perkecil oleh mesin blogger. So, gambar yang tadinya sudah pas menjadi tidak pas. Apakah ada solusi? tentu saja. solusinya anda harus menyimpan gambar background di server lain seperti di photobucket, google pages, imageshack, yahoo geocities atau di server lainnya yang biasa anda gunakan untuk menyimpan gambar. Tentunya sudah tahu kan cara menyimpan gambar dan mengambil alamat URL nya, belum tahu juga? sok atuh di baca postingan kang rohman tentang “upload gambar ke photobucket” atau tentang “google page creator”.
Trus bagaimana kelanjutan tentang kotak komentarnya? hiksss…lupa. Sekarang begini, silahkan anda save gambar di bawah ini! belum tahu caranya? tinggal sorot saja gambarnya, kemudian klik kanan lalu pilih Save Image As… (untuk fire fox) atau Save Picture As… (untuk internet explorer), kemudian simpan di komputer anda.
Sudah di simpan gambarnya? jika sudah, silahkan upload ke server tempat anda biasa menyimpan gambar, kemudian jangan lupa untuk mengcopy alamat URL nya.
Jika sudah dapat, silahkan ikuti tutorial berikut untuk memperbaiki kotak komentar yang kemarin.
- Login ke blogger dengan ID anda.
- Klik Tata Letak.
- Klik tab Edit HTML.
- Klik tulisan Download Template Lengkap. Silahkan backup dulu templatenya (penting!).
- Cari kode css yang seperti ini (kode yang kemarin hasil modifikasi).
.commenttext {
clear: both;
margin: 3px 0px 10px 0px;
padding: 20px 10px 5px 10px;
width: 490px;
background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3GLhUAObLF6hnPrZ6SvNew3AgcXT_fBn4_oppOvHL_O4mNI7TARSDdBlgEErhnz-49c-rniq1tbPqNtnKevUD61ymAWK9DYTdpvjtj9KgqsqsnqieAevoq9q9x9efwFaf5vrM_cBVNmFg/s320-r/comment.gif) no-repeat top left;
}.commenttext-admin {
clear: both;
margin: 3px 0px 10px 0px;
padding: 20px 10px 5px 10px;
width: 490px;
background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3GLhUAObLF6hnPrZ6SvNew3AgcXT_fBn4_oppOvHL_O4mNI7TARSDdBlgEErhnz-49c-rniq1tbPqNtnKevUD61ymAWK9DYTdpvjtj9KgqsqsnqieAevoq9q9x9efwFaf5vrM_cBVNmFg/s320-r/comment.gif) no-repeat top left;
} -
Gantilah alamat gambar yang saya beri warna merah dengan alamat gambar yang anda miliki. contoh ( ini contoh saja lho, jangan di pakai) :
.commenttext {
clear: both;
margin: 3px 0px 10px 0px;
padding: 20px 10px 5px 10px;
width: 490px;
background: #FFFFFF url(http://kangrohman.googlepages.com/commentgray.gif) no-repeat top left;
}
.commenttext-admin {
clear: both;
margin: 3px 0px 10px 0px;
padding: 20px 10px 5px 10px;
width: 490px;
background: #FFFFFF url(http://kangrohman.googlepages.com/commentgray.gif) no-repeat top left;
} -
Klik Tombol SIMPAN TEMPLATE.
-
Selesai, silahkan lihat hasilnya.
Mudah-mudahan dengan tutorial ini, keluhan anda bisa jadi terobati. Satu lagi, pada posting berikutnya akan saya berikan altenatif warna lain dari kotak komentar hasil modifikasi ini. Jadi, jangan lewatkan seri berikutnya ya.
Selamat berkreasi.
Cara Modifikasi Kotak Komentar
Oleh kang Rohman.Hiks... setelah membaca beberapa pesan yang masuk ke kotak shoutbox, kotak komentar serta kiriman email, rupanya banyak sekali yang menyukai tampilan dari kotak komentar yang kang rohman pakai yaitu kotak komentar yang seperti ini :
Seperti biasanya, kalau banyak yang suka pasti kang rohman di berondong oleh permintaan agar di buatkan tutorial cara membuat kotak komentar yang seperti gambar di atas. Nah, untuk memenuhi hasrat beliau-beliau ini maka kang rohman menyempatkan diri untuk membuatkan tentang bagaimana membuat kotak komentar ini.
Perlu di ketahui sebelumnya bahwa setiap kode template antara yang satu dengan yang lain bisa berbeda bisa juga sama, jika tutorial ini tidak sama dengan kode yang ada pada template anda, maka maaf saja berarti anda kurang beruntung. Sebagai contoh, kang rohman memakai kode template Minima.
Agar tidak terlalu ngalor ngidul karena sekarang kang rohman punya penyakit males ngetik banyak-banyak, maka langsung saja kepada langkah bagaimana cara memodifikasi kotak komentar ala blog kang rohman.
- Login ke blogger dengan ID anda.
- Klik Tata Letak.
- Klik tab Edit HTML.
- Klik tulisan Download Template Lengkap. Silahkan backup dulu templatenya (penting!).
-
Beri tanda centang/tik pada kotak kecil di samping tulisan Expan template Widget.
-
Tunggu beberapa saat ketika proses sedang berlangsung.
-
Cari kode pada bagian CSS yang seperti ini :
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
} -
Hapus / delete kode di atas lalu ganti dengan kode yang ada di bawah ini :
#comments h4 {
margin:0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: #000;
}#bg_commentblock {
width: 548px;
background: #ffffff;
float: left;
padding:20px;
margin:0 0 10px 0;
border:1px solid #C0C0C0;
}#commentblock {
width: 510px;
background: #E8E8E8;
text-align:left;
padding: 20px 20px 10px 20px;
margin: 10px 0px 0px 0px;
border-top: 2px solid #333333;
border-bottom: 1px solid #333333;
}
#commentblock ol {
list-style-type: square;
margin: 0px 0px 0px 10px;
padding: 0px 0px 10px 0px;
}
.commentdate {
font-size: 12px;
padding-left: 0px;
}
#commentlist li p {
margin-bottom: 8px;
line-height: 20px;
padding: 0px;
}.commentname {
color: #333333;
margin: 0px;
padding: 5px 5px 5px 0px;
}.commentinfo{
clear: both;
}.commenttext {
clear: both;
margin: 3px 0px 10px 0px;
padding: 20px 10px 5px 10px;
width: 490px;
background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3GLhUAObLF6hnPrZ6SvNew3AgcXT_fBn4_oppOvHL_O4mNI7TARSDdBlgEErhnz-49c-rniq1tbPqNtnKevUD61ymAWK9DYTdpvjtj9KgqsqsnqieAevoq9q9x9efwFaf5vrM_cBVNmFg/s320-r/comment.gif) no-repeat top left;
}.commenttext-admin {
clear: both;
margin: 3px 0px 10px 0px;
padding: 20px 10px 5px 10px;
width: 490px;
background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3GLhUAObLF6hnPrZ6SvNew3AgcXT_fBn4_oppOvHL_O4mNI7TARSDdBlgEErhnz-49c-rniq1tbPqNtnKevUD61ymAWK9DYTdpvjtj9KgqsqsnqieAevoq9q9x9efwFaf5vrM_cBVNmFg/s320-r/comment.gif) no-repeat top left;
} -
Lihat Ke bagian bawah, dan cari kode yang seperti ini :
-
Hapus / delete kode di atas lalu ganti dengan kode yang ada di bawah ini :
-
Klik tombol Simpan Template.
-
Selesai. Silahkan lihat hasilnya.
Kode-kode diatas tentunya tidaklah mutlak harus seperti itu, jika anda sedikit familiar dengan css, maka anda bisa berkreasi lebih. Terutama pada bagian lebar kotak komentar, anda harus menyesuaikan dengan lebar kotak komentar template anda. Sedikit petunjuk, untuk mengubah lebar kotak koemntar di atas, anda tinggal mengganti nilai dari width nya, contoh : width: 548px; di ubah jadi width: 500px; atau berapa saja sesuai dengan template anda.
Nah itulah tutorial singkat yang anda tunggu-tunggu selama berbulan-bulan, semoga dapat mengobati rasa kesal yang selama ini mengganjal di hati anda.
Selamat mencoba.
Pada Rabu, Agustus 20, 2008 35 komentar
Kategori : blog tutorial, blogspot tutorial, kotak komentar
Kontak kami
Oleh kang Rohman. Senin, Agustus 18, 2008Ingin mengucapkan sesuatu pada kami? mungkin pertanyaan, kritik, saran, sharing informasi atau apa saja? silahkan isi form kontak di bawah ini. Terima kasih.
Terima kasih
Oleh kang Rohman.Terima kasih sudah menghubungi kami, jika tidak ada halangan kami akan segera membalasnya.
Silahkan klik banner home di bawah ini untuk kembali ke halaman utama.
Recent Comments
- kang gimana cara nyusun banner secara horizontal, ... - notinot
- Gitu dong kang kasih tahu jurus2 ampe dalem,,, thx... - indo-trans
- wah telat deh dapat infonya oke kang bisa di coba ... - PenCuri Kode
- Blog ini bagus sekali....Semua yang kucari ada dis... - Syamsul Alam
- kang..ini link terkern d kang.. saya taruh linknya... - Savec
Blog Tutorial Untuk Pemula
- 1. Panduan membuat blog
- 2. Cara setting blog
- 3. Memilih template
- 4. Mengatur huruf dan warna
- 5. Cara memposting artikel
- 6. buat Read more pada template klasik
- 7. Cara membuat Text Area
- 8. Cara membuat menu dropDown
- 9. cara Upload foto
- 10. Cara membuat Link(1)
- 11. Cara membuat Link(2)
- 12. Cara membuat marquee (text berjalan)
- 13. Cara membuat efek Refresh
- 14. Kode HTML tampil pada postingan
- 15. Masalah posting artikel
- 16. Simbol Yahoo! Emoticons
- 17. Simbol Blogger Emoticons
- 18. Cara Pasang jam
- 19. Cara membuat banner animasi
- 20. Cara membuat buku tamu
- 21. HTML Tutorial
- 22. Free Download
- 23. Foto animasi
- 24. Cara pasang Statistik & Tracker
- 25. Perlunya IE dan FireFox
- 26. Cara pasang musik
- 27. Logo & Button
- 28. Membuat Menu D Tree (menu mirip pada windows explorer)
- 29. HTML Tutorial(2)
- 30. Membuat Read more pada template baru
- 31. User Online status
- 32. Cara membuat blogroll Alternatif
- 33. Cara pasang gambar
- 34. Cara membuat Icon YM
- 35. cara pasang Video
- 36. Daftar Mybloglog
- 37. Membuat Navigasi dengan CSS
- 38. Template baru VS template Klasik
- 39. Membuat Penggalan Artikel
- 40. Membuat Link Untuk Download
- 41. Menu Dropdown dengan JavaScript
- 42. Menu Dropdown dengan JavaScript (2)
- 43. Cara Membuat Favicon
- 44. Pasang Recent Comments
- 45. Text Berjalan di Bar menu
- 46. Rotating banner
- 47. Cara membuat kategori (label)
- 48. Read more versi baru
- 49. Pasang Link di New Blogger Template
- 50. Cara Pasang Feed di Blog
- 51. Pasang Banner di Header Blog
- 52. Membuat Banner Bertaburan
- 53. Tips Menghilangkan Border Image
- 54. Cara membuat Navigasi Dengan Css (2)
- 55. Mengatur Perataan Posting Artikel
- 56. Tips Mengganti Background Blog
- 57. Pasang Image pada judul Artikel
- 58. Membuat link satu halaman
- 59. Photo profile berbingkai
- 60. Photo profile berbingkai
- 61. Gambar berbingkai
- 62. Image dalam kode marquee
- 63. Pasang kode tuker link
- 64. Cara daftar search engine
- 65. Cepat terindeks di google
- 66. Pasang Kalender
- 67. Hilangkan garis bawah Link
- 68. Ubah Warna Link
- 69. Pelacak IP Address
- 70. Pasang Jadwal Sholat
- 71. Mengubah lebar kolom template
- 72. Daftar Google Sitemap
- 73. Daftar Feedburner
- 74. Pasang Snaps Shots
- 75. membuat navbar
- 76. pasang label cloud
- 77. Membuat tulisan bergaya koran
- 78. horizontal dropdown menu
- 79. membuat marquee text dalam gambar
- 80. Marquee dengan Javascript
- 81. Siapa yang pasang link ke blog kita
- 82. Kotak komentar dengan haloscan
- 83. Cara membuat daftar isi blog
- 84. Cara menghilangkan Subcribe to
- 85. Tips menambah kolom pada template baru
- 86. Setting Widget Mybloglog
- 87. membuat kursor animasi
- 88. Download Mini Icon
- 89. Menyisipkan Mini icon pada label
- 90. Lebih jauh mengenai Read more
- 100. Cara menghilangkan navbar Blogger
- 101. Cara membuat frame iklan
- 102. Cara mengganti warna sidebar pada template minima
- 103. menyisipkan Icon pada View Profile
- 104. Baca feed melalui Google Reader
- 105. Cara Upload data ke Google Page Creator
- 106. Cara membuat ONLINE BOOKMARK
- 107. mengenal perintah Iframe
- 108. Cara menampilakan karakter khusus
- 109. tutorial software HTML Color V.1.4
- 110. Cara pasang search engine di blog
- 111. Membuat sidebar ada di kiri dan kanan
- 112. Tutorial software scott box shot maker
- 113. Menambah emoticons di shoutbox
- 114. Tips membuat multi kolom
- 115. Cara membuat tabel di blog
- 116. Membuat kotak komentar langsung di halaman posting
- 117. Horizontal tab menu j
- 118. Horiontal tab menu 10
- 119. POp up generator
- 120. Backup blog secara Online
- 121. Atasi error widget harus unik
- 122. Backup data dalam widget
- 123. Pasang fasilitas print
- 124. Trik mudah membuat Read more
- 125. Kotak komentar langsung dalam post untuk template klasik
- 126. Pasang google talk di blog
- 127. Pasang feed dalam kode marquee
- 128. Pasang yahoo messenger (2)
- 129. Pasang google talk di blog (2)
- 130. Hilangkan angka dalam label
- 131. Tips Search Engine Optimization (SEO)
- 132. Pasang Game di blog
- 133. Free CSS menu tabs 6
- 134. Setor muka via gravatar
- 135. membuat gambar thumbnail
- 136. Read more sejajar dengan posting
- 137. Pasang tombol digg
- 138. Upload gambar ke yahoo geocities
- 139. Pasang favicon
- 140. Drop down menu sama lebar
- 141. Drop down menu dengan CSS
- 142. membuat daftsr isi (2)
- 143. Pasang widget post terbaru dan komentar terbaru
- 144. pasang yahoo emoticon (2)
- 145. install assteg emoticon ke post editor
- 146. membuat background posting berbeda-beda
- 147. Pasang iklan google adsense di bawah posting
- 148. Pasang iklan kliksaya.com di bawah read more
- 149. cara membagi dua kolom header
- 150. Install Emoticon More-smilies Cosa aranda ke Editor Posting
- 151. Buat Tulisan bergaya web 2.0 secara Online
- 152. Ziddu - free file hosting
- 153. Tutorial navigasi : Dynamic-FX Slide-In menu
- 154. Free Logo Maker
- 155. Cara Membuat Favicon (2)
- 156. Atasi error copy paste kode wordpress
- 157. fitur-fitur baru dari Blogger.com
- 158. Setting komentar di bawah posting
- 159. Kotak Komentar di bawah Posting
- 160. membuat efek Photo Blur
- 161. Mengubah Lebar Arsip Dropdown
- 162. Cara mengcopy gambar di layar monitor
- 163. menyimpan widget di bawah header
- 164. Cara membuat elemen Persis di bawah header
- 165. Mengatur Tampilan Judul Sidebar
- 166. Google Docs : pasang data excel di blog
- 167. Mengatur tampilan judul posting
- 168. Widget baru mybloglog
- 169. fitur baru blogger
- 170. Membuat warna link berkedip
My Twitter
- Lagi dibandung. Ngumpul sama ìstri dan anak2 16 days ago
- Ada urusan mendadak nih musti pulang ke bandung 41 days ago
- Dah dijakarta lagi setelah dua hari meliburkan diri 69 days ago
- Lagi dibandung nih, ngeblog berhenti dulu deh 72 days ago
Ikuti saya di Twitter
© Copyright 2008 Blog Kang Rohman | Kontak Kami
pada hari