Kenapa Postingan Lama Terindeks Search Engine Google

Saat umur blog-cilik kurang lebih 8 bulan saya putuskan untuk mendaftarkannya ke google adsense dan akhirnya saya diterima. Sebelumnya sih saya pesimis bisa diterima adsense karena ada artikel saya yang berjudul cerita pa*nas n*fsu liar b*rahi majikanku yang pemalu, meskipun itu bukan cerita pa*nas yang sungguhan dalam artian bukan cerita pan*as yang negatif (suatu cerita yang hanya untuk mengelabui orang-orang yang lagi sang* saja).

Setelah menunggu selama tiga hari untuk memastikan diterima atau ditolaknya pendaftaran adsense akhirnya lamaran pun diterima dan blog-cilik resmi menjadi penayang adsense sekitar bulan oktober 2012.

Baca juga : Cara membuka klik kanan pada website orang lain yang tidak bisa dicopas

Seiring berjalannya waktu artikel saya cerita *anas nafs* liar birah* majikanku yang pemalu tersebut menduduki peringkat no. 1 di search engine google dengan kata kunci cerit* panas. Itu menjadi kebanggaan tersendiri buat saya. Kurang lebih 3500an
pengunjung per hari datang dari kata kunci tersebut.

Baca juga : 100% agar postingan tidak bisa dicopas

Namun lama-kelamaan saya merasa khawatir dan takut banned dari adsense yang melibatkan cerita pan*s tersebut, kekhawatiran itu bermula dari melihat artikel cerita p*nas yang tidak kedapatan iklan yang ditampilkan.

Saya buka-buka lagi TOS kebijakan program adsene dan selalu terbayang-bayang dengan statement "Penayang tidak boleh menempatkan kode adsense pada laman yang berisi konten yang melanggar pedoman konten kami. 

Beberapa contoh mencakup konten yang bersifat dewasa, kekerasan, atau mendukung diskriminasi rasial" rasa khawatir dan bimbang akan tendangan adsense pun semakin menjadi-jadi. Takut dan cemas terus menghinggapi saya pada saat itu. "bagaimana kalau suatu hari nanti saya di tendang dari adsense gara-gara artikel tersebut" Googling kesana kemari namun tidak menemukan jalan keluar yang menurut saya aman.

Akhirnya saya memutuskan untuk men darft artikel tersebut, mau tidak mau hal itu harus saya lakukan. Sayang memang karena artikel itu adalah salah satu artikel tulang punggung untuk mendapatkan traffic banyak ke blog-cilik ini dulu. 

Mengembalikan artikel cerita p*nas yang sudah dipublikasikan saya kembalikan lagi ke draft pun akhirnya saya lakukan. 

Dampaknya pengunjung yang tadinya 4500an kini menjadi hanya ratusan saja per hari. "Gk pa pa yang penting saya aman dari pukulan adsense".

Satu bulan sudah berlalu dan saya sangat merasa kecewa dengan keadaan blog ini yang sangat sepi pengunjung. Yang tadinya sempat vakum jarang update artikel/postingan kini saya pun rajin membuat artikel lagi untuk memperbaiki traffic. 

Namun kali ini ada yang dirasa berbeda, setiap kali membuat artikel baru artikel baru tersebut sangat lama untuk terindeks oleh search engine (bahkan sampai 4 hari baru nongol). 

Bukan hanya itu saja selain lama terus munculnya juga di urutan halaman 4 atau halaman 5. "kenapa kok bisa begitu padahal dulu kan gak separah ini" Googling lagi sampai menemukan jawaban, dan saya pun teringat dengan artikel cer** p**as yang sudah saya kembalikan ke draft dulu. 

Ternyata hal inilah yang menjadi faktor serta jawaban juga alasan mengapa blog-cilik akhir-akhir ini selalu jelek di serp google. Broken link lah yang menjadikan blog ini jelek di mata om google. 

Kemudian saya pun menghapus broken link menggunakan webmaster tool. Saya pikir cuma ada satu broken link saja yaitu artikel cerita p*nas yang sudah saya kembalikan ke draft, ternyata sangkaan saya salah ada tiga broken link lagi selain cerita p*nas yaitu :

1. blog-cilik.blogspot.com/delete-comment.g?blogID= ini adalah link komentar yang sudah saya hapus dulu dari komentar para pembaca karena berkomentar tidak berhubungan dengan pembahasan artikel/postingan.

