DIALIHKAN

Membuat Menu Melayang

<h1><b>Membuat Menu Melayang | Tutorial Blog</b></h1><div style="text-align: justify;">Menu melayang disini maksudnya menu yang tetap pada posisinya walaupun blog di geser keatas dan kebawah.</div><div style="text-align: left;">Berikut cara Membuat Menu Melayang :</div><a name="more"></a><ul><li><div style="text-align: left;">Login ke Blogger, Klik <b style="color: red;">Design/Rancangan > Edit HTML</b>.</div><img alt="Membuat Menu Melayang" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/DesignHtml.gif" /></li><li><div style="text-align: left;">Beri tanda centang pada <b><span style="color: red;">Expand Template Widget</span></b>.</div><img alt="Membuat Menu Melayang" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/ExpandWidgetTemplates.gif" /><div style="text-align: left;"><b style="color: red;">Tips</b> : Biasakan mendownload template untuk membackup template sebelum di edit. </div></li><li>Selanjutnya cari kode <b style="color: red;"></head></b>,dan letakan kode berikut diatasnya : <div style="background: #3399FF; height: 150px; overflow: auto; padding: 3px; text-align: left; width: 400px;"><style><br />div.floating-menu {<br />position: fixed;<br />background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#666));<br />background: -moz-linear-gradient(top, #000, #666);<br />filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#000000&#39;, endColorstr=&#39;#999999&#39;);<br /> border: 1px solid #000;<br /> width: 150px;<br /> z-index: 500;<br />-webkit-border-top-right-radius: 10px;<br />-webkit-border-bottom-left-radius: 10px;<br />-moz-border-radius-topright: 10px;<br />-moz-border-radius-bottomleft: 10px;<br />border:none;<br />padding:10px 10px 10px 10px;<br /> }<br />div.floating-menu a, div.floating-menu h4 {<br />display: block;<br />margin: 0 0.5em;<br />color:#FFF; }<br />div.floating-menu a:hover {<br />color:#0000FF;<br />background: -webkit-gradient(linear, left top, left bottom, from(#0088ff), to(#bbddff));<br />background: -moz-linear-gradient(top, #0088ff, #bbddff);<br />filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#0088ff&#39;, endColorstr=&#39;#bbddff&#39;);<br />color:#FFF;<br />cursor: pointer;<br />text-decoration: none;<br />padding: 5px 5px 5px 5px;<br />-webkit-border-radius: .5em;<br />-moz-border-radius: .5em;<br />-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);<br />box-shadow: 0 1px 2px rgba(0,0,0,.2);   <br />}<br />  </style></div></li><li>Setelah itu sobat cari kode  <b style="color: red;"><body></b>  dan masukan kode di bawah ini di bawah <b style="color: red;"><body></b>. <div style="background: #3399FF; overflow: auto; padding: 3px; text-align: left; width: 400px;"><div class="floating-menu"><br /><h4>Menu</h4><br /><a href="http://alamat-url/">Anchor Text</a><br /><a href="http://alamat-url/">Anchor Text</a><br /><a href="http://alamat-url/">Anchor Text</a><br /><a href="http://alamat-url/">Anchor Text</a><br /></div>  </div>Ganti http://alamat-url/ dan Anchor Text, </li><li><div style="text-align: left;">Terakhir klik <b style="color: red;">Save / Simpan Template</b>.</div><img alt="Membuat Menu Melayang" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/SaveTemplate.gif" /></li></ul>Selamat mencoba dan semoga berhasil Membuat Menu Melayang.

Membuat Menu Melayang

Membuat Menu Melayang | Tutorial Blog Menu melayang disini maksudnya menu yang tetap pada posisinya walaupun blog di geser keatas dan kebawa...

Widget Google Followers Valid XHTML

Arijal 0 Tips Dan Trik, Tutorial Blogspot, Widget / Gadget 21:17

<h1><b>Widget Google Followers Valid XHTML | Tutorial Blog</b></h1><div style="text-align: justify;">Dari hasil <a href="http://wadahtutorial.blogspot.com/2011/10/mengetahui-kode-error-blog.html" target="_blank">Tes Valid XHTML</a> lewat validator.w3.org, widget Follower default dari blogger dinyatakan tidak valid. Widget ini mengandung error. Pada tutorial kali ini kita bahas cara memasang widget Google Followers yang Valid XHTML, caranya kita gunakan kode asli dari google friend connect.</div><a name="more"></a><div style="text-align: left;">Berikut Tutorialnya :</div><ol><li>Masuk ke situs <a href="http://www.google.com/friendconnect/" rel="nofollow" target="_blank" title="http://www.google.com/friendconnect">http://www.google.com/friendconnect/</a>, dan Login menggunakan account gmail anda.</li><li><div style="text-align: left;">Pilih blog Sobat yang ingin di pasang widget Google Followers, lalu klik pada <b style="color: red;">Tambahkan Gadget Anggota.</b></div><img alt="Widget Google Followers" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/wdf.gif" /></li><li><div style="text-align: left;">Atur lebar widget,font dan warnanya, sesuaikan dengan sidebar blog Anda.</div><img alt="Widget Google Followers" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/Wdflwr01.gif" /></li><li><div style="text-align: left;">Kalau sudah selesai, tekan tombol <b><span style="color: red;">Buat Kode</span></b> pada bagian bawah halaman.</div><img alt="Widget Google Followers" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/wdfl01.gif" /></li><li><div style="text-align: left;">Copy kode yang diberikan oleh Google Friend Connect tersebut.</div><img alt="Widget Google Followers" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/Wdflwr02.gif" /></li><li><div style="text-align: left;">Selanjutnya, Login ke blogger. pilih <b style="color: red;">Design / Rancangan > Page Element</b>.</div><img alt="Design Page Element" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/DsgPgElmn.gif" /></li><li><div style="text-align: left;">Kemudian pilih <b><span style="color: red;">Add a Gadget</span></b>.</div><img alt="Add Gadget" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/AddGadget.gif" /></li><li><div style="text-align: left;">Pilih <b style="color: red;">HTML/Javascript</b> dan masukkan kode yang diberikan oleh Google Friend Connect tadi.</div><img alt="Html JavaScript" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/HtmlJavaScript.gif" /></li><li>Lalu klik <b style="color: red;">Save</b>. Selesai...</li></ol><div style="text-align: justify;">Supaya benar-benar valid, Masuk ke menu Edit HTML, dan beri tanda centang pada box Expand Widget Template, Cari kode <span style="color: red;"><b:include name='quickedit'/></span>, dan hapus semua kode tersebut dari template anda.</div><div style="text-align: left;">Selanjutnya akan saya buat tutorial tentang Widget Google Followers Hide Show.</div>Sekian tutorial tentang memasang Widget Google Followers Valid XHTML.

Widget Google Followers Valid XHTML

Widget Google Followers Valid XHTML | Tutorial Blog Dari hasil Tes Valid XHTML lewat validator.w3.org, widget Follower default dari blogger...

Cara Menghapus Waktu Postingan

Arijal 0 Tips Dan Trik, Tutorial Blogspot 03:15

<h1><b>Cara Menghapus Waktu Postingan | Tutorial Blog</b></h1><div style="text-align: justify;">Settingan waktu / jam secara default pada blogspot akan muncul di setiap postingan, beberapa blogger tidak senang dengan adanya waktu / jam postingan tersebut, pada tutorial kali ini saya akan berbagi cara menghilangkan waktu / jam postingan tersebut secara permanen.</div><a name="more"></a><div style="text-align: justify;">Berikut langkah-langkahnya :</div><ol><li><div style="text-align: left;">Login ke Blogger, Klik <b style="color: red;">Design/Rancangan > Edit HTML</b>.</div><img alt="Cara Menghapus Waktu Postingan" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/DesignHtml.gif" /></li><li><div style="text-align: left;">Beri tanda centang pada <span style="color: red;">Expand Template Widget</span>.</div><img alt="Cara Menghapus Waktu Postingan" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/ExpandWidgetTemplates.gif" /><div style="text-align: left;"><b style="color: red;">Tips</b> : Biasakan mendownload template untuk membackup template sebelum di edit.</div></li><li>Kemudian cari kode di bawah ini : <div style="background: #3399FF; overflow: auto; padding: 3px; text-align: left; width: 400px;"><span class='post-timestamp'><br /><b:if cond='data:top.showTimestamp'><br /><data:top.timestampLabel/><br /><b:if cond='data:post.url'><br /><a class='timestamp-link' expr:href='data:post.url'<br />rel='bookmark' title='permanent link'><abbr class='published'<br />expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></<br />a><br /></b:if><br /></b:if><br /></span></div>Akan lebih mudah untuk menemukan kode di atas dengan menggunakan fungsi Ctrl+F (find) dan cari kode<span style="color: red;"> <span class="post-timestamp"></span>, Jika sudah ketemu, delete kode yang ada di dalam kotak berwarna biru diatas.</li><li><div style="text-align: left;">Terakhir klik <b style="color: red;">Save / Simpan Template</b>.</div><img alt="Cara Menghapus Waktu Postingan" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/SaveTemplate.gif" /></li></ol><div style="text-align: left;">Perhatian, cara ini akan menghilangkan waktu / jam pada postigan secara permanen.</div>Sekian dan terima kasih...

Cara Menghapus Waktu Postingan

Cara Menghapus Waktu Postingan | Tutorial Blog Settingan waktu / jam secara default pada blogspot akan muncul di setiap postingan, beberapa ...

Membuat Widget Melayang di Blogger

Arijal 0 Tips Dan Trik, Tutorial Blogspot 21:41

<h1><b>Membuat Widget Melayang di Blogger | Tutorial Blog</b></h1><div style="text-align: justify;">Sebelumnya saya pernah posting tentang <a href="http://wadahtutorial.blogspot.com/2011/12/membuat-widget-melayang-di-wordpresscom.html">Membuat Widget Melayang di Wordpress.com</a>, untuk kali ini Membuat Widget Melayang di Blogger / Blogspot.</div><div style="text-align: left;">Ok Sob , berikut caranya :</div><a name="more"></a><ol><li><div style="text-align: left;">Login ke blogger, <b><span style="color: red;">klik Design > Edit HTML</span></b>.</div><img alt="Membuat Widget Melayang di Blogger" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/DesignHtml.gif" /></li><li><div style="text-align: left;">Beri tanda centang pada kotak <b><span style="color: red;">Expand Template Widget</span></b>.</div><img alt="Membuat Widget Melayang di Blogger" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/ExpandWidgetTemplates.gif" /></li><li>Cari kode <span style="color: red;">]]></b:skin></span> dan kalau sudah ketemu, letakkan kode berikut tepat di atasnya. <div style="background: #3399FF; overflow: auto; padding: 3px; text-align: left; width: 400px;">#floating-widget { position:fixed;_position:absolute;bottom:0px;  left:0px; clip:inherit;  _top:expression(document.documentElement.scrollTop+  document.documentElement.clientHeight-this.clientHeight);   _left:expression(document.documentElement.scrollLeft+   document.documentElement.clientWidth - offsetWidth); }   </div></li><li>Selanjutnya, carilah kode <span style="color: red;"></body></span> dan letakkan kode berikut tepat di atasnya <div style="background: #3399FF; overflow: auto; padding: 3px; text-align: left; width: 400px;"><div style="text-align: left;"><div id='floating-widget'></div><div style="text-align: left;"><span style="color: red;">Letakkan kode widget disini</span></div><div style="text-align: left;"></div></div></div></li><li><div style="text-align: left;">Jika sudah selesai klik <b style="color: red;">SAVE / SIMPAN TEMPLATE</b>, dan lihat hasilnya.</div><img alt="Membuat Widget Melayang di Blogger" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/SaveTemplate.gif" /></li></ol>Silakan dicoba dan Semoga berhasil...

