October 2013

Mengenal Property Border pada CSS

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXJdyyalw6M5jUZSHSbDeerkeY8pwgl-JbU9sbSlL6G3aSLQwc3XXPbBVwwu8Iv20PpkQ2ayWMxXfxo1ma42N8AImU8Kpmnii2ZMCRn56qu0aw2ARCJIyZwz6CbzDtPsS-x3-q-hYKvWw/s1600/css+icon.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Mengenal Property Border pada CSS" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXJdyyalw6M5jUZSHSbDeerkeY8pwgl-JbU9sbSlL6G3aSLQwc3XXPbBVwwu8Iv20PpkQ2ayWMxXfxo1ma42N8AImU8Kpmnii2ZMCRn56qu0aw2ARCJIyZwz6CbzDtPsS-x3-q-hYKvWw/s1600/css+icon.jpg" title="Mengenal Property Border pada CSS" /></a></div>
<span style="color: #333333; font-family: Verdana, sans-serif; line-height: 22px;"><b style="background-color: white; color: #252525; line-height: 19.1875px; text-align: start;"><br /></b></span>
<span style="color: #333333; font-family: Verdana, sans-serif; line-height: 22px;"><b style="background-color: white; color: #252525; line-height: 19.1875px; text-align: start;">M-S Blog || </b></span><span style="color: #252525; font-family: Verdana, sans-serif;"><span style="line-height: 19.1875px;"><b>Mengenal Property Border pada CSS, </b></span></span><span style="font-size: x-small;"><span style="color: #333333; font-family: Verdana, sans-serif; line-height: 22px;"><span style="background-color: white; color: #252525; line-height: 19.1875px; text-align: start;">Cascading Style Sheet</span><span style="background-color: white; color: #252525; line-height: 19.1875px; text-align: start;"> (</span><span style="background-color: white; color: #252525; line-height: 19.1875px; text-align: start;">CSS</span><span style="background-color: white; color: #252525; line-height: 19.1875px; text-align: start;">) merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. </span><span style="line-height: 24.0625px; text-align: start;">Border adalah salah satu property css, border memiliki fungsi untuk memberi batas/garis(seperti) pada suatu bidang/box/tag html. </span></span><span style="color: #333333; font-family: Verdana, sans-serif; line-height: 24.0625px; text-align: start;">Garis atau batas ini bisa kita tentukan bentuk/tampilan atau stylenya, seperti warna, ketebalan, serta style/gaya.</span></span><br />
<div style="color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px;">
<br /></div>
</div>
<div style="color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; text-align: justify;">
<b><u>Untuk lebih jelasnya lihatlah penggunaan border berikut :</u></b><br />
<br /></div>
<div style="color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; text-align: justify;">
</div>
<div style="border: 1px none rgb(51, 0, 255); color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; padding: 3px; text-align: justify;">
<div style="border: 1px none #3300ff; padding:3px"></div>
<div style="color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; text-align: justify;">
</div>
<br />
<br />
<div style="border: 1px solid rgb(51, 0, 255); color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; padding: 3px; text-align: justify;">
<div style="border: 1px solid #3300ff; padding:3px"></div>
<div style="color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; text-align: justify;">
</div>
<br />
<br />
<div style="border: 1px dashed rgb(51, 0, 255); color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; padding: 3px; text-align: justify;">
<div style="border: 1px dashed #3300ff; padding:3px"></div>
<div style="color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; text-align: justify;">
</div>
<br />
<br />
<div style="border: 1px dotted rgb(51, 0, 255); color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; padding: 3px; text-align: justify;">
<div style="border: 1px dotted #3300ff; padding:3px"></div>
<div style="color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; text-align: justify;">
</div>
<br />
<br />
<div style="border: 3px double rgb(51, 0, 255); color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; padding: 3px; text-align: justify;">
<div style="border: 3px double #3300ff; padding:3px"></div>
<div style="color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; text-align: justify;">
</div>
<br />
<br />
<div style="border: 5px groove rgb(51, 0, 255); color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; padding: 3px; text-align: justify;">
<div style="border: 5px groove #3300ff; padding:3px"></div>
<div style="color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; text-align: justify;">
</div>
<br />
<br />
<div style="border: 5px ridge rgb(51, 0, 255); color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; padding: 3px; text-align: justify;">
<div style="border: 5px ridge #3300ff; padding:3px"></div>
<div style="color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; text-align: justify;">
</div>
<br />
<br />
<div style="border: 5px inset rgb(51, 0, 255); color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; padding: 3px; text-align: justify;">
<div style="border: 5px inset #3300ff; padding:3px"></div>
<div style="color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; text-align: justify;">
</div>
<br />
<br />
<div style="border: 5px outset rgb(51, 0, 255); color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; padding: 3px; text-align: justify;">
<div style="border: 5px outset #3300ff; padding:3px"></div>
<h3 style="border: none; color: blue; font-family: 'Trebuchet MS'; line-height: 22px; margin: 0px; opacity: 0.9; outline: none; padding: 2px;">
Border Bottom</h3>
<div style="color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; text-align: justify;">
</div>
<br />
<br />
<div style="border-bottom-color: rgb(255, 0, 0); border-bottom-style: none; border-bottom-width: 1px; color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; padding: 3px; text-align: justify;">
<div style="border-bottom: 1px none #ff0000; padding:3px"></div>
<div style="color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; text-align: justify;">
</div>
<br />
<br />
<div style="border-bottom-color: rgb(255, 0, 0); border-bottom-style: solid; border-bottom-width: 1px; color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; padding: 3px; text-align: justify;">
<div style="border-bottom: 1px solid #ff0000; padding:3px"></div>
<div style="color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; text-align: justify;">
</div>
<br />
<br />
<div style="border-bottom-color: rgb(255, 0, 0); border-bottom-style: dotted; border-bottom-width: 1px; color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; padding: 3px; text-align: justify;">
<div style="border-bottom: 1px dotted #ff0000; padding:3px"></div>
<div style="color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; text-align: justify;">
</div>
<br />
<br />
<div style="border-bottom-color: rgb(255, 0, 0); border-bottom-style: dashed; border-bottom-width: 1px; color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; padding: 3px; text-align: justify;">
<div style="border-bottom: 1px dashed #ff0000; padding:3px"></div>
<div style="color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; text-align: justify;">
</div>
<br />
<br />
<div style="border-bottom-color: rgb(255, 0, 0); border-bottom-style: double; border-bottom-width: 3px; color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; padding: 3px; text-align: justify;">
<div style="border-bottom: 3px double #ff0000; padding:3px"></div>
<br />
<br />
<h3 style="border: none; color: blue; font-family: 'Trebuchet MS'; line-height: 22px; margin: 0px; opacity: 0.9; outline: none; padding: 2px;">
Border Top</h3>
<div style="color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; text-align: justify;">
</div>
<br />
<br />
<div style="border-top-color: rgb(255, 0, 0); border-top-style: groove; border-top-width: 5px; color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; padding: 3px; text-align: justify;">
<div style="border-top: 5px groove #ff0000; padding:3px"></div>
<br />
<br />
<div style="color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; text-align: justify;">
</div>
<br />
<br />
<div style="border-top-color: rgb(255, 0, 0); border-top-style: ridge; border-top-width: 5px; color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; padding: 3px; text-align: justify;">
<div style="border-top: 5px ridge #ff0000; padding:3px"></div>
<br />
<br />
<div style="color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; text-align: justify;">
</div>
<br />
<br />
<div style="border-top-color: rgb(255, 0, 0); border-top-style: inset; border-top-width: 5px; color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; padding: 3px; text-align: justify;">
<div style="border-top: 5px inset #ff0000; padding:3px"></div>
<br />
<br />
<div style="color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; text-align: justify;">
</div>
<br />
<br />
<div style="border-top-color: rgb(255, 0, 0); border-top-style: outset; border-top-width: 5px; color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; font-size: 15px; line-height: 22px; padding: 3px; text-align: justify;">
<div style="border-top: 5px outset #ff0000; padding:3px"></div>
<br />
<br />
<div style="color: #333333; font-family: 'Source Sans Pro', sans-serif, 'Segoe UI', Arial, Tahoma; line-height: 22px; text-align: justify;">
Semoga Bermanfaat<span style="font-size: x-large;"> <b><i>:)</i></b></span></div>
</div>

M-S Blog || Mengenal Property Border pada CSS, Cascading Style Sheet (CSS) merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web se…

Oct 28, 2013 +