2. blog-cilik.blogspot.com/2012/05/cara-membuat-readmore-yang-menggunakan.html-

ini adalah link yang salah ada huruf " - " pada akhir tulisan html

3. blog-cilik.blogspot.com/l

ini adalah link yang sangat jelas kesalahannya, karena faktor kelalaian dalam menulis link.

Itulah sekelumit kisah masa lalu dari blog-cilik. Kini setelah broken link dihapus Alhamdulillah sekarang artikel baru tidak sampai satu jam sudah terindeks oleh google.

Buat para blogger pasti sudah tidak asing lagi dengan istilah broken link kan? Tapi jujur saja sebelumnya saya juga gak tahu apa itu broken link dan apa dampaknya broken link untuk kesehatan blog kita. 

Namun setelah kejadian ini saya bisa mengambil hikmahnya. Nah bagi yang belum tahu silahkan baca postingan saya cara mengecek broken link disini dan cara menghapus broken link menggunakan webmaster tool disini. 

Tapi entar postingan nya belum saya buat. he he

Menurut saya pribadi selain karena faktor broken link ada juga faktor lain yang mengakibatkan postingan baru akan lama untuk muncul di mesin pencari google. Siapa tahu ini terjadi pada blog-blog sobat sekalian.

1. Blog sobat belum dibuatkan sitemap

2. Blog sobat hasil dari copy paste

3. Adanya kesalahan pengaturan robots.txt sehingga googlebot tidak dapat mengindeks pembaharuan konten yang sudah sobat lakukan.

4. Terjadinya kesalahan saat googel melakukan crawling sebuah konten sehingga link tidak terdeteksi.

5. Sering gonta-ganti template atau desain blog sehingga google akan kesulitan melakukan crawling setiap konten yang ada pada blog.

kenapa postingan lama terindex oleh search engine, penyebab postingan lama muncul di mesin telusur, alasan kenapa postingan sangat lama muncul di google, kenapa artikel baru tidak cepat terindeks, penyebab blog sepi pengunjung, penyebab artikel lama muncul lagi secara otomatis, alasan postingan lama terindeks google, penyebab judul blog tidak muncul pada search engine

Continue Reading

Cara Membuka Klik Kanan Agar Bisa Di Copas

Banyak sekali sebuah website yang sudah memasang trik cara menonaktifkan klik kanan agar isi dari website tersebut tidak dapt di copy paste oleh pengunjung. 

Alasan yang paling mendasar bagi si empunya blog/website adalah tidak menginginkan adanya seorang pengunjung yang meniru konten dari blog/website tersebut. 

Alasan lain adalah jika seseorang yang sudah paham tentang web designerketika dia melihat isi dari sebuah website (gadget-gadget unik) yang menurutnya menarik lalu dia akan mengambil kode-kode tersebut dengan cara mengklik kanan mouse pada sembarang tempat dam memilih view page source. Jika kita
menemukan sebuah blog atau website yang sudah menerapkan cara menonaktifkan klik kanan mouse atau sudah menerapkan cara 100% agar postingan tidak dapat di copas maka kita bisa mengakalinya dengan mengaktifkan kembali klik kanan tersebut dengan cara di bawah ini.

Berikut ini Cara membuka klik kanan agar bisa di copas :

1. Buka browser google chrome
2. Klik tombol customize and control Google Chrome

3. Klik tab setting, lalu gulir ke bawah sampai menemukan Show advanced settings

4. Kemudian klik Show advanced settings tersebut

5. Klik tombol Content Setting, lalu cari pengaturan javscript

6. Jika sudah menemukan pengaturan javascript silahkan pilih/centang Do not allow any site to handle protocols. Kemudian klik done.

Dalam tahap ini sudah selesai tinggal reload saja halaman website yang kalian maksud untuk dibuka agar bisa di copas..
Cara menonaktifkan website yang sudah mengaktifkan klik kanan untuk browser Firefox :
Petama klik menu toolsKemudian pilih optionsLalu klik tab contentTerus hilangkan tanda centang pada tulisan "Enable Javascript"
Cara membuka kembali klik kanan sebuah website menggunakan browser Internet Explore :
Pertama klik toolsPilih internet options, laluPilih security, kemudian pilih custom levelScroll ke bawah sampai menemukan active scriptingSelanjutnya klik disable, dan yang terakhir tekan tombol Ok
Cara membuka disable klik kanan sebuah website agar bisa di copas menggunakan browser Opera :
Pertama klik menu, pilih tab setting, klik preferences, klik tab advance dan pada bagian content hapus tanda centang pada enable javascript
Semoga bermanfaat..