Membuat Widget Melayang di Blogger

Membuat Widget Melayang di Blogger | Tutorial Blog Sebelumnya saya pernah posting tentang Membuat Widget Melayang di Wordpress.com , untuk k...

Cara Menampilkan Share Button

Arijal 0 Blogger Templates, Tutorial Blogspot 21:33

<h1><b>Cara Menampilkan Share Button | Tutorial Blog</b></h1><div style="text-align: justify;">Bagi sobat blogger yang sudah pernah atau sering gonta ganti template yang diambil dari penyedia template mungkin tidak bisa memakai fitur Share Button. karena kode Share botton pada design template tersebut mungkin fiturnya tidak ada, jadi Share botton-nya tidak muncul.</div><a name="more"></a><div style="text-align: left;">Berikut Cara Memunculkan Share Button di Blogger : </div><ul><li><div style="text-align: left;">Masuk ke blogger, klik <b><span style="color: red;">Design > Page Element</span></b></div><img alt="Cara Menampilkan Share Button" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/DsgPgElmn.gif" /></li><li><div style="text-align: left;">Kemudian klik <b><span style="color: red;">Edit</span></b> pada <span style="color: blue;">Blog Posts</span></div><img alt="Cara Menampilkan Share Button" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/Share01.gif" /></li><li><div style="text-align: left;">Beri centang pada <b style="color: red;">Show Share Buttons</b></div><img alt="Cara Menampilkan Share Button" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/Share02.gif" /></li><li><div style="text-align: left;">Klik <b style="color: red;">Save</b> dan cek apakah muncul tombol sharenya</div><img alt="Cara Menampilkan Share Button" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/Share03.gif" /></li><li><div style="text-align: left;">Jika masih belum muncul silahkan ke tab menu <b><span style="color: red;">Edit HTML</span></b></div><img alt="Cara Menampilkan Share Button" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/DesignHtml.gif" /></li><li><div style="text-align: left;">Beri centang pada <b style="color: red;">Expand Widget Templates</b>.</div><img alt="Cara Menampilkan Share Button" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/ExpandWidgetTemplates.gif" /></li><li>Cari kode <span style="color: red;"><b:includable id='backlinks' var='post'></span>.</li><li>Letakkan kode berikut diatas kode <span style="color: red;"><b:includable id='backlinks' var='post'></span>. <div style="background: #3399FF; height: 200px; overflow: auto; padding: 3px; text-align: left; width: 400px;"><b:includable id='shareButtons' var='post'><br />  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><br />      <span class='share-button-link-text'><data:top.emailThisMsg/></span><br />  </a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><br />      <span class='share-button-link-text'><data:top.blogThisMsg/></span><br />  </a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><br />      <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span><br />  </a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><br />      <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span><br />  </a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><br />      <span class='share-button-link-text'><data:top.shareToOrkutMsg/></span><br />  </a></b:if><b:if cond='data:top.showBuzzButton'><a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'><br />      <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span><br />  </a></b:if><br />  <b:if cond='data:top.showDummy'><br />    <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div><br />  </b:if><br /></b:includable></div></li><li>Selanjutnya cari kode <span style="color: red;"><div class='post-footer'></span> atau di posisi line 2, line 3,misalnya line 3 : <span style="color: red;"><div class='post-footer-line post-footer-line-3'></span>.</li><li>Lalu letakkan kode berikut di bawah kode tersebut. <div style="background: #3399FF; overflow: auto; padding: 3px; text-align: left; width: 400px;"><div class='post-share-buttons goog-inline-block'><br />        <b:if cond='data:post.sharePostUrl'><br />          <b:include data='post' name='shareButtons'/><br />        </b:if><br />      </div></div></li><li><div style="text-align: left;">Klik <b style="color: red;">Save Template</b> dan lihat hasilnya.</div><img alt="Cara Menampilkan Share Button" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/SaveTemplate.gif" /></li></ul>Selamat mencoba dan semoga bermanfaat...