Cara Memasang Meta Keyword Otomatis Pada Setiap Postingan di Blog

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfPG1z4lg-fSx7StScoEJMEusr2jW2cgdIcOOTNSsdDoE-MHSEidIowIVcMpJzY3prGXASh0dwRAUD3n8RU7K9DDoC2dkcgTUFnGo8yWOoojKCplFAWj4C_5xbqhAkERymlzL3TN_5Mxc/s1600/penggunaan-meta-title-dan-meta-description11.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Memasang Meta Keyword Otomatis Pada Setiap Postingan di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfPG1z4lg-fSx7StScoEJMEusr2jW2cgdIcOOTNSsdDoE-MHSEidIowIVcMpJzY3prGXASh0dwRAUD3n8RU7K9DDoC2dkcgTUFnGo8yWOoojKCplFAWj4C_5xbqhAkERymlzL3TN_5Mxc/s1600/penggunaan-meta-title-dan-meta-description11.jpg" title="Cara Memasang Meta Keyword Otomatis Pada Setiap Postingan di Blog" /></a></div>
<br />
<span style="font-family: Verdana, sans-serif;"><span style="color: #333333;"><span style="line-height: 22.390625px;"><b>M-S Blog || <span style="font-size: x-small;">Cara Memasang Meta Keyword Otomatis Pada Setiap Postingan di Blog</span></b><span style="font-size: x-small;">, A</span></span></span><span style="font-size: x-small;"><span style="background-color: white; color: #333333; line-height: 22.390625px;">pakah anda sudah paham dan tahu Meta keyword, ini adalah yang biasa dipasang di deskripsi halaman utama blog, keyword sangat penting, tapi anda juga harus memasang di dalam setiap posting artikel blog anda agar lebih cepat terjaring oleh </span><a href="http://google.co.id/" style="background-color: white; border: 0px; color: dodgerblue; line-height: 22.390625px; margin: 0px auto; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">google</a><span style="background-color: white; color: #333333; line-height: 22.390625px;">, bisa anda gambarkan betapa lamanya, apalagi bagi anda yang sudah banyak memiliki artikel. untuk memasang trik ini, ikuti langkah berikut:</span></span></span><br />
<br style="background-color: white; color: #333333; font-family: Abel, sans-serif; font-size: 16px; line-height: 22.390625px;" />
<span style="background-color: white; color: #333333; font-family: Abel, sans-serif; font-size: 16px; line-height: 22.390625px;">1. Login ke akun </span><a href="http://blogger.com/" style="background-color: white; border: 0px; color: dodgerblue; font-family: Abel, sans-serif; font-size: 16px; line-height: 22.390625px; margin: 0px auto; padding: 0px; text-decoration: none; vertical-align: baseline;">blogger.com</a><span style="background-color: white; color: #333333; font-family: Abel, sans-serif; font-size: 16px; line-height: 22.390625px;"> anda</span><br />
<span style="background-color: white; color: #333333; font-family: Abel, sans-serif; font-size: 16px; line-height: 22.390625px;">2. Pilih dan klik Templat Edit</span><br />
<span style="background-color: white; color: #333333; font-family: Abel, sans-serif; font-size: 16px; line-height: 22.390625px;">3. Cari kede di bawah ini dengan tekan ctrl + f</span><br />
<blockquote class="tr_bq" style="background-color: #eeeeee; border-color: rgb(221, 221, 221) rgb(221, 221, 221) rgb(221, 221, 221) rgb(128, 0, 0); border-style: solid; border-width: 1px 1px 1px 5px; color: #222222; font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; font-size: 13px; line-height: 1.8em; margin: 20px 0px; overflow: auto; padding: 10px 20px; position: relative; quotes: none; vertical-align: baseline;">
<title><data:blog.pageTitle/></title></blockquote>
<span style="background-color: white; color: #333333; font-family: Abel, sans-serif; font-size: 16px; line-height: 22.390625px;"> jika sudah di temukan, blok semua dan ganti dengan kode berikut:</span><br />
<blockquote class="tr_bq" style="background-color: #eeeeee; border-color: rgb(221, 221, 221) rgb(221, 221, 221) rgb(221, 221, 221) rgb(128, 0, 0); border-style: solid; border-width: 1px 1px 1px 5px; color: #222222; font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; font-size: 13px; line-height: 1.8em; margin: 20px 0px; overflow: auto; padding: 10px 20px; position: relative; quotes: none; vertical-align: baseline;">
<b:if cond='data:blog.url == &quot;http://<span style="border: 0px; color: #0b5394; margin: 0px auto; padding: 0px; vertical-align: baseline;">alamat blog anda</span>.blogspot.com/&quot;'><b style="border: 0px; margin: 0px auto; padding: 0px; vertical-align: baseline;"> </b><title><data:blog.pageTitle/></title><b style="border: 0px; margin: 0px auto; padding: 0px; vertical-align: baseline;"> </b><meta name='DESCRIPTION' content='<span style="border: 0px; color: #0b5394; margin: 0px auto; padding: 0px; vertical-align: baseline;">isi deskripsi blog anda</span>'/><b style="border: 0px; margin: 0px auto; padding: 0px; vertical-align: baseline;"> </b><meta name='KEYWORDS' content='<span style="border: 0px; color: #0b5394; margin: 0px auto; padding: 0px; vertical-align: baseline;">isi dengan keyword</span>'/> </b:if><b style="border: 0px; margin: 0px auto; padding: 0px; vertical-align: baseline;"> </b><b:if cond='data:blog.pageType == &quot;item&quot;'><b style="border: 0px; margin: 0px auto; padding: 0px; vertical-align: baseline;"> </b><title><data:blog.pageName/> - <data:blog.title/></title><b style="border: 0px; margin: 0px auto; padding: 0px; vertical-align: baseline;"> </b><meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/><b style="border: 0px; margin: 0px auto; padding: 0px; vertical-align: baseline;"> </b><meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/><b style="border: 0px; margin: 0px auto; padding: 0px; vertical-align: baseline;"> </b></b:if></blockquote>
<span style="background-color: white; color: #333333; font-family: Abel, sans-serif; font-size: 16px; line-height: 22.390625px;">4. klik save template atau simpan perubahan. </span><br />
<br style="background-color: white; color: #333333; font-family: Abel, sans-serif; font-size: 16px; line-height: 22.390625px;" />
<span style="background-color: white; color: #333333; font-family: Abel, sans-serif; font-size: 16px; line-height: 22.390625px;">Cara di atas adalah untuk sobat yang belum pernah atau pertama kali melakukan trik ini, sebelum sobat belum pernah memasang </span><b style="background-color: white; border: 0px; color: #333333; font-family: Abel, sans-serif; font-size: 16px; line-height: 22.390625px; margin: 0px auto; padding: 0px; vertical-align: baseline;"><i style="border: 0px; margin: 0px auto; padding: 0px; vertical-align: baseline;">meta tag deskripsi</i></b><span style="background-color: white; color: #333333; font-family: Abel, sans-serif; font-size: 16px; line-height: 22.390625px;">. untuk yang sudah pernah ikuti cara berikut:</span><br />
<br style="background-color: white; color: #333333; font-family: Abel, sans-serif; font-size: 16px; line-height: 22.390625px;" />
<span style="background-color: white; color: #333333; font-family: Abel, sans-serif; font-size: 16px; line-height: 22.390625px;">sama seperti langkah pertama, login ke akun blogger cari kode brikut atau yang pernah sobat pasang di bawah </span><span style="background-color: white; border: 0px; color: red; font-family: Abel, sans-serif; font-size: 16px; line-height: 22.390625px; margin: 0px auto; padding: 0px; vertical-align: baseline;"><b:include data='blog' name='all-head-content'/> </span><br />
<blockquote class="tr_bq" style="background-color: #eeeeee; border-color: rgb(221, 221, 221) rgb(221, 221, 221) rgb(221, 221, 221) rgb(128, 0, 0); border-style: solid; border-width: 1px 1px 1px 5px; color: #222222; font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; font-size: 13px; line-height: 1.8em; margin: 20px 0px; overflow: auto; padding: 10px 20px; position: relative; quotes: none; vertical-align: baseline;">
 <b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<title><data:blog.pageName/> | <data:blog.title/></title><br />
<b:else/><br />
<b:if cond='data:blog.pageType == &quot;index&quot;'><br />
<title><data:blog.pageTitle/></title><br />
<b:else/><br />
<title><data:blog.pageName/></title><br />
</b:if></b:if></blockquote>
<span style="background-color: white; color: #333333; font-family: Abel, sans-serif; font-size: 16px; line-height: 22.390625px;">jika sudah ditemukan hapus semuanya dan ganti dengan kode d bawah ini</span><br />
<blockquote class="tr_bq" style="background-color: #eeeeee; border-color: rgb(221, 221, 221) rgb(221, 221, 221) rgb(221, 221, 221) rgb(128, 0, 0); border-style: solid; border-width: 1px 1px 1px 5px; color: #222222; font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; font-size: 13px; line-height: 1.8em; margin: 20px 0px; overflow: auto; padding: 10px 20px; position: relative; quotes: none; vertical-align: baseline;">
<b:if cond='data:blog.url == &quot;http://<span style="border: 0px; color: #0b5394; margin: 0px auto; padding: 0px; vertical-align: baseline;">alamat blog anda</span>.blogspot.com/&quot;'><b style="border: 0px; margin: 0px auto; padding: 0px; vertical-align: baseline;"> </b><title><data:blog.pageTitle/></title><b style="border: 0px; margin: 0px auto; padding: 0px; vertical-align: baseline;"> </b><meta name='DESCRIPTION' content='<span style="border: 0px; color: #0b5394; margin: 0px auto; padding: 0px; vertical-align: baseline;">isi deskripsi anda</span>'/><b style="border: 0px; margin: 0px auto; padding: 0px; vertical-align: baseline;"> </b><meta name='KEYWORDS' content='<span style="border: 0px; color: #0b5394; margin: 0px auto; padding: 0px; vertical-align: baseline;">isi dengan keyword</span>'/> </b:if><b style="border: 0px; margin: 0px auto; padding: 0px; vertical-align: baseline;"> </b><b:if cond='data:blog.pageType == &quot;item&quot;'><b style="border: 0px; margin: 0px auto; padding: 0px; vertical-align: baseline;"> </b><title><data:blog.pageName/> - <data:blog.title/></title><b style="border: 0px; margin: 0px auto; padding: 0px; vertical-align: baseline;"> </b><meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/><b style="border: 0px; margin: 0px auto; padding: 0px; vertical-align: baseline;"> </b><meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/><b style="border: 0px; margin: 0px auto; padding: 0px; vertical-align: baseline;"> </b></b:if></blockquote>
<span style="background-color: white; color: #333333; font-family: Abel, sans-serif; font-size: 16px; line-height: 22.390625px;">lalu klik simpan atau save templat. semoga bermanfaat... </span></div>

M-S Blog || Cara Memasang Meta Keyword Otomatis Pada Setiap Postingan di Blog, Apakah anda sudah paham dan tahu Meta keyword, ini adalah yang biasa d…

Oct 26, 2013 +

