Berbagi Tutorial Bloggies:

Showing posts with label - Tutorial -. Show all posts

Memasang Domain CO.VU Gratis Selamanya

<div dir="ltr" style="text-align: left;" trbidi="on">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3LXHCC1uyXrvZKRsgna-NoytiibPw8fzF7eZ1HJUJi2UZ3AqGOoJcPAqOR50vOFvrdlWS2bNrjt26Cwmg9jUTOaSpxPGGUDvuxIs_EK15AseqIUdY80FI_aa5Foydq9RNRRpMxHzRhgU/s1600/bertubies.blogspot.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Memasang Domain Gratis Selamanya" height="103" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3LXHCC1uyXrvZKRsgna-NoytiibPw8fzF7eZ1HJUJi2UZ3AqGOoJcPAqOR50vOFvrdlWS2bNrjt26Cwmg9jUTOaSpxPGGUDvuxIs_EK15AseqIUdY80FI_aa5Foydq9RNRRpMxHzRhgU/s400/bertubies.blogspot.png" title="Cara Memasang Domain CO.VU Gratis Selamanya" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Contoh Domain (dot)CO(dot)VU</td></tr>
</tbody></table>
<br />
<div>
<div style="text-align: justify;">
<b>Memasang Domain CO.VU Gratis Selamanya</b> - Layanan pemberi domain gratis ini sangat membantu blogger yang menyukai hal yang simple tanpa mengeluarkan biaya. Domain ini membuat link blog menjadi lebih pendek contohnya <i>bertubies.blogspot.com</i> menjadi <i>www.bertubies.co.vu </i>sehingga blog pun terlihat lebih professional. Untuk menambah sedikit pengetahuan tentang co.vu ini, saya akan memberitahu arti vu yang ada dibelakang domain. Jadi, kata "VU" merupakan singkatan dari Vanuatu, sebuah negara yang berada di kawasan lautan pasifik dekat Australia.</div>
<div style="text-align: justify;">
<br />
<br /></div>
<div style="text-align: justify;">
<b>Cara Mendaftarkan Domain dan Akun</b></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
1. Kunjungi <a alt="Cara mendaftarkan domain gratis co.vu" href="http://codotvu.com/" rel="nofollow" target="_blank" title="Cara Mendaftarkan Domain dan Akun di co.vu">CODOTVU</a><br />
2. Isi kotak "Enter a Domain Name" dengan nama domain yang diinginkan. Contoh:  bertubies<br />
3. Klik Search.<br />
4. Kalau alamat tersedia, klik Register Now. Kalau tidak tersedia, coba buat nama lain.<br />
5. Isi Username, Email, dan Password Anda di kotak formulir. Jika ingin cara cepat, Anda bisa daftar dengan menggunakan akun facebook.<br />
6. Klik Create Account.<br />
7. Kemudian, Anda buka Email Anda untuk verifikasi akun tersebut.<br />
8. Selesai. Sekarang Anda sudah punya akun dan domain baru.<br />
<br />
Tapi, belum seluruhnya selesai. Sekarang Anda harus mengarahkan domain tersebut untuk mengganti domain lama Anda.<br />
<br />
<br />
<b> Custom Domain Blogger: </b><b>Cara Mengganti Blogspot ke CO.VU</b><br />
<br />
1. Masuk ke akun Blogger Anda. Tapi jangan tutup website CODOTVU nya.<br />
2. Klik blog yang akan dirubah.<br />
3. Klik Settings/ Setelan.<br />
4. Pada tab Basic terdapat menu Penerbitan/ Publishing, klik +Set up a third-party URL for your blog<br />
6. Masukkan alamat co.vu Anda. Contoh: www.bertubies.co.vu<br />
7. Klik Simpan.<br />
8. Akan ada pesan error. Tapi, jangan khawatir. Terdapat 2 kolom yang berisi kode-kode, Copy kode-kode tersebut kemudian kembali ke website codotvu (Lihat Gambar)<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0vDFApak3i4QBSrnwFRLZZ7fny38_N_agcyNf5ozcL5YAn5nPupJcKt6OKO_jh3YAdVXLM0_VwTKuvep1_1K4xkLnlwwdWrbyoZWT8DMCW7PrpIlIU4paDp-oMyRb0wNuensybzR2jLo/s1600/bertubies.blogspot.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara mudah custom domain blogger 2015" height="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0vDFApak3i4QBSrnwFRLZZ7fny38_N_agcyNf5ozcL5YAn5nPupJcKt6OKO_jh3YAdVXLM0_VwTKuvep1_1K4xkLnlwwdWrbyoZWT8DMCW7PrpIlIU4paDp-oMyRb0wNuensybzR2jLo/s320/bertubies.blogspot.png" title="Cara mudah custom domain blogger 2015" width="320" /></a></div>
9. Pada website codotvu, Paste kode-kode tadi di kolom yang disediakan (Lihat Gambar)<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjruwYd0UEnP0tgOMtslPCSUjv9ZWyQiYeYAmJl5wTTPW56RKS92hNXlNTGDZy4s1chy8twY45kM8KjithKtL-3mo-nbIyzXKfY3eH_vykWrXYRBwkMBHx2vLJkipodQZhJxey3qnZjMe8/s1600/bertubies.blogspot.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara mendapatkan domain gratis 2015" height="102" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjruwYd0UEnP0tgOMtslPCSUjv9ZWyQiYeYAmJl5wTTPW56RKS92hNXlNTGDZy4s1chy8twY45kM8KjithKtL-3mo-nbIyzXKfY3eH_vykWrXYRBwkMBHx2vLJkipodQZhJxey3qnZjMe8/s400/bertubies.blogspot.png" title="Cara mendapatkan domain gratis 2015" width="400" /></a></div>
10. Kemudian Klik Create Verification CNAME.<br />
11. Anda kembali lagi ke Blogger.<br />
12. Klik Simpan.<br />
13. Jika sudah tersimpan, klik Edit.<br />
14. Centang kotak check box dengan tulisan Redirect bertubies.co.vu to www.bertubies.co.vu.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTZUKP0MnVt9O4pt0bs8Yn6jdhWNl6_qjU8RPZMA8-gdq8SXT0aXvSprClcvlHpVyVeUiJ2Pz7ZoaSqM9BceIIRYvnCQ-TxQNmPuNtxVFc98DxtSb4kSwEXOwJXu05NmeZwW0d7zBu8dM/s1600/bertubies.blogspot.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Terbaru Custom Domain Co.Vu" height="171" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTZUKP0MnVt9O4pt0bs8Yn6jdhWNl6_qjU8RPZMA8-gdq8SXT0aXvSprClcvlHpVyVeUiJ2Pz7ZoaSqM9BceIIRYvnCQ-TxQNmPuNtxVFc98DxtSb4kSwEXOwJXu05NmeZwW0d7zBu8dM/s400/bertubies.blogspot.png" title="Cara Terbaru Custom Domain Blogger Menjadi Co.Vu" width="400" /></a></div>
15. Klik Simpan. Selesai.<br />
<br />
<br />
<div style="text-align: center;">
===</div>
</div>
</div>
</div>

Memasang Domain CO.VU Gratis Selamanya

Contoh Domain (dot)CO(dot)VU Memasang Domain CO.VU Gratis Selamanya - Layanan pemberi domain gratis ini sangat membantu blogger yan...

00:03