Cara Menampilkan Share Button

Cara Menampilkan Share Button | Tutorial Blog Bagi sobat blogger yang sudah pernah atau sering gonta ganti template yang diambil dari penyed...

Membuat Widget Melayang di Wordpress.com

Arijal 0 Tips Dan Trik, Tutorial Wordpress 21:27

<h1><b>Membuat Widget Melayang di Wordpress.com | Tutorial Blog</b></h1><div style="text-align: justify;">Widget melayang (Floating Widget) mungkin dapat Sobat gunakan untuk mempercantik tampilan blog, cara memasangnya mudah saja, namun tidak semua widget dapat di pasang menggunakan trik ini.</div><a name="more"></a><div style="text-align: left;">Langsung saja Sob, berikut caranya :</div><ul><li><div style="text-align: left;">Login ke Wordpess Anda, Klik <b style="color: red;">Appearance > Widgets</b>.</div><img alt="Membuat Widget Melayang" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/Rcnpost04.gif" /></li><li><div style="text-align: left;">Pilih Widget <b style="color: red;">Text</b>, Drag ke Sidebar</div><img alt="Membuat Widget Melayang" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/wdgtWP4.jpg" /></li><li><div style="text-align: left;">Lalu letakkan kode berikut ;</div><div style="background: #3399FF; overflow: auto; padding: 3px; text-align: left; width: 400px;"><div><div style='display:scroll;position:fixed;<span style="color: red;">top:5px;right:5px;</span>'></div><div><b style="color: lime;">Kode Widget</b></div></div></div><div>Sebagai contoh saya gunakan kode pagerank</div><div style="background: #3399FF; overflow: auto; padding: 3px; text-align: left; width: 400px;"><div><div style='display:scroll;position:fixed;<span style="color: red;">top:5px;right:5px;</span>'></div><div style="color: lime;"><a href="http://www.getrank.org" target="_blank"><img title="Pagerank" src="http://www.getrank.org/prbutton/pagerank-display.php?s=17" alt="PageRank Checker" border="0px" /></a></div></div></div><div>Keterangan :</div><span style="color: magenta;"><code></code></span><span style="color: red;">top:5px;right:5px; </span>: kode yang berwarna merah merupakan posisi widget yang akan Anda pasang, seperti contoh diatas. top right menunjukkan posisinya di atas bagian kanan  dengan jarak 5 pixel dari pinggir layar monitor Anda. Bila ingin merubah posisinya di atas kiri, maka codenya menjadi ; <span style="color: magenta;"><code>top:5px;left:5px</code></span>  posisi bawah kiri : <span style="color: magenta;"><code>bottom:5px;left:5px</code></span> dan posisi dibawah kanan ganti codenya dengan <span style="color: magenta;"><code>bottom:5px;right:5px</code></span></li><li><div>Terakhir klik Save.</div><img alt="Membuat Widget Melayang" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/SavewgtWP.gif" /></li></ul>Selamat mencoba dan semoga berhasil...