Cara Mem-Blacklist atau Banned Komentator Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: white;"><span style="color: #2c3e50; font-family: Montserrat, 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; font-weight: 600; line-height: 22.390625px;">Blacklist / Banned Komentator Blogger</span><span style="color: #2c3e50; font-family: Montserrat, 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;"> - Banyak jalan menuju Roma, pepatah itu memang cocok untuk kondisi apapun. Begitu juga banyak cara mengakali para spammer dan tukang obat yang membanjiri blog dengan komentar </span><i style="color: #2c3e50; font-family: Montserrat, 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">sampah</i><span style="color: #2c3e50; font-family: Montserrat, 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">.</span></span><br />
<span style="background-color: white;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUL-hAjpdoVw1eyZL5do13szwowd9rQRugrxBPUegViRn-tGVUl3LiB1O5jyL3o2srO0q6Tzb0xTAFCZvv-rWfDF5Q6KVHFtbKWWv4ALlyMTRyVR0ZadTi3nnStJlv4MD0NBR-H72fJMU/s1600/banned.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Mem-Blacklist atau Banned Komentator Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUL-hAjpdoVw1eyZL5do13szwowd9rQRugrxBPUegViRn-tGVUl3LiB1O5jyL3o2srO0q6Tzb0xTAFCZvv-rWfDF5Q6KVHFtbKWWv4ALlyMTRyVR0ZadTi3nnStJlv4MD0NBR-H72fJMU/s1600/banned.png" title="Cara Mem-Blacklist atau Banned Komentator Blogger" /></a></div>
<span style="background-color: white;"><br style="color: #2c3e50; font-family: Montserrat, 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;" /><br style="color: #2c3e50; font-family: Montserrat, 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;" /><span style="color: #2c3e50; font-family: Montserrat, 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">Diantara beberapa hal yang bisa dilakukan adalah </span><a href="http://blog.kangismet.net/2013/05/menghilangkan-link-aktif-pada-komentar.html" rel="nofollow" style="color: #21afa4; font-family: Montserrat, 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px; text-decoration: none;" target="_blank">Menghilangkan link aktif</a><span style="color: #2c3e50; font-family: Montserrat, 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;"> apabila ada</span><span style="color: #2c3e50; font-family: Montserrat, 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">, seperti yang sudah saya jelaskan pada artikel sebelumnya.</span><br style="color: #2c3e50; font-family: Montserrat, 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;" /></span><br />
<h4 style="color: #4a4a4a; font-family: Oswald, Arial, sans-serif; font-size: 17px; line-height: 22.390625px; margin: 0px 0px 10px; padding: 0px 0px 12px; text-transform: uppercase;">
<span style="background-color: white;"><u>TAG KONDISIONAL</u></span></h4>
<div class="catatan" style="background-color: #f8e38d; border-bottom-color: rgba(0, 0, 0, 0.0980392); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-style: solid; border-bottom-width: 1px; border-top-left-radius: 4px; border-top-right-radius: 4px; color: #333333; font-family: Montserrat, 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px; padding: 15px 18px 15px 48px; position: relative;">
Penggunaan tag kondisonal untuk mem-blacklist ini hanya berlaku untuk sistem komentar lama / Threaded Comment Hack. Apabila sobat menggunakan komentar default blogger, silahkan pilih dengan menggunakan jQuery.</div>
<br style="background-color: #f2f2f2; color: #2c3e50; font-family: Montserrat, 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;" />
<span style="background-color: white; color: #2c3e50; font-family: Montserrat, 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">Dengan penggunaan Tag Kondisional, maka Komentar yang di banned tidak akan ditampilkan, atau disembunyikan. Tapi tetap untuk menghapus secara permanen, sobat harus menghapusnya di dasboard. Untuk menerapkannya, silahkan cari kode </span><br />
<pre style="background-color: #2c3e50; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; color: #839496; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 1.4em; margin-bottom: 1.5em; margin-top: 1.5em; padding: 0.8em 1em; position: relative; white-space: pre-wrap; word-wrap: break-word;"><code class="xml" style="background-image: none !important; border: none !important; color: #a3a49a; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; padding: 0px !important;"><<span class="title" style="color: #569dcf;">b:loop</span> <span class="attribute" style="color: #aa985a;">values</span>=<span class="value" style="color: #7195a3;">'data:post.comments'</span> <span class="attribute" style="color: #aa985a;">var</span>=<span class="value" style="color: #7195a3;">'comment'</span>></code></pre>
<span style="background-color: white; color: #2c3e50; font-family: Montserrat, 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">tambahkan kode ini dibawahnya :</span><br />
<pre style="background-color: #2c3e50; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; color: #839496; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 1.4em; margin-bottom: 1.5em; margin-top: 1.5em; padding: 0.8em 1em; position: relative; white-space: pre-wrap; word-wrap: break-word;"><code class="xml" style="background-image: none !important; border: none !important; color: #a3a49a; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; padding: 0px !important;"><span class="comment" style="color: #586e75; font-style: italic;"></span>
<span class="tag"><<span class="title" style="color: #569dcf;">b:if</span> <span class="attribute" style="color: #aa985a;">cond</span>=<span class="value" style="color: #7195a3;">'data:comment.authorUrl != &quot;http://www.blogger.com/profile/12345678910&quot;'</span>></span>
<span class="comment" style="color: #586e75; font-style: italic;"></span></code></pre>
<span style="background-color: white;"><span style="color: #2c3e50; font-family: Montserrat, 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">ganti </span><code style="color: #dd1144; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 22.390625px; padding: 2px 4px;">http://www.blogger.com/profile/12345678910</code><span style="color: #2c3e50; font-family: Montserrat, 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;"> dengan URL yang akan di blacklist /banned. Setelah itu cari penutup kode </span><code style="color: #dd1144; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 22.390625px; padding: 2px 4px;"></b:loop></code><span style="color: #2c3e50; font-family: Montserrat, 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">, tambahkan kode ini di atasnya :</span></span><br />
<pre style="background-color: #2c3e50; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; color: #839496; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 1.4em; margin-bottom: 1.5em; margin-top: 1.5em; padding: 0.8em 1em; position: relative; white-space: pre-wrap; word-wrap: break-word;"><code class="xml" style="background-image: none !important; border: none !important; color: #a3a49a; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; padding: 0px !important;"><span class="comment" style="color: #586e75; font-style: italic;"></span>
  <span class="tag"></<span class="title" style="color: #569dcf;">b:if</span>></span>
<span class="comment" style="color: #586e75; font-style: italic;"></span></code></pre>
<span style="background-color: white; color: #2c3e50; font-family: Montserrat, 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">Apabila ada penambahan URL yang dibanned, maka tambahkan di atas kode pertama menjadi seperti ini</span><br />
<pre style="background-color: #2c3e50; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; color: #839496; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 1.4em; margin-bottom: 1.5em; margin-top: 1.5em; padding: 0.8em 1em; position: relative; white-space: pre-wrap; word-wrap: break-word;"><code class="xml" style="background-image: none !important; border: none !important; color: #a3a49a; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; padding: 0px !important;"><span class="comment" style="color: #586e75; font-style: italic;"></span>
<span class="tag"><<span class="title" style="color: #569dcf;">b:if</span> <span class="attribute" style="color: #aa985a;">cond</span>=<span class="value" style="color: #7195a3;">'data:comment.authorUrl != &quot;http://www.blogger.com/profile/12345678910&quot;'</span>></span>
<span class="tag"><<span class="title" style="color: #569dcf;">b:if</span> <span class="attribute" style="color: #aa985a;">cond</span>=<span class="value" style="color: #7195a3;">'data:comment.authorUrl != &quot;http://namablog.blogspot.com&quot;'</span>></span>
<span class="comment" style="color: #586e75; font-style: italic;"></span></code></pre>
<span style="background-color: white;"><span style="color: #2c3e50; font-family: Montserrat, 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">untuk penutupnya tambahkan juga kode </span><code style="color: #dd1144; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 22.390625px; padding: 2px 4px;"></b:if></code><span style="color: #2c3e50; font-family: Montserrat, 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;"> sehingga menjadi seperti ini : </span></span><br />
<pre style="background-color: #2c3e50; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; color: #839496; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 1.4em; margin-bottom: 1.5em; margin-top: 1.5em; padding: 0.8em 1em; position: relative; white-space: pre-wrap; word-wrap: break-word;"><code class="xml" style="background-image: none !important; border: none !important; color: #a3a49a; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; padding: 0px !important;"><span class="comment" style="color: #586e75; font-style: italic;"></span>
  <span class="tag"></<span class="title" style="color: #569dcf;">b:if</span>></span>
  <span class="tag"></<span class="title" style="color: #569dcf;">b:if</span>></span>
<span class="comment" style="color: #586e75; font-style: italic;"></span></code></pre>
<span style="background-color: white;"><span style="color: #2c3e50; font-family: Montserrat, 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">lakukan penambahan apabila ditambahkan URL yang diblacklist / banned.</span></span><br />
<span style="background-color: white;"><br /></span>
<br />
<h4 style="color: #4a4a4a; font-family: Oswald, Arial, sans-serif; font-size: 17px; line-height: 22.390625px; margin: 0px 0px 10px; padding: 0px 0px 12px; text-transform: uppercase;">
<span style="background-color: white;"><u>MENGGUNAKAN JQUERY</u></span></h4>
<div class="catatan" style="background-color: #f8e38d; border-bottom-color: rgba(0, 0, 0, 0.0980392); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-style: solid; border-bottom-width: 1px; border-top-left-radius: 4px; border-top-right-radius: 4px; color: #333333; font-family: Montserrat, 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px; padding: 15px 18px 15px 48px; position: relative;">
Dengan jQuery, akan memanipulasi Nama Komentator dan Isi komentar. Untuk melihat efeknya silahkan lihat <span style="font-weight: 600;"><a href="http://jsfiddle.net/mastertuts/TZfrq/1/" rel="nofollow" style="color: #21afa4; text-decoration: none;" target="_blank">demo</a></span>. Apabila ada yang ditanyakan lebih jauh, silahkan menuju sumbernya di <a href="http://mastertuts.blogspot.com/2013/10/banned-komentator-blogger-dengan-jquery.html" rel="nofollow" style="color: #21afa4; text-decoration: none;" target="_blank"><span style="font-weight: 600;">MasterTuts</span></a>.</div>
<br style="background-color: #f2f2f2; color: #2c3e50; font-family: Montserrat, 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;" />
<span style="background-color: white;"><span style="color: #2c3e50; font-family: Montserrat, 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">Untuk penggunaan jQuery, simpan kode ini di atas </span><code style="color: #dd1144; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 22.390625px; padding: 2px 4px;"></body></code></span><br />
<pre style="background-color: #2c3e50; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; color: #839496; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 1.4em; margin-bottom: 1.5em; margin-top: 1.5em; padding: 0.8em 1em; position: relative; white-space: pre-wrap; word-wrap: break-word;"><code class="xml" style="background-image: none !important; border: none !important; color: #a3a49a; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; padding: 0px !important;"><span class="tag"><<span class="title" style="color: #569dcf;">script</span> <span class="attribute" style="color: #aa985a;">type</span>=<span class="value" style="color: #7195a3;">'text/javascript'</span>></span><span class="javascript">
<span class="comment" style="color: #586e75; font-style: italic;">//<![CDATA[ </span>
<span class="keyword" style="color: #859900;">var</span> spamlist=[
 <span class="string" style="color: #7195a3;">'http://www.blogger.com/profile/12345678'</span>, <span class="comment" style="color: #586e75; font-style: italic;">/* contoh URL komentator */</span>
 <span class="string" style="color: #7195a3;">'http://namablog.blogspot.com/'</span>,
 <span class="string" style="color: #7195a3;">'Alamat URL komentator ke-3'</span> <span class="comment" style="color: #586e75; font-style: italic;">/* URL yang terakhir tak perlu diberi koma */</span>
];
<span class="keyword" style="color: #859900;">for</span>(<span class="keyword" style="color: #859900;">var</span> v=<span class="number" style="color: #7195a3;">0</span>; v<spamlist.length; v=v+<span class="number" style="color: #7195a3;">1</span>){
 $(<span class="string" style="color: #7195a3;">"a[href='"</span>+spamlist[v]+<span class="string" style="color: #7195a3;">"']"</span>).each(<span class="keyword" style="color: #859900;">function</span>(){
 $(<span class="keyword" style="color: #859900;">this</span>).closest(<span class="string" style="color: #7195a3;">".comment-block"</span>).find(<span class="string" style="color: #7195a3;">".comment-content"</span>)
 .replaceWith(<span class="string" style="color: #7195a3;">"<div class='comment-content' style='color:red'>Anda telah di banned! Silahkan tinggalkan blog ini!</div>"</span>),
     $(<span class="keyword" style="color: #859900;">this</span>).replaceWith(<span class="string" style="color: #7195a3;">"<span style='color:red'>BANNED USER!</span>"</span>);
 })
}
<span class="comment" style="color: #586e75; font-style: italic;">//]]></span>
</span><span class="tag"></<span class="title" style="color: #569dcf;">script</span>></span></code></pre>
<span style="background-color: white; color: #2c3e50; font-family: Montserrat, 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">Apabila menggunakan Threaded Comment Hack gunakan script ini</span><br />
<pre style="background-color: #2c3e50; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; color: #839496; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 1.4em; margin-bottom: 1.5em; margin-top: 1.5em; padding: 0.8em 1em; position: relative; white-space: pre-wrap; word-wrap: break-word;"><code class="xml" style="background-image: none !important; border: none !important; color: #a3a49a; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; padding: 0px !important;"><span class="tag"><<span class="title" style="color: #569dcf;">script</span> <span class="attribute" style="color: #aa985a;">type</span>=<span class="value" style="color: #7195a3;">'text/javascript'</span>></span><span class="javascript">
<span class="comment" style="color: #586e75; font-style: italic;">//<![CDATA[ </span>
<span class="keyword" style="color: #859900;">var</span> spamlist=[
 <span class="string" style="color: #7195a3;">'http://www.blogger.com/profile/12345678'</span>, <span class="comment" style="color: #586e75; font-style: italic;">/* contoh URL komentator */</span>
 <span class="string" style="color: #7195a3;">'http://namablog.blogspot.com/'</span>,
 <span class="string" style="color: #7195a3;">'Alamat URL komentator ke-3'</span> <span class="comment" style="color: #586e75; font-style: italic;">/* URL yang terakhir tak perlu diberi koma */</span>
];
<span class="keyword" style="color: #859900;">for</span>(<span class="keyword" style="color: #859900;">var</span> v=<span class="number" style="color: #7195a3;">0</span>; v<spamlist.length; v=v+<span class="number" style="color: #7195a3;">1</span>){
 $(<span class="string" style="color: #7195a3;">"a[href='"</span>+spamlist[v]+<span class="string" style="color: #7195a3;">"']"</span>).each(<span class="keyword" style="color: #859900;">function</span>(){
 $(<span class="keyword" style="color: #859900;">this</span>).closest(<span class="string" style="color: #7195a3;">".comment_inner"</span>).find(<span class="string" style="color: #7195a3;">".comment_body"</span>)
 .replaceWith(<span class="string" style="color: #7195a3;">"<div class='.comment_body' style='color:red'>Anda telah di banned! Silahkan tinggalkan blog ini!</div>"</span>),
     $(<span class="keyword" style="color: #859900;">this</span>).replaceWith(<span class="string" style="color: #7195a3;">"<span style='color:red'>BANNED USER!</span>"</span>);
 })
}
<span class="comment" style="color: #586e75; font-style: italic;">//]]></span>
</span><span class="tag"></<span class="title" style="color: #569dcf;">script</span>></span></code></pre>
<span style="background-color: white; color: #2c3e50; font-family: Montserrat, 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">Semoga bermanfaat...</span></div>