Continue Reading

100% Agar Postingan Tidak Dapat Di Copas

Hal yang paling menjengkelkan bagi seorang blogger adalah ketika hasil karyanya di copas 100% oleh blogger lain yang tidak menyertakan alamat url blog kita dari hasil copas tersebut. 

Lalu bagaimanakah solusi untuk mengatasi kasus seperti ini ? Bagi teman-teman yang memang pernah mengalami post teman-teman di copas oleh orang lain mungkin inilah cara yang saat ini masih terbilang efektif untuk mengatasinya. 

Tapi ngomong-ngomong masalah copas mengcopas silahkan saja sih kalau memang ada diantara para pembaca post ini yang berniat mengcopy paste seluruh isi blog saya asalkan dengan satu syarat yang harus dipenuhi yaitu silahkan cantumkan url sumber dari blog ini ke dalam post yang sudah anda copas.

Baca juga : Cara membuka klik kanan agar postingan orang lain bisa di copas

Bagi teman-teman yang tidak ingin postingan nya di copas oleh seorang blogger yang mengidap penyakit copas alias copy paste silahkan pasang trik berikut.

Berikut ini cara agar postingan blog kita tidak dapat di copy paste.

1. Login ke Blogger

2. Setelah berada di dashboard blogger, silahkan klik Template

3. Kemudian klik Edit Html, klik Lanjutkan

    (alangkah baiknya sebelum kita mengutak atik templete, kita backup dulu template)

4. Centang Expand Widget Template

5. Kemudian silahkan cari kode </head>

    (saran : gunakan tombol Ctrl + F pada keyboard untuk memudahkan pencarian)

6. Letakan kode script di bawah ini tepat di bawah kode </head>

<SCRIPT type="text/javascript">
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</SCRIPT>

7. Yang terakhir klik Simpan Template

Selesai deh..

Oya jika teman-teman merasa ribet dengan cara yang di atas teman-teman bisa menerapkan cara ini.

Kalau cara di atas adalah menempelkan kode script ke dalam Template sedangkan cara yang di bawah ini adalah memasang kode script cukup pada Tambah Gadget saja.

Adapun langkah-langkahnya :

1. Login ke Blogger

2. Setelah berada di dashboard blogger, silahkan klik Tata Letak

3. Kemudian klik Tambah Gadget

4. Lalu klik Html/Javascript (Html garis miring Javascript)

5. Silahkan masukan kode script untuk poin 6 di atas ke dalam kotak

6. Untuk masalah kotak judul kosongkan saja

7. Terakhir klik Simpan

Silahkan pilih mana yang sekiranya mudah untuk teman-teman terapkan.
Catatan : Kedua trik di atas adalah sama yaitu seluruh isi dari blog kita tidak dapat di copas oleh orang lain.

Nah jika hanya satu postingan tertentu saja yang tidak ingin di copas oleh orang lain (bukan seluruh isi dari blog) maka silahkan tempel kode script yang sudah saya kasih tadi ke dalam postingan tertentu. Tapi ingat penempelan kode harus dalam keadaan mode Html bukan dalam keadaan mode Compose. Semoga bermanfaat

agar artikel tidak dapat di copy paste, agar postingan tidak bisa di copas, cara agar tidak dapat di copy paste.

Continue Reading

Cara Menambahkan Widget Di Atas Postingan

Akhir-akhir ini blog-cilik sedang gencar-gencarnya membuat sebuah post, maklum semua ini saya lakukan demi memperjuangkan blog ini agar dapat diterima dalam proses pendaftaran pengajuan untuk akun adsense. Sekedar informasi saja saya harus membuat postingan ini jauh lebih cepat dari postingan yang sebelum-sebelumnya. Mau tidak mau saya harus bisa mengejar target yaitu saya harus membuat sebuah postingan minimal 2 buah postingan dalam satu hari. Maka untuk itu jika dalam pembahasan tutorial yang akan saya share ini sangat singkat mohon dimaklum ya teman-teman. Kali ini saya akan mencoba share tentang cara bagaimana menambahkan widget di bagian atas postingan blog kita. Sudah tahu kan apa itu widget ? Widget adalah sebuah halaman atau elemen yang berada di dalam sebuah website. 