Membuat Widget Melayang di Wordpress.com

Membuat Widget Melayang di Wordpress.com | Tutorial Blog Widget melayang (Floating Widget) mungkin dapat Sobat gunakan untuk mempercantik ta...

Black Hat Seo

Arijal 0 Seo 21:01

<h1><b>Black Hat Seo | Tutorial Blog</b></h1><div>Black hat seo adalah cara curang / kotor dalam melakukan teknik optimasi untuk mendapatkan rangking terbaik di search engine. Teknik seperti ini memang terbukti berhasil membawa sebuah halaman blog bisa tampil pada halaman depan google namun hanya bertahan singkat, setelah itu halaman tersebut akan hilang atau bahkan  <a name="more"></a>blog, situs ataupun web tersebut akan dibanned sama mbah google. Cara mencek apakah situs kita dibanned atau tidak sama google adalah dengan mengetikkan site:namasitus.com di kolom pencarian google. Jika gak ada hasil yang muncul padahal sebelumnya ada maka jelas sudah blog situs ataupun web tersebut kena banned oleh google, silakan baca <a href="http://wadahtutorial.blogspot.com/2011/11/cara-mengetahui-blog-kena-banned.html">Cara Mengetahui Blog Kena Banned</a>.</div><div>Teknik Black Hat SEO yang saya tahu ada 5 jenis yaitu :</div><ul><li><div>Teknik Black Hat SEO Link Farming</div><div>Teknik Black Hat SEO Link Farming adalah sebuah teknik mengumpulkan link di satu halaman blog maupun situs. Maksudnya di satu halaman cuma berisi daftar link yang jumlahnya sangat banyak bisa sampai ratusan atau bahkan ribuan link.</div></li><li><div>Teknik Black Hat SEO keyword Stuffing</div><div>Teknik Black Hat SEO keyword stuffing adalah penerapan keyword yang berkelebihan atau menembak keyword secara membabi buta, dimana sebuah halaman web yang berisi sebuah kata yang berulang - ulang atau tidak wajar.</div></li><li><div>Teknik Black Hat SEO Cloaking Page doorway page</div><div>Untuk teknik Black Hat SEO cloaking page atau doorway page adalah cara dimana mencari jalan untuk membuat sebuah halaman web agar terus dilihat atau terus dikunjungi. Teknik seperti ini bisa dilakukan di blog bersangkutan ataupun di blog lain dengan cara menyisipkan sebuah kode bisa javascript dan bisa php yang gunanya adalah pemanggilan untuk sebuah halaman yang ingin dioptimasi. Cara simpelnya adalah mengunakan pop up, yaitu sebuah teknik membuka halaman web yang tidak ingin kita kunjungi terbuka di jendela baru, Jadi mau tidak mau halaman tersebut tetap terbuka web lain. Cara lain dari door way page ini adalah membuat kode refresh atau redirect ke halaman web tertentu yang ingin di redirect. Tentunya halaman yang punya trafik bagus misalnya traffiknya ribuan maka otomatis pengunjung yang ribuan diredirect ke halaman web yang akan dioptimasi. Cara lainnya dari doorway page ini adalah memanfaatkan url redirect dari hasil pencarian google.</div></li><li><div>Teknik Black Hat SEO Invisible Text (Teks Tidak Terlihat)</div><div>Untuk Teknik Black Hat SEO Invisible Text (Teks Tidak Terlihat) adalah suatu teknik menyembunyikan kata sebuah keyword di dalam blog yang kata tersebut tidak akan tampak secara kasat mata. Caranya dengan menyamakan warna tulisan kata tersebut dengan latar belakang atau background template. misal kalau template kita hitam maka buat warna text kata tersebut berwarna hitam. Tulisan yang tidak nampak tersebut dengan mata telanjang bisa dilihat dengan cara memblock semua halaman dengan cara select + all gunanya untuk menghighlights atau menandai seluruh tulisan. Cara yang membutuhkan waktu lama adalah dengan memperhatikan page source halaman web bersangkutan. Cara ekstrem untuk melakukan teks yang tak terlihat ini namun dapat terlihat oleh robot adalah dengan menerapkan kode berikut ke template : </div></li><li><div>Teknik Black Hat SEO Iteration title</div><div>Untuk Teknik Black Hat SEO Iteration title adalah teknik perulangan judul, maksudnya isi postingannya cuma pengulangan dari judul. Caranya mudah saja, buat postingan misal judulnya teknik seo lalu isinya cuma pengulangan dari judul tersebut yaitu teknik seo, gak usah ditambah tulisan yang lain lagi, itu saja sudah cukup. Biasanya teknik seperti ini berlaku untuk keyword baru yang ada di google atau baru muncul di google.</div></li></ul>Semoga Bermanfaat...

