Destato Blog Tutorial

Menjadi TOP 10 di Google dengan Keyword Super “google plus”

Banyak tehnik SEO (baik black hat SEO maupun white hat SEO) yang digunakan oleh para pakar SEO terkenal dan handal. Namun semua itu memerlukan biaya yang tidak banyak, ditambah lagi tehnik optimasinya yang rumit dan malah bisa menjadikan website kena pinalti google (terlempar dari mesin pencari google). 
 
Berbeda dengan itu semua, saya mencoba tehnik yang sangat bertolak belakang dengan para pakar SEO yaitu tehnik google plus yang santai. Banyak yang masih belum percaya bahwa efek google plus itu sungguh luar biasa. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNYAe-iuwv0xiy7nFMYpaRKcvy0oHqAisikd1CoZSrHxpcXq0XGQoka2O12ueUkAKMCy_otYzFErK-zziEbHdqdIelg82GW94zy3ESKn760DeoMAxqqPdU8MND8lCxiTEnSWwlYX2L16Q/s1600/Screenshot+(820).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Menjadi TOP 10 di Google dengan Keyword Super “google plus”" border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNYAe-iuwv0xiy7nFMYpaRKcvy0oHqAisikd1CoZSrHxpcXq0XGQoka2O12ueUkAKMCy_otYzFErK-zziEbHdqdIelg82GW94zy3ESKn760DeoMAxqqPdU8MND8lCxiTEnSWwlYX2L16Q/s1600/Screenshot+(820).png" title="Menjadi TOP 10 di Google dengan Keyword Super “google plus”" width="640" /></a></div>
 
Coba perhatikan hasil SS saya di ats mengenai hasil penelusuran saya mengenai keyword “google plus”. Saya sempat heran melihat hasil tersebut yang bisa dibilang sangat mengejutkan. Dengan keyword yang bisa dibilang keyword besar blog saya masuk page one google.co.id 
 
Terlepas dari benar atau tidaknya itu hasil penelusuran saya dengan software tadi, saya coba pakai web browser saya dengan mode penyamaran dan hasilnya sama. Sungguh mengejutkan sekali! 
 
Nah, dari sini saya akan mencoba memberitahukan kepada semuanya apa sih yang sudah saya lakukan terhadap blog saya itu? 
 
1. KOD (Keyword on Domain) 
Keyword yang menempel pada domain/ subdomain. Pada kasus ini KOD saya yaitu “jasa” dan “gplus” yang membentuk blog bernama jasagplus.blogspot.com 
 
2. KOT (Keyword on Title Blog) 
Jelas ini juga mungkin menjadi faktor utama mengapa blog saya bisa pejwan. Jangan lupa imbangi ini dengan memasukkan keyword yang anda bidik ke deskripsi blog. 
 
3. Vote Plus One Google Plus 
Tehnik yang saya pakai dalam vote plus one memang agak berbeda dengan optimasi di jasa-jasa optimasi google plus lain. Karena saya mengkombinasikan antara vote yang menghasilkan backlink dofollow dan vote yang menghasilkan backlink nofollow. 
 
4. Kontes Review Kecil 
Kemungkinan ke-4 yaitu karena saya sempat membuat kontes review kecil-kecilan. Banyak orang yang mengatakan kontes SEO bisa berakibat fatal, namun sepertinya jika backlink yang didapat itu masih wajar dan berkualitas (ditunjang dari laman dan isi blog pemberi backlink) itu bukan menjadi masalah, justru menurut saya sangat bagus. Jadi kalau mau membuat kontes lebih baik kontes review dari pada kontes SEO. 
 
Nah, itu semua yang saya lakukan di blog saya. Jangan komen “ah masa.. yang bener Cuma itu?” :3 Karena memang hanya itu yang saya lakukan. 
 
Mungkin yang terpenting itu optimasinya stabil dan rata bukan seperti orang naik gunung yang tiba-tiba menanjak kemudian anjlok. 
 
Oh ya, saya tambahin yang secara pengamatan saya itu bagus yaitu ketika semakin banyak orang masuk ke blog kita dengan keyword tertentu, maka secara otomatis blog kita perlahan akan naik peringkat. 
 
Kita bisa mengakali hal ini dengan setiap hari kita online (tiap konek modem kan rata-rata IP kita berganti) dengan mengetikkan keyword yang kita incar dan klik blog kita (kemudian biarkan terbuka layaknya orang sedang membaca). Ingat! IP harus bervariasi. 
 
Mungkin hanya itu yang bisa saya bagikan, kalau berkenan sih jangan lupa promosiin jasa optimasi google plus saya ya :D 
<div>
 </div>

Menjadi TOP 10 di Google dengan Keyword Super “google plus”

Membuat Tab View Dengan Onclick Event

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; color: #555555; line-height: 18.031999588012695px; margin: 0px; padding: 0px; text-align: center;">
<img alt="Tab View Dengan Onclick Event" height="215" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiscOMxZtdWO_pjEQkhWyIwNZ43y_87AQn9sdqOSQHktzoF5v7b4FHoQcjWAoCAYN85mMupabGNCKKL8lXqGHx_HXUKCU6qxUUxO2xtJwa1HoGd5O-EmfXuqwsOU45kKorYsa4jjKZpX-vD/s400/tab+postingan.gif" style="height: auto; margin: 0px; max-width: 100%; padding: 0px;" title="Tab View Dengan Onclick Event" width="400" /></div>
<div style="background-color: white; color: #555555; line-height: 18.031999588012695px; margin: 0px; padding: 0px; text-align: center;">
 </div>