Langkah-langkah untuk menambahkan widget/gadget di atas postingan :

1. Login ke blogger

2. Setelah masuk tampilan dasbor blogger, silahkan

3. Klik template

(catatan : sebelum kalian mengedit template alangkah baiknya membackup dulu template agar kita bisa mengembalikan template tersebut ke template semula atau ke template yang sebelum dilakukan perubahan)

4. Jika sudah membackup template, silahkan

5. Klik edit html, kemudian

6. Centang expand template widget, kemudian

7. Carilah kode <b:section class='main' id='main' showaddelement='no'>

(catatan : untuk memudahkan pencarian gunakan tombol CTRL+F)

8. Jika sudah menemukan kode di atas,silahkan

9. Ganti kode no menjadi yes

10. Simpan Template

Bagaimana mudah kan ? Semoga bermanfaat

Query untuk pencarian artikel ini :

Cara menambahkan widget di bagian atas postingan

Cara memasang widget di bagian atas post

Cara menerapkan widget di atas postingan

Cara memasang gadget di atas artikel

Cara memasang gadget di atas halaman post

Cara memasang widget otomatis di bagian atas artikel

Cara membuat widget di atas postingan

Continue Reading

Cara Membuat Garis Di Bawah Judul Postingan

Hari ini Selasa tanggal 23 Oktober 2012 adalah hari dimana blog saya sedang dalam proses peninjauan pendaftaran akun adsense. Seperti yang telah saya baca artikel-artikel dari para master blog yang menerangkan bahwa ketika kita sudah melakukan pendaftaran akun adsense untuk blog kita. Maka buatlah postingan-postingan minimal dua buah postingan dalam satu hari agar team google adsense menerima pengajuan pendaftaran untuk blog kita. Dengan seringnya kita dalam membuat postingan maka team google adsense beranggapan bahwa kita benar-benar serius dalam mengelola blog yang diajukan tersebut. Saya sangat berharap sekali untuk pengajuan akun adsense yang sudah saya ajukan semalam dapat diterima oleh team google adsense. Lanjut ke inti postingan kali ini saya akan coba share tentang bagaimana cara membuat sebuah garis di bawah judul postingan blog. Sebuah garis yang kita berikan tepat
berada di bawah postingan sebagian besar sudah diterapkan oleh para blogger lain. Kenapa ? Karena cara yang satu ini akan memperindah tampilan postingan untuk blog kita. Bagaimanakah cara membuat sebuah garis di bawah judul postingan?

1. Login ke blogger

2. Klik template

3. Sebelum mengutak-atik template silahkan backup dulu template untuk tujuan agar jika kita melakukan kesalahan maka kita bisa mengembalikan templatet tersebut.

4. Jika sudah melakukan backup langkah selanjutnya adalah klik Edit Html kemudian klik Lanjutkan

5. Centang Expand Template Widget

6. Carilah kode /* Post (catatan: tekan tombol ctrl+f untuk memudahkan kita dalam melakukan pencarian kode) 

atau lebih tepatnya cari kode seperti kode di bawah ini :

/* Posts
----------------------------------------------- */
h3.post-title {
  margin: 0;
  font: $(post.title.font);
}

7. Jika sudah silahkan pilih salah satu kode di bawah ini. Kemudian pasang diantara bagian kode di atas 

border-bottom:1px dotted silver;
 border-bottom:1px solid black;
border-bottom : 4px double #cadaef ;

Penjelasan kode :
dotted adalah garis yang putus-putus
solid adalah garis yang tidak putus-putus
double adalah dua garis

Apabila kode garis yang sudah saya berikan sudah dipasang maka hasil akhir kode akan seperti ini :

/* Posts
----------------------------------------------- */
h3.post-title {
  margin: 0;
  font: $(post.title.font);
border-bottom : 4px double #cadaef ;
}

Sebelum menyimpan template, lihat dulu pratinjau.
Selamat mencoba.

Pencarian untuk artikel ini :
Cara membuat doble garis di bawah postingan
Cara membuat garis di bagian bawah post
Cara menambahkan garis di bawah postingan
Cara memasang garis di blog
Cara memberikan garis untuk judul postingan
Cara memasang garis di bagian judul

Continue Reading

Memasang Efek Daun Berjatuhan Di Blog