Blacklist / Banned Komentator Blogger - Banyak jalan menuju Roma, pepatah itu memang cocok untuk kondisi apapun. Begitu juga banyak cara mengakali pa…

Oct 24, 2013 +

Cara Filter Kata-kata Kotor dalam Komentar di Blog

M-S Blog || Filter Kata-kata Kotor dalam Komentar - Tadi Siang di Blog saya mendapatkan komentar dengan kata-kata yang jorok / kotor. Biasanya koment…

Oct 20, 2013 +

Cara Memasang Widget Alexa di Blog

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="line-height: 22px; margin: 0px; padding: 0px; text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrHx8V4iq6TQ5j_h9DmfZGGbgQJBGiRUrT_n4CGUFsoKKOodQINgY7dNwZ2S-f9miyjJw9hRfjoEWlRwpzaR4SW2uAMg9tNe-N7kULIhpLfjENmmwBmzFnjqZqs2FUOgpskPq9Q78pzi0/s1600/alexa-rank-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Memasang Widget Alexa di Blog" border="0" height="190" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrHx8V4iq6TQ5j_h9DmfZGGbgQJBGiRUrT_n4CGUFsoKKOodQINgY7dNwZ2S-f9miyjJw9hRfjoEWlRwpzaR4SW2uAMg9tNe-N7kULIhpLfjENmmwBmzFnjqZqs2FUOgpskPq9Q78pzi0/s320/alexa-rank-1.jpg" title="Cara Memasang Widget Alexa di Blog" width="320" /></a></div>
<br />
<span style="background-color: white; font-family: Verdana, sans-serif;"><b>M-S Blog || Cara Memasang Widget Alexa di Blog</b><span style="font-size: 14px;">,</span></span><span style="background-color: white; font-family: Verdana, sans-serif; font-size: 14px;"> <span style="line-height: 22.390625px;">alexa rank itu adalah sebuah peringkat terhadap sebuah website atau blog berdasarkan trafik atau banyaknya pengunjung yang diberikan atau dibuat oleh alexa.com, dan data trafik tersebut diambil melalui toolbar alexa pada browser pengunjung website atau blog tersebut. Alexa rank setiap website atau blog berbeda-beda jumlahnya. Jika alexa suatu blog rendah maka semakin bagus namun jika alexa suatu blog tinggi, artinya trafik blog tersebut rendah. Beda dengan Page Rank yang diberikan oleh mbah google karna semakin tinggi Page Rank suatu blog maka semakin bagus pula blog tersebut, namun nilai page rank google tak sebanyak alexa rank yaitu maksimal PR 10.</span></span><br />
<div style="font-size: 14px; line-height: 22.390625px;">
<span style="background-color: white; font-family: Verdana, sans-serif;"><br />
</span></div>
<div style="font-size: 14px; line-height: 22.390625px;">
<span style="background-color: white; font-family: Verdana, sans-serif;">Alexa Traffic Rank tidak sepopuler punyanya Google. Namun ternyata Alexa Rank cukup penting bagi para Blogger yang ingin menjadikan blog-nya sebagai monetize blog karena kebanyakan menggunakan rank Alexa sebagai syarat atau patokan dalam menentukan nilai dari sebuah website.</span></div>
</div>
<div style="background-color: white; font-family: Arial, sans-serif; font-size: 14px; line-height: 22px; margin: 0px; padding: 0px; text-align: justify;">
<br /></div>
<div style="background-color: white; font-family: Arial, sans-serif; line-height: 22px; margin: 0px; padding: 0px; text-align: justify;">
<b>Untuk memasang widget alexa di blog, Silahkan ikuti langkah-langkah di bawah ini :</b></div>
<div style="background-color: white; font-family: Arial, sans-serif; font-size: 14px; line-height: 22px; margin: 0px; padding: 0px; text-align: justify;">
<br style="line-height: 14px; margin: 0px; padding: 0px;" /></div>
<div style="background-color: white; font-family: Arial, sans-serif; font-size: 14px; line-height: 22px; margin: 0px; padding: 0px; text-align: justify;">
1. Pertama-tama buka <b style="margin: 0px; padding: 0px;"><a href="http://www.alexa.com/siteowners/widgets" rel="nofollow" style="color: #0000dd; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">http://www.alexa.com/siteowners/widgets</a></b></div>
<div style="background-color: white; font-family: Arial, sans-serif; font-size: 14px; line-height: 22px; margin: 0px; padding: 0px; text-align: justify;">
<br /></div>
<div style="background-color: white; font-family: Arial, sans-serif; font-size: 14px; line-height: 22px; margin: 0px; padding: 0px; text-align: justify;">
2. Terdapat 3 pilihan widget yang disediakan oleh Alexa sendiri. Teridir dari :<br />
<br /></div>
<div style="background-color: white; font-family: Arial, sans-serif; font-size: 14px; line-height: 22px; margin: 0px; padding: 0px; text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK5falpyRMllUqBH9gvCVc3yIVER0njVd0IGbEOjMlbgNEJFtWt-VkwEtu9GgA5AzvLUvNtVI7Gl5GWdvp7z_5FqsjQ6J9BGewJeqMVvEU5XeZr4oeWjQAykEFWrbY8Ru5vzLAqR3QNso/s1600/ac.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Memasang Widget Alexa di Blog" border="0" height="307" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK5falpyRMllUqBH9gvCVc3yIVER0njVd0IGbEOjMlbgNEJFtWt-VkwEtu9GgA5AzvLUvNtVI7Gl5GWdvp7z_5FqsjQ6J9BGewJeqMVvEU5XeZr4oeWjQAykEFWrbY8Ru5vzLAqR3QNso/s320/ac.png" title="Cara Memasang Widget Alexa di Blog" width="320" /></a></div>
</div>
<div class="separator" style="background-color: white; clear: both; font-family: Arial, sans-serif; font-size: 14px; line-height: 22px; padding: 0px; text-align: center;">
</div>
<div style="background-color: white; font-family: Arial, sans-serif; font-size: 14px; line-height: 22px; margin: 0px; padding: 0px; text-align: justify;">
<br style="line-height: 14px; margin: 0px; padding: 0px;" /></div>
<div style="background-color: white; font-family: Arial, sans-serif; font-size: 14px; line-height: 22px; margin: 0px; padding: 0px; text-align: justify;">
<ul style="list-style: none; margin: 10px 0px; padding: 0px;">
<li style="background-attachment: scroll; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjc047yK10v347Y2wOWTxGFdMd_yTF3uJPMmcm2rrRYW0LY3YVmPo76SuTV6dEN0qd3pn6oTkLBQyaIYcscvQvzhpDmFnKyxFIKcSkqaBu0-UxltP6W11k9vbWsgebVrrqrOrA07_HK39t/s0/libg300.png); background-position: 0% -1px; background-repeat: no-repeat no-repeat; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 23px; position: relative;">Alexa Site Stats Button : Berguna untuk menampilkan peringkat beserta jumlah link tautan menuju blog anda..</li>
<li style="background-attachment: scroll; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjc047yK10v347Y2wOWTxGFdMd_yTF3uJPMmcm2rrRYW0LY3YVmPo76SuTV6dEN0qd3pn6oTkLBQyaIYcscvQvzhpDmFnKyxFIKcSkqaBu0-UxltP6W11k9vbWsgebVrrqrOrA07_HK39t/s0/libg300.png); background-position: 0% -1px; background-repeat: no-repeat no-repeat; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 23px; position: relative;">Alexa Traffic Rank Button : Yang ini hanya berguna untuk menampilkan peringkat alexa saja.</li>
<li style="background-attachment: scroll; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjc047yK10v347Y2wOWTxGFdMd_yTF3uJPMmcm2rrRYW0LY3YVmPo76SuTV6dEN0qd3pn6oTkLBQyaIYcscvQvzhpDmFnKyxFIKcSkqaBu0-UxltP6W11k9vbWsgebVrrqrOrA07_HK39t/s0/libg300.png); background-position: 0% -1px; background-repeat: no-repeat no-repeat; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 23px; position: relative;">Alexa Traffic Graph : Widget ketiga ini berguna untuk menampilkan grafik yang lengkap. Tapi biasanya ukuran widget ini relatif besar.</li>
</ul>
<div style="margin: 0px; padding: 0px;">
Untuk blog ini saya menggunakan widget yang pertama maka anda dapat lihat sendiri di bagian bawah blog ini. Jadi nantinya akan muncul ranking Alexa dan jumlah link menuju website anda.</div>
</div>
<div style="background-color: white; font-family: Arial, sans-serif; font-size: 14px; line-height: 22px; margin: 0px; padding: 0px; text-align: justify;">
<br style="line-height: 14px; margin: 0px; padding: 0px;" /></div>
<div class="separator" style="background-color: white; clear: both; font-family: Arial, sans-serif; font-size: 14px; line-height: 22px; padding: 0px; text-align: center;">
</div>
<div style="background-color: white; font-family: Arial, sans-serif; font-size: 14px; line-height: 22px; margin: 0px; padding: 0px; text-align: justify;">
<br style="line-height: 14px; margin: 0px; padding: 0px;" /></div>
<div style="background-color: white; font-family: Arial, sans-serif; font-size: 14px; line-height: 22px; margin: 0px; padding: 0px; text-align: justify;">
3. Setelah anda menentukan pilihan, isikan URL blog anda di kotak yang disediakan lalu klik tombol BUILD WIDGET.</div>
<div style="background-color: white; font-family: Arial, sans-serif; font-size: 14px; line-height: 22px; margin: 0px; padding: 0px; text-align: justify;">
<br style="line-height: 14px; margin: 0px; padding: 0px;" /></div>
<div style="background-color: white; line-height: 22px; margin: 0px; padding: 0px; text-align: justify;">
<div style="font-family: Arial, sans-serif; font-size: 14px;">
4. Kemudian anda akan mendapatkan kode script HTML yang anda bisa pasang di blog anda.</div>
<div style="font-family: Arial, sans-serif; font-size: 14px;">
<br /></div>
<div class="separator" style="clear: both; font-family: Arial, sans-serif; font-size: 14px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg_8EXIvjy9l1wod17binKO8VaW3Yto8VLhRLXWN2JQM1grw5kuZc5gLmJ2L_DOdjhFT3omN4MbKfA3m427oMWQ4nvd0ZFI_P_cBpIQoBIilTWQORihmlogLbLQMM5lSnefJhygPPG63Y/s1600/ab.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Memasang Widget Alexa di Blog" border="0" height="292" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg_8EXIvjy9l1wod17binKO8VaW3Yto8VLhRLXWN2JQM1grw5kuZc5gLmJ2L_DOdjhFT3omN4MbKfA3m427oMWQ4nvd0ZFI_P_cBpIQoBIilTWQORihmlogLbLQMM5lSnefJhygPPG63Y/s320/ab.png" title="Cara Memasang Widget Alexa di Blog" width="320" /></a></div>
<div style="font-family: Arial, sans-serif; font-size: 14px;">
<br /></div>
<div style="font-family: Arial, sans-serif; font-size: 14px;">
<br /></div>
<div style="font-family: Arial, sans-serif; font-size: 14px;">
<br /></div>
<div style="text-align: center;">
<b><span style="font-family: Georgia, Times New Roman, serif;"><u>View My Alexa !</u></span></b></div>
<center style="font-family: Arial, sans-serif; font-size: 14px;">
<a href="http://www.alexa.com/siteinfo/muhammad-sholeh.info"><script src="http://xslt.alexa.com/site_stats/js/s/a?url=muhammad-sholeh.info" type="text/javascript"></script></a><br />
</center>
<div style="font-family: Arial, sans-serif; font-size: 14px;">
<br /></div>
</div>
</div>