Membuat Daftar Isi atau Sitemap Blog Responsive

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHk7P-LsYbShqfDOP5tymUrQvB46_6Kd9F-ciHQFFU3eSEnZZMJMG3piInITlxO_u_bs-6zcEJQIQ5pmvPabnyzcijZYVB4ZmvLDVYsIz1ilrdVo2pvnNTnfok2hBWR-VGUCc0qxa5Y6g/s1600/Daftar+Isi+Bertubies.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Memasang daftar isi responsive di blog" height="252" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHk7P-LsYbShqfDOP5tymUrQvB46_6Kd9F-ciHQFFU3eSEnZZMJMG3piInITlxO_u_bs-6zcEJQIQ5pmvPabnyzcijZYVB4ZmvLDVYsIz1ilrdVo2pvnNTnfok2hBWR-VGUCc0qxa5Y6g/s1600/Daftar+Isi+Bertubies.png" title="Daftar Isi atau Sitemap Blog Responsive" width="320" /></a></div>
<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="http://bertubies.blogspot.com/p/daftar-isi-bertubies.html" target="_blank">Demo</a></li>
</ul>
</div>
<br />
<br />
<br />
<span style="text-align: justify;">Cara Membuat Daftar Isi atau Sitemap Blog Responsive dan Keren - Tutorial ini akan menampilkan semua judul artikel berdasarkan label blog Anda secara terurut dari huruf A-Z. Selain itu, tutorial ini akan sangat berguna untuk saat ini karena sudah banyak sekali para blogger yang menggunakan template yang sudah responsive pada smartphone android dan tablet. Jadi, ini akan sangat cocok untuk dipasang pada blog Anda yang menggunakan template canggih sekarang ini dengan menggunakan script daftar isi yang akan saya share.</span><br />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Kenapa harus responsive? tentunya agar daftar isi (sitemap) Anda bisa tampil dengan sempurna saat pengunjung mengunjungi laman daftar isi Anda melalui smartphone. Jadi, dengan menggunakan D<b>aftar Isi Responsive</b> ini, Anda dapat menyajikan daftar isi blog Anda sesuai dengan keadaan pengguna dan pembaca blog Anda agar lebih nyaman dan mudah dalam membaca artikel di blog Anda.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Langsung saja ikuti tutorial <b>Membuat Daftar Isi atau Sitemap Blog Responsive.</b></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
1. Masuk ke akun Blogger Anda.</div>
2. Terdapat dua pilihan tempat untuk memasang script daftar isi ini.<br />
<ul style="text-align: left;">
<li>Klik "New Post" > Klik tab "HTML" bukan Compose. (Pasang di Halaman Postingan)</li>
<li>Klik "Pages" > Pilih "New Page" > Klik tab "HTML" bukan Compose. (Pasang di Halaman Statis)</li>
</ul>
3. Copy kode berikut.
<br />
<pre><div dir="ltr" style="text-align: left;" trbidi="on">
<style type="text/css">
#toc{
width:99%;
margin:5px auto;
border:1px solid #FF427E;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
}
.labl{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#F9D7E3 0%,#FA8AA8 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#FA8AA8),color-stop(1,#F9D7E3));
border:1px solid #FF427E;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;
}
.labl a{
color:#fff;
}
.labl:first-letter{t
ext-transform:uppercase;
}
.new{
color:#F83777;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#F9D7E3 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#F9D7E3));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}
</style>

<div id="toc">
<script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script>
<script src="http://<span style="color: red;"><b>bertubies.blogspot.com</b></span>/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>
</div>
</pre>
<br />
4. Ganti tulisan berwarna <span style="color: red;">merah</span> dengan URL blog Anda.<br />
5. Simpan dan lihat hasilnya.<br />
<br />
<br />
<div style="text-align: center;">
===</div>
<br />
<br /></div>

Membuat Daftar Isi atau Sitemap Blog Responsive

Demo Cara Membuat Daftar Isi atau Sitemap Blog Responsive dan Keren - Tutorial ini akan menampilkan semua judul artikel berdasa...

22:09

Cara Membuat Tombol DEMO DOWNLOAD Valid HTML5

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Cara Membuat Tombol DEMO dan DOWNLOAD yang Valid HTML5 - Sudah banyak tutorial yang menyajikan cara membuat tombol "<span style="background-color: #e06666;">Demo</span>" dan "<span style="background-color: #e06666;">Download</span>" dengan berbagai tampilan yang berbeda. Berhubung blog saya memakai tutorial yang akan saya sampaikan ini, maka saya ingin membagikannya juga kepada Anda yang belum tahu cara membuat tombol ini.<br />
<br />
<div style="text-align: center;">
<span style="font-size: large;">Preview</span></div>
<br /></div>
<div style="text-align: center;">
<ul class="button">
<li><a alt="cara menampilkan postingan menjadi 1 halaman penuh" class="demo" href="http://bertubies.blogspot.com/p/tentang-bertubies.html" target="_blank" title="Contoh Tampilan Postingan Menjadi 1 Halaman Penuh">Demo</a></li>
<li><a alt="cara menampilkan postingan menjadi 1 halaman penuh" class="download" href="http://bertubies.blogspot.com/p/tentang-bertubies.html" target="_blank" title="Contoh Tampilan Postingan Menjadi 1 Halaman Penuh">Download</a></li>
</ul>
</div>
<div style="text-align: justify;">
<br />
<br />
<br />
Ikuti langkah-langkah berikut ini.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
1. Masuk ke akun blog Anda.</div>
<div style="text-align: justify;">
2. Pada Dashboard, klik Template > Edit HTML.</div>
<div style="text-align: justify;">
3. Cari kode <span style="color: red;">]]></b:skin></span><br />
4. Tambahkan kode di bawah ini diatas ]]></b:skin>
<br />
<pre>/*Download Demo Button*/
.button{float:left;list-style:none;text-align:center;width: 100%;margin:5px 0;padding:0;font-size:14px;clear:both;}
.button ul {margin:0;padding:0}
.button li{display:inline;margin:0;padding:0}
.demo {border: none; border-radius:2px;padding: 8px 80px !important; background: #E55E48; color: #fff !important;text-align: center; text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); transition:background-color 1s ease-out 0s;letter-spacing:1px; }
.download {border: none; border-radius:2px;padding: 8px 80px !important; background: #5FAAE3; color: #fff !important;text-align: center; text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); transition: background-color 1s ease-out 0s; letter-spacing:1px;}
.demo:hover { background: #454242; text-shadow: 0 0 1px #222}
.download:hover { background: #454242; text-shadow: 0 0 1px #222}</pre>
<br />
5. Untuk penggunaannya, copy kode berikut di postingan pada mode <b>HTML</b> bukan Compose.
<br />
<pre><div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="URL yang dituju" target="_blank">Demo</a></li>
<li><a class="download" href="URL yang dituju" target="_blank">Download</a></li>
</ul>
</div></pre>
<br />
6. Simpan. Selesai.<br />
<br />
<br />
<div style="text-align: center;">
===</div>
</div>
</div>

Cara Membuat Tombol DEMO DOWNLOAD Valid HTML5

Cara Membuat Tombol DEMO dan DOWNLOAD yang Valid HTML5 - Sudah banyak tutorial yang menyajikan cara membuat tombol " Demo " dan ...

23:42

Cara Memasang HTML Color Picker

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
HTML Color Picker adalah sebuah perangkat lunak untuk mencari kode warna HTML. Kode warna HTML sangatlah banyak dan saya rasa untuk menghafal semua kode tersebut merupakan hal yang cukup sulit. Namun, tak perlu khawatir karena blog ini menyediakan aplikasi sederhana untuk menemukan kode warna HTML dengan mudah, yang dinamakan HTML Color Picker. Aplikasi ini cukup keren untuk mendeteksi suatu warna untuk diambil kodenya. Anda dapat bereksperimen mencari kode warna yang diinginkan dengan mengikuti cara penggunaannya. Selain itu, blog ini menyediakan kode script aplikasi HTML color picker untuk memudahkan Anda menyimpan aplikasi ini di blog.</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<span style="text-align: justify;">Berikut ini adalah langkah untuk memasang tool </span><b style="text-align: justify;">HTML Color Picker.</b><br />
<span style="text-align: justify;"><br /></span>
<span style="text-align: justify;">1. Login ke akun Blogger Anda.</span><br />
<span style="text-align: justify;">2. Copy kode script di bawah ini. Silakan pilih salah satu.</span><br />
<br />
<div style="text-align: center;">
Kode Aplikasi HTML Color Picker</div>
<div style="text-align: center;">
Kedua versi berikut ini adalah kode tool html color picker yang sudah umum digunakan.<br />
<br />
<span style="font-size: large;">Versi 1</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik2QvyIOKEmSn2d9LdiJyGk-GDop2NxnQDZ1l0-U9lICZlj_6YHC-mpMmWSKYpMbHOn8RU63ZsxAxcpNJ2WgoGmw0cVk3eu5yqIwVQa5bBUdLwXt32bqz_B7UYT5hqU8cLzk1S9Nw6ncg/s1600/bertubies.blogspot.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Kumpulan tool kode warna HTML Color Picker" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik2QvyIOKEmSn2d9LdiJyGk-GDop2NxnQDZ1l0-U9lICZlj_6YHC-mpMmWSKYpMbHOn8RU63ZsxAxcpNJ2WgoGmw0cVk3eu5yqIwVQa5bBUdLwXt32bqz_B7UYT5hqU8cLzk1S9Nw6ncg/s1600/bertubies.blogspot.png" title="Cara Memasang HTML Color Picker versi 1" width="169" /></a></div>
<pre><object border="0" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="420" id="obj1" width="420"> <param value="http://www.2createawebsite.com/build/color.swf" name="movie"><param value="High" name="quality"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="High" src="http://www.2createawebsite.com/build/color.swf" name="obj1" type="application/x-shockwave-flash" width="420" height="420"> </object> <object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="420" id="col" width="420"> <param value="sameDomain" name="allowScriptAccess"><param value="http://www.2createawebsite.com/build/col.swf" name="movie"><param value="high" name="quality"><param value="#ffffff" name="bgcolor"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" src="http://www.2createawebsite.com/build/col.swf" bgcolor="#ffffff" name="col" width="420" align="middle" height="420"> </object>
</pre>
<div style="text-align: center;">
<br />
<div style="text-align: left;">
<div style="text-align: center;">
<span style="font-size: large;">Versi 2</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4jKkuOsNJeknNmw5-yBioVoexp_1QtPkHA4t3kyoOLOGYdLgbVv07EPcyanS_E7fwHx_LblT6l937OM6WOenFqEaaEQ4LybLB_-k0vGpslknNd1l7k4iyZ6M0-ImOXKn2JJUa_DdIpsk/s1600/bertubies.blogspot.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="kumpulan kode tool warna HTML Color Picker" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4jKkuOsNJeknNmw5-yBioVoexp_1QtPkHA4t3kyoOLOGYdLgbVv07EPcyanS_E7fwHx_LblT6l937OM6WOenFqEaaEQ4LybLB_-k0vGpslknNd1l7k4iyZ6M0-ImOXKn2JJUa_DdIpsk/s1600/bertubies.blogspot.png" title="Cara Memasang HTML Color Picker Versi 2" width="198" /></a></div>
<pre><div style="text-align: center;">

generator/v1/trixcgv1.swf"><param name="quality" value="high"><param name="bgcolor" value="#cccccc"><embed src="http://e-infotainment.com/applications/color-code-generator/v1/trixcgv1.swf"

quality="high" bgcolor="#cccccc"

width="400"

height="400"

name="flash" align="middle" play="true" loop="false" quality="high"   type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></object></div></pre>
<br />
3. <span style="text-align: justify;">Anda dapat memasang tool ini di dalam postingan, caranya:</span></div>
<div style="text-align: left;">
</div>
<ul style="text-align: left;">
<li><span style="text-align: justify;">Klik New Post > Klik HTML bukan Compose > Paste kode script tool</span></li>
</ul>
<div style="text-align: left;">
<span style="text-align: justify;">Atau Anda dapat memasang tool ini di dalam laman, caranya:</span></div>
<div style="text-align: left;">
</div>
<ul style="text-align: left;">
<li><span style="text-align: justify;">Klik Laman/ Pages > Klik Laman Baru/ New Pages > Paste kode script tool</span></li>
</ul>
<br />
<div style="text-align: left;">
<span style="text-align: justify;">4. Save dan lihat hasilnya.</span></div>
<div style="text-align: left;">
<span style="text-align: justify;"><br /></span></div>
<div style="text-align: left;">
<span style="text-align: justify;"><br /></span></div>
<span style="color: red;">UPDATE!</span> Jika ingin mendapatkan tool kode warna (HTML Color Picker) seperti di atas tapi yang <b>Valid HTML5</b> dan <b>Responsive</b> silakan coba tutorial cara <a alt="cara membuat tool kode warna responsive" href="http://bertubies.blogspot.com/2015/02/membuat-tool-kode-warna-valid-html5-dan-responsive.html" target="_blank" title="cara membuat tool kode warna valid HTML5 dan responsive">Membuat Tool Kode Warna Valid HTML5 dan Responsive</a> Semoga bermanfaat.<br />
<br />
===</div>
<br /></div>

Cara Memasang HTML Color Picker

HTML Color Picker adalah sebuah perangkat lunak untuk mencari kode warna HTML. Kode warna HTML sangatlah banyak dan saya rasa untuk mengha...

22:00

Memasang Halaman Statis Menjadi Homepage Blog

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Sebelum mengikuti tutorial kali ini, Anda harus membuat sebuah halaman statis terlebih dahulu. Membuat halaman statis di Blogger itu sangatlah mudah karena Blogger pun sudah menyediakan fitur untuk membuat halaman statis. Di dashboard Blogger yang versi Bahasa Indonesia, <b>Halaman Statis</b> ini bernama <b>Laman</b>. Sedangkan, untuk yang versi Bahasa Inggris halaman statis ini bernama <b>Pages</b>.</div>
<div style="text-align: justify;">
<br />
Tapiii, apa itu Halaman Statis? Silakan pahami dulu <a alt="pembahasan lengkap tentang pengertian halaman statis" href="http://bertubies.blogspot.com/2015/02/pembahasan-tentang-halaman-statis.html" target="_blank" title="Penjelasan tentang pengertian fungsi halaman statis dan perbedaan dengan halaman post">Pembahasan Lengkap Tentang Halaman Statis</a> Setelah itu, silakan mencoba tutorial ini.</div>
<div style="text-align: justify;">
<br />
Dengan memasang halaman statis menjadi homepage (beranda) blog, setiap pengunjung yang membuka homepage blog Anda akan diarahkan menuju halaman statis Anda. Untuk menerapkannya, Anda perlu mengkonfigurasikannya. Oleh karena itu, saya akan berbagi cara untuk <u>menampilkan 1 halaman statis pada homepage blog tanpa ada jejeran postingan yang lain</u>. Dengan begitu, homepage blog Anda akan terlihat lebih rapi.<br />
<br />
Langsung aja ikuti langkah-langkahnya.<br />
<br />
1. Anda diharuskan <a alt="cara menampilkan halaman statis di blogger" href="http://bertubies.blogspot.com/2015/02/cara-membuat-halaman-statis-di-blogger.html" target="_blank" title="Cara Mudah Membuat Halaman Statis di Blogger">Membuat Halaman Statis di Blogger</a> terlebih dahulu.<br />
2. Sudah selesai membuat halaman statisnya? sekarang saatnya mengetahui bagaimana agar homepage blog Anda hanya menampilkan sebuah halaman statis yang tadi Anda buat.<br />
3. Pada dashboard blog, pilih Layout > Add a Gadget (di bawah Header) > Pages > centang 1 page/ laman yang ingin ditampilkan di home > klik Save (lihat gambar untuk lebih jelasnya)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQifAykdFjJhvGm3bl85LW9aF59NbYBxu3ztj97w4_sAFWZycblwhRK6s0Q8xWi9LuFXwM5fMbYUc0yR9WQVNnRaOiwD11Kv-7Aa3GLdpz63DazJgVM-Az5FSyMxNlqWQFJ-0LQv6mnmg/s1600/bertubies.blogspot.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara membuat 1 artikel halaman statis menjadi homepage blog" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQifAykdFjJhvGm3bl85LW9aF59NbYBxu3ztj97w4_sAFWZycblwhRK6s0Q8xWi9LuFXwM5fMbYUc0yR9WQVNnRaOiwD11Kv-7Aa3GLdpz63DazJgVM-Az5FSyMxNlqWQFJ-0LQv6mnmg/s1600/bertubies.blogspot.png" title="Cara mudah membuat sebuah artikel halaman statis menjadi homepage blog" width="400" /></a></div>
<br />
4. Selanjutnya merupakan bagian yang penting agar semua postingan tetap bisa diakses dengan mudah oleh pengunjung. Caranya Anda klik lagi Layout > Add a Gadget (di Sidebar) > Pages > Isi judul > Klik <span style="color: blue;">+Add external link</span> > isi Page Title > isi Web address (URL) > Klik Save Link > Klik Save.<br />
<div style="text-align: center;">
Silakan liat gambar untuk lebih jelasnya</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLaIEDnv-_PnouptPlK4f5AzEeDRdMAc8tCFZKq5SHnAk_2b1zGc2HhFS9vVEAUhBabpwj5vl5MBNXDffJt7Vhnj6JAg0zWqnyJNJm_cNYvwgBX4Fdl9WODHx2Pzdo7AHlqb707xSTYII/s1600/bertubies.blogspot.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara menjadikan laman pages blog muncul di beranda" height="251" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLaIEDnv-_PnouptPlK4f5AzEeDRdMAc8tCFZKq5SHnAk_2b1zGc2HhFS9vVEAUhBabpwj5vl5MBNXDffJt7Vhnj6JAg0zWqnyJNJm_cNYvwgBX4Fdl9WODHx2Pzdo7AHlqb707xSTYII/s1600/bertubies.blogspot.png" title="Cara Menjadikan Laman Pages Blog Muncul di Halaman Utama" width="400" /></a></div>
<br /></div>
</div>
5. Belum selesai sampai disitu saja, tetap pada dashboard blogger.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxfKC6G4V-vBqAtey3hV42J9LBAisW-8h7kCt-A5a3Mqx99mrzMfnaTIQ1bP0hKyRQ4le9p0UXYQypGl39oy8vVfgf1Mda6huvgujQ-oawS8rayHMEYquYjT5NJB4ic0GcgmbarLWmngU/s1600/bertubies.blogspot.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara membuat laman jadi homepage di blogger terbaru" height="233" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxfKC6G4V-vBqAtey3hV42J9LBAisW-8h7kCt-A5a3Mqx99mrzMfnaTIQ1bP0hKyRQ4le9p0UXYQypGl39oy8vVfgf1Mda6huvgujQ-oawS8rayHMEYquYjT5NJB4ic0GcgmbarLWmngU/s1600/bertubies.blogspot.png" title="Cara terbaru untuk membuat laman jadi homepage blog" width="400" /></a></div>
<br />
Pilih Settings > Search Preferences > Pada Custom Redirects klik Edit > Selanjutnya ikuti langkah di bawah:<br />
<ul style="text-align: left;">
<li style="text-align: justify;">From: Anda hanya perlu ketik garis miring slash / saja. Ingat ya, hanya ketik<b><span style="color: red;"> /</span></b></li>
<li style="text-align: justify;">To: Anda ketikkan seperti ini: <span style="color: red;">/p/tentang-bertubies.html</span> (ini diisi dengan laman yang ingin ditampilkan)</li>
<li style="text-align: justify;">Permanen: centang box.</li>
<li style="text-align: justify;">Klik Save</li>
</ul>
Kemudian Anda klik<b> New Redirect/ </b>Pengalihan Baru, kemudian ikuti langkah di bawah:<br />
<ul style="text-align: left;">
<li style="text-align: justify;">From: Berdasarkan web address yang di langkah no. 4 Anda hanya perlu ketik: <span style="color: red;">/artikel</span></li>
<li style="text-align: justify;">To: Anda akan diarahkan menuju homepage asli blog Anda misalnya: http://bertubies.blogspot.com/ Untuk mencapai itu ketikkan <span style="color: red;">/index.html</span></li>
<li style="text-align: justify;">Permanent: centang box</li>
<li style="text-align: justify;">Klik Save.</li>
</ul>
<div style="text-align: justify;">
6. Sudah mengikuti semua langkah di atas? selesai. Klik Save Changes.</div>
<div style="text-align: justify;">
7. Dan sekarang setiap pengunjung mengklik URL blog Anda (masuk ke Home) yang muncul adalah halaman statis Anda. Jika ada yang masih bingung. Perhatikan gambar di bawah:</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: center;">
Tampilan Layout saya setelah ditambahkan widget Pages dengan fitur External link.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZGSf488-B6uXYRPUo7vglCsNLYViu5UAFd2hDMK2Hg0NT7dkIlKMQet24gfSks74fgyJjXzBDHkUZSrrGE4hmv4rdhyfbGPCSk64aNNDRaMFdxQheba0lh63pmEwoo7OUO_8SzyDBkQo/s1600/bertubies.blogspot.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara mudah memasang halaman statis" height="123" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZGSf488-B6uXYRPUo7vglCsNLYViu5UAFd2hDMK2Hg0NT7dkIlKMQet24gfSks74fgyJjXzBDHkUZSrrGE4hmv4rdhyfbGPCSk64aNNDRaMFdxQheba0lh63pmEwoo7OUO_8SzyDBkQo/s1600/bertubies.blogspot.png" title="cara mudah memasang halaman statis di beranda blogger" width="400" /></a></div>
<br />
<br />
<div style="text-align: center;">
Tampilan Sidebar Blog Saya</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4CfhaWtDBt0N_aQUWYLuz6KI-b6-eUYwR3ELg8q384mbijVpdVrGpKvsUK2opqZ7A_S2lSNMlh4TPPxoNg9U1H05uKaRGyhkAusF9TciIVvMIn7lNS_Bkr4765qPyxxXV7vw1-GqKnPk/s1600/bertubies.blogspot.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="tutorial lengkap membuat page berada di homepage blog" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4CfhaWtDBt0N_aQUWYLuz6KI-b6-eUYwR3ELg8q384mbijVpdVrGpKvsUK2opqZ7A_S2lSNMlh4TPPxoNg9U1H05uKaRGyhkAusF9TciIVvMIn7lNS_Bkr4765qPyxxXV7vw1-GqKnPk/s1600/bertubies.blogspot.png" title="Cara Membuat Page berada di Homepage Blog" width="320" /></a></div>
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
8. Untuk mengetes apakah Anda berhasil atau tidak. Silakan Anda tulis domain blog Anda contoh: http://bertubies.blogspot.com/ atau masuk ke home blog Anda, apakah yang muncul halaman statisnya? trus pada widget pages yang ada di sidebar coba Anda klik kedua linknya, apakah hasilnya sudah sesuai dengan langkah-langkah di atas?</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Semoga berhasil dan bermanfaat untuk Anda. Silakan klik <a href="http://www.blogger.com/follow-blog.g?blogID=2686144785615304559"><img alt="Join This Site" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7tFyQntQT9Gh3VA8pnyBzIgcNZCP_KKsxaekGm0rcQqZPpRVQ8eqTBwOEvoEjCw8mVp-5tbSp7gz37zxLHP8vmglkX74h1wFWK7U9Sjxsd2ImK4MY0vb4fHDhFCZGmLUhWACXmI4FFwk/s800/Join%2520This%2520Site.png" title="Join This Site" /></a> Untuk mendapatkan artikel terkini/ terupdate dari blog ini. Mohon bantuan kliknya ya. Terima Kasih.</div>
<br /></div>
<br />
<div style="text-align: center;">
===</div>
<br />
<br /></div>

Memasang Halaman Statis Menjadi Homepage Blog

Sebelum mengikuti tutorial kali ini, Anda harus membuat sebuah halaman statis terlebih dahulu. Membuat halaman statis di Blogger itu sa...

23:39

Cara Membuat Halaman Statis di Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Saya akan sedikit bercerita dulu. Sebenarnya, saya pernah dipusingkan oleh halaman statis ini. Jadi ceritanya, pada suatu saat, saya blogwalking dari buku tamu blog yang satu ke yang lainnya untuk menyapa pemilik blog supaya blog saya dikunjungi balik <strike>(jujur banget)</strike>. Nah, disitulah saya menemukan link seperti ini: <u>http://namablogdisamarkan/p/buku-tamu</u>. Trus saya berpikir, wah gimana caranya bikin artikel menggunakan link seperti itu dan saya heran mengapa judul artikel buku tamu tersebut tidak ada di Archive Blognya. Saya jadi tertarik untuk membuatnya juga. Kemudian saya cari di google dengan berbagai macam keyword (pada saat itu saya belum tau kalo itu namanya halaman statis). Alhamdulillah ketemu tutorialnya dan sekaligus membuat saya bengong "Apa? Blogger sudah menyediakan fitur halaman statis ini? Jadi, gue selama ini kemana aja? masa baru tau hal ini" Itulah suara batin saya. <strike>hehehe</strike></div>
<div>
<div style="text-align: justify;">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx0hxuPaglXb2ryIBteklDITwuliwhttnBvGOqelIbk-bc4zqkDHyVRm2vgRrrJ8EnrRhCzCsUAfAesnVcirBx8ALNHXANpae_r446mgtWtV5TpznOa_HnMiQh3TwGuFn_GShQ8qCHluc/s1600/bertubies.blogspot.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="cara memasang halaman statis di blog" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx0hxuPaglXb2ryIBteklDITwuliwhttnBvGOqelIbk-bc4zqkDHyVRm2vgRrrJ8EnrRhCzCsUAfAesnVcirBx8ALNHXANpae_r446mgtWtV5TpznOa_HnMiQh3TwGuFn_GShQ8qCHluc/s1600/bertubies.blogspot.png" title="Contoh Link Halaman Statis di Blogger" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Inilah contoh LINK Halaman Statis</td></tr>
</tbody></table>
</div>
<div style="text-align: justify;">
Berdasarkan pengalaman saya tersebut, saya ingin berbagi Cara Membuat Halaman Statis di Blogger. Mungkin sudah banyak yang mengetahui cara ini. Tapi, semoga artikel ini bermanfaat bagi yang belum mengetahui tutorial ini. Fiturnya saya tulis dalam bahasa Indonesia dan Inggris. Silakan simak caranya. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
1. Login ke akun Blogger Anda.</div>
<div style="text-align: justify;">
2. Pada Dashboard Blog, pilih<b> Laman</b>/ <b>Pages</b>.</div>
<div style="text-align: justify;">
3. Kemudian klik <b>Laman Baru</b>/ <b>New Page</b>.<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib6un3FYgXZcR-uSKoCpdju9KnnH6eeQBqHxaIec0fqIyo1ADpnjeR4un5spde29Td00tu9WUp2_CduuHyfz1IbFdikRycRO0Bfw44dkGZU31Rpdf36f7R-PFo7gxhQUs4zRiorStiVQI/s1600/bertubies.blogspot.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara membuat halaman statis di blogger" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib6un3FYgXZcR-uSKoCpdju9KnnH6eeQBqHxaIec0fqIyo1ADpnjeR4un5spde29Td00tu9WUp2_CduuHyfz1IbFdikRycRO0Bfw44dkGZU31Rpdf36f7R-PFo7gxhQUs4zRiorStiVQI/s1600/bertubies.blogspot.png" title="Cara Membuat Halaman Statis (Static Page) di Blogger" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Preview: Cara membuat halaman statis</td></tr>
</tbody></table>
</div>
<div style="text-align: justify;">
4. Akan muncul kotak untuk mengisi artikel, isilah sesuai kebutuhan Anda. Biasanya kebanyakan blogger menggunakan halaman statis sebagai tempat untuk memasang buku tamu (chatbox), profil blog, kontak blog. Sebaiknya Anda ketik <u>judul</u> artikelnya dulu karena kalimat pertama yang Anda ketik akan menjadi link addressnya. Jadi, agar judul dan linknya sama, saran saya isi kotak judul dulu.<br />
5. Jika sudah, lihat tab sebelah kanan, silakan Anda isi <b>Search Description</b>. Isilah dengan keyword yang menggambarkan isi artikel halaman statis Anda.<br />
6. Kemudian lihat pada tab <b>Options</b> >> Reader Comment >> Pilih don't allow, hide existing. Pilihan ini untuk menutup kotak komentar sehingga pengunjung tidak bisa memberikan komentar pada artikel halaman statis Anda.<br />
7. Simpan klik <b>Save</b>.<br />
<br />
<div style="text-align: justify;">
Jika Anda ingin 
<a alt="cara terbaru untuk memunculkan page di beranda blog" href="http://bertubies.blogspot.com/2015/02/memasang-halaman-statis-menjadi-homepage-blog.html" target="_blank" title="Cara terbaru memunculkan halaman statis di homepage blog">Memasang Halaman Statis Menjadi Homepage</a>, silakan klik linknya karena sudah saya jelaskan secara detail disana.<br />
<br />
Semoga berhasil dan bermanfaat untuk Anda. Silakan klik <a href="http://www.blogger.com/follow-blog.g?blogID=2686144785615304559"><img alt="Join This Site" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7tFyQntQT9Gh3VA8pnyBzIgcNZCP_KKsxaekGm0rcQqZPpRVQ8eqTBwOEvoEjCw8mVp-5tbSp7gz37zxLHP8vmglkX74h1wFWK7U9Sjxsd2ImK4MY0vb4fHDhFCZGmLUhWACXmI4FFwk/s800/Join%2520This%2520Site.png" title="Join This Site" /></a> Untuk mendapatkan artikel terkini/ terupdate dari blog ini. Mohon bantuan kliknya ya. Terima Kasih.</div>
<br />
<div style="text-align: center;">
===</div>
<br /></div>
</div>
</div>

Cara Membuat Halaman Statis di Blogger

Saya akan sedikit bercerita dulu. Sebenarnya, saya pernah dipusingkan oleh halaman statis ini. Jadi ceritanya, pada suatu saat, saya blogw...

18:37

Menampilkan Judul Postingan Artikel Berdasarkan Label

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Bagi para pengunjung yang sedang mencari sebuah artikel, tentu membutuhkan informasi detail tentang artikel tersebut. Sangat menguntungkan sekali jika Anda menyediakan semua artikel yang berkaitan dengan artikel yang dicari oleh pengunjung. Menguntungkan untuk Anda dan juga pengunjung blog Anda. Kenapa menguntungkan untuk Anda? Karena Anda akan memiliki pengunjung tetap, bagaimana juga, seorang pengunjung akan kembali lagi ke blog Anda jika sudah merasa nyaman berselancar di blog Anda.<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJLyOZJv_nuWAlMKqZWob8-aQJhCFvMcTPxLjvKpOaQw-VQTh7g189MoGKBx0DONeR2-uncz9E7AvYhIvI_g0NspFjiwQ_vMtAKp7GjWlk2XsEzgsMwrelk_EdeReTlx6lBDMhXzGczos/s1600/bertubies.blogspot.gif" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="cara memasang judul postingan artikel berdasarkan label di blog" border="0" height="110" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJLyOZJv_nuWAlMKqZWob8-aQJhCFvMcTPxLjvKpOaQw-VQTh7g189MoGKBx0DONeR2-uncz9E7AvYhIvI_g0NspFjiwQ_vMtAKp7GjWlk2XsEzgsMwrelk_EdeReTlx6lBDMhXzGczos/s1600/bertubies.blogspot.gif" title="Cara Menampilkan Judul Postingan Artikel Blog Berdasarkan Label" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Preview: Menampilkan Judul Postingan Artikel Berdasarkan Label</td></tr>
</tbody></table>
Salah satu hal yang dapat mempermudah pengunjung dalam melakukan navigasi untuk mendapatkan informasi yang dibutuhkan yaitu dengan memasang widget yang dapat <a alt="cara menampilkan judul postingan artikel blog berdasarkan label" href="http://bertubies.blogspot.com/2015/02/menampilkan-judul-postingan-artikel-berdasarkan-label.html" target="_blank" title="Cara Menampilkan Judul Postingan Artikel Blog Berdasarkan Label">Menampilkan Judul Postingan Artikel Berdasarkan Label</a>. Jadi, dengan pemasangan widget ini, semua judul postingan yang memiliki label yang sama akan ditampilkan. Tapi dalam pemasangannya semua tergantung Anda, ingin menaruh script ini dimana (di postingan, sidebar, footer, dll), ingin menampilkan label apa, dan berapa judul yang dikehendaki untuk ditampilkan. Untuk lebih jelasnya silakan coba langkah-langkah di bawah ini.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
1. Login ke akun Blogger Anda.</div>
<div style="text-align: justify;">
2. Pada Dashboard Blogger, pilih Layout >> Add A Gadget >> HTML/JavaScript</div>
<div style="text-align: justify;">
3. Selanjutnya masukkan script di bawah ini.</div>
<pre><script type="text/javascript">
function recentpostslist(json) {
 document.write('<ul>');
 for (var i = 0; i < json.feed.entry.length; i++)
 {
    for (var j = 0; j < json.feed.entry[i].link.length; j++) {
      if (json.feed.entry[i].link[j].rel == 'alternate') {
        break;
      }
    }
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
 document.write(item);
 }
 document.write('</ul>');
 }
</script>
<script src="<span style="color: red;">http://bertubies.blogspot.com</span>/feeds/posts/summary/-/<span style="color: magenta;">SEO</span>?max-results=<span style="color: blue;">15</span>&alt=json-in-script&callback=recentpostslist"></script></pre>
<br />
Keterangan:<br />
<ul style="text-align: left;">
<li>Tulisan warna merah: Ganti dengan URL blog Anda</li>
<li>Tulisan warna pink: Ganti dengan label artikel yang ingin Anda tampilkan</li>
<li>Tulisan warna biru: Jumlah judul artikel yang ingin ditampilkan</li>
</ul>
4. Simpan klik Save.<br />
<div style="text-align: justify;">
5. Jangan lupa untuk memeriksa halaman blog Anda dan pastikan widget ini telah berhasil ditampilkan.</div>
<br />
<div style="text-align: justify;">
Semoga berhasil dan bermanfaat untuk Anda. Silakan klik <a href="http://www.blogger.com/follow-blog.g?blogID=2686144785615304559"><img alt="Join This Site" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7tFyQntQT9Gh3VA8pnyBzIgcNZCP_KKsxaekGm0rcQqZPpRVQ8eqTBwOEvoEjCw8mVp-5tbSp7gz37zxLHP8vmglkX74h1wFWK7U9Sjxsd2ImK4MY0vb4fHDhFCZGmLUhWACXmI4FFwk/s800/Join%2520This%2520Site.png" title="Join This Site" /></a> Untuk mendapatkan artikel terkini/ terupdate dari blog ini. Mohon bantuan kliknya ya. Terima Kasih.</div>
<br />
<div style="text-align: center;">
===</div>
<br /></div>

Menampilkan Judul Postingan Artikel Berdasarkan Label

Bagi para pengunjung yang sedang mencari sebuah artikel, tentu membutuhkan informasi detail tentang artikel tersebut. Sangat menguntungkan...

01:44

Kumpulan Kode Script HTML Parser Tools

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Kumpulan Kode Script HTML Parser Tools - Kode-kode yang dibagikan di dalam postingan kali ini dapat digunakan untuk membuat HTML Parser Tool di postingan atau laman Anda. Apa itu <b>HTML Parser Tool</b>? Untuk mengetahuinya silakan kunjungi <a alt="pengertian html parser tool" href="http://bertubies.blogspot.com/2015/02/penjelasan-fungsi-dan-cara-kerja-html-parser-tool.html" target="_blank" title="Penjelasan Fungsi dan Cara Kerja HTML Parser Tool">Penjelasan Fungsi dan Cara Kerja HTML Parser Tool</a>. Jika sudah paham, silakan ikuti tutorialnya berikut ini.<br />
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">Cara Memasang Kode Script HTML Parser Tool  di Blog</span></div>
<div style="text-align: justify;">
<br />
1. Login ke akun Blogger Anda.<br />
2. Copy kode script. Disini telah disediakan 5 versi, silakan pilih salah satu kode script HTML Parser Tool di bawah ini.<br />
<br />
<div style="text-align: center;">
<b>Kode Script HTML Parser Tool Versi 1</b></div>
</div>
<pre><style type="text/css">
#codes {
  border:1px solid #666;
  background: #CFF099;
  width:98%;
  height:200px;
  margin:5px auto 10px;
  display:block;
}

.button-group {
  margin:20px auto;
  text-align:center;
}
</style>
<textarea id="codes" placeholder="Tulis/paste kode di sini lalu klik &#039;Konversi&#039;"></textarea>
<div class="button-group">
    <button onclick="cdConvert();">Konversi</button>
    <button onclick="cdClear();">Bersihkan</button>
</div>
<script type="text/javascript">
function cdClear() {
    var wtarea = document.getElementById('codes');
    wtarea.value = '';
}

<input type="reset" value="Reset" /></td></tr></tbody></table></form>
<span class="Apple-style-span" style="font-family: 'trebuchet ms'; font-size: x-small; line-height: 20px;"> HTML Parser Tool | <a alt="kumpulan kode script HTML parser Tool" href="http://bertubies.blogspot.com/" style="color: #0b5394; text-decoration: none;" title="HTML Parser Tool">Get This Widget</a></span>
</pre>
<br />
3. <span style="text-align: justify;">Anda dapat memasang tool ini di dalam postingan, caranya:</span></div>
<div>
</div>
<ul>
<li><span style="text-align: justify;">Klik New Post > Klik HTML bukan Compose > Paste kode script tool</span></li>
</ul>
<div>
<span style="text-align: justify;">Atau Anda dapat memasang tool ini di dalam laman, caranya:</span></div>
<div>
</div>
<ul>
<li><span style="text-align: justify;">Klik Laman/ Pages > Klik Laman Baru/ New Pages > Klik tombol HTML > Paste kode script tool</span></li>
</ul>
<div style="text-align: center;">
<br /></div>
<div>
<span style="text-align: justify;">4. Save dan lihat hasilnya.</span><br />
<span style="text-align: justify;"><br /></span>
<br />
<div style="text-align: center;">
<span style="text-align: justify;">===</span></div>
<div style="text-align: center;">
<span style="text-align: justify;"><br /></span></div>
</div>
</div>

Kumpulan Kode Script HTML Parser Tools

Kumpulan Kode Script HTML Parser Tools - Kode-kode yang dibagikan di dalam postingan kali ini dapat digunakan untuk membuat HTML Parser T...

20:45

Tutorial Lengkap Membuat Threaded Comment di Blog

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Pada kesempatan kali ini saya akan menyampaikan beberapa cara agar blog memiliki kotak komentar yang bertingkat atau istilah asingnya yaitu threaded comment. <a alt="Tutorial Lengkap Membuat Threaded Comment di Blog" href="http://bertubies.blogspot.com/2015/01/tutorial-lengkap-membuat-threaded-comment-di-blog.html" target="_blank" title="Tutorial Lengkap Membuat Threaded Comment di Blog">Tutorial Lengkap Membuat Threaded Comment di Blog</a> yang akan saya ulas disini terdiri dari dua cara. Apa saja? silakan simak caranya di bawah ini. Oh iya sebelum melanjutkan membaca tutorial kali ini, ada baiknya jika Anda mempelajari <a alt="Cara Setting Fitur Komentar yang Baik di Blogger" href="http://bertubies.blogspot.com/2015/01/cara-setting-fitur-komentar-yang-baik-di-blogger.html" target="_blank" title="Cara Setting Fitur Komentar yang Baik di Blogger">Cara Setting Fitur Komentar yang Baik di Blogger</a>, disitu juga akan dijelaskan fungsi dari fitur-fitur untuk kotak komentar yang disediakan oleh Blogger.<br />
<br /></div>
<br />
<b><span style="color: red;">Cara 1</span></b>. Membuat Threaded Comment dengan Mengedit Template<br />
<br />
1. Login ke akun Blogger Anda.<br />
2. Masuk ke dashboard lalu klik tab <b>Settings </b>>><b> Posts and Comments</b><br />
3. Pada <b>Comment Location</b> klik dropdownnya lalu pilih <b>Embedded</b>.<br />
4. Setelah itu klik pada <b>Template</b> >> <b>Edit HTML</b><br />
5.<b> </b>Cari semua kode di bawah ini. Untuk memudahkan pencarian klik Ctrl+F pada keyboard. (kode seperti ini biasanya ada 4-5 kode).</div>
<pre><b:include data='post' name='comments'/></pre>
6. Ganti semua kode di atas tadi dengan kode ini.</div>
<pre><b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if></pre>
7. Save.<br />
<br />
<br />
<b><span style="color: red;">Cara 2</span></b>. Membuat Threaded Comment Tanpa Mengedit Template.<br />
<div style="text-align: justify;">
Dengan cara di bawah ini memang lebih mudah, tetapi kadang-kadang merubah beberapa tampilan widget Anda. Untuk cara yang lebih aman, ikuti cara yang pertama yaitu dengan Edit Template.</div>
<br />
1. Login ke Blogger<br />
<div style="text-align: justify;">
2. Backup dulu template Anda (Untuk berjaga-jaga, takut gagal). Untuk memback-up template caranya: klik <b>Template</b> >> klik <b>Cadangkan/Pulihkan </b>(sebelah kanan atas) >> <b>Unduh template lengkap</b>.</div>
3. Setelah itu, klik <b>Edit HTML</b> >> <b>Kembalikan template widget ke default</b>  >> klik OK.<br />
4. Selesai.<br />
<br />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Jika Anda telah berhasil memasang threaded comment, silakan menerapkan tutorial <a alt="cara menghapus link aktif di kolom komentar blog secara otomatis" href="http://bertubies.blogspot.com/2015/01/menghapus-link-aktif-di-kotak-komentar-secara-otomatis.html" target="_blank" title="Cara Menghapus Link Aktif di Kotak Komentar Blog Secara Otomatis">Menghapus Link Aktif di Kotak Komentar Secara Otomatis</a> agar spammer jera dan tidak menaruh link aktif di kotak komentar blog Anda sehingga kesehatan blog Anda tetap baik dan blog Anda tidak sampai dibanned Google.</div>
<br />
<br />
<div style="text-align: center;">
===</div>
<br />
<br /></div>

Tutorial Lengkap Membuat Threaded Comment di Blog

Pada kesempatan kali ini saya akan menyampaikan beberapa cara agar blog memiliki kotak komentar yang bertingkat atau istilah asingnya ya...

23:43

Panduan Cara Memasang Iklan Kumpul Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="tr_bq" dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Sekarang ini sudah banyak para blogger yang menampilkan iklan disetiap sisi dari blognya dengan harapan akan memperoleh penghasilan tambahan, anggap saja penghasilan dari kerja kerasnya selama ini dalam mengelola blog. Lagipula siapa sih yang tidak mau memiliki penghasilan sendiri? Saya pun mau, apalagi jika kita hanya duduk tenang di depan komputer dan penghasilan itu datang sendiri menghampiri kita. </div>
<br />
<div style="text-align: justify;">
Memasang iklan di blog sangatlah mudah karena sudah banyak website yang menawarkan iklan gratis untuk dipasang pada blog kita. Salah satu website lokal yang menawarkan pemasangan iklan yaitu <i>kumpulblogger.com. </i>Kali ini saya akan mencoba mengulas tentang cara pemasangan iklan dari <i>kumpulblogger.com.</i></div>
<div style="text-align: justify;">
<i><br /></i></div>
<div style="text-align: justify;">
<u>Kumpulblogger.com</u> adalah jaringan Blogger Indonesia untuk mendapatkan alternatif penghasilan tambahan, dengan cara menyediakan spot/ ruangan pada blog sebagai tempat menyampaikan pesan komersial dari Advertiser. Ini artinya <b>Advertiser (Pemasang Iklan)</b> dapat mempromosikan iklan mereka melalui KumpulBlogger, sedangkan <b>Blogger atau Publisher (Penerbit Iklan)</b> dapat memasang iklan di blog mereka dan akan dibayar sesuai dengan ketentuan yang berlaku. Bagi Anda yang telah memiliki blog bisa mendaftar dan bergabung dengan KumpulBlogger sebagai Publisher (Penerbit Iklan). Target pasar website ini yaitu para Blogger dan Advertiser lokal, layanan yang tersedia <i>Pay Per Click</i> (Text dan Banner), <i>Pop Ads</i>, dan <i>Pay Per Scan QR Code</i>. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Setelah Anda memiliki blog, Anda dapat memasang iklan dari KumpulBlogger dengan mengikuti langkah berikut. </div>
<div style="text-align: justify;">
1. Buka website <a href="http://kumpulblogger.com/signup.php?refid=315746" rel="nofollow" target="_blank">Kumpul Blogger disini</a> ya.</div>
<div style="text-align: justify;">
2. Pendaftarannya tidak dipungut biaya alias gratis. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: center;">
Masukkan email Anda karena <b>password akan diberikan melalui email ini</b>.</div>
<div style="text-align: center;">
Email dan password akan digunakan sebagai user ID saat Log In/ Sign In.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF3Y9kfQ6ZJHiuy823J7P-ud3sw1_JSEXt50I0WjIQWyn515q89FgSlH8K9y1_wk2w4k1iTx6GLQkaAg5e32YYyeiPIkOB6fdL33pdK6TXfNsqHVj__cyfXYXkQXdoi5RROuk4BzGZhFo/s1600/bertubies.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara mudah mendapatkan kode iklan" height="299" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF3Y9kfQ6ZJHiuy823J7P-ud3sw1_JSEXt50I0WjIQWyn515q89FgSlH8K9y1_wk2w4k1iTx6GLQkaAg5e32YYyeiPIkOB6fdL33pdK6TXfNsqHVj__cyfXYXkQXdoi5RROuk4BzGZhFo/s1600/bertubies.png" title="Daftar Kumpul Blogger" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Isilah Form Pendaftaran dengan benar.</td></tr>
</tbody></table>
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
</div>
3. <span style="text-align: justify;">Jika sudah terisi, klik </span><b style="text-align: justify;">Register</b><span style="text-align: justify;">.</span><br />
<span style="text-align: justify;">4. Kemudian, cek email masuk dari<b> kukuhtw [kumpulblogger.com]</b>.</span><br />
<span style="text-align: justify;">5. <b>Copy</b> password yang diberikan.</span><br />
<div style="text-align: justify;">
6. Setelah mendapatkan password, silahkan Sign In dengan email yang telah didaftarkan tadi dan <b>Paste </b>password yang tadi telah di Copy.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqKfTmdPWH_8-kA0YIemQMlBWkSnzFPHG2ewiPD2icR4KZHTMP58X-8i7V8llqY_n527j8TbB1T5KhvBA0jcwAjP8l-ufJBTyKJah3zjoEP3Cu-tx6zvsOP7j027sJ9nV0_95AQMa5q3Y/s1600/bertubies2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="cara mudah dapat iklan kumpul blogger" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqKfTmdPWH_8-kA0YIemQMlBWkSnzFPHG2ewiPD2icR4KZHTMP58X-8i7V8llqY_n527j8TbB1T5KhvBA0jcwAjP8l-ufJBTyKJah3zjoEP3Cu-tx6zvsOP7j027sJ9nV0_95AQMa5q3Y/s1600/bertubies2.png" title="Daftar Kumpul Blogger" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Form Sign in kumpulblogger.com</td></tr>
</tbody></table>
</div>
</div>
<div style="text-align: justify;">
7. Klik <b>Sign in</b>.</div>
<div style="text-align: justify;">
8. Setelah berhasil masuk, lihat pada bagian kiri atas halaman utama terdapat tab <i>nama email yang terdaftar</i>, <i>Blogger</i>, dan <i>Advertiser</i>. </div>
<div style="text-align: justify;">
9. Kemudian, Anda diharuskan melengkapi profil Anda. Lengkapi profil Anda berikut nama dan rekening bank Anda di tab <i>nama email</i>. Ikuti langkah berikut untuk mengetahui <b>cara memasukkan rekening bank di kumpulblogger.com. </b>Klik gambar untuk memperbesar.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXWSJjbusZRpxerfYX1pLiRfotM9JRCp7jjn3zWffGG-RudVbhAYDvw8gaCdNdls_Xhkmwfl31kSo8LHtJFPw5rtD6DUk_T9pt5vEhk5z9yHFFYkkyNTuqdpRGuxPqSRuKSFNu8TmbPA0/s1600/bertubies3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara gampang mendapat uang di blog" height="190" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXWSJjbusZRpxerfYX1pLiRfotM9JRCp7jjn3zWffGG-RudVbhAYDvw8gaCdNdls_Xhkmwfl31kSo8LHtJFPw5rtD6DUk_T9pt5vEhk5z9yHFFYkkyNTuqdpRGuxPqSRuKSFNu8TmbPA0/s1600/bertubies3.png" title="Memasukkan Rekening Bank" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Langkah-langkah memasukkan rekening bank di kumpulblogger.com</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
10. Setelah itu, daftarkan blog Anda di tab <i>Blogger</i>. Ikuti langkah berikut untuk mengetahui<b> cara mendaftarkan blog di kumpulblogger.com. </b>Klik gambar untuk memperbesar.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcokEnUxYs6urP5rXlJtv2wse60lHDVV3Y3pw07tKNtAo2iEAxfj55A5e0eBsjF751f3Z4My2E1N1J0WJjXxs1FTEAon_dKyCckICzBOGLB2I7MS9W-bE-_6XDuwrOdr9tRs8twO1Q-mE/s1600/bertubies4.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="mendaftarkan blog di kumpul blogger" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcokEnUxYs6urP5rXlJtv2wse60lHDVV3Y3pw07tKNtAo2iEAxfj55A5e0eBsjF751f3Z4My2E1N1J0WJjXxs1FTEAon_dKyCckICzBOGLB2I7MS9W-bE-_6XDuwrOdr9tRs8twO1Q-mE/s1600/bertubies4.png" title="Tahap mendaftarkan blog di kumpul blogger" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Langkah-langkah mendaftarkan blog di KumpulBlogger</td></tr>
</tbody></table>
<div style="text-align: left;">
</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
Petunjuk:<br />
<ul>
Nama Blog: Isi dengan judul blog Anda.<br />
Keterangan Tentang Blog: Isi dengan keterangan blog Anda, misalnya "Kumpulan Tutorial untuk Mempercantik Tampilan Blog"<br />
Alamat URL Blog: Isi dengan alamat URL blog Anda.<br />
Category: Silahkan isi dengan label atau kategori pada blog Anda, misalnya "Widget, Seo, Blog"<br />
Tag URL: Isi kata-kata yang menggambarkan isi blog Anda, misalnya "Komputer, Blog, Internet".<br />
Bahasa: Pilih bahasa sesuai bahasa yang digunakan pada blog Anda.</ul>
<br />
<div style="text-align: justify;">
11. Setelah blog berhasil ditambahkan, Inilah saatnya Anda memasang Iklan. Ikuti langkah-langkah berikut untuk mengetahui <b>cara pemasangan iklan dari kumpulblogger.com.</b></div>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKH150wipgEIH-s-IRZEjmSeGq5GXtXrKqKix96gbjQuKuGVnIk7SNMceK2kVdv-_MRISa_aKZuxFu7OFMjwEe_l0ML9hcs386MKKWwOGF1lC9mo7WSsGU00Mare8ve_MxpfOXVsw0TZU/s1600/bertubies5.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Macam-macam iklan kumpul blogger" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKH150wipgEIH-s-IRZEjmSeGq5GXtXrKqKix96gbjQuKuGVnIk7SNMceK2kVdv-_MRISa_aKZuxFu7OFMjwEe_l0ML9hcs386MKKWwOGF1lC9mo7WSsGU00Mare8ve_MxpfOXVsw0TZU/s1600/bertubies5.png" title="Macam-macam iklan kumpul blogger" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Macam-macam iklan yang disediakan KumpulBlogger</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
</div>
Tambahan:<br />
<ul>Statistik Revenue: Ini untuk melihat komisi pendapatan Anda di KumpulBlogger.</ul>
<div style="text-align: justify;">
12. Jika Anda Ambil Script Text Ads,  klik “Setting Themes Iklan Untuk Blog Ini”. Kemudian klik pada menu dropdown untuk melakukan pengaturan warna dan tampilan. (<u>pengaturan ini hanya berlaku pada Script Text Ads</u>)</div>
<br />
13. Jika sudah, copy script yang diberikan.<br />
14. Paste di kotak HTML/ Javascript blog Anda.<br />
<br />
Caranya:<br />
<ul style="text-align: left;">
<li>Masuk akun blogger Anda</li>
<li>Klik Layout > Add a Gadget > HTML/ Javascript</li>
<li>Paste script iklan</li>
<li>Save</li>
</ul>
15. Atau Anda bisa memasang iklannya melayang di blog Anda. Ikuti langkah berikut.<br />
<ol style="text-align: left;">
<li>Masuk Akun Blogger Anda</li>
<li>Klik Layout > Add A Gadget > HTML/ Javascript</li>
<li>Copy/ Paste kode berikut kedalam kotak yang disediakan.</li>
</ol>
<pre><style type="text/css">

#gb{

position:fixed;

top:10px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbcontent{

float:right;

border:2px solid #A5BD51;

background:#ffffff;

padding:10px;

}

</style>

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);

gb.opened = !gb.opened;

}

function moveGB(x0, xf){

var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

gb.style.top = x.toString() + "px";

if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}

}