Masih ingat kan pelajaran IPA sewaktu kita masih duduk di bangku SD ?. Di saat musim kemarau pohon apa yang menggugurkan diri dengan cara menggugurkan daun-daunnya ?. Yappz bener banget jawabannya adalah pohon jati. Ngomong-ngomong masalah daun jati pada kesempatan kali ini saya akan membuat postingan yang akan saya kasih judul Cara Membuat Efek Daun Berjatuhan Di Blog. Membuat efek daun-daun yang berjatuhan ini untuk blog kita sangatlah mudah untuk kita pasang. Kita hanya membutuhkan sebuah kode script yang langsung bisa kita pakai di bagian tambah HTML/Javascript. Daun-daun berjatuhan ini kalau kita pasang di blog maka akan memperindah tampilan blog kita. Sebenarnya sudah banyak yang membahas cara ini tapi blog-cilik juga ingin berbagi kepada sobat sekalian. Untuk lebih jelasnya silahkan lihat panduan cara pemasangnnya di bawah ini.

Langkah - langkah untuk membuat efek daun yang berjatuhan adalah :

1. Login ke akun blogger masing - masing.

2. Klik tata letak.

3. Klik tambah gadget

4. Pilihlah HTML/Javascript

5. Kemudian paste kode di bawah ini kedalam kotak

<script src='http://myfilejs.googlecode.com/files/efekdaun.js' type='text/javascript'/>

6. Simpan...Silahkan lihat hasilnya
Selamat Mencoba..

cara memasang efek daun pada template, cara membuat daun-daun berjatuhan di blog, cara membuat agar di blog ada daun berjatuhan

Continue Reading

Cara Membuat Tombol Share

Salah satu cara untuk meningkatkan pengunjung/visitor blog adalah disediakannya layanan di dalam suatu blog untuk menyebarluaskan content/isi dari blog kita tersebut. Menyebarluaskan content dari suatu website maupun blog adalah dengan sebutan share. Share erat kaitannya dengan jejaring sosial. Seperti yang telah kita ketahui dan kita akui bersama bahwa jejaring sosial yang banyak digandrungi dan disenangi oleh masyarakat kita adalah dua jejaring sosial yaitu facebook dan twitter. Dengan tersedianya layanan share di blog kita maka jika ada seorang pengunjung yang merasa artikel/postingan/content blog kita bermanfaat bagi dirinya dan si pengunjung tersebut ingin berbagi apa yang sudah dibacanya kepada teman-temannya entah itu di facebook atau twitter maka tinggal di isi saja form share di dalam blog kita yang prosesnya gak berbelit-belit. Lalu bagaimanakah cara memasang layanan share tersebut untuk blog
kita? Bagi kalian yang tidak mengerti bahasa html atau javascript jangan khawatir kalian bisa menggunakan jasa website orang lain untuk hal pembuatan layanan share untuk blog kalian tercinta. Salah satu website nya adalah addthis dan sharethis . Jika berminat ingin memasang tombol share dari website addthis kalian bisa membaca tutorial saya disini . Untuk yang tidak ingin repot dalam proses pembuatan akun di website tersebut kalian bisa saja langsung memasang kode script di bawah ini.