M-S Blog || Cara Memasang Widget Alexa di Blog, alexa rank itu adalah sebuah peringkat terhadap sebuah website atau blog berdasarkan trafik atau bany…

Oct 18, 2013 +

Cara mengantisipasi adanya HummingBird Algoritma

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; text-align: justify;">
<span class="awal" style="background-image: none; float: left; padding-right: 5px; padding-top: 1px;"><b><span style="color: #666666; font-family: Verdana, sans-serif; line-height: 19.5px;">M-S Blog </span><span style="color: #666666; font-family: Verdana, sans-serif; font-size: 13px; line-height: 19.5px;">|| </span><span style="color: #666666; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 19.5px;">Cara mengantisipasi adanya HummingBird Algoritma, </span></span></b><span style="color: #666666; font-family: Verdana, sans-serif; font-size: 13px; line-height: 19.5px;">Tampaknya tahun ini Google memang benar-benar tidak akan melakukan update PageRank. Buktinya sudah sampai tanggal 9 Oktober 2013 ini tidak ada tanda-tanda kehadirannya. Kalau melihat kebiasaan Google sebelumnya, maka seharusnya bulan September - Oktober ini adalah season ketiga untuk update PageRank pada tahun 2013 ini seperti yang sudah saya postingan sebelumnya.</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<span class="awal" style="background-image: none; float: left; padding-right: 5px; padding-top: 1px;"><span style="color: #666666; font-family: Verdana, sans-serif; font-size: 13px; line-height: 19.5px;"><br /></span></span></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/AVvXsEiK9Jd6jsBlaT4rVpntz2xn5kwbUGdHhS-FuJ1rGGLF0U2hZNAhHnFmzd1ac3ku1JyQlI6VdOeJbAVpkpdkRufobUQ0gpNwj3I1GnY45cldYUN9udv2f-_zojkqxoTPk1oJAh0eUIR8fa0/s1600/google-hummingbird.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara mengantisipasi adanya HummingBird Algoritma" border="0" height="202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK9Jd6jsBlaT4rVpntz2xn5kwbUGdHhS-FuJ1rGGLF0U2hZNAhHnFmzd1ac3ku1JyQlI6VdOeJbAVpkpdkRufobUQ0gpNwj3I1GnY45cldYUN9udv2f-_zojkqxoTPk1oJAh0eUIR8fa0/s320/google-hummingbird.png" title="Cara mengantisipasi adanya HummingBird Algoritma" width="320" /></a></div>
<span class="awal" style="background-image: none; float: left; padding-right: 5px; padding-top: 1px;"><span style="color: #666666; font-family: Verdana, sans-serif; font-size: 13px; line-height: 19.5px;"></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<span class="awal" style="background-image: none; float: left; padding-right: 5px; padding-top: 1px;"><span style="color: #666666; font-family: Verdana, sans-serif; font-size: 13px; line-height: 19.5px;"><br /></span></span></div>
</div>
<div style="background-color: white; font-size: 13px; line-height: 19.5px; text-align: justify;">
<span style="color: #666666; font-family: Verdana, sans-serif;"><br /></span>
<span style="color: #666666; font-family: Verdana, sans-serif;">Tentu saja Google PageRank ini ada kaitannya dengan dengan algoritma Google. Karena memang pagerank merupakan salah satu unsur dari sekian banyak unsur yang menentukan kekuatan suatu web untuk menampilkan kontennya di halaman pertama Google. Namun bukan berarti web dengan PR yang tinggi akan menjamin kontennya muncul di halaman pertama Google.</span></div>
<div style="background-color: white; font-size: 13px; line-height: 19.5px; text-align: justify;">
<span style="color: #666666; font-family: Verdana, sans-serif;">
<br />
Apalagi sekarang setelah algoritma hummingbird di luncurkan yang lebih mementingkan relevansi antara konten dengan pertanyaan-pertanyaan yang diketikan pada kotak penelusuran. Dengan ini telah terjadi perubahan besar pada hasil pencarian Google. Jadi sepertinya Google menunda waktu update pagerank dan menunggu waktu yang tepat untuk melakukanya. Karena kita tahu bahwa Google memang sulit untuk dipediksi dan ini menjadikan hal yang menarik di dunia maya ini. Nah pertanyaan yang muncul yaitu "Apa yang harus dilakukan untuk mengantisipasi hummingbird algoritma sekarang ini?"<br />
<br />
Sebenarnya saya bukanlah seorang ahli SEO dan baru 2 tahun ini mengenal dunia blogging. Blog Kompi Ajaib yang saya kelola ini akhir-akhir ini jumlah pageview blog meningkat tajam. Hampir 80% pengunjung datang dari hasil pencarian Google. Tentunya hal ini cukup menggembirakan buat saya. Tidak banyak yang saya lakukan dalam menulis sebuah konten. Dan di bawah ini ada beberapa hal yang biasa saya lakukan yang mungkin bisa digunakan untuk mengantisipasi algoritma hummingbird ini.<br />
</span><br />
<h3>
<span style="color: #666666; font-family: Verdana, sans-serif;">1. Mencoba menulis sesuatu yang fresh.</span></h3>
<span style="color: #666666; font-family: Verdana, sans-serif;">Cobalah membuat konten yang fresh (segar) yang mungkin tengah dibicarakan oleh banyak orang atau sesuatu hal yang baru terjadi. Gunakan pemahaman sendiri dengan menggunakan gaya bahasa kita. Ini artinya kita jangan melakukan copy paste artikel orang lain meskipun kita menyertakan url sumber copas kita. Men-copas artikel orang lain tentunya ini akan menjadikan artikel yang kita buat menjadi basi dan tidak segar. Ini akan menjadi pandangan buruk search engine terhadap konten kita, dan kemungkinan ditendangnya artikel kita dari halaman pertaman Google akan lebih besar.<br />
</span><br />
<h3>
<span style="color: #666666; font-family: Verdana, sans-serif;">2. Mencoba menulis original konten dengan bahasa yang mudah dimengerti.</span></h3>
<span style="color: #666666; font-family: Verdana, sans-serif;">Lagi-lagi di sini saya tekankan, jangan melakukan copas artikel orang lain karena jelas-jelas artikel copas adalah bukan artikel original. Artikel original bagus di hasil pencarian namun artikel original pun belum tentu menjamin bagus untuk blog kita jika artikel yang kita tulis terlalu berbelit-belit dan susah dimengerti pembaca. Sekali orang tahu bahwa konten kita susah dimengerti maka akan segan untuk kembali ke blog kita. Hal ini tentunya akan berdampak kurang baik pada blog.<br />
</span><br />
<h3>
<span style="color: #666666; font-family: Verdana, sans-serif;">3. Lakukan Authorship untuk blog kita.</span></h3>
<span style="color: #666666; font-family: Verdana, sans-serif;">Dengan kala lain ini adalah menghubungkan blog kita dengan profil Google+ kita. Tapi hali ini akan lebih dari sekedar menghubungkan blog dengan Google+, dan ini hal yang disukai oleh Google. Bisa kita lihat di hasil pencarian, url postingan disertai dengan photo profil Google+ yang menandakan bahwa postingan tersebut memiliki author yang jelas.<br />
</span><br />
<h3>
<span style="color: #666666; font-family: Verdana, sans-serif;">4. Terus lakukan update postingan blog.</span></h3>
<span style="color: #666666; font-family: Verdana, sans-serif;">Dengan rajin melakukan update postingan, maka Google akan semakin mudah meng-index blog kita dan postingan yang kita terbitkan tentunya akan mudah tampil di hasil pencarian. Tidak hanya Google yang menyukai hal ini, Alexa pun demikian seperti yang sudah saya utarakan pada postingan sebelumnya.</span><span style="color: #666666; font-family: Verdana, sans-serif;"><br />
</span><br />
<h3>
<span style="color: #666666; font-family: Verdana, sans-serif;">5. Tanamkan inbound link yang relevan.</span></h3>
<span style="color: #666666; font-family: Verdana, sans-serif;">Buatlah inbound link yang benar-benar relevan dengan postingan yang kita buat, sehingga pembaca akan lebih tertarik untuk menelusurinya karena ini masih berhubungan dengan postingan yang sedang dibacanya. Dan yang perlu diperhatikan adalah ini akan bisa dilakukan jika postingan yang kita buat benar-benar hasil pemikiran kita. Artikel copas tidak akan bisa melakukan ini dan akan benar-benar sulit untuk menanamkan inbound link yang benar-benar relevan dengan postingannya. Hal ini juga (inbound link) akan secara otomatis menaikan jumlah pageview blog kita.<br />
<br />
Secara garis besar itulah yang tengah saya lakukan dan beryukur bahwa tampaknya burung kolibri Google menyukai blog yang saya kelola ini terlihat dari banyaknya pengunjung yang datang dari hasil pencarian. Namun tentunya masih banyak lagi hal yang mesti dilakukan dalam mengantisipasi algoritma hummingbird ini agar blog kita disukai oleh search engine. Buatlah blog Anda seramah mungkin terhadap SEO, karena sekarang ini SEO masih berlaku di dunia internet ini.</span></div>
</div>