</script>

Close Klik 2X

</a>

</div>

<span style="color: red;">SCRIPT IKLAN ANDA</span>

var gb = document.getElementById("gb");

gb.style.center = (30-gb.offsetWidth).toString() + "px";

</script></center></div></div></pre>
<div>
<ol>4. Save. Lihat hasilnya.</ol>
</div>
<div>
16. Selesai.<br />
<br />
<div style="text-align: center;">
Ini adalah contoh iklan text yang ada di kumpulblogger.com</div>
<script src="http://kumpulblogger.com/scahor.php?b=222991&onlytitle=1" type="text/javascript"></script>

<br />
<div style="text-align: justify;">
Anda bisa memasang iklannya  di sidebar, bawah judul postingan, bawah/tengah/akhir postingan, footer, dan sebagainya.</div>
<div style="text-align: justify;">
<br /></div>
<div>
<div style="text-align: justify;">
Mudahkan caranya? Jadi, tunggu apalagi?  Klik <a href="http://kumpulblogger.com/signup.php?refid=315746" rel="nofollow" target="_blank" title="daftar kumpul blogger">di sini </a>sekarang juga untuk mendaftar gratis di KumpulBlogger. Selanjutnya tinggal Anda mencari pengunjung sebanyak-banyaknya dan berharap semoga mereka mengklik iklan di blog Anda. Setiap klik adalah rupiah bagi Anda. Selamat mencoba!</div>
</div>
</div>
<div>
<br /></div>
<div>
<br /></div>
<div style="text-align: center;">
===</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
</div>

Panduan Cara Memasang Iklan Kumpul Blogger

Sekarang ini sudah banyak para blogger yang menampilkan iklan disetiap sisi dari blognya dengan harapan akan memperoleh penghasilan ta...

00:53

Berbagi Tutorial Bloggies

Memasang Domain CO.VU Gratis Selamanya

Membuat Daftar Isi atau Sitemap Blog Responsive

Cara Membuat Tombol DEMO DOWNLOAD Valid HTML5

Cara Memasang HTML Color Picker

Memasang Halaman Statis Menjadi Homepage Blog

Cara Membuat Halaman Statis di Blogger

Menampilkan Judul Postingan Artikel Berdasarkan Label

Kumpulan Kode Script HTML Parser Tools

Tutorial Lengkap Membuat Threaded Comment di Blog

Panduan Cara Memasang Iklan Kumpul Blogger

Popular Posts

Blog Archive