Black Hat Seo

Black Hat Seo | Tutorial Blog Black hat seo adalah cara curang / kotor dalam melakukan teknik optimasi untuk mendapatkan rangking terbaik di...

Cara Merubah Cursor Blog

Arijal 0 Tips Dan Trik, Tutorial Blogspot 21:24

<h1><b>Cara Merubah Cursor Blog | Tutorial Blog</b></h1><div style="text-align: left;">Bagi Sobat yang ingin mengganti tampilan cursor di blog, itu sangat mudah, bagi yang sudah tau, bagi yang belum tau pasti tidak mudah. hehe...</div><div style="text-align: left;">Sebelumnya saya pernah posting tentang <a href="http://wadahtutorial.blogspot.com/2011/12/membuat-efek-bintang-pada-kursor.html" target="_blank">Membuat Efek Bintang Pada Kursor</a>, kali ini saya akan berbagi tentang cara untuk merubah tampilan cursor blog, berikut caranya :</div><a name="more"></a><ol><li><div style="text-align: left;">Login ke Blogger. Masuk ke menu <b style="color: red;">Rancangan >Edit HTML</b></div><img alt="Cara Merubah Cursor Blog" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/DesignHtml.gif" /></li><li>Cari kode <b style="color: red;"></head></b></li><li>Letakkan kode berikut tepat diatas kode <b style="color: red;"></head></b><div style="background: #3399FF; overflow: auto; padding: 3px; text-align: left; width: 400px;"><style type='text/css'>HTML,BODY{cursor:url(&quot;<b style="color: red;">http://cursors4.totallyfreecursors.com/thumbnails/bluemultiglit.gif</b>&quot;), auto;}</style></div>Keterangan: Teks yang berwarna merah adalah alamat url kursor. Silahkan ganti dengan alamat url cursor yang ingin Sobat gunakan. </li><li><div style="text-align: left;">Setelah Itu Save Template Anda dan selesai...</div><img alt="Cara Merubah Cursor Blog" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/SaveTemplate.gif" /></li></ol><div>Jika sobat tidak memiliki icon kursor, silakan kunjungi <i><span style="color: red;">http://www.totallyfreecursors.com</span></i> situs tersebut menyediakan ribuan icon cursor,pilih icon yang sobat mau..</div><div>Dan Sobat juga dapat langsung memasangnya melalui widget HTML/Javascript, berikut caranya :</div><ol><li>Kunjungi <a href="http://www.totallyfreecursors.com/" rel="nofollow" target="_blank">http://www.totallyfreecursors.com</a></li><li><div>Lalu pilih salah satu cursor yang ingin Sobat gunakan.</div><img alt="Cara Merubah Cursor Blog" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/crsur01.gif" /></li><li><div>Copy kode yang diberikan.</div><img alt="Cara Merubah Cursor Blog" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/crsur02.gif" /></li><li>Lalu pasang pada widget HTML/Javascript blog sobat. jika belum bisa memasang widget silakan baca <a href="http://wadahtutorial.blogspot.com/2011/10/memasang-widget-gadget-blogspot.html" target="_blank">Memasang Widget / Gadget di Blogspot</a></li></ol>Semoga tutorial ini bisa membantu sobat yang ingin Merubah Cursor Blog.