M-S Blog || Cara mengantisipasi adanya HummingBird Algoritma, Tampaknya tahun ini Google memang benar-benar tidak akan melakukan update PageRank. Buk…

Oct 16, 2013 +

Apa itu Google Hummingbird Algoritma ?

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi73LYUjwmUF54RyOU4gKQp1xmengRecCqWo9fq0YkrDHdylKs3Mw4bh6xB_pEWhlRUUPsbxwYiMsmKL6y82qbPUs-W5Ikl6wrHtm_FeaF5Dh1K1UXuyHwEGz3DGTE5yQXrVJ-XbNcQZ1Y/s1600/googles-hummingbird-algorithm-yet-another-new-L-hhU6fp.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Apa itu Google Hummingbird Algoritma ?" border="0" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi73LYUjwmUF54RyOU4gKQp1xmengRecCqWo9fq0YkrDHdylKs3Mw4bh6xB_pEWhlRUUPsbxwYiMsmKL6y82qbPUs-W5Ikl6wrHtm_FeaF5Dh1K1UXuyHwEGz3DGTE5yQXrVJ-XbNcQZ1Y/s320/googles-hummingbird-algorithm-yet-another-new-L-hhU6fp.jpeg" title="Apa itu Google Hummingbird Algoritma ?" width="320" /></a></div>
<span style="background-color: white;"><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-weight: 600; line-height: 22.390625px;"><br /></span></span>
<span style="background-color: white;"><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-weight: 600; line-height: 22.390625px;">M-S Blog</span><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; font-weight: 600; line-height: 22.390625px;"> || Google Hummingbird Algorithm</span><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;"> - Sebagaimana kita ketahui bagwa google telah menerapkan</span><i style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">alogaritma pencarian</i><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;"> terbaru yang dinamai</span><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; font-weight: 600; line-height: 22.390625px;">Hummingbird</span><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">. Tentunya sebagian sobat sudah memahami, apa itu alogaritma / algoritma hummingbird ini, atau mungkin belum? Atau tidak peduli?  :)</span><br style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;" /><br style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;" /><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">Untuk lebih memahami apa itu Alogaritma hummingbird, dibawah ini saya buata beberapa soal-jawab seputar algoritma terbaru "hummingbird".</span></span><br />
<h4 style="color: #4a4a4a; font-family: Oswald, Arial, sans-serif; font-size: 17px; font-weight: normal; line-height: 22.390625px; margin: 0px 0px 10px; padding: 0px 0px 12px; text-transform: uppercase;">
<span style="background-color: white;">APA ITU ALGORITMA?</span></h4>
<span style="background-color: white;"><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">Algoritma / Alogaritma dalam istilah komputer dan matematika adalah sekumpulan perintah untuk menyelesaikan masalah.</span></span><br />
<h4 style="color: #4a4a4a; font-family: Oswald, Arial, sans-serif; font-size: 17px; font-weight: normal; line-height: 22.390625px; margin: 0px 0px 10px; padding: 0px 0px 12px; text-transform: uppercase;">
<span style="background-color: white;">APA ITU HUMMINGBIRD?</span></h4>
<span style="background-color: white;"><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">Hummingbird adalah nama burung yang dalam Bahasa Indonesianya adalah burung Kolibri. Kemudian oleh Google dibuat untuk nama Algoritma pencarian terbaru yang "cepat dan tepat" seperti burung kolibri.</span></span><br />
<h4 style="color: #4a4a4a; font-family: Oswald, Arial, sans-serif; font-size: 17px; font-weight: normal; line-height: 22.390625px; margin: 0px 0px 10px; padding: 0px 0px 12px; text-transform: uppercase;">
<span style="background-color: white;">APA ITU ALGORITMA HUMMINGBIRD?</span></h4>
<span style="background-color: white;"><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">Algoritma hummingbird adalah sekumpulan perintah dalam metode pencarian google yang digunakan untuk menyortir milyaran website, untuk mendapatkan hasil yang relevan secara cepat dan tepat yang akan ditampilkan dalam SERP (Search Engine Results Page).</span></span><br />
<h4 style="color: #4a4a4a; font-family: Oswald, Arial, sans-serif; font-size: 17px; font-weight: normal; line-height: 22.390625px; margin: 0px 0px 10px; padding: 0px 0px 12px; text-transform: uppercase;">
<span style="background-color: white;">SEJAK KAPAN HUMMINGBIRD ALGORITHM MULAI DIBERLAKUKAN?</span></h4>
<span style="background-color: white;"><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">Alogaritma Hummingbird mulai diberlakukan semenjak bulan Agustus 2013 dan diumumkan penggunaannya pada bulan September 2013</span></span><br />
<h4 style="color: #4a4a4a; font-family: Oswald, Arial, sans-serif; font-size: 17px; font-weight: normal; line-height: 22.390625px; margin: 0px 0px 10px; padding: 0px 0px 12px; text-transform: uppercase;">
<span style="background-color: white;">BAGAIMANA CARA KERJA HUMMINGBIRD?</span></h4>
<span style="background-color: white;"><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">Sebagaiman di jelaskan di situs SearchEngineLand.com, andaikan Google merupakan sebuah mobil yang sudah lumayan lama, maka "Hummingbird" merupakan mesin baru yang disematkan atau disimpan pada merk lama yaitu Google. Artinya, hummingbird merupakan gebrakan algoritma terbesar google dalam proses pencarian.</span><br style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;" /><br style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;" /><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">Secara detail cara kerja Hummingbird ini sebenarnya google pun tutup mulut. Secara umum , Google mengatakan bahwa Hummingbird lebih memperhatikan setiap kata dalam query dan memastikan bahwa seluruh permintaan (seluruh kalimat) diperhitungkan , bukan kata-kata tertentu. Tujuannya agar halaman yang memuat kalimat dalam pencarian, ditampilkan dengan akurat.</span><br style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;" /><br style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;" /><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">Sebagai contoh, misalkan mengetik kalimat "Berapa km jarak Jakarta Surabaya?" maka akan ditampilkan jawaban yang tepat tentang pertanyaan ini. memang untuk saat ini hasil dari pertanyaan yang kita tuliskan belum begitu relevan, mungkin masih dalam tahap pembenahan SERP.</span></span><br />
<h4 style="color: #4a4a4a; font-family: Oswald, Arial, sans-serif; font-size: 17px; font-weight: normal; line-height: 22.390625px; margin: 0px 0px 10px; padding: 0px 0px 12px; text-transform: uppercase;">
<span style="background-color: white;">APAKAH PANDA DAN PENGUIN MASIH BERLAKU?</span></h4>
<span style="background-color: white;"><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">Seperti diibaratkan di atas, hummingbird adalah mesin baru. Sedangkan Panda dan Penguin merupakan onderdil lain yang masih sangat diperlukan oleh sebuah mobil. Artinya, Panda, Penguin, EMD, masih digunakan oleh Google. Bahkan Google sudah update penguin terbaru yaitu Penguin 2.1.</span></span><br />
<h4 style="color: #4a4a4a; font-family: Oswald, Arial, sans-serif; font-size: 17px; font-weight: normal; line-height: 22.390625px; margin: 0px 0px 10px; padding: 0px 0px 12px; text-transform: uppercase;">
<span style="background-color: white;">HARUSKAH SAYA KHAWATIR DENGAN HUMMINGBIRD INI?</span></h4>
<span style="background-color: white;"><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">Menurut hemat saya, tidak ada hal perlu dikhawatirkan dengan peluncuran Algoritma Hummingbird ini. Algoritma ini memberikan hal terbaik kepada pencari keyword dengan jawaban yang akurat.</span><br style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;" /><br style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;" /><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">Tentunya, Anda perlu khawatir apabila postingan hanya menggunakan kata kunci berulang untuk mendobrak SEO. Situs seperti inilah yang akan tersingkirkan dalam pencarian Google dengan algoritma terbarunya Hummingbird.</span></span><br />
<h4 style="color: #4a4a4a; font-family: Oswald, Arial, sans-serif; font-size: 17px; font-weight: normal; line-height: 22.390625px; margin: 0px 0px 10px; padding: 0px 0px 12px; text-transform: uppercase;">
<span style="background-color: white;">APAKAH HUMMINGBIRD AKAN BERPENGARUH PADA TRAFIK?</span></h4>
<span style="background-color: white;"><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">Seperti saya tulis di atas, tidak usah hawatir dengan penurunan trafik, selama blog yang kita buat mengikuti aturan-aturan yang ditetapkan. </span><br style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;" /><br style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;" /><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">Untuk lebih jelasnya mungkin harus menunggu beberapa bulan kedepan tentang efek hummingbird pada traffic blog ini. Semoga artikel di atas sedikitnya membantu sobat dalam memahami alogaritma pencarian terbaru dari google ini :</span></span></div>