<div style="background-color: white; line-height: 18.031999588012695px; margin: 0px; padding: 0px;">
Akhirnya ketemu tutorial yang lumayan menarik, saya akan mengembangkan tutorial yang satu ini, sekalian berbagi tutorial untuk sahabat <a href="http://blanter-forever.blogspot.com/p/pasang-iklan.html" style="margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">Blogger</a> semua. Dengan onclick event maka kita membuat perintah yang lebih sederhana daripada kita membuat perintahnya dengan javascript.</div>
<div style="background-color: white; line-height: 18.031999588012695px; margin: 0px; padding: 0px;">
<div style="margin: 10px 0px; padding: 0px; text-align: center;">
<a class="buttonx" href="http://jsfiddle.net/kompiajaib/bJk75/1/show/" style="-webkit-transition: all 1s; background-attachment: initial; background-clip: initial; background-color: rgb(41, 41, 41) !important; background-image: initial; background-origin: initial; background-position: 0px 50%; background-repeat: initial; background-size: initial; border: 2px solid rgb(7, 172, 236) !important; cursor: pointer; display: inline-flex; font-weight: bold; margin: 5px 0px; outline: none; padding: 8px 25px; text-decoration: none; text-shadow: none; text-transform: uppercase; transition: all 1s;" target="_blank">DEMO</a></div>
 </div>
<div style="background-color: white; line-height: 18.031999588012695px; margin: 0px; padding: 0px;">
Bagaimana tertarik untuk mencobanya? Kodenya cukup sederhana seperti di bawah ini : Kode HTML <pre class=" language-markup" style="background-attachment: initial; background-clip: initial; background-color: #f2f2f2; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(221, 221, 221); clear: both; color: #666666; margin-bottom: 15px; margin-right: 15px; margin-top: 15px; overflow: auto; padding: 10px; word-wrap: normal;"><code class=" language-markup" style="color: #126aaf; margin: 0px; padding: 0px;"><div id="Button1" onclick="document.getElementById('Content1').style.display='block';Content2.style.display='none';Content3.style.display='none';">Button 1</div>
<div id="Button2" onclick="document.getElementById('Content1').style.display='none';Content2.style.display='block';Content3.style.display='none';">Button 2</div>
<div id="Button3" onclick="document.getElementById('Content1').style.display='none';Content2.style.display='none';Content3.style.display='block';">Button 3</div>
<div id="Content1">
<p>
Enter some content here.
</p>
</div>
<div id="Content2">
<p>
Enter some content here.
</p>
</div>
<div id="Content3">
<p>
Enter some content here.
</p>
</div></code></pre>
 Perhatikan pada Button1, di situ kita tampilkan Content1 (display='block') dengan menyembunyikanContent2 dan Content3 (display='none'). Untuk Button2 kita menampilkan Content2 dengan menyembunyikan Content1 dan Content3. Begitu pun dengan Button3 kita menampilkan Content3 dengan menyembunyikan Content1 dan Content2. Cukup sederhana bukan? Saya yakin Anda yang baru mempelajari kode-kode HTML juga akan lebih mudah untuk memahaminya. Dan untuk mendapatkan tampilan seperti pada animasi gif di atas, silahkan gunakan kode CSS di bawah ini. Anda bisa memodifnya sesuai dengan selera Anda. Kode CSS <pre class=" language-css" style="background-attachment: initial; background-clip: initial; background-color: #f2f2f2; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(221, 221, 221); clear: both; color: #666666; margin-bottom: 15px; margin-right: 15px; margin-top: 15px; overflow: auto; padding: 10px; word-wrap: normal;"><code class=" language-css" style="color: #126aaf; margin: 0px; padding: 0px;">#Button1,#Button2{margin-top:-30px;padding:0;text-align:center;float:left;border:1px solid #aaa;background:#ddd;cursor:pointer;width:32%;height:25px;line-height:25px}
#Button2{margin-left:34%}
#Button3{margin-top:-30px;margin-right:-2px;padding:0;text-align:center;float:right;border:1px solid #aaa;background:#ddd;cursor:pointer;width:32%;height:25px;line-height:25px}
#Content1{display:block;width:100%;height:300px;padding:0;margin:40px auto;border:1px solid #aaa;text-align:left;background:#fff; overflow: auto;}
#Content2,#Content3{display:none;width:100%;height:300px;padding:0;margin:40px auto;border:1px solid #aaa;text-align:left;background:#fff; overflow: auto;}
#Content1 p,#Content2 p,#Content3 p{margin:10px}</code></pre>
 Tab view ini bisa disimpan di postingan atau digunakan di sidebar dan tab view ini sudah responsive. </div>
<pre class=" language-markup" style="background: rgb(242, 242, 242); border: 1px solid rgb(221, 221, 221); clear: both; color: #666666; line-height: 18.031999588012695px; margin-bottom: 15px; margin-right: 15px; margin-top: 15px; overflow: auto; padding: 10px; text-align: justify; word-wrap: normal;"><code class=" language-markup" style="color: #126aaf; margin: 0px; padding: 0px;">Source : Kompi Ajaib</code></pre>
</div>