Cara Merubah Cursor Blog

Cara Merubah Cursor Blog | Tutorial Blog Bagi Sobat yang ingin mengganti tampilan cursor di blog, itu sangat mudah, bagi yang sudah tau, bag...

Widget Recent Comment Valid XHTML

Arijal 0 Tutorial Blogspot, Widget / Gadget 21:39

<h1><b>Widget Recent Comment Valid XHTML | Tutorial Blog</b></h1><div style="text-align: justify;">Sebelumnya saya pernah posting tentang <a href="http://wadahtutorial.blogspot.com/2011/12/widget-recent-post-valid-xhtml.html" target="_blank">Widget Recent Post Valid XHTML</a>. Pada tutorial kali ini saya berbagi tentang Widget Recent Comment  Valid XHTML. </div><div style="text-align: left;">Berikut cara <a href="http://wadahtutorial.blogspot.com/2011/12/memasang-widget-recent-comment.html" target="_blank">Memasang Widget Recent Comment</a> Valid XHTML :</div><a name="more"></a><ol><li><div style="text-align: left;">Login ke blogger, klik <b style="color: red;">Design/Rancangan > Page Element/Elemen Halaman</b>.</div><img alt="Widget Recent Comment Valid XHTML" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/PageElement.gif" /></li><li><div style="text-align: left;">Klik <b style="color: red;">Add a Gadget</b>, pilih <b style="color: red;">HTML/Java Script</b></div><img alt="Widget Recent Comment Valid XHTML" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/HtmlJavaScript.gif" /></li><li>Lalu isikan kode berikut : <div style="background: #3399FF; overflow: auto; padding: 3px; text-align: left; width: 400px;"><div style="height: 250px; overflow: auto; padding: 3px; text-align: left;"><script type="text/javascript" src="http://wadah-tutorial.googlecode.com/files/comments.js"></script><br /><script type="text/javascript"><br />var numcomments = 10;<br />var showcommentdate = false;var <br />showposttitle = true;var<br />numchars = 100;var<br />standardstyling = true;var<br />showfooter = true;<br /></script><br /><script type="text/javascript" src="http://<span style="background-color: orange;">alamatblog.com</span>/feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments"></script></div></div><div style="text-align: left;">Ganti <span style="background-color: orange;">alamatblog.com</span>  dengan Alamat blog Sobat.</div><div style="text-align: left;">Keterangan:</div><div style="text-align: left;"><span style="color: red;">numcomments</span>: jumlah koment terakhir yg ditampilkan</div><div style="text-align: left;"><span style="color: red;">showcommentdate</span>: false menunjukkan tanggal tidak ditampilkan, jika ingin menampilkan ganti dengan true</div><div style="text-align: left;"><span style="color: red;">showcommenttitle</span>: true menunjukkan judul artikel ditampilkan, ganti false jika tidak ingin menampilkan.</div><div style="text-align: left;"><span style="color: red;">Numchars</span>: Maksimal karakter yang tampil pada setiap list coment terakhir.</div></li><li><div style="text-align: left;">Lalu klik <b style="color: red;">Save</b>.</div><img alt="Widget Recent Comment Valid XHTML" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/SaveWdgt.gif" /></li><li><div style="text-align: left;">Selanjutnya, Klik <b style="color: red;">Design/Rancangan > Edit HTML</b>.</div><img alt="Widget Recent Comment Valid XHTML" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/DesignHtml.gif" /></li><li><div style="text-align: left;">Beri tanda centang pada <span style="color: red;">Expand Template Widget</span>.</div><img alt="Widget Recent Comment Valid XHTML" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/ExpandWidgetTemplates.gif" /><div style="text-align: left;"><b style="color: red;">Tips</b> : Biasakan mendownload template untuk membackup template sebelum di edit.</div></li><li>Cari kode <span style="color: red;"><b:include name='quickedit'/></span>, dan hapus semua kode tersebut dari blog Anda.</li><li><div style="text-align: left;">Terakhir klik <b style="color: red;">SIMPAN / SAVE TEMPLATE</b>.</div><img alt="Widget Recent Comment Valid XHTML" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/SaveTemplate.gif" /></li></ol><div style="text-align: left;">Recent comment ini sangat cepat update, jika ada komentar baru, lakukan refresh dan komentar akan langsung ditampilkan. Selamat mencoba...</div>