M-S Blog || Google Hummingbird Algorithm - Sebagaimana kita ketahui bagwa google telah menerapkanalogaritma pencarian terbaru yang dinamaiHummingbird…

Oct 15, 2013 +

Perbedaan Antara Display None dan Visibility Hidden

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh2XpzmBOmB6vvHNMllknD8p0CDZLzcQqg7xORWRRhxn_LLMXiwAyBjXQIebeSRtkqAvMiW8e5XkbxL8gijoKdZTcf2tepBkmA_yZ19UZ7gZvioFSwx5twDwjFcp71_wCIj1ep0-msMKs/s1600/display-none_design.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Perbedaan Antara Display None dan Visibility Hidden" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh2XpzmBOmB6vvHNMllknD8p0CDZLzcQqg7xORWRRhxn_LLMXiwAyBjXQIebeSRtkqAvMiW8e5XkbxL8gijoKdZTcf2tepBkmA_yZ19UZ7gZvioFSwx5twDwjFcp71_wCIj1ep0-msMKs/s1600/display-none_design.png" title="Perbedaan Antara Display None dan Visibility Hidden" /></a></div>
<span style="background-color: white;"><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; line-height: 22.390625px;"><span style="font-weight: 600;"><br /></span></span></span>
<span style="background-color: white;"><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; line-height: 22.390625px;"><span style="font-weight: 600;">M-S Blog<span style="font-size: 14px;"> || Perbedaan Antara Display None dan Visibility Hidden</span></span><span style="font-size: 14px;">- Untuk menyembunyikan objek dengan CSS, ada beberapa alternatif kode yang digunakan, </span></span></span><br />
<span style="background-color: white;"><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; line-height: 22.390625px;"><span style="font-size: 14px;">diantaranya </span></span><code style="border: 1px solid rgb(225, 225, 232); color: #dd1144; font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; font-size: 13px; line-height: 22.390625px; padding: 2px 4px;">display:none</code><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;"> dan</span><code style="border: 1px solid rgb(225, 225, 232); color: #dd1144; font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; font-size: 13px; line-height: 22.390625px; padding: 2px 4px;">visibility:hidden</code><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">. Bahkan ada juga alternatif lainnya, yaitu membuat objek transparan dengan menambahkan kode </span><code style="border: 1px solid rgb(225, 225, 232); color: #dd1144; font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; font-size: 13px; line-height: 22.390625px; padding: 2px 4px;">opacity:0</code><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">.</span><br style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;" /><br style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;" /><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">Sebelum melangkah pada perbedaan, sebaiknya kita ketahui dulu properti dari keduanya.</span><br style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;" /><br style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;" /><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; font-weight: 600; line-height: 22.390625px;">Display</span><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;"> mempunyai 2 property yaitu :</span></span><br />
<ul style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">
<li><span style="background-color: white;">none (tidak kelihatan)</span></li>
<li><span style="background-color: white;">block (kelihatan)</span></li>
</ul>
<span style="background-color: white;"><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">Begitupun </span><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; font-weight: 600; line-height: 22.390625px;">visibility</span><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;"> mempunyai 2 property yaitu :</span></span><br />
<ul style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">
<li><span style="background-color: white;">hidden (tidak kelihatan)</span></li>
<li><span style="background-color: white;">visible (kelihatan)</span></li>
</ul>
<span style="background-color: white;"><br style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;" /><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">Inti perintah </span><code style="border: 1px solid rgb(225, 225, 232); color: #dd1144; font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; font-size: 13px; line-height: 22.390625px; padding: 2px 4px;">display:none</code><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;"> dan </span><code style="border: 1px solid rgb(225, 225, 232); color: #dd1144; font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; font-size: 13px; line-height: 22.390625px; padding: 2px 4px;">visibility:hidden</code><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;"> sebetulnya sama saja yaitu menghilangkan objek dari halaman HTML. Perbedaannya sebenarnya tidak teralu mencolok, hanya pada masalah space saja. </span><br style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;" /><br style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;" /><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">Dengan menggunakan </span><code style="border: 1px solid rgb(225, 225, 232); color: #dd1144; font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; font-size: 13px; line-height: 22.390625px; padding: 2px 4px;">display:none</code><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;"> maka space akan hilang, sedangkan dengan </span><code style="border: 1px solid rgb(225, 225, 232); color: #dd1144; font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; font-size: 13px; line-height: 22.390625px; padding: 2px 4px;">visibility:hidden</code><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">space tetap ada. Sebagai contoh lihat tulisan CONTOH di bawah ini</span></span><br />
<div style="border: 1px solid rgb(221, 221, 221); color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 20px; line-height: 22.390625px; padding: 15px 0px; text-align: center;">
<span style="background-color: white;"><span style="color: green; margin-right: 20px;">CONTOH1</span><span style="color: red; margin-right: 20px;">CONTOH2</span><span style="color: blue; margin-right: 20px;">CONTOH3</span></span></div>
<span style="background-color: white;"><br style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;" /><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">saya sembunyikan CONTOH2 dengan </span><code style="border: 1px solid rgb(225, 225, 232); color: #dd1144; font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; font-size: 13px; line-height: 22.390625px; padding: 2px 4px;">display:none</code><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;"> maka space hilang seperti di bawah ini :</span></span><br />
<div style="border: 1px solid rgb(221, 221, 221); color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 20px; line-height: 22.390625px; padding: 15px 0px; text-align: center;">
<span style="background-color: white;"><span style="color: green; margin-right: 20px;">CONTOH1</span><span style="color: blue; margin-right: 20px;">CONTOH3</span></span></div>
<span style="background-color: white;"><br style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;" /><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">apabila disembunyikan dengan </span><code style="border: 1px solid rgb(225, 225, 232); color: #dd1144; font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; font-size: 13px; line-height: 22.390625px; padding: 2px 4px;">visibility:hidden</code><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;"> maka space tetap ada :</span></span><br />
<div style="border: 1px solid rgb(221, 221, 221); color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 20px; line-height: 22.390625px; padding: 15px 0px; text-align: center;">
<span style="background-color: white;"><span style="color: green; margin-right: 20px;">CONTOH1</span><span style="color: red; margin-right: 20px; visibility: hidden;"></span><span style="color: blue; margin-right: 20px;">CONTOH3</span></span></div>
<span style="background-color: white;"><br style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;" /></span>
<br />
<h4 style="color: #4a4a4a; font-family: Oswald, Arial, sans-serif; font-size: 17px; font-weight: normal; line-height: 22.390625px; margin: 0px 0px 10px; padding: 0px 0px 12px; text-transform: uppercase;">
<span style="background-color: white;">APAKAH DISPLAY:NONE AKAN TERBACA OLEH GOOGLE?</span></h4>
<span style="background-color: white;"><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">Ya, google memiliki sistem tertentu walaupun objek disembunyikan dengan </span><code style="border: 1px solid rgb(225, 225, 232); color: #dd1144; font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; font-size: 13px; line-height: 22.390625px; padding: 2px 4px;">display:none</code><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;"> atau</span><code style="border: 1px solid rgb(225, 225, 232); color: #dd1144; font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; font-size: 13px; line-height: 22.390625px; padding: 2px 4px;">visibility:hodden</code><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;"> objek akan tetap terbaca. </span><code style="border: 1px solid rgb(225, 225, 232); color: #dd1144; font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; font-size: 13px; line-height: 22.390625px; padding: 2px 4px;">display:none</code><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;"> atau </span><code style="border: 1px solid rgb(225, 225, 232); color: #dd1144; font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; font-size: 13px; line-height: 22.390625px; padding: 2px 4px;">visibility:hodden</code><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;"> hanya memanipuasi browser saja.</span></span><br />
<h4 style="color: #4a4a4a; font-family: Oswald, Arial, sans-serif; font-size: 17px; font-weight: normal; line-height: 22.390625px; margin: 0px 0px 10px; padding: 0px 0px 12px; text-transform: uppercase;">
<span style="background-color: white;">APAKAH DISPLAY:NONE BAGUS UNTUK SEO?</span></h4>
<span style="background-color: white;"><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">Penggunaan </span><code style="border: 1px solid rgb(225, 225, 232); color: #dd1144; font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; font-size: 13px; line-height: 22.390625px; padding: 2px 4px;">display:none</code><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;"> atau </span><code style="border: 1px solid rgb(225, 225, 232); color: #dd1144; font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; font-size: 13px; line-height: 22.390625px; padding: 2px 4px;">visibility:hodden</code><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;"> masih menjadi perdebatan, tapi menurut kebanyakan sumber, hal ini tidak akan mengganggu atau bermasalah dalam SEO. Akan tetapi khusus untuk text dianjurkan untuk tidak menggunakan </span><code style="border: 1px solid rgb(225, 225, 232); color: #dd1144; font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; font-size: 13px; line-height: 22.390625px; padding: 2px 4px;">display:none</code><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;"> atau </span><code style="border: 1px solid rgb(225, 225, 232); color: #dd1144; font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; font-size: 13px; line-height: 22.390625px; padding: 2px 4px;">visibility:hodden</code><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;"> sebagaimana dikatakan Matt Cutts di webnya.</span><br style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;" /><br style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;" /><span style="color: #2c3e50; font-family: 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 22.390625px;">Semoga bermanfaat...</span></span></div>

M-S Blog || Perbedaan Antara Display None dan Visibility Hidden- Untuk menyembunyikan objek dengan CSS, ada beberapa alternatif kode yang digunakan, …