Membuat Tab View Dengan Onclick Event

Akhirnya ketemu tutorial yang lumayan menarik, saya akan mengembangkan tutorial yang satu ini, sekalian berbagi tutorial untuk sahabat Blogger semua. Dengan onclick event maka kita membuat perintah y…

Membuat Widget Label Warna Warni

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="background-color: white; border: 0px; box-sizing: border-box; clear: both; color: #444444; font-family: Verdana, Geneva, sans-serif; line-height: 25.600000381469727px; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<span style="border: 0px; box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><img alt="Membuat Widget Label Warna Warni" height="183" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiizyHzQ9TeCq9SamR66JkfvfbH5qUUlSNvJfHqnaIvCoMPDHqiT-pKqFLcPxDrJUNKV2lTJlM5rOmkJLv195N4I6WOp-IAPctKbdMqzEC3KDLJpGyWJTlboHE-LRnOU0Z8fBlk6FiTOodJ/s1600/label-warna-warni.png" style="-webkit-transition: all 0.3s ease-in-out; border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; max-width: 100%; padding: 0px; page-break-after: always; transition: all 0.3s ease-in-out; vertical-align: baseline;" title="Membuat Widget Label Warna Warni" width="320" /></div>
<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 25.600000381469727px; margin: 0px; padding: 0px; vertical-align: baseline;">Kali ini saya akan membahas tutorial terbaru yaitu membuat label warna-warni namun berbeda dalam hal widget yang akan dimodifikasi. Widget yang kita buat warna-warni ini adalah widget label atau bisa juga disebut widget kategori. 
<h3 style="background-color: white; border: 0px; box-sizing: border-box; font-family: Oswald, sans-serif; font-weight: 400; line-height: 25.600000381469727px; margin: 0px 0px 0.5em; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Langkah Pertama :  Memasang Widget Label di Blog</h3>
<ul style="background-color: white; border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, sans-serif; line-height: 25.600000381469727px; list-style: square outside; margin: 0px 0px 1.2em 20px; padding: 0px; vertical-align: baseline;">
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 5px 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Masuk ke akun blogger kalian</li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 5px 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Pilih menu Tata Letak kemudian klik Tambahkan Gadget<div class="separator" style="border: 0px; box-sizing: border-box; clear: both; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN5RGZWBPsqQpf4vmKQ9J6vrzla-ebXOZAgfJgnkwbn0vyNJfCe2Pgztn1IxNiZpCOI1cGc0kGcfsQxo1fLZ5oeShobRMcjnhqSMsyYJ4-f2Z76YySiVwWEGYnLoSajfqT0e6HS4p8oYe8/s1600/tata-letak-tambahkan-gadget.png" style="-webkit-transition: all 0.2s ease-in; border: 0px; box-sizing: border-box; color: #859ce6; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 1em; padding: 0px; text-decoration: none; transition: all 0.2s ease-in; vertical-align: baseline;"><img alt="Membuat Widget Label Warna Warni" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN5RGZWBPsqQpf4vmKQ9J6vrzla-ebXOZAgfJgnkwbn0vyNJfCe2Pgztn1IxNiZpCOI1cGc0kGcfsQxo1fLZ5oeShobRMcjnhqSMsyYJ4-f2Z76YySiVwWEGYnLoSajfqT0e6HS4p8oYe8/s1600/tata-letak-tambahkan-gadget.png" style="-webkit-transition: all 0.3s ease-in-out; border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; max-width: 100%; outline: none; padding: 0px; page-break-after: always; transition: all 0.3s ease-in-out; vertical-align: baseline;" title="Membuat Widget Label Warna Warni" width="640" /></a></div>
</li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 5px 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Pilih widget Label dengan mengklik tombol plus (+)<div class="separator" style="border: 0px; box-sizing: border-box; clear: both; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<span style="border: 0px; box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><img alt="Membuat Widget Label Warna Warni" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiay5DWIBysnjmuRWvWdP1hl6lV-Y_2th1BugpWTK5kexm1bki48f5LeXraXUCxU2VtUpct8FvDydF4T7IiXjl0IC7m_vDU9L0fzZ0e3J_SY8nW2Pd5rgduQg6x4og9GGLxoOpScymJPiiX/s1600/label-warna-warni2.png" style="-webkit-transition: all 0.3s ease-in-out; border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; max-width: 100%; padding: 0px; page-break-after: always; transition: all 0.3s ease-in-out; vertical-align: baseline;" title="Membuat Widget Label Warna Warni" width="283" /></div>
</li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 5px 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Selanjutnya, pada pengaturan bagian Tampilkan pilih Cloud dan sisanya silahkan anda ubah sesuai selera.<div class="separator" style="border: 0px; box-sizing: border-box; clear: both; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<span style="border: 0px; box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><img alt="Membuat Widget Label Warna Warni" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl3dHMrqtpk6b5b6O20_QlKxlohQmCc9JxH80fMduOfplCG9cpY8hxLPYnJPIqpfF2HnAauu9yVhba_8j69eUmk4tPSt0yWJp6VHZsKanKrb8wnQ_gBndfEsGPcxyPzIazPvq-XJtf-SP3/s1600/label-warna-warni3.png" style="-webkit-transition: all 0.3s ease-in-out; border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; max-width: 100%; padding: 0px; page-break-after: always; transition: all 0.3s ease-in-out; vertical-align: baseline;" title="Membuat Widget Label Warna Warni" width="278" /></div>
</li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 5px 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Terakhir, klik Simpan</li>
</ul>
<h3 style="background-color: white; border: 0px; box-sizing: border-box; font-family: Oswald, sans-serif; font-weight: 400; line-height: 25.600000381469727px; margin: 0px 0px 0.5em; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Langkah Kedua : Memasang Kode CSS di Blog</h3>
<ul style="background-color: white; border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, sans-serif; line-height: 25.600000381469727px; list-style: square outside; margin: 0px 0px 1.2em 20px; padding: 0px; vertical-align: baseline;">
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 5px 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Pilih menu Template lalu klik Edit HTML<div class="separator" style="border: 0px; box-sizing: border-box; clear: both; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimf0B0YxXL96vLnc3rLuc3D24mPe3YSaTERtxQkZhC2gXEUs22Hy4zjQQpUnAihNWfEZDLdBcsx7jrZk_p_K5BJMbSiNYSfxNEBPeewjoEupY0M1iLEUk27GtHqOs_8TNvQzbSV_Ri11Ws/s1600/template-edit-html.png" style="-webkit-transition: all 0.2s ease-in; border: 0px; box-sizing: border-box; color: #859ce6; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 1em; padding: 0px; text-decoration: none; transition: all 0.2s ease-in; vertical-align: baseline;"><img alt="Membuat Widget Label Warna Warni" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimf0B0YxXL96vLnc3rLuc3D24mPe3YSaTERtxQkZhC2gXEUs22Hy4zjQQpUnAihNWfEZDLdBcsx7jrZk_p_K5BJMbSiNYSfxNEBPeewjoEupY0M1iLEUk27GtHqOs_8TNvQzbSV_Ri11Ws/s1600/template-edit-html.png" style="-webkit-transition: all 0.3s ease-in-out; border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; max-width: 100%; outline: none; padding: 0px; page-break-after: always; transition: all 0.3s ease-in-out; vertical-align: baseline;" title="Membuat Widget Label Warna Warni" width="320" /></a></div>
</li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 5px 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Cari kode<span style="border: 0px; box-sizing: border-box; color: #444444; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> <span style="border: 0px; box-sizing: border-box; color: red; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">]]></b:skin> <span style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">( gunakan Ctrl+F untuk memudahkan )</li>
<li style="border: 0px; box-sizing: border-box; color: #444444; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 5px 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; box-sizing: border-box; color: red; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Copy kode berikut lalu pastekan tepat diatas kode <span style="border: 0px; box-sizing: border-box; color: red; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">]]></b:skin> </li>
</ul>
<pre class="line-number" data-codetype="CSS" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv5x2IoftA4okbMarQ4PK7hyphenhyphen5WdCb1BH51mIuiZ7WPylJ4AZthaPS3xASjBOgYUEqS51m_2hDFIxiYQDPMAoT6sgZndwIlOnsCOBYJF5z_0lQIs2CoqFQrTte-0KpMBFaTryVLry8zdSI/s1600/new-line-number.png) 0% 0% no-repeat rgb(47, 55, 65); border-left-color: rgb(95, 187, 186); border-left-style: none; border-width: 0px; box-sizing: border-box; color: #839496; font-family: 'Courier New', Courier, monospace; line-height: 1.4em; margin-bottom: 1.2em; overflow: auto; padding: 0.8em 1em 0.8em 54px; position: relative; vertical-align: baseline; word-wrap: normal;"><span style="border: 0px; box-sizing: border-box; color: red; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#Label1 .cloud-label-widget-content {text-align:center;font-weight: bold;padding: 5px 0}
#Label1 .cloud-label-widget-content span {display: inline-table; line-height: 1.2;}
#Label1 .cloud-label-widget-content span a {padding:4px 5px;color:#fff}
#Label1 .label-size {margin:4px 0;}
#Label1 .label-size span {background:<span style="border: 0px; box-sizing: border-box; color: blue; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#007abe;padding:4px 5px;color:#fff}
#Label1 .label-size-1 a {background:<span style="border: 0px; box-sizing: border-box; color: blue; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#abc123;font-size:15px;}
#Label1 .label-size-2 a {background:<span style="border: 0px; box-sizing: border-box; color: blue; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#5cc9cd;font-size:15px;}
#Label1 .label-size-3 a {background:<span style="border: 0px; box-sizing: border-box; color: blue; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#e24f4f;font-size:15px;}
#Label1 .label-size-4 a {background:<span style="border: 0px; box-sizing: border-box; color: blue; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#f568dc;font-size:15px;}
#Label1 .label-size-5 a {background:<span style="border: 0px; box-sizing: border-box; color: blue; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#38a3ee;font-size:15px;}
#Label1 .cloud-label-widget-content span a:hover {background:<span style="border: 0px; box-sizing: border-box; color: orange; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#007abe;} </pre>
<ul style="background-color: white; border: 0px; box-sizing: border-box; color: #444444; font-family: Verdana, Geneva, sans-serif; line-height: 25.600000381469727px; list-style: square outside; margin: 0px 0px 1.2em 20px; padding: 0px; vertical-align: baseline;"></ul>
Keterangan : - Kode yang berwarna <span style="border: 0px; box-sizing: border-box; color: blue; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">biru bisa akan muncul sebagai warna pada setiap label, bisa kalian ubah sesuai selera masing-masing - Kode yang berwarna <span style="border: 0px; box-sizing: border-box; color: orange; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">jingga / orange akan muncul sebagai warna saat cursor diarahkan pada label, bisa kalian ubah sesuai selera masing-masing  - Untuk kode warna, kalian bisa melihat di Generator Kode Warna HTML  
<ul style="background-color: white; border: 0px; box-sizing: border-box; font-family: Verdana, Geneva, sans-serif; line-height: 25.600000381469727px; list-style: square outside; margin: 0px 0px 1.2em 20px; padding: 0px; vertical-align: baseline;">
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 5px 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> Terakhir,  klik Simpan Template</li>
</ul>
<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 25.600000381469727px; margin: 0px; padding: 0px; vertical-align: baseline;">Ok, sekian tutorial tentang "Membuat Widget Label Menjadi Warna Warni<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 25.600000381469727px; margin: 0px; padding: 0px; vertical-align: baseline;">". <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 25.600000381469727px; margin: 0px; padding: 0px; vertical-align: baseline;">Silahkan juga lihat artikel-artikel lain seputar blogging di <a href="http://destato.blogspot.com/" style="-webkit-transition: all 0.2s ease-in; border: 0px; box-sizing: border-box; color: #859ce6; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 25.600000381469727px; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.2s ease-in; vertical-align: baseline;" target="_blank">Destato Blog Tutorial. </a><span style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 25.600000381469727px; margin: 0px; padding: 0px; vertical-align: baseline;">Semoga bermanfaat ^_^<span style="border: 0px; box-sizing: border-box; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 25.600000381469727px; margin: 0px; padding: 0px; vertical-align: baseline;">  
<div class="separator" style="background-color: white; border: 0px; box-sizing: border-box; clear: both; color: #444444; font-family: Verdana, Geneva, sans-serif; line-height: 25.600000381469727px; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
</div>
<blockquote class="tr_bq" style="background: rgb(238, 238, 238); border-color: rgb(204, 204, 204); border-style: dashed dashed dashed solid; border-width: 1px 1px 1px 20px; box-sizing: border-box; clear: both; color: #333333; font-family: Georgia, serif; font-style: italic; line-height: 25.600000381469727px; margin: 10px 10px 10px 20px; padding: 10px 15px; quotes: none; vertical-align: baseline;">
<span style="border: 0px; box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Source : http://fendevils.blogspot.com/2013/07/modifikasi-label-cloud-menjadi-full.html</blockquote>
</div>