Widget Recent Comment Valid XHTML

Widget Recent Comment Valid XHTML | Tutorial Blog Sebelumnya saya pernah posting tentang Widget Recent Post Valid XHTML . Pada tutorial kali...

Memasang Widget Popular Posts

Arijal 0 Tutorial Blogspot, Widget / Gadget 21:32

<h1><b>Memasang Widget Popular Posts | Tutorial Blog</b></h1><div style="text-align: justify;">Sebelumnya saya pernah posting tentang Memasang Widget Recent Post, untuk kali ini Memasang Widget Popular Posts. Widget ini berfungsi untuk menampilkan postingan yang sering di baca pengunjung pada blog Anda.</div><div style="text-align: left;">Berikut cara Memasang Widget Popular Posts :</div><a name="more"></a><ul><li><b>Untuk Blogspot :</b></li></ul><ol><li><div style="text-align: left;">Login ke akun blogger anda. Pilih <b style="color: red;">Design/Rancangan > Page Element/Elemen Halaman</b>.</div><img alt="Memasang Widget Popular Posts" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/DsgPgElmn.gif" /></li><li><div style="text-align: left;">Klik <b style="color: red;">Add a Gadget/Tambah Gadget</b>.</div><img alt="Memasang Widget Popular Posts" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/AddGadget.gif" /></li><li><div style="text-align: left;">Lalu pilih <b><span style="color: red;">Popular Posts</span></b></div><img alt="Memasang Widget Popular Posts" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/popost1.gif" /></li><li><div style="text-align: left;">Selanjutnya atur tampilan widget seperti keinginan Anda. Terakhir klik <b style="color: red;">Save</b>.</div><img alt="Memasang Widget Popular Posts" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/popost2.gif" /></li></ol><ul><li><b>Untuk Wordpress :</b></li></ul><ol><li><div style="text-align: left;">Login ke Dasboard wordpress Anda, klik pada menu <b style="color: red;">Appearance > Widget</b>.</div><img alt="Memasang Widget Popular Posts" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/Rcnpost04.gif" /></li><li><div style="text-align: left;">Drag <b style="color: red;">Top Posts & Pages</b> dan letakkan pada Sidebar.</div><img alt="Memasang Widget Popular Posts" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/popost3.gif" /></li><li><div style="text-align: left;">Selanjutnya atur tampilan widget seperti keinginan Anda. Lalu klik <b style="color: red;">Save</b>.</div><img alt="Memasang Widget Popular Posts" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/popost4.gif" /></li></ol>Semoga Bermanfaat...