<script type="text/javascript"> document.write('<ifr'+'ame id="websites_iframe"
src="http://www.linksalpha.com/social?link=' + escape(location.href) + '" scrolling="no" frameborder="0" height="25px" width="320px"></ifr'+'ame>');
</script>

Jika ingin tombol-tombol share tersebut terlihat lebih rapi kalian bisa menambahkan sebuah kotak untuk menutup kode-kode sharenya. Gunakan kode ini.

<table border="1" style="width: 520px;">
<tbody>
<tr><td align="center"><span style="font-family: vijaya;"><b>Sobat Dapat Menyebarluaskan Artikel Ini Jika Merasa Bermanfaat !</b></span>
<br />
<br />
kode script share tadi
<br />
<br /></td></tr>
</tbody></table>

Untuk kode yang sudah saya tandai dengan warna biru silahkan kalian sesuaikan dengan keinginan masing-masing. Selamat Mencoba !!

Incoming serch term :
cara membuat sebuah tombol bagikan
cara memasang tombol share facebook
cara membuat layanan saling berbagi
cara menambahkan menu share ke blog
cara menambahkan share di blog

Continue Reading

Cara Membuat Tulisan Bergambar

Membuat sebuah tulisan di atas gambar latar adalah sedikit dari banyaknya cara yang bisa kita terapkan untuk tujuan agar tampilan blog kita terlihat indah dan menarik. Cara yang satu ini bisa kita pasang di salah satu ruang kosong blog kita entah itu di bagian sidebar ataupun bisa juga dipasang pada postingan blog kita. Selain tujuan untuk memperindah tampilan blog, membuat sebuah tulisan di atas gambar juga dapat kita gunakan untuk membedakan antara salah satu kata, kalimat atau paragraf. Saya yakin meskipun saya tidak menjelaskan panjang lebar apa yang dimaksud dengan tulisan yang tercetak di atas gambar latar atau gambar background tersebut pasti agan-agan sekalian sudah mengerti, meskipun belum tahu tapi  setidaknya sudah ada gambaran mengenai hal tersebut di atas. Cara untuk membuatnya pun sangatlah mudah, kita hanya memerlukan beberapa kode html saja yang sedikit dan mudah untuk kita pahami.


Seperti inilah contoh tulisan di atas gambar background.

JUDUL TULISAN
Disinilah tempat untuk membuat
sebuah tulisan di atas background.
Jika tertarik untuk mencobanya
Silahkan praktekan !!

Jika tertarik untuk membuatnya silahkan ikuti langkah-langkah di bawah ini !!

1. Login terlebih dahulu ke blogger
2. Klik buat entri baru
3. Dalam keadaan mode html silahkan paste kode di bawah ini ke kolom postingan. (ingat yah harus dalam keadaan mode html bukan dalam keadaan mode compose)

<div style="background-image: url('http://blog-cilik.googlecode.com/files/Melamun%2BCewek%2BWidget%2BConten.png');
background-position: center; background-repeat: no-repeat;">
<div style="text-align: center;"> </div>
<div style="text-align: center;"> <b>JUDUL TULISAN</b><br />
Disinilah tempat untuk membuat<br />
sebuah tulisan di atas background.<br />
Jika tertarik untuk mencobanya<br />
Silahkan praktekan !! </div> </div> </div>

Silahkan lihat hasilnya. Mudah bukan ? Cara tersebut diatas adalah cara untuk membuat tulisan di atas gambar backgorund untuk dipasang di postingan blog kita. Kalau kita ingin memasangnya di sidebar sama saja kita tinggal langsung saja paste kode di atas ke kolom tambah gadget..

Jika ingin merubah huruf-huruf tersebut, kita tinggal menambahkan kode seperti ini.

<span style="color: white ; font-family:arial ; font-size: 14px">isi tulisan apa saja</span>
Untuk font-family:arial adalah jenis hurufnya, sedangkan font-size:14px adalah ukuran hurufnya.

O'y jika kita akan melakukan perintah untuk berganti baris atau untuk mengaktifkan fungsi enter pada keyboard silahkan pakai kode <br/>

Selesai....

Continue Reading

Cara Untuk Menghilangkan Navgar Blog

Sebelum kita melangkah lebih jauh untuk menerangkan bagaimana caranya menerapkan langkah menghilangkan navbar ini, mungkin diantara sobat-sobat sekalian masih ada yang belum tahu apa itu navbar. Saya akan menjelaskannya sedikit mengenai navbar tersebut. Navbar (navigator bar) adalah suatu gadget di dalam suatu blog yang secara default otomatis muncul yang letaknya berada paling atas halaman blog itu sendiri. Di dalam navbar terdapat kotak kecil yang memungkinkan buat si pengunjung blog menggunakannya untuk melakukan pencarian tentang sesuatu posting atau artikel di dalam blog tersebut. Kalau masih belum paham apa yang baru saya jelaskan silahkan lihat gambar di bawah, mudah-mudahan dengan gambar terkait mengenai navbar bisa  menambah sobat gambaran tentang apa itu navbar.

Sekarang sudah ada gambaran kan mengenai navbar ? Ok sob kalau sudah jelas dan paham apa itu navbar saya akan melanjutkan pembahasan terkait menghilangkan navbar tersebut. "Loh kok menghilangkannya?". "Apa gak akan ada masalah ke depannya jika kita menghilangkan navbar blog kita?". Mungkin pertanyaan seperti iutlah yang menghinggapi sobat sekalian yang baru saja terjun ke dunia blog, seperti yang pernah saya alami dulu. Gak bakalan ada efek sampingnya kok sob jika jika kita menghilangkan navbar blog kita. Lah kok kaya obat saja sih efek samping. Ok deh sekali lagi saya tegaskan kalau kita menghilangkan navbar gak bakalan terjadi sesuatu di kemudian hari pada blog kita. Dari kebanyakan blog orang lain kurang lebih 99,9% dari 100% pengguna blog sudah menghilangkan navbar. Coba lihat saja blog-cilik ini sudah di buang navbarnya. Kalau menurut saya pribadi sih saya menghilangkan navbar blog saya cuma karena alasan risi dan tidak enak di pandang jika navbar tersebut terpampang di blog ini. Coba saja sobat hilangkan navbar blog sobat dijamin tampilannya bakalan seperti web profesional lainnya atau biasa disebut dengan web domain sendiri kan.

Kalau tertarik ingin menghilangkan navbar blog sobat, silahkan ikuti panduan di bawah ini.

1. Yang jelas login terlebih dahulu ke akun blogger sobat
2. Edit Html
3. Lanjtukan
4. Jangan lupa centang expand template widget
5. Carilah kode Blogger Template Style, atau lebih tepatnya carilah kode di bawah ini

Blogger Template Style Name: Awesome Inc. Designer: Tina Chen URL: tinachen.org ----------------------------------------------- */

*saran: untuk memudahkan pencarian silahkan tekan Ctrl+F pada keyboard*

6. Jika kode di atas sudah di temukan, langkah selanjutnya yaitu tempel kode di bawah ini harus tepat di bawah kode tersebut.

#navbar-iframe { display: none !important; }

7. Kalau semuanya sudah yakin tidak ada sedikitpun panduan di atas yang terlewatkan maka silahkan cek kerjaan sobat dengan cara klik pratinjau

8. Jika setelah di cek memang hilang navbarnya berarti pekerjaan sobat berhasil

9. Langkah selanjutnya adalah jangan lupa untuk menyimpan atau save pekerjaan kali ini dengan cara klik simpan

Selesai...

Incoming Search This Article :

cara menghilangkan navbar blogspot, menghapus navbar pada blog, cara untuk menghilangkan navbar, bagaimana sih caranya menghilangkan navbar, navbar blogger,

Continue Reading

Cara Membuat Readmore Yang Menggunakan Tombol/Button

Ini adalah postingan lanjutan mengenai pembahasan readmore yang dahulu pernah saya bahas. Mengenai cara pembuatan readmore atau next maupun baca selengkapnya dalam  suatu artikel atau postingan, sobat bisa membacanya disini atau kalau ingin membuat readmore secara manual atau dengan artian pembuatan suatu readmore yang tidak perlu mengutak-ngatik template blog kita sobat bisa membacanya disini. Ok lanjut...Nah untuk kesempatan kali ini saya juga sama yaitu akan membahas suatu readmore tapi ada sedikit yang membedakan readmore yang satu ini sob yaitu perbedaannya ini adalah suatu readmore yang memakai tombol (button)
dalam tampilannya.

Bagi sobat yang tertarik dan ingin tahu cara membuat readmore yang menggunakan tombol/button silahkan simak tutorial saya kali ini.

1. Loggin terlebih dahulu ke akun blogger masing-masing
2. Template
3. Edit Html
4. Lanjutkan
5. Centang Expand Template Widget
6. Tekan tombol Ctrl+F pada keyboard untuk memudahkan kita dalam melakukan pencarian sebuah kode.
7. Carilah kode <data:post.jumpText/>
8. Gantilah kode tersebut dengan kode di bawah ini

 lihat kode

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgECfB4sTt2rJO6TqD0IxKGKv_qJDMsPgKHI-Z4vnq_KDuS4QQxTpAC-Yfi9XGaDrfoWttyaA4j22eTmwPLRpFu6pU-6ZDldAbqf6q93AyDW0FVfHOhnmpApcmvoM9sGXYM0RgPNHwwxs/s800/Read%252520More.png'/>

9. Jangan lupa klik simpan

Selesai...

Oh ya buat sobat yang masih ragu untuk mempraktekan sesuatu yang berhubungan dengan mengutak-ngatik sebuah template jangan khawatir, sobat bisa mendownload sebuah templatenya terlebih dahulu. Setelah template di beck up atau di download barulah sobat bisa leluasa mempraktekan tutorial yang saya berikan di atas dan jika ada kegagalan sobat bisa mengembailkannya lagi ke template sobat yang terdahulu dengan cara menguploadnya.

Seperti inilah readmore tombol

Continue Reading

Daftar Link Sahabat Blog Cilik | Link Exchange

Salam sejahtera buat para blogger. Dan saya haturkan terimakasih kasih kepada sobat-sobat sekalian yang telah mampir ke blog saya. Dan untuk menjalin persahabatan saya bermaksud untuk menawarkan pertukaran link kepada siapa saja yang sekiranya berminat. Semakin banyak kita menanam link di blog orang lain maka blog kita akan sangat disukai oleh mesin pencari. Bertukar link juga dapat menaikan page rank blog. Semakin besar pagerank maka akan semakin besar pula potensi terindexnya artikel kita di mesin pencari.

Silahkan pasang link banner saya di bawah ini ke dalam blog sobat. Dan silahkan berkomentar di halaman ini. Setelah berkomentar maka saya akan langsung kasih link back ke blog sobat.

Banner 1

 Kode

<a href="http://blog-cilik.blogspot.com/" title="Link banner Blog-Cilik.Blogspot.Com jangan lupa mampir ya"><img align="left" border="0" height="60" src="http://fillehostingabdi.googlecode.com/files/blogcilik.png" width="150" /></a>

Banner 2

 Kode

<a href="http://blog-cilik.blogspot.com/" title="Link banner Blog-Cilik.Blogspot.Com jangan lupa mampir ya"><img align="left" border="0" height="100" src="http://blog-cilik.googlecode.com/files/buat%20banner.png" width="220" /></a>

Link Banner Sahabat






Link Teks Sahabat

Wawasan Islam

Continue Reading

Cara Membuat Tombol Show Ke Dalam Postingan HTML

Apa itu tombol show atau hide spoiler. Show kalau kita artikan ke dalam bahasa Indonesia adalah tampilkan sedangkan hide adalah sembunyikan. Sesuai dengan namanya maka kalau kita klik tombol show maka suatu konten yang ada di dalamnya akan muncul sedangkan kalau kita klik hide maka konten tersebut akan merapat atau bersembunyi. Konten tersebut bisa berupa catatan atau bisa juga berupa gambar, dll.

Selain menggunakan sebuah text area atau juga highlighter maka show spoiler ini juga menjadi pilihan yang sering digunakan oleh para blogger untuk menyisipkan suatu kode ke dalamnya. Lebih dari itu show spoiler bukan hanya bisa disisipkan sebuah kode saja melainkan banyak kegunaan lainnya. Bagi yang tertarik silahkan langsung saja ke tutor cara membuat tombol Show Spoiler dibawah ini.

Kode

<div><div style="margin-bottom: 2px;"><b><small>Klik show untuk melihat</small></b>
<input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>
<div style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">
Tulis Kata-Kata Sobat Disini
</div></div></div>

Silahkan copy paste kode di atas ke laman postingan sobat dalam mode Html.

Tampilan

Apa Kabar Sobat Blogger ?

Jika sobat tidak suka dengan warna putih sobat bisa menggantinya dengan warna background sesuai keinginan. Inilah kode untuk Tombol Show Spoiler dengan background berwarna

Kode

<div id="spoiler">  
<div style="margin: 5px 20px 20px;">  
<div class="smallfont" style="margin-bottom: 2px;">  
<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 75px;" type="button" value="Show" /></div>  
<div class="alt2" style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(225, 228, 242) none repeat scroll 0% 0%; border: 1px inset; margin: 0px; padding: 6px;">  
<div style="display: none;">  
Inilah hasil dari tombol show spoiler dengan background warna
</div>  
</div>  
</div>

Untuk contoh di atas adalah background: rgb (225, 228, 242) silahkan ganti dengan kode warna yang lain.

Tampilan

Tulis artikel di sini!

Kalau kita ingin memasukan sebuah kode javascript ke dalam isi dari show spoiler maka yang musti sobat lakukan yaitu rubah dulu kode javascriptnya ke kode lain, untuk hal ini sobat bisa menggunakan jasa web centricle.com/tools/html-entities untuk merubah kode. Nah jika bukan hanya tulisan yang ingin sobat masukan ke dalam show spoiler tersebut misalkan sobat ingin memasukan gambar yaitu buatlah sebuah URL gambarnya terlebih dahulu, untuk hal ini sobat bisa menggunakan jasa dari file hosting dari om Google yaitu File Hosting Google Code
Selesai...

Continue Reading