Membuat Widget Label Warna Warni

Kali ini saya akan membahas tutorial terbaru yaitu membuat label warna-warni namun berbeda dalam hal widget yang akan dimodifikasi. Widget yang kita buat warna-warni ini adalah widget label atau bisa…

Cara Membuat Rare Page Number Navigation

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="background-color: white; clear: both; color: #555555; line-height: 18.031999588012695px; margin: 0px; padding: 0px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR6vDphzxiyrEeWzbnkxM5nt9xnXd62Gb7gxClaaa9UGrK8la6Jtf9vzo_0R8sDYbkqn8l3NrnhLAlesZloLJFfVshzM8NBco-6LwVrDwLR89lR-Iq-zlxkpVKlbF7HKgLZO9k9B0dxk8/s1600/!Page+Number+Navigation!.png" imageanchor="1" style="color: #0099cc; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;"><img alt="Cara Membuat Rare Page Number Navigation" border="0" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR6vDphzxiyrEeWzbnkxM5nt9xnXd62Gb7gxClaaa9UGrK8la6Jtf9vzo_0R8sDYbkqn8l3NrnhLAlesZloLJFfVshzM8NBco-6LwVrDwLR89lR-Iq-zlxkpVKlbF7HKgLZO9k9B0dxk8/s1600/!Page+Number+Navigation!.png" style="border: 0px none; height: auto; margin: 0px; max-width: 100%; outline: none; padding: 0px;" title="Cara Membuat Rare Page Number Navigation" width="320" /></a></div>
<div style="background-color: white; color: #555555; line-height: 18.031999588012695px; margin: 0px; padding: 0px; text-align: center;">
 </div>