Memasang Widget Popular Posts

Memasang Widget Popular Posts | Tutorial Blog Sebelumnya saya pernah posting tentang Memasang Widget Recent Post, untuk kali ini Memasang Wi...

Memasang Widget Recent Comment

Arijal 0 Tutorial Blogspot, Tutorial Wordpress 21:25

<h1><b>Memasang Widget Recent Comment | Tutorial Blog</b></h1><div style="text-align: left;">Sebelumnya saya posting tentang <a href="http://wadahtutorial.blogspot.com/2011/12/memasang-widget-recent-post.html" target="_blank">Memasang Widget Recent Post</a>, untuk kali ini Memasang Widget Recent Comment. Widget ini berfungsi untuk menampilkan komentar terbaru pada blog Anda.</div><div style="text-align: left;">Berikut cara <a href="http://wadahtutorial.blogspot.com/2011/10/memasang-widget-gadget-blogspot.html" target="_blank">Memasang Widget</a> Recent Comment :</div><a name="more"></a><ul><li><b>Untuk Blogspot :</b></li></ul><ol><li><div style="text-align: left;">Login ke akun blogger anda. Pilih <b style="color: red;">Design/Rancangan > Page Element/Elemen Halaman</b>.</div><img alt="Memasang Widget Recent Comment" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/DsgPgElmn.gif" /></li><li><div style="text-align: left;">Klik <b style="color: red;">Add a Gadget/Tambah Gadget</b>.</div><img alt="Memasang Widget Recent Comment" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/AddGadget.gif" /></li><li><div style="text-align: left;">Pilih pada menu <b style="color: red;">Featured</b>.</div><img alt="Memasang Widget Recent Comment" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/Rcnpost01.gif" /></li><li><div style="text-align: left;">Lalu pilih <b><span style="color: red;">Recent Comment</span></b></div><img alt="Memasang Widget Recent Comment" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/Rcncmn02.gif" /></li><li><div style="text-align: left;">Selanjutnya atur tampilan widget seperti keinginan Anda. Terakhir klik <b style="color: red;">Save</b>.</div><img alt="Memasang Widget Recent Comment" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/rcncmn01.gif" /></li></ol><ul><li><b>Untuk Wordpress :</b></li></ul><ol><li><div style="text-align: left;">Login ke Dasboard wordpress Anda, klik pada menu <b style="color: red;">Appearance > Widget</b>.</div><img alt="Memasang Widget Recent Comment" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/Rcnpost04.gif" /></li><li><div style="text-align: left;">Drag <b style="color: red;">Recent Comment</b> dan letakkan pada Sidebar.</div><img alt="Memasang Widget Recent Comment" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/rcncmn03.gif" /></li><li><div style="text-align: left;">Selanjutnya atur tampilan widget seperti keinginan Anda. Terakhir klik <b style="color: red;">Save</b>.</div><img alt="Memasang Widget Recent Comment" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/rcncmn04.gif" /></li></ol>Semoga Bermanfaat...

Memasang Widget Recent Comment

Memasang Widget Recent Comment | Tutorial Blog Sebelumnya saya posting tentang Memasang Widget Recent Post , untuk kali ini Memasang Widget ...