Oct 15, 2013 +

Perbedaan Antara target="new" dan target="_blank"

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv7SbAtQZBNiVtlm2yQqYMFaCpg5VvExmkFVnkm00tbfReTHs1kprNGjI76B2ZJYK4ER9kOsIXq8rCLhMC-lRz35RUxFhFl8ucEXZlFhc61oKR1tJKa6PG8mBd9W2SEo0dy7cz7EGEOCw/s1600/Very-Basic-Link-icon.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Perbedaan Antara target="new" dan target="_blank"" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv7SbAtQZBNiVtlm2yQqYMFaCpg5VvExmkFVnkm00tbfReTHs1kprNGjI76B2ZJYK4ER9kOsIXq8rCLhMC-lRz35RUxFhFl8ucEXZlFhc61oKR1tJKa6PG8mBd9W2SEo0dy7cz7EGEOCw/s320/Very-Basic-Link-icon.png" title="Perbedaan Antara target="new" dan target="_blank"" width="320" /></a></div>
<span style="background-color: white;"><span style="font-family: Verdana, sans-serif;"><span style="color: #2c3e50; line-height: 22.390625px;"><b><br /></b></span></span></span>
<span style="background-color: white;"><span style="font-family: Verdana, sans-serif;"><span style="color: #2c3e50; line-height: 22.390625px;"><b><br /></b></span></span></span>
<span style="background-color: white;"><span style="font-family: Verdana, sans-serif;"><span style="color: #2c3e50; line-height: 22.390625px;"><b>M-S Blog<span style="font-size: 14px;"> || </span></b></span></span></span><span style="color: #2c3e50; font-family: Verdana, sans-serif;"><span style="font-size: 14px; line-height: 22.390625px;"><b>Perbedaan Antara target="new" dan target="_blank"</b>, </span></span><span style="background-color: white; color: #2c3e50; font-family: Verdana, sans-serif; font-size: 14px; line-height: 22.390625px;">Dalam penulisan </span><span style="background-color: white; font-family: Verdana, sans-serif;">hyperlink (link) supaya terbuka di tab baru</span><span style="background-color: white; color: #2c3e50; font-family: Verdana, sans-serif; font-size: 14px; line-height: 22.390625px;">, anda perlu menambahkan kode tertentu. Ada tiga kode alternatif yang bisa anda tambahkan yaitu:</span><br />
<pre style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; color: #839496; font-size: 13px; line-height: 1.4em; margin-bottom: 1.5em; margin-top: 1.5em; padding: 0.8em 1em; position: relative; white-space: pre-wrap; word-wrap: break-word;"><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;">target="new"</span></span></pre>
<span style="background-color: white;"><span style="font-family: Verdana, sans-serif;"><span style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;">atau</span></span></span><br />
<pre style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; color: #839496; font-size: 13px; line-height: 1.4em; margin-bottom: 1.5em; margin-top: 1.5em; padding: 0.8em 1em; position: relative; white-space: pre-wrap; word-wrap: break-word;"><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;">target="_blank"</span></span></pre>
<span style="background-color: white;"><span style="font-family: Verdana, sans-serif;"><span style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;">atau</span></span></span><br />
<pre style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; color: #839496; font-size: 13px; line-height: 1.4em; margin-bottom: 1.5em; margin-top: 1.5em; padding: 0.8em 1em; position: relative; white-space: pre-wrap; word-wrap: break-word;"><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;">target="apa-pun-yang-anda-tulis"</span></span></pre>
<span style="background-color: white;"><span style="font-family: Verdana, sans-serif;"><br style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;" /><span style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;">Saat ini saya akan menjelaskan perbedaan antara </span><span style="color: #2c3e50; font-size: 14px; font-weight: 600; line-height: 22.390625px;">target="new"</span><span style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;"> dan </span><span style="color: #2c3e50; font-size: 14px; font-weight: 600; line-height: 22.390625px;">target="_blank"</span><span style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;">, karena kode terakhir </span><span style="color: #2c3e50; font-size: 14px; font-weight: 600; line-height: 22.390625px;">target="apapun-yg-anda-tulis",</span><span style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;">  sebagai contoh anda menulis </span><span style="color: #2c3e50; font-size: 14px; font-weight: 600; line-height: 22.390625px;">target="tabbaru"</span><span style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;"> atau bahkan asal tulis seperti  </span><span style="color: #2c3e50; font-size: 14px; font-weight: 600; line-height: 22.390625px;">target="grhkjugrwpjsg"</span><span style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;">, walaupun tetap akan terbuka pada tab baru, tetapi tidak dianjurkan.</span><br style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;" /><br style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;" /><span style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;">Apabila kita menggunakan </span><span style="color: #2c3e50; font-size: 14px; font-weight: 600; line-height: 22.390625px;">target="_blank"</span><span style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;"> maka semua link yang menggunakan kode ini akan terbuka di tab atau window baru. Sedangkan apabila menggunakan </span><span style="color: #2c3e50; font-size: 14px; font-weight: 600; line-height: 22.390625px;">target="new"</span><span style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;"> atau </span><span style="color: #2c3e50; font-size: 14px; font-weight: 600; line-height: 22.390625px;">target="</span><span style="color: #2c3e50; font-size: 14px; font-weight: 600; line-height: 22.390625px;">apapun-yg-anda-tulis</span><span style="color: #2c3e50; font-size: 14px; font-weight: 600; line-height: 22.390625px;">"</span><span style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;">, ketika kita meng-klik pertama, akan terbuka di window baru. Tetapi apabila kita klik lagi dengan kode yang sama, maka akan terbuka di tab/window yang telah kita buka tadi.</span><br style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;" /><br style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;" /><span style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;">Detail nya seperti ini, sebagai contoh, apabila ada 5 link menggunakan </span><span style="color: #2c3e50; font-size: 14px; font-weight: 600; line-height: 22.390625px;">target="_blank"</span><span style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;">, dan semua link kita klik, maka akan terbuka 5 window atau tab.</span><br style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;" /><br style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;" /><span style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;">Sedangkan apabila ada 5 link menggunakan </span><span style="color: #2c3e50; font-size: 14px; font-weight: 600; line-height: 22.390625px;">target="new"</span><span style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;"> atau </span><span style="color: #2c3e50; font-size: 14px; font-weight: 600; line-height: 22.390625px;">target="</span><span style="color: #2c3e50; font-size: 14px; font-weight: 600; line-height: 22.390625px;">apapun-yg-anda-tulis</span><span style="color: #2c3e50; font-size: 14px; font-weight: 600; line-height: 22.390625px;">"</span><span style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;">, pada klik pertama, akan terbuka hanya satu window atau tab baru. Apabila 4 link yang lain kita klik, maka tidak akan terbuka tab baru, dan URL akan terbuka di tab yang pertama kita klik.</span><br style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;" /><br style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;" /><span style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;">Supaya lebih jelas, ini contoh link dengan </span><span style="color: #2c3e50; font-size: 14px; font-weight: 600; line-height: 22.390625px;">target="_blank"</span><br style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;" /><a href="http://masholeh.web.id/">Masholeh</a></span></span><br />
<span style="background-color: white;"><span style="font-family: Verdana, sans-serif;"><br style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;" /><span style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;">ini masih menggunakan </span><span style="color: #2c3e50; font-size: 14px; font-weight: 600; line-height: 22.390625px;">target="_blank"</span></span></span><span style="background-color: white; font-family: Verdana, sans-serif;"><a href="http://masholeh.web.id/">Masholeh</a></span><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;"><br style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;" /><br style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;" /><span style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;">ini menggunakan </span><span style="color: #2c3e50; font-size: 14px; font-weight: 600; line-height: 22.390625px;">target="new"</span></span></span><span style="background-color: white; font-family: Verdana, sans-serif;"><a href="http://masholeh.web.id/">Masholeh</a></span><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;"><br style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;" /><br style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;" /><span style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;">ini masih menggunakan </span><span style="color: #2c3e50; font-size: 14px; font-weight: 600; line-height: 22.390625px;">target="new"</span></span></span><span style="background-color: white; font-family: Verdana, sans-serif;"><a href="http://masholeh.web.id/">Masholeh</a></span><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;"><a href="http://masholeh.web.id/"><br style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;" /></a><br style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;" /><span style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;">ini menggunakan </span><span style="color: #2c3e50; font-size: 14px; font-weight: 600; line-height: 22.390625px;">target="</span><span style="color: #2c3e50; font-size: 14px; font-weight: 600; line-height: 22.390625px;">abcdefgh</span><span style="color: #2c3e50; font-size: 14px; font-weight: 600; line-height: 22.390625px;">"</span></span></span><span style="background-color: white; font-family: Verdana, sans-serif;"><a href="http://masholeh.web.id/">Masholeh</a></span><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;"><br style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;" /><br style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;" /><span style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;">ini masih menggunakan </span><span style="color: #2c3e50; font-size: 14px; font-weight: 600; line-height: 22.390625px;">target="</span><span style="color: #2c3e50; font-size: 14px; font-weight: 600; line-height: 22.390625px;">buka-di-window-baru</span><span style="color: #2c3e50; font-size: 14px; font-weight: 600; line-height: 22.390625px;">"</span></span></span><span style="background-color: white; font-family: Verdana, sans-serif;"><a href="http://masholeh.web.id/">Masholeh</a></span><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;"><br style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;" /><br style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;" /><span style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;">Gimana sob, udah jelas </span><a href="http://blog.kangismet.net/2011/11/perbedaan-antara-targetnew-dan.html" style="color: #21afa4; font-size: 14px; line-height: 22.390625px; text-decoration: none;">perbedaan antara target="new" dan target="_blank"</a><span style="color: #2c3e50; font-size: 14px; line-height: 22.390625px;">? apabila ada saran atau pertanyaan, silahkan diisi kolom komentarnya.</span></span></span></div>

M-S Blog || Perbedaan Antara target="new" dan target="_blank", Dalam penulisan hyperlink (link) supaya terbuka di tab baru, anda perlu menambahkan ko…

Oct 14, 2013 +

Load more posts

M-S Blog

M-S Blog

M-S Blog

Mengenal Property Border pada CSS

Cara Memasang Meta Keyword Otomatis Pada Setiap Postingan di Blog

Cara Mem-Blacklist atau Banned Komentator Blogger

Cara Filter Kata-kata Kotor dalam Komentar di Blog

Cara Memasang Widget Alexa di Blog

Cara mengantisipasi adanya HummingBird Algoritma

Apa itu Google Hummingbird Algoritma ?

Perbedaan Antara Display None dan Visibility Hidden

Perbedaan Antara target="new" dan target="_blank"

Popular Posts

Blog Archive