Setelah seharian mencoba berbagai anti adware serta anti spayware yang
terdapat di internet, rupanya adware yang kang Rohman namakan adware
http://asdelike.com/go.php tetap saja tidak mau bergeming, Sampai
akhirnya menemukan cara yang sangat sederhana tapi ampuh, Clear DNS
Cache.
Rupanya si hijacker tidak menyimpan filenya di komputer kang Rohman,
namun menyerang DNS yang digunakan, maka cara sederhana untuk
mengatasinya adalah dengan menghapus Cache DNS nya Berikut cara Clear DNS Cache pada Windows XP :
* Klik Start
* Kemudian klik Run.
* Lalu ketik cmd , lalu klik OK
* Setelah keluar command prompt, ketik ipconfig/flushdns
* Klik Enter.
* Jika sukses, akan keluar tulisan "Succesfully Flushed the DNS
Resolver Cache".
* Selesai.
clear dns cache
Sekarang coba buka kembali website yang apabila dikunjungi sebelumnya
mengeluarkan adware http://asdelike.com/go.php, seharusnya adware
tersebut sudah hilang dari pandangan anda.
Namun, terkadang ketika melakukan Clear DNS Cache ada yang tidak
berhasil, dan keluar tulisan
Could not flush the DNS Resolver Cache: Function Failed During Execution.
Jika ini terjadi, anda harus melakukan langkah berikut :
* Klik Start
* Kemudian klik Run.
* Lalu ketik services.msc , lalu klik OK
* Double klik pada DNS Client.
* Pada startup type, pilih Automatic.
* Klik tombol start, kemudian klik tombol Apply.
* Klik tombol OK.
Setelah ini, lakukan kembali langkah Clear DNS Cache seperti yang
diterangkan diatas, sampai keluar tulisan "Succesfully Flushed the DNS
Resolver Cache
Selengkapnya.....
Remove adware http://asdelike.com/go.php
Tips menampilkan postingan hanya judulnya saja
Beberapa blogger memilih blognya hanya menampilkan judul posting saja pada halaman depan atau home page. Mungkin dasar pemikiran dari pemilik blog itu sendiri adalah menampilkan hanya judul posting saja dapat menghemat ruang sehingga jumlah post yang ditampilkan bisa lebih banyak pada halaman depan atau beranda. alasan pendukung lainnya mungkin karena judul posting sangat mewakili isi dari posting itu sendiri sehingga dengan menampilkan judul posting di halaman depan lebih memungkinkan artikelnya akan lebih banyak di baca oleh para pengunjungnya.
Agar pada halaman depan hanya menampilkan judul posting saja, berikut langkah-langkahnya :
* Silahkan login ke blogger dengan ID anda.
* Klik Rancangan
rancangan
* Klik menu Edit HTML.
edit html
* Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.
backup template
* Carilah kode ]]></b:skin>
* Copy kode berikut, lalu paste di bawah kode ]]></b:skin>
<style type='text/css'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
.post-body{display:none;}
</b:if>
</b:if>
</style>
* Klik tombol SIMPAN TEMPLATE.
* Selesai. Silahkan lihat hasilnya.
Mudah bukan? namun, dengan memasang kode diatas masih menyisakan beberapa elemen seperti tanggal posting, komentar dan yang lainnya. Jika anda ingin menghilangkan semuanya dan yang tersisa hanya judul post nya saja, mungkin anda bisa menggunakan kode berikut :
<style type='text/css'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
.post-body, .post-footer, .jump-link,
.post-timestamp, .reaction-buttons,
.star-ratings, .post-backlinks,
.post-icons, .date-header{display:none;}
</b:if>
</b:if>
</style>
Jika ternyata masih ada elemen tersisa selain judul post, mungkin kode template anda tidak mengikuti standar template blogger. Bagaimana solusinya? anda harus mengenali struktur template anda.
Bagi anda pengguna browser internet firefox, kang Rohman punya tips mudah mengenali struktur template anda yaitu dengan menginstall add-ons Web Developer yang bisa anda download di add-ons for firefox.
Sekarang kang Rohman anggap anda telah menginstall add-ons web developer pada firefox yang anda gunakan. Silahkan buka alamat blog anda ( tentunya yang akan di edit sesuai artikel diatas ). Klik menu Information, kemudian pilih Display Div Order.
div order
Maka secara otomatis akan ditampilkan struktur div dari template anda. Contoh gambar :
struktur div
Dari gambar tersebut terlihat bahwa tanggal posting serta komentar disimpan dalam elemen div :
.databarleft
.datebarright
Sehingga kode yang digunakan menjadi seperti ini :
<style type='text/css'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
.post-body, .databarleft, .datebarright{display:none;}
</b:if>
</b:if>
</style>
Semoga bisa difahami.
Update : kode telah di sempurnakan agar tidak konflik dengan static page / static post
Selengkapnya.....
Menghilangkan angka label
Menghilangkan angka label caranya sbb:
1. Sign in ke blogger dengan ID anda.
2. Klik Layout.
3. Klik menu Elemen Halaman.
4. Klik tab Edit HTML.
5. Klik tulisan Download Template Lengkap, silahkan di save dulu untuk backup (penting untuk di lakukan).
6. Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :
<span style="color: rgb(255, 102, 102);">expand widget template</span>
7. Tunggu beberapa saat ketika proses sedang berlangsung.
8. Silahkan anda cari kode berikut pada kode template milik anda :
(<data:label.count>)
9. Jika anda sudah menemukan kode yang seperti di atas, silahkan hapus/delete.
10. Klik tombol Simpan Template.
11. Selesai. Silahkan lihat hasilnya !
Apabila anda sudah melakukan langkah di atas, maka dapat di pastikan angka yang menyertai Label akan menghilang entah kemana.
Selamat mencoba !
Selengkapnya.....
Membuat sidebar ada kiri dan kanan
1. log in ke blog anda
2. pilih tab layout(tata letak), lalu pilih edit html pada subtabnya
3. download(back up) dulu templatenya, buat jaga-jaga klo ada kesalahan bisa kamu ubah lagi ke awal.4. centangkan dulu expand template widget nya.
5. carilah kode outer-wrapper, lalu rubah
lebarnya(width) sesuai keinginan anda, kalau punya saya lebarnya 880. untuk memudahkan pencarian tekan ctrl+f lalu masukkan kode yang ingin dicari.
outer-wrapper ==> mengatur template
main-wrapper ==> mengatur kolom postingan, dan
sidebar-wrapper ==> mengatur sidebar sebelah kanan
maka, width pada outer-wrapper adalah lebar dari template dan begitu juga dengan main-wrapper dan sidebar-wrapper. oia, satu lagi, padding adalah jarak tepi template dengan kolom.
jadi jika anda ingin membuat lebar sidebar kiri dan kanan 220px & 220px, lalu paddingnya 10px (x2), lebar kolom postingan(main-wrapper) 410px dan jarak antara sidebar kiri dengan kolom postingannya 10px, maka lebar templatenya harus lebih besar atau sama dengan 880px.g bingung kan??
d lanjut y..
untuk membuat sidebar baru yang ada di sebelah kiri, buatlah / copy kode berikut ini:
#sidebarkiri-wrapper {
width: 220px;
float: left;
padding-right:10px;
word-wrap: break-word;
overflow: hidden;
}
Code yang berwarna merah anda bisa menggantinya dengan lebar yang anda inginkan, tapi ingat, perhatikanlah lebar pada main-wrapper, padding, dan sidebar-wrapper nya, seperti yang tadi telah saya katakan. Untuk kode yang berwarna hitam, menunjukan letak sidebarnya, jika pada template aslinya hanya terdapat sidebar kiri saja, lalu anda ingin membuat yang sebelah kanan, maka ganti kode tersebut menjadi right.
lalu taruh di atas kode #outer-wrapper.
6. carilah kode<div id='main-wrapper'> , lalu copy kode di bawah ini dan letakkan di atasnya.
<div id='sidebarkiri-wrapper'>
<b:section class='sidebar' id='sidebarkiri' preferred='yes'/>
</div>
7. Jika anda tadi merubah lebar templatenya, maka anda sekarang harus merubah lebar header dan footer nya sesuai dengan lebar template. hal ini di lakukan agar header dan footer tampil maksimal. jika tidak dirubah juga tidak karena tidak dosa.hehe
Untuk merubahnya:
Header: cari kode #header-wrapper, dan rubahlah widthnya sesuai dengan lebar template anda.
Footer: cari kode #footer-wrapper, lakukan hal yang sama dengan yang di atas (header).
8. Jika sudah, klik simpan template, lalu lihatlah hasilnya di elemen halaman.
Jika hasilnya tidak sesuai dengan gambar yang di atas, ( sidebar kanan berada di bawah kolom postingan), berarti anda belum merubah lebar templatenya (#outer-wrapper) atau lebar template yang anda masukkan masih kurang.
Selengkapnya.....
Membuat Daftar Isi Blog (2)
Membuat Daftar Isi Blog (2)
Pada kesempatan tedahulu saya pernah mengulas bagaimana cara membuat daftar isi pada blog saya posting di sini, namun karena daftar isi tersebut menggunakan javascript, sehingga agak sedikit membebani loading blog sehingga yang saya sendiri tidak memasangnya di blog ini dengan alasan tidak mau blog ini terlalu berat ketika di akses oleh para pengunjung. Untuk mencari alternatif lain, kita bisa menggunakan engine pencari blogger sendiri. Namun untuk melakukan ini, tentu saja harus sedikit memodifikasi kode template. Sudah tidak sabar untuk membuat daftar isi di blog? caranya seperti ini :
Langkah #1
1. Sign in di blogger dengan ID anda
2. Bilsa sudah berada di halaman dashboard, klik Layout.
3. Klik tab Edit HTML
4. Klik link bertuliskan Download Template Lengkap. Silahkan di save dulu untuk backup (penting).
5. Beri tanda tik/cek pada kotak kecil di samping tulisan Expand Widget Template. Tunggu beberapa saat.
expand widget template
6. Lihat ke bagian body template, lalu cari kode seperti ini :
<b:include data='post' name='post'/>
7. Delete / hapus kode tersebut, lalu ganti dengan kode berikut ini :
<b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType != "item"'> <a expr:href='data:post.url'> <div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;"> <data:post.title/></div></a> <b:else/> <b:include data='post' name='post'/> </b:if> <b:else/> <b:include data='post' name='post'/> </b:if>
8. Klik tombol Simpan Template.
9. Selesai. Langkah pertama sudah selesai.
Langkah #2
1. Klik tab Elemen Halaman.
2. Klik tulisan Tambahkan sebuah Elemen Halaman.
3. Setelah muncul window baru, klik tombol TAMBAHKAN KE BLOG untuk yang HTML/JavaScript.
4. Copy lalu paste kode berikut :
<a href="http://NamaBlogAnda.blogspot.com/search?max-results=200">Daftar isi»</a>
5. Ganti NamaBlogAnda nama blog anda sendiri. Contoh : nama blog saya adalah kolom-tutorial. ganti angka 200 dengan nomor yang lainnya (kalau mau). Nomor ini adalah jumlah posting yang ingin di munculkan ketika link daftar isi di klik.
6. Klik tombol Simpan Perubahan.
7. Selesai.
Keterangan tambahan :
Jika anda sedikit mengerti tentang CSS, anda bisa memodifikasi bentuk dari daftar isi ini, apakah mau di kasih backround gambar, bentuk huruf yang berbeda atau apa saja dengan mengubah kode yang di sini (ini adalah kode yg ada pada Langkah #1 di atas) :
<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
Untuk melihat contoh seperti apa daftar isi ini? silahkan klik � Daftar isi »
Artikel ini dapat juga di jumpai pada blog teman saya OOM (sorry om ga ngelink ke artikelnya, saya cari-cari ga ketemu, apa dah di hapus ya?)
Selamat berkreasi
Selengkapnya.....
Cara membuat read more
Langkah #1
* Sign in di blogger dengan id anda.
* Klik Pengaturan
* Klik Format
* Pada layar paling bawah, ada text area kosong disamping tulisan Template Posting, isi tesxt area kosong tersebut dengan kode di bawah ini :
<span class="fullpost">
</span>
* Klik tombol Simpan Pengaturan
Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.
Langkah #2
* Klik menu Dasboard
* Klik Tata Letak
* Klik tab Edit HTML
* Klik tulisan Download Template Lengkap.
* Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
* Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :
expand widget template
* Tunggu beberapa saat ketika proses sedang berlangsung
* Silahkan anda cari kode berikut pada kode template milik anda :
p><data:post.body/></p>
.<
# Hapus kode diatas, lalu ganti dengan kode di bawah ini (klik pada tombol untuk menandai):
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>
# Klik tombol Simpan Template
# Selesai.
Cara Posting Artikel
* Klik menu Posting
* Klik menu Edit HTML, maka secara otomatis tampak kode yang telah kita setting tadi, yakni :
<span class="fullpost">
</span>
Tuliskan artikel yang ingin tampak pada blog sebelum kode :
<span class="fullpost">
Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode :
</span>
# Klik tombol bertuliskan MEMPUBLIKASIKAN POSTING
# Klik tulisan Lihat Blog(di jendela baru) untuk melihat hasil dari postingan kita, kemudian lihat apakah hasilnya sukses atau tidak. Jika tidak, mungkin ada bagian yang terlewatkan. Coba lihat kembali langkah diatas.
Selengkapnya.....
Variasi Post Footer
Sebagian Blogger pasti tidak memperhatikan kalau setiap inci dan bagian di blog itu bisa kita ubah dengan sedemikian rupanya, namun tidak menutup kemungkinan anda bahkan sudah memodifikasinya blog anda lebih bagus dari hack kolom kali ini.
* oke pertama masuk ke menu Edit HTML.
* setelah itu jangan lupa centang Expand Widget Templates.
* selanjutnya cari kode seperti dibawah ini.
<div class='post-footer-line post-footer-line-1'>
* lalu copy paste code dibawah ini, setelah code yg diatas
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>Komentar →
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
* selanjutnya anda cari kebawah code seperti ini :
<div class='post-footer-line post-footer-line-2'>
* setelah ketemu copy code berwarna merah dibawah ini dan paste setelah code diatas:
<div class='post-footer-line post-footer-line-2'>
<span class='post-author vcard'>By <span class='fn'>Nama-Kamu →</span></span>
<span class='post-timestamp'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</span>
</div>
* setelah itu scroll kebawah can cari code seperti ini :
<div class='post-footer-line post-footer-line-3'>
* setelah ketemu copy paste lagi code berwarna merah dibawah ini setelah code diatas.
<span class='post-labels'>
Kategori →
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</span>
* simpan
hasilnya akan seperti ini.
Selengkapnya.....