tag:blogger.com,1999:blog-22553807200703202542023-11-16T05:21:18.487-08:00Blog Wayan KelorKreatif, Inovatif, Dan Agak Sedikit GudifSupri Andikahttp://www.blogger.com/profile/04427602492748780407noreply@blogger.comBlogger7125tag:blogger.com,1999:blog-2255380720070320254.post-40691590885279716102014-07-06T23:06:00.000-07:002014-07-06T23:06:48.694-07:00Cara Membuat Tombol Like, Follow, dan Join Bersama Di Blog<div class="separator" style="clear: both; text-align: left;">
Blog Wayan Kelor - Hari ini saya akan bagi-bagi tutorial lagi yaitu cara memasang tombol<b> like+follow+join </b>di blog. Mengapa anda perlu memasang tombol <i>sosial media</i> tersebut di blog anda? Jawabannya sudah tentu agar seseorang/pengunjung dapat memantau dan mengikuti setiap update informasi dari setiap artikel terbaru dari blog kesayangan anda. </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Terus bagaimanakah caranya memasang widget sosial media tersebut? Untuk itu simak saja terus artikel ini.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyFd8lXj_DV66DngEVJFAPNIIVfRhmz6qSpLdEIIu9AXiuM3z4HNrYyfumOBqfPeu6mdxKGMhoqIK-dclbn6ep2_mnNfpiN2TO0easLvdZPf6phKj4Xg7DkOnvAD60S6qEa6iUbXbWtHPj/s1600/like+follow+join.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Blog Wayan Kelor" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyFd8lXj_DV66DngEVJFAPNIIVfRhmz6qSpLdEIIu9AXiuM3z4HNrYyfumOBqfPeu6mdxKGMhoqIK-dclbn6ep2_mnNfpiN2TO0easLvdZPf6phKj4Xg7DkOnvAD60S6qEa6iUbXbWtHPj/s1600/like+follow+join.png" title="Tombol like, follow, join" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
Sebenarnya terdapat berbagai jenis dan varian widget sosial media yang bisa digunakan untuk blogmu. Namun berhubung judul artikel ini hanya meliputi tombol <i>like facebook, follow twitter, dan join this site</i>, maka saya hanya akan memberikan javascript dari ketiga tombol tersebut. Untuk itu mari kita simak langkah-langkahnya.<br />
<br />
<br />
<ol>
<li>Langkah pertama pasanglah terlebih dahulu widget jenis HTML/JavaScript di sidebar blog anda. Bila belum tau widgetnya bisa dilihat seperti gambar berikut.<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy_nDGygEckogFd_n1k-q9HCmWMYmFirr7yr4E2fLs_YRNGuI3ONfBAbn60zVkmM7gfoZddjGGgJKRX3ih-lRU0iva0VLTePWGzUV6HBXzWASvnGSkDfTJ9gO-gDDcQgWP0B9VaCAvbpYk/s1600/memasang+widget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="http://wayankelor.blogspot.com" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy_nDGygEckogFd_n1k-q9HCmWMYmFirr7yr4E2fLs_YRNGuI3ONfBAbn60zVkmM7gfoZddjGGgJKRX3ih-lRU0iva0VLTePWGzUV6HBXzWASvnGSkDfTJ9gO-gDDcQgWP0B9VaCAvbpYk/s1600/memasang+widget.png" height="320" title="Memasang widget HTML/JavaScript" width="276" /></a></div>
</li>
<li>Kemudian pasang kode berikut di kotak yang telah disediakan. Untuk judulnya isi terserah anda, kemudian klik simpan.</li>
</ol>
<div style="border: 1px solid #000000; height: 200px; overflow: auto; padding: 5px; width: auto;">
<center> <iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2F<span style="color: blue;">wayankelorblog</span>&amp;send=false&amp;layout=button_count&amp;width=85&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:85px; height:21px;" allowtransparency="true"></iframe><br/> </center><br />
<center> <a href="<span style="color: cyan;">https://twitter.com/Supri_Andika</span>" class="twitter-follow-button" data-show-count="false" data-size="large" data-show-screen-name="false">Follow<span style="color: blue;"> </span><span style="color: cyan;">@Supri_Andika</span></a><br />
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script><br/></center><br />
<center> <a href='http://www.blogger.com/follow-blog.g?blogID=<span style="color: orange;">2255380720070320254</span>' target='_blank'><img alt='Join this site' title='Join this site' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAE1vl6g870wA9wJrRvK8SVA81iCcdl5VBfh2k8BevyIHjX_A5TlMkNAobmlaAlVAieauKfcv87Rt3YUsDedDai1RT19DWYxSZYtY_U_UQWyAtM6A4YvPOLZNNQiWJusQ19JFacERjJTs/s800/Join%2520This%2520Site.png' height="21" width="109"/></a><br/> </center></div>
<br />
<i>Keterangan :</i><br />
<br />
<ul>
<li><span style="color: blue;"><i>Warna biru ganti dengan alamat fanspage anda</i></span></li>
<li><i><span style="color: cyan;">Warna biru muda ganti dengan alamat twitter sobat</span></i></li>
<li><i><span style="color: orange;">Warna orange ganti dengan ID blogger anda </span></i></li>
</ul>
<div>
Bagaimana, mudah kan? Demikianlah tutorial saya hari ini tentang <b>cara membuat tombol like, follow, dan join </b> bersatu dalam satu widget menggunakan HTML/JavaScript untuk blog. Sekian dan terimakasih.</div>
Supri Andikahttp://www.blogger.com/profile/04427602492748780407noreply@blogger.com5tag:blogger.com,1999:blog-2255380720070320254.post-6937966567704248352014-05-27T19:40:00.000-07:002014-06-21T20:38:57.189-07:00Cara Membuat Widget Artikel Populer Warna-warni Seperti Evo Magz<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUcRWiTzeAz1qTUwzhMl2-enbZ_tie1OAi2z-LkY6P8r1uZ72-QjpZ4M7Fs7d2dKay5CCcda1DWlkTSwgKfc3qne6N0hzFA9bBxUxr7Rq2onVG0U-HVk_Jq61z6XncewRowu_DbLwidmCh/s1600/popular-post3.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Cara Membuat Widget Artikel Populer Warna-warni Seperti Evo Magz" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUcRWiTzeAz1qTUwzhMl2-enbZ_tie1OAi2z-LkY6P8r1uZ72-QjpZ4M7Fs7d2dKay5CCcda1DWlkTSwgKfc3qne6N0hzFA9bBxUxr7Rq2onVG0U-HVk_Jq61z6XncewRowu_DbLwidmCh/s1600/popular-post3.png" height="200" title="Cara Membuat Widget Artikel Populer Warna-warni Seperti Evo Magz" width="122" /></a></div>
<b>Cara membuat widget popular post warna-warni</b> merupakan lanjutan dari tutorial saya sebelumnya yang berjudul <a href="http://wayankelor.blogspot.com/2014/05/cara-membuat-label-blog-lebih-berwarna.html">Cara Membuat Label Blog Warna-warni</a>. Sama seperti label, entri populer yang warna warni juga akan memperindah tampilan blog anda. Selain itu, warna yang mencolok pasti tidak mungkin tidak akan dilihat oleh mata pengunjung. Sehingga akan memperbesar peluang pengunjung mengklik artikel yang populer tersebut.<br />
<br />
Terus<i> bagaimanakah cara membuat widget popular post warna-warni</i>? Apakah sulit mebuat widget tersebut? Tentu jawabannya mudah saja, mari kita mulai langkah-langkahnya.<br />
<br />
<b>Langkah Pertama :</b><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<ul>
<li>Seperti biasa, pasang dulu widget Entri Populer ( Tata Letak => Tambah Gadget => Entri Populer ). Saran saya jangan isi kutipan, karena akan kurang enak dilihat. Kemudian simpan.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtqg8OEGphvuo95yPLwrU8-ohq0LcC11AYBna09INwrp-CdKwSIx66L2EClY0JkqjSA0dSPKKT3AZN8WU8aT3iOEBohE-2x8ygT-zZ0MTl9rC_-hGe15d_97_Hye0wcm3ry29nKsHiSdmq/s1600/popular-post.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Widget Artikel Populer Warna-warni Seperti Evo Magz" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtqg8OEGphvuo95yPLwrU8-ohq0LcC11AYBna09INwrp-CdKwSIx66L2EClY0JkqjSA0dSPKKT3AZN8WU8aT3iOEBohE-2x8ygT-zZ0MTl9rC_-hGe15d_97_Hye0wcm3ry29nKsHiSdmq/s1600/popular-post.png" height="200" title="Cara Membuat Widget Artikel Populer Warna-warni Seperti Evo Magz" width="178" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b>Langkah Kedua :</b></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li>Pindah ke menu Template => EDIT HTML</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6QZ9F5za2UUZUSJHjvIl77hXb9sYAygNmP8uS4fy-Vena8gSwHs_M5DzpZX236PNGoKmGlxlaI8GUXU4l-84vpJHtF-pp7o27epZgBbZM8VZzR9PexU9UP8YOn0Ha8LkzsvimM7nLNAFa/s1600/label+berwarna.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Widget Artikel Populer Warna-warni Seperti Evo Magz" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6QZ9F5za2UUZUSJHjvIl77hXb9sYAygNmP8uS4fy-Vena8gSwHs_M5DzpZX236PNGoKmGlxlaI8GUXU4l-84vpJHtF-pp7o27epZgBbZM8VZzR9PexU9UP8YOn0Ha8LkzsvimM7nLNAFa/s1600/label+berwarna.png" height="146" title="Cara Membuat Widget Artikel Populer Warna-warni Seperti Evo Magz" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li>Kemudian cari kode [[></b:skin> (gunakan CTRL+F agar lebih mudah)</li>
<li>Setelah itu salin kode di bawah tepat sebelum kode [[></b:skin></li>
</ul>
<div>
<blockquote>
/* Modifikasi Widget Popular Post Warna Warni */<br />
.PopularPosts ul,<br />
.PopularPosts li,<br />
.PopularPosts li img,<br />
.PopularPosts li a,<br />
.PopularPosts li a img {<br />
margin:0 0;<br />
padding:0 0;<br />
list-style:none;<br />
border:none;<br />
background:none;<br />
outline:none;<br />
}<br />
.PopularPosts ul {<br />
margin:.5em 0;<br />
list-style:none;<br />
font:normal normal 13px/1.4 &quot;Arial Narrow&quot;,Arial,Sans-Serif;<br />
color:black;<br />
counter-reset:num;<br />
}<br />
.PopularPosts ul li img {<br />
display:block;<br />
margin:0 .5em 0 0;<br />
width:50px;<br />
height:50px;<br />
float:left;<br />
}<br />
.PopularPosts ul li {<br />
background-color:#eee;<br />
margin:0 10% .4em 0;<br />
padding:.5em 1.5em .5em .5em;<br />
counter-increment:num;<br />
position:relative;<br />
}<br />
.PopularPosts ul li:before,<br />
.PopularPosts ul li .item-title a {<br />
font-weight:bold;<br />
font-size:120%;<br />
color:inherit;<br />
text-decoration:none;<br />
}<br />
.PopularPosts ul li:before {<br />
content:counter(num);<br />
display:block;<br />
position:absolute;<br />
background-color:black;<br />
color:white;<br />
width:30px;<br />
height:30px;<br />
line-height:30px;<br />
text-align:center;<br />
top:50%;<br />
right:-10px;<br />
margin-top:-15px;<br />
-webkit-border-radius:30px;<br />
-moz-border-radius:30px;<br />
border-radius:30px;<br />
}<br />
/* Set color and level */<br />
.PopularPosts ul li:nth-child(1) {background-color:#E11E28;margin-right:2%}<br />
.PopularPosts ul li:nth-child(2) {background-color:#FD3C03;margin-right:2%}<br />
.PopularPosts ul li:nth-child(3) {background-color:#FECB09;margin-right:2%}<br />
.PopularPosts ul li:nth-child(4) {background-color:#6EBE27;margin-right:2%}<br />
.PopularPosts ul li:nth-child(5) {background-color:#149A48;margin-right:2%}<br />
.PopularPosts ul li:nth-child(6) {background-color:#5BBFF1;margin-right:2%}<br />
.PopularPosts ul li:nth-child(7) {background-color:#61469C;margin-right:2%}<br />
.PopularPosts ul li:nth-child(8) {background-color:#863E86;margin-right:2%}<br />
.PopularPosts ul li:nth-child(9) {background-color:#863E62;margin-right:2%}<br />
.PopularPosts ul li:nth-child(10) {background-color:#815540;margin-right:2%}</blockquote>
<br />
<ul>
<li>Langkah terakhir tinggal simpan template</li>
</ul>
<div>
Bagaimana? Mudah kan? Kini widget anda sudah berwarna-warni. Tunggu juga tutorial-tutorial saya selanjutnya. Sekian dan terima kasih.</div>
<br /></div>
Anonymousnoreply@blogger.com7tag:blogger.com,1999:blog-2255380720070320254.post-38466510398614297272014-06-10T22:17:00.004-07:002014-06-21T20:38:22.543-07:00Cara Membuat Halaman Disclaimer Untuk Blog Dengan Mudah<b>Cara Membuat Halaman Disclaimer Untuk Blog</b> - Sebelumnya saya sudah pernah memberikan tutorial bagaimana cara membuat beberapa halaman statis untuk blog. Diantaranya adalah<a href="http://wayankelor.blogspot.com/2014/06/cara-membuat-halaman-privacy-policy.html"> Privacy Policy</a> & <a href="http://wayankelor.blogspot.com/2014/06/cara-gampang-membuat-sitemap-atau-peta.html">Sitemap</a>. Namun agar tidak terlihat itu-itu saja dalam dua artikel saya <a href="http://wayankelor.blogspot.com/2014/06/beginilah-caranya-ternyata-facebook.html">sebelumnya</a> saya membahas di luar dari konteks di atas. Nah, untuk menyambung rentetan tutorial membuat halaman pendukung untuk blog artikel inipun saya buat.<br />
<br />
<u>Disclaimer</u> adalah sebuah/suatu peringatan yang ditujukan kepada para pembaca yang bertujuan untuk memberikan peraturan sehingga pengunjung dapat mematuhi peraturan yang telah ada. Sebenarnya tidak susah dalam membuat sebuah disclaimer, namun pada kenyataannya banyak blogger melupakan hal ini. Yang perlu kita lakukan hanya memanfaatkan sebuah site yang dapat membuatkan kita halaman disclaimer secara cepat, mudah, dan tentunya gratis.<br />
<br />
Nah, daripada saya ngomong panjang lebar lebih baik kita mulai langsung caranya.<br />
<br />
<br />
<ul>
<li>Pertama-tama buka situs<a href="http://www.easyriver.com/free_disclaimer.htm"> Free disclaimer</a></li>
<li>Kemudian isi data-data yang diperlukan seperti pada gambar di bawah</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0fiTJARAAWQPovTi6E-26TR7HoNHBSlPiWsOZL0a_ljJbkS8wGi8NNQWcI2UACtDH6h8m5tFNAHa1m9jZwiCMhSFb35-vHJAZz0ZsnedHMn3Ir-FiYraUHXQXhvWbOXkqqk2I0xTgV7PX/s1600/disclaimer.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Halaman Disclaimer Untuk Blog Dengan Mudah" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0fiTJARAAWQPovTi6E-26TR7HoNHBSlPiWsOZL0a_ljJbkS8wGi8NNQWcI2UACtDH6h8m5tFNAHa1m9jZwiCMhSFb35-vHJAZz0ZsnedHMn3Ir-FiYraUHXQXhvWbOXkqqk2I0xTgV7PX/s1600/disclaimer.png" height="135" title="Cara Membuat Halaman Disclaimer Untuk Blog Dengan Mudah" width="320" /></a></div>
<div>
<br />
<ul>
<li>Selanjutnya klik Make my disclaimer, maka akan muncul halaman baru yang sudah berisi disclaimer blog sobat. </li>
<li>Terakhir tinggal copy deh di blog sobat.</li>
</ul>
<div>
Mudah dan cepat kan? Bila artikel saya membantu silakan klik tombol share di bawah. Sekian dan terima kasih.</div>
</div>
Supri Andikahttp://www.blogger.com/profile/04427602492748780407noreply@blogger.com0tag:blogger.com,1999:blog-2255380720070320254.post-7609227940272689012014-06-14T19:35:00.000-07:002014-06-14T19:38:40.112-07:00Cara Membuat Beberapa Halaman Statis Atau Halaman Pendukung Untuk Blog<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsbe4xHnlka_PHsSE4AV89krEraiLdD41y1LAjJzRJqDIWWP4gz7h083deqk9u9ItdKx9EqScxgLTBil7YQfiBJobTA_BJs3hmBOSq5UAV3rqIZMsSvhDvKoRQyVzh1G734g_24fDhi3eK/s1600/blogger-static-pages-intro.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Beberapa Halaman Statis Atau Halaman Pendukung Untuk Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsbe4xHnlka_PHsSE4AV89krEraiLdD41y1LAjJzRJqDIWWP4gz7h083deqk9u9ItdKx9EqScxgLTBil7YQfiBJobTA_BJs3hmBOSq5UAV3rqIZMsSvhDvKoRQyVzh1G734g_24fDhi3eK/s1600/blogger-static-pages-intro.jpg" height="175" title="Cara Membuat Beberapa Halaman Statis Atau Halaman Pendukung Untuk Blog" width="200" /></a></div>
Mungkin dari anda sudah banyak yang tau apa itu halaman statis atau static page beserta fungsinya untuk blog. Untuk yang belum tau apa itu statis page silakan baca terlebih dahulu<a href="http://buka-rahasia.blogspot.com/2011/09/halaman-statis-blogger-apa-fungsinya.html"> Halaman Static : Apa dan Fungsinya.</a> Setelah anda membaca artikel tersebut maka anda sudah pasti tau apa itu halaman statis dan apa kegunaannya untuk blog anda.<br />
<br />
Bagi anda yang akan berburu dollar dari<i> google adsense</i> juga wajib memiliki beberapa halaman pendukung ini karena orang yang akan memeriksa blog anda juga akan melihat kelengkapan termasuk beberapa halaman penunjang di blog anda. Tidak hanya itu, blog yang sudah memiliki kelengkapan seperti yang sudah saya sebutkan tadi juga akan terlihat lebih profesional. Nah, bagi anda yang belum tau bagaimana cara membuat statis page silakan baca artikel ini lebih lanjut.<br />
<br />
Sebenarnya <i>membuat static page </i>mudah saja, kita hanya tinggal login ke dashboard Blogger > Laman > Laman Baru > Klik Blank Page. Kemudian kita tinggal membuat beberapa halaman pendukung tersebut, diantaranya :<br />
<br />
<ul>
<li>About</li>
<li><a href="http://wayankelor.blogspot.com/2014/06/cara-membuat-halaman-privacy-policy.html">Privacy Policy</a></li>
<li><a href="http://wayankelor.blogspot.com/2014/06/cara-membuat-halaman-disclaimer-untuk.html">Disclaimer</a></li>
<li><a href="http://wayankelor.blogspot.com/2014/06/cara-gampang-membuat-sitemap-atau-peta.html">Sitemap</a></li>
<li>Contact Me</li>
</ul>
<div>
Setelah anda membuat beberapa page tersebut langkah selanjutnya anda tinggal memasangkannya di blog anda melalui Edit HTML. Caranya sama seperti saat memasang menubar di bawah header. Bagaimana, mudahkan? Jangan lupa juga klik tombol share di bawah bila artikel ini berguna dan bermanfaat bagi anda. Terimakasih sudah berkunjung.</div>
Supri Andikahttp://www.blogger.com/profile/04427602492748780407noreply@blogger.com11tag:blogger.com,1999:blog-2255380720070320254.post-47576157334211175452014-06-03T22:10:00.001-07:002014-06-03T22:13:37.905-07:00Cara Gampang Membuat Sitemap Atau Peta Situs Untuk Blog<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmUjDsWbf0kKtL7gUCx7i6L9LcQ5Dwr9ktfRhC6y_n0q-xpUe8_6Tr7OfisOK89ziOPlHD69cqrEFgrzmuDRg61RJdki2-4UEJPfB166eRd8ZpMAD6cGOL3YzLOA5JQocksapdyKDAGX-Q/s1600/sitemap+blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Gampang Membuat Sitemap Atau Peta Situs Untuk Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmUjDsWbf0kKtL7gUCx7i6L9LcQ5Dwr9ktfRhC6y_n0q-xpUe8_6Tr7OfisOK89ziOPlHD69cqrEFgrzmuDRg61RJdki2-4UEJPfB166eRd8ZpMAD6cGOL3YzLOA5JQocksapdyKDAGX-Q/s1600/sitemap+blog.png" height="179" title="Cara Gampang Membuat Sitemap Atau Peta Situs Untuk Blog" width="200" /></a></div>
Blog Wayan Kelor - Melanjutkan dari turorial saya <a href="http://wayankelor.blogspot.com/2014/06/cara-membuat-halaman-privacy-policy.html">sebelumnya</a>, hari ini kita akan membuat sebuah sitemap untuk blog. Sitemap sendiri bisa diartikan sebagi peta situs, mungkin bisa juga sejenis daftar isi. Fungsinya adalah agar memudahkan pengunjung mengetahui isi dari blog kita. Untuk lebih jelasnya anda bisa lihat pada gambar di atas. Pada gambar tersebut terlihat masing-masing artikel yang dikelompokan ke beberapa jenis label/kategori. Bagaimanakah cara membuatnya? Mari simak langkah-langkahnya.<br />
<br />
<br />
<ul>
<li>Pertama-tama buat Laman baru, caranya login ke blogger => Laman => Laman Baru</li>
</ul>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7MWu31HTMa-OEZSW1IhZ_O6l5uFZcSKG6WDmn_OoWMU6xChCTOv83n_XUVBDARWbsTsdpbhB8p3FElacHMJKsgh7lfuYiXYVIVo1bOYP7ZK-CZN1UQQaz2wzfrg3U9uYRb06lpX2gFse8/s1600/membuat+sitemap.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Gampang Membuat Sitemap Atau Peta Situs Untuk Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7MWu31HTMa-OEZSW1IhZ_O6l5uFZcSKG6WDmn_OoWMU6xChCTOv83n_XUVBDARWbsTsdpbhB8p3FElacHMJKsgh7lfuYiXYVIVo1bOYP7ZK-CZN1UQQaz2wzfrg3U9uYRb06lpX2gFse8/s1600/membuat+sitemap.png" height="206" title="Cara Gampang Membuat Sitemap Atau Peta Situs Untuk Blog" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<ul>
<li style="text-align: left;">Langkah kedua kita tinggal copy code berikut, ingat pastikan dahulu dalam mode HTML</li>
</ul>
<div style="background-color: #82cafa; border: 0; padding: 10px; text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: 12px;"><span style="color: blue;"><script src="http://me-sitemap.googlecode.com/files/sitemapblog.js" type="text/javascript"> </script> <script src="</span><span style="color: red;">URL BLOG ANDA</span><span style="color: blue;">/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"> </script></span></span></span></div>
<br />
<i>keterangan : ganti yang merah dengan alamat blog anda</i><br />
<br />
<ul>
<li>Terakhir tinggal publikasikan laman tersebut dan pasang di blog anda.</li>
</ul>
<div>
Sekian dan selamat mencoba.</div>
Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-2255380720070320254.post-28975904781153079992014-06-01T20:25:00.000-07:002014-06-01T20:43:20.577-07:00Cara Membuat Halaman Privacy Policy Blog Dengan Mudah<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHEPhrZJUaO2KNsUL97Gz1g4M9FEbI_KbuYBKk9apKOF8AW_gwRVCjR_nUyLYRYIh7auxz8_BwwbmQ8fWdTL2_hhdK0_3-hM5jfBUlc8HneybtcCSj3rWECPwpDKh1qsgxiVolFCXeG3eN/s1600/privacy_policy.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Privacy Policy" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHEPhrZJUaO2KNsUL97Gz1g4M9FEbI_KbuYBKk9apKOF8AW_gwRVCjR_nUyLYRYIh7auxz8_BwwbmQ8fWdTL2_hhdK0_3-hM5jfBUlc8HneybtcCSj3rWECPwpDKh1qsgxiVolFCXeG3eN/s1600/privacy_policy.png" height="137" title="Cara Membuat Halaman Privacy Policy Blog Dengan Mudah" width="320" /></a></div>
<b><br /></b>
<b>Cara membuat Privacy Policy Untuk Blog </b>sangatlah mudah. Privacy Policy merupakan kebijakan yang di keluarkan oleh pengelola blog/website agar pengunjung dapat mengetahui kebijakan dan kententuan yang telah ditentukan. Tujuan dari Kebijakan Privasi sudah jelas agar si pengunjung dapat mematuhi dan mentaati kebijakan dan ketentuan blog/web tersebut.<br />
<br />
<i>Pentingkah Privacy Policy Untuk Blog Anda? </i>Privacy Policy tentu sangat penting bagi anda yang akan mendaftarkan blognya ke Google Adsense karena orang yang akan memeriksa blog anda akan melihat kelengkapan halaman pendukung yang salah satunya adalah Kebikajan Privasi Ini.<br />
<br />
<i> </i><i>Bagaimanakah cara membuat Privacy Policy? Apa yang harus diisi di halaman Privacy Policy? </i>Membuat Kebijakan Privasi sebenarnya sangatlah mudah, kita hanya tinggal menggunakan jasa website yang menyediakan jasa pembuatan Privacy Policy dengan cepat, mudah, dan tentunya gratis.<br />
<br />
<b>Langkah-langkah :</b><br />
<br />
<ul>
<li>Silakan masuk ke alamt<span style="color: blue;"><a href="http://www.privacypolicyonline.com/"> http://www.privacypolicyonline.com/</a> </span></li>
<li>Setelah itu silakan isi form yang telah disediakan seperti Nama Blog Anda, URL blog anda, e-mail, dan lainnya seperti pada gambar di bawah.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjt8yEVS7myS2An7_B1emvD965MASpDjitD9hTcZ4kX0eq2TsYA_2-plhmGCGrt7Xtm8hGnws8p6lFg0JT2smFs5s4a6UKvzjxu8e1i2aZXuk7b8nFntCyOcK3Pp2phX5VXjmsY4lDvct2/s1600/capture-20140602-111104.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Langkah Pertama mebuat privacy policy" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjt8yEVS7myS2An7_B1emvD965MASpDjitD9hTcZ4kX0eq2TsYA_2-plhmGCGrt7Xtm8hGnws8p6lFg0JT2smFs5s4a6UKvzjxu8e1i2aZXuk7b8nFntCyOcK3Pp2phX5VXjmsY4lDvct2/s1600/capture-20140602-111104.png" height="293" title="Cara Membuat Halaman Privacy Policy Blog Dengan Mudah" width="320" /></a></div>
<div>
<ul>
<li>Langkah berikutnya klik Generate Policy sampai muncul seperti halaman berikut.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1sc3e5Ce3SrOYV1zXdPtwpQewKVQl-IaHN9Szi8MZy7fPyHgdwMWzfp3SStPquck7oOiZkAdxLDlUtxABOLmZvrG-Xku-25n0Phwu9COUIagmuAo-bgn-QhhSf1t9DgBBdS-OL9HhVkfE/s1600/capture-20140602-111735.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Langkah terakhir membuat privacy policy" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1sc3e5Ce3SrOYV1zXdPtwpQewKVQl-IaHN9Szi8MZy7fPyHgdwMWzfp3SStPquck7oOiZkAdxLDlUtxABOLmZvrG-Xku-25n0Phwu9COUIagmuAo-bgn-QhhSf1t9DgBBdS-OL9HhVkfE/s1600/capture-20140602-111735.png" height="299" title="Cara Membuat Halaman Privacy Policy Blog Dengan Mudah" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<ul>
<li style="text-align: left;">Langkah terakhir kita cuma tingglah mengcopykannya ke halaman blog anda.</li>
</ul>
<div style="text-align: left;">
Bagaimana. mudah kan? Dalam beberapa postingan saya selanjutnya kita akan belajar cara membuat beberapa halaman pendukung untuk blog seperti contac me, disclaimer, sitemap dan lainnya. Oh ya, lihat juga artikel saya sebelumnya yang berjudul <a href="http://wayankelor.blogspot.com/2014/05/apa-yang-dilakukan-blogger-bila.html">Apa Yang Dilakukan Blogger Bila Postingannya Masuk Page one Google.</a></div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2255380720070320254.post-33458527464205565712014-05-25T21:43:00.000-07:002014-05-25T21:43:31.445-07:00Cara Membuat Label Blog Lebih Berwarna-warni Mempunyai desain blog yang lebih berwarna tentu akan menjadi kebanggaan tersendiri. Warna yang cerah dan mencolok tentu akan semakin meperindah blog anda. Salah satu widget yang bisa dimodifikasi agar lebih berwarna adalah Label/kategori. Untuk cotohnya bisa dilihat di sidebar blog saya => Terus <i>bagaimanakah cara memodifikasi widget label agar lebih warna-warni? </i>Berikut langkah-langkahnya.<br />
<br />
<b>Langkah Pertama :</b><br />
<br />
<ul>
<li>Pasang widget <b>Label, </b>caranya : masuk akun blogger > Tata Letak > Tambahkan Gadget</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrAH4mZzfOiA1z8v1y7epVTaPeqCl0sEnGNzh4u2-BO2OgmVJZZIa9wHVYhxVEnqgEYGHkb1pjnd8th74F7CWTaj6PjDY741TRgW1Mzz5UHFGb6sKmZFmFYj86LvvjYb-7bgT4oviqKijq/s1600/label+berwarna.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Label Blog Lebih Berwarna-warni " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrAH4mZzfOiA1z8v1y7epVTaPeqCl0sEnGNzh4u2-BO2OgmVJZZIa9wHVYhxVEnqgEYGHkb1pjnd8th74F7CWTaj6PjDY741TRgW1Mzz5UHFGb6sKmZFmFYj86LvvjYb-7bgT4oviqKijq/s1600/label+berwarna.png" height="150" title="Cara Membuat Label Blog Lebih Berwarna-warni " width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<ul>
<li style="text-align: left;">Pilih widget Label dengan mengklik tanda plus (+)</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQz27TjHrTymnvPYlVDPtbuZNqhAbatgxGLDEglB1dLcKr4aRsM7a_6Nxig1DIK2KxdXzQmXflHPUl0OZvpDElQsm1VsMyq4di87hhGV1rcTcYLFM51Cw5oJwM-tLjj-OhbmhBl-8WLimx/s1600/label-warna-warni2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Label Blog Lebih Berwarna-warni " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQz27TjHrTymnvPYlVDPtbuZNqhAbatgxGLDEglB1dLcKr4aRsM7a_6Nxig1DIK2KxdXzQmXflHPUl0OZvpDElQsm1VsMyq4di87hhGV1rcTcYLFM51Cw5oJwM-tLjj-OhbmhBl-8WLimx/s1600/label-warna-warni2.png" height="200" title="Cara Membuat Label Blog Lebih Berwarna-warni " width="176" /></a></div>
<div style="text-align: left;">
<br /></div>
<br />
<div>
<ul>
<li>Selanjutnya akan muncul pengaturan tampilan. Pada pengaturan ini pilih<b> Cloud</b>, untuk yang lainnya silakan atur sesuai selera masing-masing. Kemudian klik simpan.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitPxrq5TjqMPPSg-BWZ1TBKZCCYe7K6A1niV5EoSRXaJNucdYKYWHhf3-wn1FMmQUWsDDT3w08FOyFT_75uBSStfOPN2pJpmDsXHoSkWp1vD4Jd0u_E5GHup8brQnRuWrBd1hjFTXqdug3/s1600/label-warna-warni3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Label Blog Lebih Berwarna-warni " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitPxrq5TjqMPPSg-BWZ1TBKZCCYe7K6A1niV5EoSRXaJNucdYKYWHhf3-wn1FMmQUWsDDT3w08FOyFT_75uBSStfOPN2pJpmDsXHoSkWp1vD4Jd0u_E5GHup8brQnRuWrBd1hjFTXqdug3/s1600/label-warna-warni3.png" height="200" title="Cara Membuat Label Blog Lebih Berwarna-warni " width="173" /></a></div>
<div>
<br /></div>
</div>
<div>
<b>Langkah Kedua :</b></div>
<div>
<ul>
<li>Pilih menu <b>Template</b>, kemudian <b>Edit HTML</b></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9xSeRhIoOYleEh9LCkL7wHpLBqp7s606FX7f3hSDAjEdX8jarSriAqBbzrH9VANVRFASH7XlzA6mYGBlPrj0BGqO9ZSIN5R5pnEER39tE6ozYtDtN3JXquhvmqfF4ymGaAFK7Umm0-eb8/s1600/label+berwarna.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Label Blog Lebih Berwarna-warni " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9xSeRhIoOYleEh9LCkL7wHpLBqp7s606FX7f3hSDAjEdX8jarSriAqBbzrH9VANVRFASH7XlzA6mYGBlPrj0BGqO9ZSIN5R5pnEER39tE6ozYtDtN3JXquhvmqfF4ymGaAFK7Umm0-eb8/s1600/label+berwarna.png" height="182" title="Cara Membuat Label Blog Lebih Berwarna-warni " width="400" /></a></div>
<div>
<b><br /></b></div>
</div>
<div>
<ul>
<li>Cari kode <span style="color: red;">]]></b:skin></span> (gunakan Ctrl F biar lebih mudah)</li>
<li>Copy kemudian paste kode berikut tepat sebelum kode <span style="color: red;">]]></b:skin></span></li>
</ul>
</div>
<div style="border: 1px solid #000000; height: 200px; overflow: auto; padding: 5px; width: auto;">
#Label1 .cloud-label-widget-content {text-align:center;font-weight: bold;padding: 5px 0}<br />
#Label1 .cloud-label-widget-content span {display: inline-table; line-height: 1.2;}<br />
#Label1 .cloud-label-widget-content span a {padding:4px 5px;color:#fff}<br />
#Label1 .label-size {margin:4px 0;}<br />
#Label1 .label-size span {background:<span style="color: blue;">#007abe</span>;padding:4px 5px;color:#fff}<br />
#Label1 .label-size-1 a {background:<span style="color: blue;">#abc123</span>;font-size:15px;}<br />
#Label1 .label-size-2 a {background:<span style="color: blue;">#5cc9cd</span>;font-size:15px;}<br />
#Label1 .label-size-3 a {background:<span style="color: blue;">#e24f4f</span>;font-size:15px;}<br />
#Label1 .label-size-4 a {background:<span style="color: blue;">#f568dc</span>;font-size:15px;}<br />
#Label1 .label-size-5 a {background:<span style="color: blue;">#38a3ee</span>;font-size:15px;}<br />
#Label1 .cloud-label-widget-content span a:hover {background:<span style="color: red;">#007</span>abe;} </div>
<br />
Keterangan :<br />
- Kode yang berwarna biru adalah warna yang akan muncul di setiap label (warna label), warna bisa diatur sesuai selera.<br />
- Kode Berwarna merah adalah warna yang akan muncul saat cursor menyentuh label, juga bisa di ubah sesuai selera masing-masing.<br />
<br />
<br />
<ul>
<li>Langkah terakhir klik<b> Simpan Template</b></li>
</ul>
<div>
Sekian artikel saya kali ini yang berjudul <b>Cara Membuat Label Blog Lebih Berwarna-warni, </b>selamat mencoba dan semoga dapat membantu.</div>
Anonymousnoreply@blogger.com3