<div style="background-color: white; line-height: 18.031999588012695px; margin: 0px; padding: 0px;">
Rare berarti langka sebenernya tidak langka cuma bingung mau dinamakan apa, saya mendapatkan CSS dan HTMLnya dari Blog Dian Anarchyta pasti keren, ini mirip juga dengan punya Kang Ismet, silahkan kalian terapkan Page Number Navigation ini pada blog sobat semua.</div>
<div style="background-color: white; line-height: 18.031999588012695px; margin: 0px; padding: 0px;">
 </div>
<div style="background-color: white; line-height: 18.031999588012695px; margin: 0px; padding: 0px;">
Langkah Pertama : silahkan sobat masuk ke Blogger >> Edit HTML</div>
<div style="background-color: white; line-height: 18.031999588012695px; margin: 0px; padding: 0px;">
dan masukan kode CSS di bawah ini tepat di atas ]]></b:skin> atau </style></div>
<div style="background-color: white; color: #555555; line-height: 18.031999588012695px; margin: 0px; padding: 0px;">
 </div>
<pre class=" language-css" style="background: rgb(242, 242, 242); border: 1px solid rgb(221, 221, 221); clear: both; color: #666666; line-height: 18.031999588012695px; margin-bottom: 15px; margin-right: 15px; margin-top: 15px; overflow: auto; padding: 10px; text-align: justify; word-wrap: normal;"><code class=" language-css" style="color: #126aaf; margin: 0px; padding: 0px;">/* PAGE NAVIGATION */
.showpageArea{position:relative;display:block;text-align:center;margin:10px 0;padding:5px;background:#ddd;clear:both}
.showpageArea a,.showpageOf,.showpagePoint{background:#14A0E1;border:1px solid #14A0E1;color:#fff;padding:5px 10px;line-height:30px}
.showpageNum{margin-left:4px}
.showpageOf{margin-right:4px;color:#292929}
.showpagePoint{color:#292929;margin-left:4px;padding:5px 10px}
.showpageArea a:hover{background:#292929;box-shadow:0 0 15px #07ACEC;}</code></pre>
<div style="background-color: white; color: #555555; line-height: 18.031999588012695px; margin: 0px; padding: 0px;">
 </div>
<div style="background-color: white; line-height: 18.031999588012695px; margin: 0px; padding: 0px;">
Langkah Kedua : masukan kode JavaScript di bawah ini tepat di atas </body></div>
<div style="background-color: white; color: #555555; line-height: 18.031999588012695px; margin: 0px; padding: 0px;">
 </div>
<pre class=" language-javascript" style="background: rgb(242, 242, 242); border: 1px solid rgb(221, 221, 221); clear: both; color: #666666; line-height: 18.031999588012695px; margin-bottom: 15px; margin-right: 15px; margin-top: 15px; overflow: auto; padding: 10px; text-align: justify; word-wrap: normal;"><code class=" language-javascript" style="color: #126aaf; margin: 0px; padding: 0px;"><script type='text/javascript'>
var postperpage=9;
var numshowpage=4;
var upPageWord=&quot; &#9668; &quot;;
var downPageWord=&quot; &#9658; &quot;;
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('6 I;6 i;6 f;6 n;1f();C 1g(15){6 5=\'\';J=K(N/2);4(J==N-J){N=J*2+1}A=f-J;4(A<1)A=1;d=K(15/j)+1;4(d-1==15/j)d=d-1;D=A+N-1;4(D>d)D=d;5+="<3 7=\'1y\'>1z "+f+\' 1A \'+d+"</3>";6 16=K(f)-1;4(f>1){4(f==2){4(i=="o"){5+=\'<3 7="1B"><a 9="\'+B+\'">\'+O+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="/r/s/\'+n+\'?&c-k=\'+j+\'">\'+O+\'</a></3>\'}}b{4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+16+\');w x">\'+O+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+16+\');w x">\'+O+\'</a></3>\'}}}4(A>1){4(i=="o"){5+=\'<3 7="g"><a 9="\'+B+\'">1</a></3>\'}b{5+=\'<3 7="g"><a 9="/r/s/\'+n+\'?&c-k=\'+j+\'">1</a></3>\'}}4(A>2){5+=\' ... \'}1h(6 l=A;l<=D;l++){4(f==l){5+=\'<3 7="1C">\'+l+\'</3>\'}b 4(l==1){4(i=="o"){5+=\'<3 7="g"><a 9="\'+B+\'">1</a></3>\'}b{5+=\'<3 7="g"><a 9="/r/s/\'+n+\'?&c-k=\'+j+\'">1</a></3>\'}}b{4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+l+\');w x">\'+l+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+l+\');w x">\'+l+\'</a></3>\'}}}4(D<d-1){5+=\'...\'}4(D<d){4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+d+\');w x">\'+d+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+d+\');w x">\'+d+\'</a></3>\'}}6 17=K(f)+1;4(f<d){4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+17+\');w x">\'+1i+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+17+\');w x">\'+1i+\'</a></3>\'}}6 E=y.1D("E");6 18=y.1E("1F-1G");1h(6 p=0;p<E.P;p++){E[p].1j=5}4(E&&E.P>0){5=\'\'}4(18){18.1j=5}}C 1a(Q){6 R=Q.R;6 1k=K(R.1H$1I.$t,10);1g(1k)}C 1f(){6 h=u;4(h.e("/r/s/")!=-1){4(h.e("?S-c")!=-1){n=h.F(h.e("/r/s/")+14,h.e("?S-c"))}b{n=h.F(h.e("/r/s/")+14,h.e("?&c"))}}4(h.e("?q=")==-1&&h.e(".5")==-1){4(h.e("/r/s/")==-1){i="o";4(u.e("#G=")!=-1){f=u.F(u.e("#G=")+8,u.P)}b{f=1}y.1l("<m T=\\""+B+"U/V/W?c-k=1&X=Y-Z-m&11=1a\\"><\\/m>")}b{i="s";4(h.e("&c-k=")==-1){j=1J}4(u.e("#G=")!=-1){f=u.F(u.e("#G=")+8,u.P)}b{f=1}y.1l(\'<m T="\'+B+\'U/V/W/-/\'+n+\'?X=Y-Z-m&11=1a&c-k=1" ><\\/m>\')}}}C L(H){12=(H-1)*j;I=H;6 13=y.1m(\'1n\')[0];6 z=y.1o(\'m\');z.1p=\'1q/1r\';z.1s("T",B+"U/V/W?1t-1u="+12+"&c-k=1&X=Y-Z-m&11=1b");13.1v(z)}C M(H){12=(H-1)*j;I=H;6 13=y.1m(\'1n\')[0];6 z=y.1o(\'m\');z.1p=\'1q/1r\';z.1s("T",B+"U/V/W/-/"+n+"?1t-1u="+12+"&c-k=1&X=Y-Z-m&11=1b");13.1v(z)}C 1b(Q){1c=Q.R.1K[0];6 1w=1c.1x.$t.F(0,19)+1c.1x.$t.F(1L,1M);6 1d=1N(1w);4(i=="o"){6 1e="/r?S-c="+1d+"&c-k="+j+"#G="+I}b{6 1e="/r/s/"+n+"?S-c="+1d+"&c-k="+j+"#G="+I}1O.9=1e}',62,113,'|||span|if|html|var|class||href||else|max|maksimal|indexOf|nomerhal|showpageNum|thisUrl|jenis|postperpage|results|jj|script|lblname1|page|||search|label||urlactivepage|onclick|return|false|document|newInclude|mulai|home_page|function|akhir|pageArea|substring|PageNo|numberpage|nopage|nomerkiri|parseInt|redirectpage|redirectlabel|numshowpage|upPageWord|length|root|feed|updated|src|feeds|posts|summary|alt|json|in||callback|jsonstart|nBody||banyakdata|prevnomer|nextnomer|blogPager||hitungtotaldata|finddatepost|post|timestamp|alamat|halamanblogger|loophalaman|for|downPageWord|innerHTML|totaldata|write|getElementsByTagName|head|createElement|type|text|javascript|setAttribute|start|index|appendChild|timestamp1|published|showpageOf|Page|of|showpage|showpagePoint|getElementsByName|getElementById|blog|pager|openSearch|totalResults|20|entry|23|29|encodeURIComponent|location'.split('|'),0,{}))
//]]>
</script></code></pre>
<div style="background-color: white; color: #555555; line-height: 18.031999588012695px; margin: 0px; padding: 0px;">
 </div>
<div style="background-color: white; line-height: 18.031999588012695px; margin: 0px; padding: 0px;">
Lalu Simpan Template hasilnya bisa di lihat di HomePage blog kalian</div>
<div style="background-color: white; line-height: 18.031999588012695px; margin: 0px; padding: 0px;">
 </div>
<div style="background-color: white; line-height: 18.031999588012695px; margin: 0px; padding: 0px;">
Sekian Tutorial "Cara Membuat Rare Page Number Navigation" jika ada pertanyaan silahkan isi pertanyaan kalian pada kolom komentar. Jangan lupa juga untuk Follow Google Plus, dan Share tutorial ini. </div>
<pre class=" language-css" style="background: rgb(242, 242, 242); border: 1px solid rgb(221, 221, 221); clear: both; color: #666666; line-height: 18.031999588012695px; margin-bottom: 15px; margin-right: 15px; margin-top: 15px; overflow: auto; padding: 10px; text-align: justify; word-wrap: normal;"><code class=" language-css" style="color: #126aaf; margin: 0px; padding: 0px;">Style And Javascript Source : Blog Dian Anarchtya</code></pre>
</div>

Cara Membuat Rare Page Number Navigation

Rare berarti langka sebenernya tidak langka cuma bingung mau dinamakan apa, saya mendapatkan CSS dan HTMLnya dari Blog Dian Anarchyta pasti keren, ini mirip juga dengan punya Kang Ismet, silahkan kal…

Membuat Iklan Gambar Seperti Google Adsense

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; color: #555555; line-height: 18.031999588012695px; margin: 0px; padding: 0px; text-align: center;">
<div class="separator" style="clear: both; margin: 0px; padding: 0px;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeNDA4XJ19CbhMsehyphenhypheni1_mN3o-c6y5791uoim53jlSAEsKpaixfwvzYdbtMvq0GitHe3LaBkEWGfIfsJzGSRe10cydc3rOeX1a8oNmo1vk8xQRDxZeGR1cQhHnl0aOZ-fe77drCZ5N-h4/s1600/Icon-adsense.png" imageanchor="1" style="color: #006c8e; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;"><img alt="Iklan Gambar ala Google Adsense" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeNDA4XJ19CbhMsehyphenhypheni1_mN3o-c6y5791uoim53jlSAEsKpaixfwvzYdbtMvq0GitHe3LaBkEWGfIfsJzGSRe10cydc3rOeX1a8oNmo1vk8xQRDxZeGR1cQhHnl0aOZ-fe77drCZ5N-h4/s1600/Icon-adsense.png" style="border: 0px none; height: auto; margin: 0px; max-width: 100%; outline: none; padding: 0px;" title="Iklan Gambar ala Google Adsense" /></a></div>
 </div>
<div style="background-color: white; line-height: 18.031999588012695px; margin: 0px; padding: 0px;">
Hai sahabat Blogger semua, Kali ini saya akan membahas cara "Membuat Iklan Gambar Seperti Google Adsense" dan inilah yang sobat cari, uniknya gambar iklan tersebut akan berubah-ubah setiap kali reload halaman. Cara ini cukup mudah dan bisa dipraktekan bagi blogger pemula maupun professional</div>
<div style="background-color: white; line-height: 18.031999588012695px; margin: 0px; padding: 0px;">
 </div>
<div style="background-color: white; line-height: 18.031999588012695px; margin: 0px; padding: 0px;">
Untuk Pemasangan ikuti tutorial berikut ini :</div>
<div style="background-color: white; line-height: 18.031999588012695px; margin: 0px; padding: 0px;">
 </div>
<div style="background-color: white; line-height: 18.031999588012695px; margin: 0px; padding: 0px;">
1. Masuk ke Blogger</div>
<div style="background-color: white; line-height: 18.031999588012695px; margin: 0px; padding: 0px;">
2. Pilih Tata Letak > Buat Widget Baru / Add Widget / HTML/Javascript</div>
<div style="background-color: white; line-height: 18.031999588012695px; margin: 0px; padding: 0px;">
3. Masukan kode dibawah ini dalam HTML/Javascript</div>
<div style="background-color: white; color: #555555; line-height: 18.031999588012695px; margin: 0px; padding: 0px;">
 </div>
<pre class=" language-javascript" style="background: rgb(242, 242, 242); border: 1px solid rgb(221, 221, 221); clear: both; color: #666666; line-height: 18.031999588012695px; margin-bottom: 15px; margin-right: 15px; margin-top: 15px; overflow: auto; padding: 10px; text-align: justify; word-wrap: normal;"><code class=" language-javascript" style="color: #126aaf; margin: 0px; padding: 0px;"><script type="text/javascript">
var jumlah_iklan = 3;
var waktu_sekarang = new Date()
var detik = waktu_sekarang.getSeconds()
var pasang_iklan = detik % jumlah_iklan;
pasang_iklan += 1;
if (pasang_iklan == 1) {
 url = "http://destato.blogspot.com/2014/06/cara-mengukur-kecepatan-loading-blog.html";
 alt = "Cara Mengukur Kecepatan Loading Blog";
 title = "Cara Mengukur Kecepatan Loading Blog";
 banner = "http://4.bp.blogspot.com/-mYwieyawg84/U3ybJtGe92I/AAAAAAAABFQ/kKXwtDOACys/s1600/dian-anarchyta.png";
 width = "300";
 height = "250";
}
if (pasang_iklan == 2) {
 url = "http://destato.com/2014/06/widget-yang-harus-ada-di-blog.html";
 alt = "Widget Yang Harus Ada di Blog";
 title = "Widget Yang Harus Ada di Blog";
 banner = "http://1.bp.blogspot.com/--hDKmIUbjEY/U3ybPr1KjAI/AAAAAAAABFg/nHFx087tiX4/s1600/Origin-BTemplate.png";
 width = "300";
 height = "250";
}
if (pasang_iklan == 3) {
 url = "http://destato.blogspot.com/2013/12/cara-memperbanyak-followers-google-plus.html";
 alt = "Cara Memperbanyak Followers Google Plus";
 title = "Cara Memperbanyak Followers Google Plus";
 banner = "http://3.bp.blogspot.com/-sRTcKjWzSfs/U3ybMb0wdAI/AAAAAAAABFY/zkCb_uJJ9h8/s1600/fiseo-mag.png";
 width = "300";
 height = "250";
}
document.write('<a href=\"' + url + '\" target=\"_blank\" rel=\"nofollow\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('title=\"' + title + '\" alt=\"' + alt + '\"></a>');
</script></code></pre>
<div class="keterangan" style="background: rgb(130, 130, 130); border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; color: white; line-height: 18.031999588012695px; margin: 0px; padding: 15px;">
 Keterangan url : silahkan ganti dengan url tujuan iklan. alt : silahkan tulis keterangan gambar. title : silahkan tulis judul gambar. banner : silahkan ganti url gambar. width : Lebar gambar. height : Tinggi gambar.</div>
 Sekian Tutorial "Membuat Iklan Gambar Seperti Google Adsense" jangan lupa like, dan share tutorial ini, agar sobat blogger lainnya dapat mengetahui tutorial ini. 
 
 
<pre class=" language-css" style="background: rgb(242, 242, 242); border: 1px solid rgb(221, 221, 221); clear: both; color: #666666; line-height: 18.031999588012695px; margin-bottom: 15px; margin-right: 15px; margin-top: 15px; overflow: auto; padding: 10px; text-align: justify; word-wrap: normal;"><code class=" language-css" style="color: #126aaf; margin: 0px; padding: 0px;">Source : http://the-anarchyta.blogspot.com/2014/05/iklan-gambar-ala-google-adsense.html</code></pre>
</div>

Membuat Iklan Gambar Seperti Google Adsense

Hai sahabat Blogger semua, Kali ini saya akan membahas cara "Membuat Iklan Gambar Seperti Google Adsense" dan inilah yang sobat cari, uniknya gambar iklan tersebut akan berubah-ubah setiap kali reloa…

Load more posts