Google Search Tags: Membuat Tombol Show,Tombol Show dan Hide,Membuat Tombol Show dan Hide,Membuat Artikel Kita,Artikel Kita Menjadi SEO Friendly,Membuat Artikel Kita Menjadi SEO Friendly,Membuat Tombol Show dan Hide Didalam Artikel

Membuat Tombol Show dan Hide untuk Membuat Artikel Kita Menjadi SEO Friendly

Kenapa Harus SEO Friendly ??? 

 

Balik lagi bersama saya di skipzen, kali agan ingin berbagi Tips dan Trik menjadi blog SEO Friendly
membuat blog kita menjadi Soe Friendly bukan cuma tampilanya saja tapi Artikel juga termasuk. Jika artikel yang kita buat bagus dan jelas maka mesin pencari seperti google dapat dengan mudah menemukan kita dan kemungkinan yang paling bagus adalah artikel yang kita buat tadi bisa berada pada laman pertama hasil pencariaan.

Traffic Visitor juga merupakan icaran sobat bukan semakin banyak visitor semakin baik pula blog kita dipandang, oleh karena itu ane bagiin Trik yang bagus ini yang sudah banyak diterapkan oleh master-master seo.
Langsung aja kita mulai learning nya
  1. Silakan agan login ke blog agan di blogger
  2. klik create new post(buat post baru)
  3. Klik tombol HTML di samping Compose, lalu pastekan spoiler yang sobat inginkan ke dalam artikel
Save or Publish
           4. Silakan Copas Script di bawa ini,agan tinggal pilih ada 3 pilihan menarik Spoiler

1. Tampilkan-Sembunyikan

<div><div style="margin: 5px;">
<div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 95px; " value="Tampilkan" 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 = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }" type="button"/>
</div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2">
<div style="display: none;">

Sobat skipzen bisa mengisi disini: gambar, text dan lain-lain

</div></div></div></div>

Hasil contoh

Selamat datang di skipzen

2. Show dan Hide

<div>
<div style="margin: 5px 20px 20px">
<div style="margin-bottom: 2px" class="smallfont"><input style="padding-bottom: 5px; margin: 0px; padding-left: 5px; width: auto; padding-right: 5px; padding-top: 5px" 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 = 'Hidden'; }else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" value="Show" type="button"></div>
<div class="alt2">
<div style="display: none">
<div style="border-bottom-style: none; text-align: justify; padding-bottom: 10px; border-right-style: none; padding-left: 10px; padding-right: 10px; border-top-style: none; border-left-style: none; padding-top: 10px">DISINI LETAK KONTENT ANDA</div></div></div></div></div>

Hasil contoh

3. Open dan Close

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><span style="font-weight: bold;">Judul Spoiler</span><input value="Open" style=" margin:5px;padding: 0px; width: 80px; font-size: 10px;"   onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39; Close..&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39; Clik Here&#39;; }" type="button" />
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
ISI SPOILER
</div></div></div>

Hasil Contoh 
Judul Spoiler


Ket pengantian:
Warna Hijau :  Agan bisa ganti sesui keinginan
Warna Biru : Agan bisa ganti sesuai keinginan
Warna Merah : Agan bisa masukan Isi dan Gambar/ Gambar dan Isi
untuk hasil contohnya jangan dicopy ya gan

Membuat Tombol Show dan Hide untuk Membuat Artikel Kita Menjadi SEO Friendly. Itu saja yang bisa saya bagikan kepada anda terus mohon dukungan dan sapaanya dengan : like, coment, share.