Memasang Tombol Like Facebook Pada Tiap Postingan

<h1><b>Memasang Tombol Like Facebook Pada Tiap Postingan | Tutorial Blog</b></h1><div>Berikut cara memasang tombol like Facebook pada tiap postingan di blogspot : </div><ul><li>Login ke blogger Anda dan klik <b style="color: red;">Rancangan > Edit HTML</b>.<a name="more"></a></li><li>Pastikan kotak <b style="color: red;">Expand Template Widget</b> dicentang.</li><li>Cari kode ini <span style="color: orange;"><b><data:post.body/></b></span>, supaya lebih mudah gunakan <b><span style="color: blue;">Ctrl + F</span></b></li><li>Setelah kode di atas ditemukan, Paste kode di bawah ini. Letakan sebelum atau sesudah kode <span style="color: orange;"><b><data:post.body/></b></span><div style="background: #3399FF; border: 1px solid rgb(0, 0, 150); height: 180px; overflow: auto; padding: 5px; text-align: left; width: 400px;"><b:if cond='data:blog.pageType == &quot;item&quot;'><div<span id="fb_style"></span>><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=<span id="button_count">button_count</span>&amp;show_faces=false&amp;width=100&amp;action=<span id="liker">like</span>&amp;font=<span id="arial">arial</span>&amp;colorscheme=<span id="light">light</span>&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:<span id="fb_width">450</span>px; height:<span id="fb_height">40</span>px;'/></div><span id="bif_2"></b:if></span></div></li><li>Klik <b style="color: red;">Simpan Template</b>.</li><li>Sekarang coba lihat masing-masing postingan Anda.</li></ul>Ok, Selamat Mencoba...

Memasang Tombol Like Facebook Pada Tiap Postingan

Memasang Tombol Like Facebook Pada Tiap Postingan | Tutorial Blog Berikut cara memasang tombol like Facebook pada tiap postingan di blogspot...

Read more »

iVideoGames Blogger Template

<h1><span style="font-size: large;"><b>iVideoGames Blogger Template | Tutorial Blog</b></span></h1><span style="font-size: large;">Template Details :</span><a name="more"></a><table cellpadding="0" cellspacing="0" class="Table-Post2" height="152" id="AutoNumber1"><tbody><tr align="left"><td class="Table-Post2" height="25" width="20%">Platform Type</td><td class="Table-Post2" height="25" width="56%">Blogger / Blogspot</td> </tr><tr align="left"><td class="Table-Post2" height="25" width="20%">Template Name </td><td class="Table-Post2" height="25" width="56%"><b>iVideoGames</b></td></tr><tr align="left"><td class="Table-Post2" height="25" width="20%"><span class="cut">Descriptions</span></td><td class="Table-Post2" height="25" width="56%">iVideoGames is free magazine blogger template for Blogspot. It is nice blogger template with 3 columns layout and right-left sidebar.</td></tr><tr align="left"><td class="Table-Post2" height="25" width="20%">Instructions URL</td><td class="Table-Post2" height="25" width="56%"><a href="http://wadahtutorial.blogspot.com/2011/10/install-custom-template-blogger.html" target="_blank">How to install iVideoGames</a></td></tr><tr align="left"><td class="Table-Post2" height="25" width="20%">Properties</td><td class="Table-Post2" height="25" width="56%">3 Column, Right and Left Sidebar, Magazine, Black, Fixed Width.</td></tr></tbody></table><br /><img alt="Blogger Template" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/ivideogames.gif" /><br /><ul><li><a href="http://bloggertemplateplace.com/?DaGFyr54" rel="nofollow" target="_blank" title="iVideoGames Demo Link">Demo</a></li><li><a href="http://bloggertemplateplace.com/downloads/iVideoGames" rel="nofollow" target="_blank" title="iVideoGames">Download</a> </li></ul>

iVideoGames Blogger Template

iVideoGames Blogger Template | Tutorial Blog Template Details : Platform Type Blogger / Blogspot Template Name iVideoGames Descriptions i...

Read more »

Membuat Tulisan Berkedip

<h1><span style="font-size: large;"><b>Membuat Tulisan Berkedip | Tutorial Blog</b></span></h1><div>Selain <a href="http://wadahtutorial.blogspot.com/2011/10/membuat-text-berjalan-marquee.html">Text Berjalan (Marquee Text)</a> untuk memperindah Blog, Sobat juga bisa menggunakan trik yang satu ini untuk untuk membuat blog lebih atraktif. </div><a name="more"></a><br /><a href="http://www.blogger.com/post-create.g?blogID=8267001772912831177" style="color: red; font-size: 22px; text-decoration: blink;">* Selamat Datang *</a><br /><ul><li>Untuk membuat text seperti diatas caranya gampang Sob, cukup copy kode dibawah ini. <div style="background: #3399FF; border: 1px solid rgb(0, 0, 150); height: 80px; overflow: auto; padding: 5px; text-align: left; width: 400px;"><a style="color: #ff0000; font-size: 22px; text-decoration: blink;"><br />Tulisan Anda�<br /></a></div>Lalu paste ke mode html tulisan anda.<br />Ket :<br /><span style="color: red;">color: #ff0000</span> = kode warna tulisan, ganti dengan kode warna yang Anda inginkan.<br /><span style="color: red;">font-size: 22px</span> = ukuran tulisan, atur sesuai keinginan Anda. </li></ul><ul><li>Untuk merubah posisi text, Sobat dapat menambahkan kode berikut : <div style="background: #3399FF; border: 1px solid rgb(0, 0, 150); height: 60px; overflow: auto; padding: 5px; text-align: left; width: 400px;"><p style="text-align: center;"><br />kode<br /></p></div>Ket :<br />text-align: <span style="color: red;">center</span> = Posisi text di tengah, untuk memindahnya ke kanan sobat dapat mengganti dengan "<span style="color: red;">right</span>" atau "<span style="color: red;">left</span>" (kiri).<br />Sebagai contoh saya menggunakan kode berikut : <div style="background: #3399FF; border: 1px solid rgb(0, 0, 150); height: 80px; overflow: auto; padding: 5px; text-align: left; width: 400px;"><p style="text-align: center;"><br /><a style="color: ff0000; font-size: 22px; text-decoration: blink;">* Selamat Datang *</a><br /></p></div>Maka hasilnya akan seperti ini : <div style="text-align: center;"><a href="http://www.blogger.com/post-create.g?blogID=8267001772912831177" style="color: red; font-size: 22px; text-decoration: blink;">* Selamat Datang *</a></div></li></ul>Selamat Mencoba Sob, Semoga Bermanfaat...

Membuat Tulisan Berkedip

Membuat Tulisan Berkedip | Tutorial Blog Selain Text Berjalan (Marquee Text) untuk memperindah Blog, Sobat juga bisa menggunakan trik yang ...

Read more »

Membuat Kotak Blogroll

<h1><span style="font-size: large;"><b>Membuat Kotak Blogroll di Blog | Tutorial Blog</b></span></h1><div>Kotak Blogrool sangat berguna untuk menghemat tempat di blog, misalnya daftar artikel, Link dari hasil tukar link, dll. Jika link sahabat Anda sudah banyak pasti akan sangat panjang untuk di pajang di sidebar, maka akan lebih baik jika Sobat menggunakan Kotak Blogroll, sehingga bisa lebih rapi dan tetap nyaman untuk dilihat.</div><a name="more"></a>Dibawah ini terdapat beberapa kode untuk membuat kotak blogroll <br /><ul><li>Untuk membuat Kotak Blogroll seperti textarea. berikut kodenya :<br /><div style="background: #3399ff; border: 1px solid rgb(0, 0, 150); height: 140px; overflow: auto; padding: 5px; text-align: left; width: 450px;"><div style="background: #ffffff; border: 1px solid rgb(153, 153, 153); overflow: auto; width: 300px; height: 100px; text-align: left; "><br /><ul> <br /><li><a href="URL">TEXT</a></li><br /><li><a href="URL">TEXT</a><li><br /></ul> <br /></div></div>Sebagai Contoh saya menggunakan kode berikut untuk blogroll postingsn :<br /><div style="background: #3399ff; border: 1px solid rgb(0, 0, 150); height: 200px; overflow: auto; padding: 5px; text-align: left; width: 450px;"><div<br />style="background: #ffffff; border: 1px solid rgb(153, 153, 153); <br />overflow: auto; width: 400px; height: 100px; text-align: left; "><br /><ul><br /><li><a href="http://wadahtutorial.blogspot.com/2011/09/google-translate.html" target="_blank">Memasang Google Translate di Blog</a></li><br /><li><a href="http://wadahtutorial.blogspot.com/2011/09/page-blogspot.html" target="_blank">Cara Membuat Page di Blogspot</a></li><br /><li><a href="http://wadahtutorial.blogspot.com/2011/09/mengganti-favicon.html" target="_blank">Cara Mengganti Favicon Blogspot</a></li><br /><li><a href="http://wadahtutorial.blogspot.com/2011/09/daftar-isi.html" target="_blank">Membuat Daftar Isi Blog</a> </li><br /></ul></div></div>Maka hasilnya akan seperti berikut :<br /><div style="border: 1px solid rgb(153, 153, 153); height: 90px; overflow: auto; text-align: left; width: 400px;"><ul><li><a href="http://wadahtutorial.blogspot.com/2011/09/daftar-isi.html" target="_blank">Membuat Daftar Isi Blog</a></li><li><a href="http://wadahtutorial.blogspot.com/2011/09/google-translate.html" target="_blank">Memasang Google Translate di Blog</a></li><li><a href="http://wadahtutorial.blogspot.com/2011/10/memasang-widget-google-pagerank.html" target="_blank">Memasang Widget Google PageRank</a></li><li><a href="http://wadahtutorial.blogspot.com/2011/09/mengganti-favicon.html" target="_blank">Cara Mengganti Favicon Blogspot</a></li></ul></div>Keterangan :<br /><ul><li><span style="color: red;">Height</span> : tinggi blogroll, Anda bisa menggantinya seperti keinginan Anda.<span style="color: red;"> </span></li><li><span style="color: red;">Width</span> : lebar blogroll, juga bisa di ganti.<span style="color: red;"> </span></li><li><span style="color: red;">Background</span> : latar blogroll, ubah kode <span style="color: blue;">#ffffff</span> jika Anda ingin menggantinya.<br /></li></ul></li></ul><ul><li>Untuk membuat Kotak Blogroll dengan efek marquee. berikut kodenya :<br /><div style="background: #3399ff; border: 1px solid rgb(0, 0, 150); height: 130px; overflow: auto; padding: 5px; text-align: left; width: 450px;"><marquee direction="up" height="80" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="40%"><br /><li><a href="URL">TEXT</a></li><br /><li><a href="URL">TEXT</a><li><br /></ul><br /></marquee></div>Untuk contoh saya gunakan kode dibawah ini :<br /><div style="background: #3399ff; border: 1px solid rgb(0, 0, 150); height: 140px; overflow: auto; padding: 5px; text-align: left; width: 450px;"><marquee direction="up" height="80" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="40%"><br /><ul><br /><li><a href="http://www.google.com/">Google</a></li><br /><li><a href="http://www.yahoo.com/">Yahoo</a></li><br /><li><a href="http://www.alexa.com/">Alexa</a></li><br /></ul><br /></marquee></div>Maka hasilnya akan seperti ini :<br /><marquee direction="up" height="80" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="40%"><br /><ul><li><a href="http://www.google.com/" rel="nofollow" target="_blank">Google</a></li><li><a href="http://www.yahoo.com/" rel="nofollow" target="_blank">Yahoo</a></li><li><a href="http://www.alexa.com/" rel="nofollow" target="_blank">Alexa</a></li></ul></marquee><br />Keterangan :<br /><ul><li><span style="color: red;">Direction</span> : Arah gerakan text, "left" : text akan bergerak ke kiri, klo Sobat pengen gerak ke kanan, ganti dengan "right", "up"(Atas) atau "down" (Gerak ke bawah).</li><li><span style="color: red;">Scrollamount</span> : Kecepatan geraknya, silakan diganti jika Anda mau.</li><li><span style="color: red;">Width</span> : Lebar area marquee.</li><li><span style="color: red;">Height</span> : Tinggi area marquee.</li></ul></li></ul>Sekian artikel kali ini, Semoga artikel ini bisa membantu Sobat yang ingin <b>Membuat Kotak Blogroll</b>.

Membuat Kotak Blogroll

Membuat Kotak Blogroll di Blog | Tutorial Blog Kotak Blogrool sangat berguna untuk menghemat tempat di blog, misalnya daftar artikel, Link d...

Read more »

Membuat Text Berjalan (Marquee Text)

<h1><span style="font-size: large;"><b>Membuat Text Berjalan | Tutorial Blog</b></span></h1><div><b>Text Berjalan (Marquee Text)</b> merupakan salah satu trik untuk membuat blog lebih atraktif, trik ini sering di gunakan pada sidebar, footer dan postingan, dengan tujuan untuk memperindah Blog, dan agar pengunjung tidak bosen liat blog kita.</div><a name="more"></a><div>Kali ini saya akan berbagi cara membuat text berjalan.</div>contoh : <marquee align="center" direction="left" height="50" scrollamount="3" width="60%"><br /><b style="color: blue;">"Selamat Datang Di Blog Saya"</b><br /></marquee><br />Untuk membuat text diatas sobat cukup Copy kode berikut ini dan Paste pada blog Sobat,<br /><div style="background: #3399FF; border: 1px solid rgb(0, 0, 150); height: 120px; overflow: auto; padding: 5px; text-align: left; width: 400px;"><marquee align="center" direction="left" scrollamount="3" width="60%" height="50"><br /><br />"Selamat Datang Di Blog Saya"<br /><br /></marquee></div>Kata "Selamat Datang Di Blog Saya" dapat Anda ganti dengan tulisan yang Sobat inginkan, selain tulisan Sobat juga bisa menggunakannya untuk Link ataupun image.<br /><br />Keterangan : <br /><ul><li>Direction "<span style="color: red;">Left</span>" : text akan bergerak ke kiri, klo Sobat pengen gerak ke kanan, ganti dengan "<span style="color: red;">right</span>", "<span style="color: red;">up</span>" = ke Atas atau "<span style="color: red;">Down</span>" Gerak ke bawah.</li><li>Scrollamount="<span style="color: red;">3</span>" : Kecepatan geraknya, silakan diganti.</li><li>Width : Lebar area marquee.</li><li>Height : Tinggi area marquee.</li></ul>Silakan dicoba Sob, Semoga bermanfaat...

Membuat Text Berjalan (Marquee Text)

Membuat Text Berjalan | Tutorial Blog Text Berjalan (Marquee Text) merupakan salah satu trik untuk membuat blog lebih atraktif, trik ini se...

Read more »

Business Now WordPress Theme

<h1><span style="font-size: large;"><b>Business Now WordPress Theme | Tutorial Blog</b></span></h1><div><span style="font-size: large;">Template Details :</span></div><a name="more"></a><table cellpadding="0" cellspacing="0" class="Table-Post2" height="152" id="AutoNumber1"><tbody><tr align="left"><td class="Table-Post2" height="25" width="20%">Platform Type</td> <td class="Table-Post2" height="25" width="56%">WordPress</td> </tr><tr align="left"> <td class="Table-Post2" height="25" width="20%">Template Name </td> <td class="Table-Post2" height="25" width="56%"><b>Business Now WordPress Theme</b></td> </tr><tr align="left"><td class="Table-Post2" height="25" width="20%"><span class="cut">Descriptions</span></td><td class="Table-Post2" height="25" width="56%">Business Now WordPress Theme is free wordpress theme, soft wordpress theme, slide show ready, pattern background, 2 columns layout with right sidebar.</td></tr><tr align="left"><td class="Table-Post2" height="25" width="20%">Template Author</td><td class="Table-Post2" height="25" width="56%">http://wpthemesnow.com</td></tr><tr align="left"><td class="Table-Post2" height="25" width="20%">Designer</td><td class="Table-Post2" height="25" width="56%">WpThemesNow</td></tr></tbody></table><br /><img alt="Business Now WordPress Theme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3GmvNciTtRzaiKRyAVEyWhYIaMIP3pGnq8ygJxhDNi0t_ldQ2c3lZhU5pLATlu-zitSTvimOpf6fkEhpU0ADv5OEcn9xOdnr6i0vCOOAb0TuYBI7L2MEihGG4LWrbfk72RF_8JwVqPs8/s320/wordpress-theme-business-now.jpg" style="cursor: pointer; height: 250px; width: 300px;" /><br /><ul class="postbuttons"><li><a class="livedemo" href="http://demo.templatebloggers.com/?view=theme.wpthemesnow.com/?themedemo=businessnow" rel="nofollow">Demo</a></li><li><a class="download" href="http://download.probloggertemplate.com/?go=dl4files.com/business-now.html" rel="nofollow">Download</a></li></ul>Source : probloggertemplate.com

Business Now WordPress Theme

Business Now WordPress Theme | Tutorial Blog Template Details : Platform Type WordPress Template Name Business Now WordPre...

Read more »

Tool Prediksi PageRank

<h1><span style="font-size: large;"><b>Tool Untuk Mengetahui Prediksi PageRank Blog | Tutorial Blog</b></span></h1><div>Pada tutorial kali ini saya berbagi tentang Tool Untuk Mengetahui Prediksi PageRank sebuah Blog, jadi buat Sobat yang ingin mengetahui Pagerank blognya silakan ikuti Tutorial ini :</div><a name="more"></a><ul><li>Masuk ke <a href="http://www.seomastering.com/pagerank-prediction.php" rel="nofollow" target="_blank">Pagerank Prediction</a></li><li>Isi alamat Blog Sobat pada <b style="color: red;">Website URL</b>.</li><li>Lalu masukkan <b style="color: red;">Image Verification</b>.</li><li>Klik <b style="color: red;">Continue</b>.<br /><img alt="Tutorial Blog,Seo Tool" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/PRpred01.jpg" /></li><li>Pada halaman selanjutnya Sobat akan melihat hasil prediksi untuk blog Sobat.<br /><img alt="Seo Tool" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/PRpred02.jpg" /></li><li>Jika Sobat ingin memasang widget Pagerank Prediction, sobat tinggal Copy kode yang ada dibawah widget, lalu Paste pada widget HTML Sobat.<br /><img alt="Tutorial Blog,Seo Tool" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/PRpred03.gif" /></li></ul>Sebenarnya masih banyak tool yang lain pada situs ini, misalnya Backlinks Checker, Backlinks builder, Website Speed Tester, Geolocation tool, dan banyak lagi yang lainnya, namun untuk artikel ini saya fokuskan pada <b>Tool Untuk Mengetahui Prediksi PageRank Blog</b>.

Tool Prediksi PageRank

Tool Untuk Mengetahui Prediksi PageRank Blog | Tutorial Blog Pada tutorial kali ini saya berbagi tentang Tool Untuk Mengetahui Prediksi Page...

Read more »

Solidify WordPress Theme

<h1><b><span style="font-size: large;">Solidify WordPress Theme | Tutorial Blog</span></b></h1><div><span style="font-size: large;">Template Details :</span></div><a name="more"></a><table cellpadding="0" cellspacing="0" class="Table-Post2" height="152" id="AutoNumber1"><tbody><tr align="left"><td class="Table-Post2" height="25" width="20%">Platform Type</td><td class="Table-Post2" height="25" width="56%">WP / WordPress</td></tr><tr align="left"><td class="Table-Post2" height="25" width="20%">Template Name </td><td class="Table-Post2" height="25" width="56%"><b>Solidify WordPress Theme</b></td></tr><tr align="left"><td class="Table-Post2" height="25" width="20%"><span class="cut">Descriptions</span></td><td class="Table-Post2" height="25" width="56%">Solidify WordPress Theme is a well-designed Magazine Style Theme with outstanding features and options you can set in the admin panel. Theme works in all major browsers, uses jQuery slider on Featured Articles, Thumbnails on Posts, Widget Ready, and more...</td></tr><tr align="left"><td class="Table-Post2" height="25" width="20%">Template Author</td><td class="Table-Post2" height="25" width="56%">http://wpdesign.in</td></tr><tr align="left"><td class="Table-Post2" height="25" width="20%">Designer</td><td class="Table-Post2" height="25" width="56%">WP Design</td></tr></tbody></table><br /><img alt="Solidify WordPress Theme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgISn4RNoF1ndWqHwrUnx2uw7ctmR_SvYkGr1UDVsO-xA3oFdH84xAI-vqHtww59fiSyZaJLQ2FiV9O8UIyt11mZqUYdkAaCJSnwnlZ5qZ13a4ALbNwppX9wkgo_EoNIXnp3aZct7Gkzdo/s320/Solidity.jpg" style="cursor: pointer; height: 250px; width: 300px;" /><br /><ul><li><a href="http://demo.templatebloggers.com/?view=demo.wpdesign.in/solidify/" rel="nofollow" target="_blank">Demo</a></li><li><a href="http://www.4shared.com/file/zmD7_4bd/solidify.html" rel="nofollow" target="_blank">Download</a></li></ul>

Solidify WordPress Theme

Solidify WordPress Theme | Tutorial Blog Template Details : Platform Type WP / WordPress Template Name Solidify WordPress Theme Descriptions...

Read more »

Pengertian Blog Directory

<h1><span style="font-size: large;"><b>Pengertian Blog Directory | Tutorial Blog</b></span></h1><b>Blog directory</b> adalah situs yang berisi ratusan link halaman website. Blog / situs ini berfungsi untuk menampung dan membantu mempublikasikan blog yang terdaftar sebagai submitter, Selain itu blog directory juga memberikan backlink gratis dan traffic <a name="more"></a>ke blog yang terdaftar, Sehingga mendaftarkan blog ke blog directory merupakan langkah penting untuk meningkatkan traffic dan backlink.<br />Karena manfaat itulah banyak blogger yang mensubmit blognya ke berbagai blog directory yang tersedia di internet, Walaupun kita harus sedikit repot karena kita harus memasang banner yang disediakan dan otomatis memberikan backlink kepada blog directory tersebut.<br />Sebenarnya saya kurang tahu sejauh mana pengaruh blog direktori terhadap traffik sebuah blog, dan menurut beberapa artikel Google jarang memperhitungkan link yang datang dari direktori blog gratisan. Sedangkan Yahoo masih lumayan lunak dengan menghitung backlinks tersebut, Jadi tidak ada salahnya untuk mencoba daftar di direktori gratisan.<br />Jika Sobat ingin mendaftarkan Blognya ke blog directory, silakan daftar di<br /><ul><li><a href="http://wadahtutorial.blogspot.com/2011/10/blog-directory-gratis.html">Blog Directory Gratis</a></li><li><a href="http://wadahtutorial.blogspot.com/2011/10/blog-directory-indonesia-gratis.html">Blog Directory Indonesia Gratis</a></li></ul>Sebelum mendaftarkan blog akan lebih baik jika Anda baca dulu <a href="http://wadahtutorial.blogspot.com/2011/10/tips-memilih-blog-directory.html">Tips Memilih Blog Directory</a>.<br /><br />Semoga Artikel singkat ini bisa bermanfaat...

Pengertian Blog Directory

Pengertian Blog Directory | Tutorial Blog Blog directory adalah situs yang berisi ratusan link halaman website. Blog / situs ini berfungsi ...

Read more »

iPhoneMania Blogger Template

<h1><span style="font-size: large;"><b>iPhoneMania Blogger Template | Tutorial Blog</b></span></h1><span style="font-size: large;">Template Features</span><a name="more"></a><table cellpadding="0" cellspacing="0" class="Table-Post2" height="152" id="AutoNumber1"><tbody><tr><td class="Table-Post2" height="25" width="30%">Platform Type</td><td class="Table-Post2" height="25" width="56%">Blogger / Blogspot</td></tr><tr><td class="Table-Post2" height="25" width="30%">Template Name</td><td class="Table-Post2" height="25" width="56%"><b>iPhoneMania Blogger Template</b></td></tr><tr><td class="Table-Post2" height="25" width="30%"><span class="cut">Description</span></td><td class="Table-Post2" height="25" width="56%">iPhoneMania is a free technology Blogger template, with beautiful header and background iPhone vectors. This blogspot theme is a great template for iPhone related blogs. Features: 2 columns, right sidebar, widgets ready, social icons, pages enabled, search box.</td></tr><tr><td class="Table-Post2" height="25" width="30%">Template Author</td><td class="Table-Post2" height="25" width="56%">http://www.deluxetemplates.net</td></tr><tr><td class="Table-Post2" height="25" width="30%"><span class="cut">Designer</span></td><td class="Table-Post2" height="25" width="5dd6%">Deluxetemplates</td></tr><tr> <td class="Table-Post2" height="25" width="30%">Instructions URL</td> <td class="Table-Post2" height="25" width="56%"><a href="http://wadahtutorial.blogspot.com/2011/10/install-custom-template-blogger.html">How to install iPhoneMania Blogger Template</a></td> </tr><tr><td class="Table-Post2" height="25" width="30%">Properties</td> <td class="Table-Post2" height="25" width="56%">2 column, black, blogger, fixed, gadget, gray, right sidebar, slideshow, vector, white, wordpress look.</td> </tr></tbody></table><br /><img alt="iPhoneMania Blogger Template" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1f0dUWVhNWtv-4mR5co9Hb1IQCMsKL4fi189Og4LcGW6K63Yss1j7QaUMSg8pJopK3maGG5KFOJUtN9tbJwSoull9UX8B3Qiw-P7LCuFDnNZJWukHz7lX25D_8aGN6VsThOIjfAxLUyI/s320/iPhoneMania.jpg" style="cursor: pointer; height: 250px; width: 300px;" /><br /><ul class="postbuttons"><li><a class="livedemo" href="http://demo.probloggertemplate.com/?live=iphonemania-deluxetemplates.blogspot.com/" rel="nofollow" target="_blank">Demo</a></li><li><a class="download" href="http://box.probloggertemplate.com/?go=z9ircasvuxkaq06m7j1j" rel="nofollow" target="_blank">Download</a></li></ul>

iPhoneMania Blogger Template

iPhoneMania Blogger Template | Tutorial Blog Template Features Platform Type Blogger / Blogspot Template Name iPhoneMania Blogger Template D...

Read more »

Install a Custom Template in Blogger

<div><span style="font-size: large;">How to Install a custom template in Blogger?</span></div><ol><li>Download a template file (zip or rar) and extract the file.</li><li>Login to Blogger.com.<a name="more"></a><br /><img alt="Blogger Templates" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/chTemp01.gif" /></li><li>On the Dashboard, click <b>Design > Edit HTML</b><br /><img alt="Blogger Templates" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/chTemp02.gif" /></li><li>Don't forget for backup your old template.<br /><img alt="Blogger Templates" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/chTemp03.gif" /></li><li>Click <b>Browse</b>,<br /><img alt="Blogger Templates" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/chTemp04.gif" /><br />Then find a Blogger template that will be used, Click Open.<br /><span class=""> <img alt="Blogger Templates" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/chTemp05.gif" /></span></li><li>Then click the <b>Upload</b> button .<br /><img alt="Blogger Templates" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/chTemp06.gif" /></li><li>If a warning: Your new template does not include the following widgets, click <b>KEEP WIDGETS</b>.<br /><img alt="Blogger Templates" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/chTemp07.gif" /></li><li>Finish...</li></ol>

Install a Custom Template in Blogger

How to Install a custom template in Blogger? Download a template file (zip or rar) and extract the file. Login to Blogger.com. On the Dashbo...

Read more »

Tips Memilih Blog Directory

<h1><span style="font-size: large;"><b>Tips Memilih Blog Directory | Tutorial Blog</b></span></h1><div>Beberapa hari yang lalu saya membuat postingan tentang blog directory. Jadi pada postingan kali ini saya akan berbagi tips untuk memilih blog directory.<br />Yang perlu di perhatikan saat memilih blog directory adalah sebagai berikut :</div><a name="more"></a><ul><li>Pilih yang terbukti.<br />Sebaiknya daftarkan website atau blog kamu ke search engine yang sudah jelas fungsinya, seperti Google, Yahoo dan Bing. Karena dalam mencari informasi orang lebih memilih mesin pencari ini dibandingkan mampir ke situs direktori. Beberapa search engine yang cukup berkualitas di antaranya adalah Anoox dan Jayde.</li><li>Gratis atau berbayar.<br />Jika kamu pengusaha atau mempunyai blog untuk bisnis, silahkan saja masukkan blog kamu ke situs yang berbayar. Namun untuk pribadi, sebisa mungkin hindari, karena hanya buang uang. Belum tentu situs direktori tersebut cukup terkenal dan digunakan banyak orang.</li><li>Dofollow atau Nofollow.<br />Sebaiknya periksa dulu apakah situs tersebut Dofollow atau Nofollow, jika nofollow, berarti Blog Sobat hanya akan terdaftar di situs tersebut, dan Blog Sobat ga akan dapat backlink.</li><li>Regular atau reciprocal.<br />Bila akan submit link gratis, pilih regular jika ada, jika tidak ada baru pilih yang reciprocal, artinya Sobat harus menyimpan link blog directory tersebut di situs Anda. apabila sudah melakukan reciprocal link dan blog Sobat tidak diapprove, segera buang link mereka, karena sangat tidak berguna. </li><li>Lama waktu approval.<br />Seandainya Anda sudah melakukan reciprocal link namun harus melalui proses yang lama dan belum tentu mendapatkan approval, segera tinggalkan saja situs sombong seperti ini, masih banyak situs yang lain. </li><li>High rank.<br />Situs submission dianggap terkenal jika punya alexa rank yang bagus. Namun kadang alexa rank-nya bagus namun jumlah situs yang terdaftar sedikit. Mungkin karena banyak pengunjung yang cuma mampir tanpa mendaftar. Sebaiknya lewati saja situs seperti ini.</li><li>Social network.<br />Ada baiknya menggunakan Facebook, Twitter atau Friendster untuk mempromosikan situs anda. Bisa juga ke situs Blog Catalog, Digg, Folkd, Blog Engage atau You Say Too. Selain gratis, mereka juga SEO friendly, walau Facebook menganut faham nofollow. </li><li>Hindari situs yang rajin kirim email spam <br />Dari beberapa situs direktori ada yang suka mengirimkan email spam, informasi tak penting masuk ke spam folder email kita. sebaiknya unsubscribe atau batalkan email tersebut walau resikonya link kita akan dihapus.</li></ul>Untuk daftar situs / blog Directory dapat Anda baca di :<br /><ul><li><a href="http://wadahtutorial.blogspot.com/2011/10/blog-directory-gratis.html" target="_blank">Blog Directory Gratis</a></li><li><a href="http://wadahtutorial.blogspot.com/2011/10/blog-directory-indonesia-gratis.html" target="_blank">Blog Directory Indonesia Gratis</a></li></ul>Demikian beberapa Tips dalam Memilih Blog Directory.

Tips Memilih Blog Directory

Tips Memilih Blog Directory | Tutorial Blog Beberapa hari yang lalu saya membuat postingan tentang blog directory. Jadi pada postingan kali ...

Read more »

VectorMade WordPress Theme

<h1><b><span style="font-size: large;">VectorMade WordPress Theme | Tutorial Blog</span></b></h1><span style="font-size: large;">Template Details :</span><a name="more"></a><table cellpadding="0" cellspacing="0" class="Table-Post2" height="152" id="AutoNumber1"><tbody><tr align="left"><td class="Table-Post2" height="25" width="20%">Platform Type</td><td class="Table-Post2" height="25" width="56%">WP / WordPress</td></tr><tr align="left"><td class="Table-Post2" height="25" width="20%">Template Name </td><td class="Table-Post2" height="25" width="56%"><b>VectorMade WordPress Theme</b></td></tr><tr align="left"><td class="Table-Post2" height="25" width="20%"><span class="cut">Descriptions</span></td><td class="Table-Post2" height="25" width="56%">VectorMade WordPress Theme is a well-designed Magazine Style Theme with outstanding features and options you can set in the admin panel. Theme works in all major browsers, uses jQuery slider on Featured Articles, Thumbnails on Posts, Widget Ready, and more.</td></tr><tr align="left"><td class="Table-Post2" height="25" width="20%">Template Author</td><td class="Table-Post2" height="25" width="56%">http://wpdesign.in</td></tr><tr align="left"><td class="Table-Post2" height="25" width="20%">Designer</td><td class="Table-Post2" height="25" width="56%">WP Design</td></tr></tbody></table><img alt="VectorMade WordPress Theme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpPmWU51y29G2Y3nPWU2uCcMv7s3lk3kKQNW9vD6kvDwK55dsyTiYCrA60EUbldcEO1nPXpZfLJ0O_Pb4RIp1xctwB0JgR7K5zMCu_LfO4yIOM1mGeO_Lo_I7edCNRJfqHj9iuzMlnXLk/s320/Vector+Made.jpg" style="cursor: pointer; height: 250px; width: 300px;" /><br /><ul class="postbuttons"><li><a class="livedemo" href="http://demo.templatebloggers.com/?view=demo.wpdesign.in/vectormade/" rel="nofollow" target="_blank">Demo</a></li><li><a class="download" href="http://www.4shared.com/file/1Rledie0/vectormade.html" rel="nofollow" target="_blank">Download</a></li></ul>

VectorMade WordPress Theme

VectorMade WordPress Theme | Tutorial Blog Template Details : Platform Type WP / WordPress Template Name VectorMade WordPress Theme Descript...

Read more »

Blog Directory Indonesia Gratis

<h1><span style="font-size: large;"><b>Blog Directory Indonesia Gratis | Tutorial Blog</b></span></h1><div>Berikut beberapa Blog Directory Indonesia Gratis :</div><a name="more"></a><ul><li><a href="http://www.topseratus.com/" rel="nofollow" target="_blank">www.topseratus.com</a></li><li><a href="http://www.top10award.artnoris.com/" rel="nofollow" target="_blank">www.top10award.artnoris.com</a></li><li><a href="http://www.republic.designerlistic.net/" rel="nofollow" target="_blank">www.republic.designerlistic.net</a></li><li><a href="http://www.top10rank.us/" rel="nofollow" target="_blank">www.top10rank.us</a></li><li><a href="http://www.top.org/" rel="nofollow" target="_blank">www.top.org</a></li><li><a href="http://www.blogtopsites.com/" rel="nofollow" target="_blank">www.blogtopsites.com</a></li><li><a href="http://www.blogcatalog.com/" rel="nofollow" target="_blank">www.blogcatalog.com</a></li><li><a href="http://www.topofblogs.com/" rel="nofollow" target="_blank">www.topofblogs.com</a></li><li><a href="http://www.blogflare.com/" rel="nofollow" target="_blank">www.blogflare.com</a></li><li><a href="http://www.wptopsites.com/" rel="nofollow" target="_blank">www.wptopsites.com</a></li><li><a href="http://www.topsites.blogflux.com/" rel="nofollow" target="_blank">www.topsites.blogflux.com</a></li><li><a href="http://www.blogrankings.com/" rel="nofollow" target="_blank">www.blogrankings.com</a></li><li><a href="http://www.blogtoplist.com/" rel="nofollow" target="_blank">www.blogtoplist.com</a></li><li><a href="http://www.blogdirectory001.com/" rel="nofollow" target="_blank">www.blogdirectory001.com</a></li><li><a href="http://www.topblogarea.com/" rel="nofollow" target="_blank">www.topblogarea.com</a></li><li><a href="http://www.zimbio.com/" rel="nofollow" target="_blank">www.zimbio.com</a></li><li><a href="http://www.ontoplist.com/" rel="nofollow" target="_blank">www.ontoplist.com</a></li><li><a href="http://www.link.aprillins.com/" rel="nofollow" target="_blank">www.link.aprillins.com</a></li><li><a href="http://www.mynewblog.com/" rel="nofollow" target="_blank">www.mynewblog.com</a></li><li><a href="http://www.btopsites.com/" rel="nofollow" target="_blank">www.btopsites.com</a></li><li><a href="http://www.idebaru.com/" rel="nofollow" target="_blank">www.idebaru.com</a></li><li><a href="http://www.sitebro.net/" rel="nofollow" target="_blank">www.sitebro.net</a></li><li><a href="http://www.topblogging.com/" rel="nofollow" target="_blank">www.topblogging.com</a></li><li><a href="http://www.tophits.bloggerian.or.id/" rel="nofollow" target="_blank">www.tophits.bloggerian.or.id</a></li><li><a href="http://www.top.cianjurcybercity.com/" rel="nofollow" target="_blank">www.top.cianjurcybercity.com</a></li><li><a href="http://www.kampungblog.com/" rel="nofollow" target="_blank">www.kampungblog.com</a></li><li><a href="http://www.linkreferral.com/" rel="nofollow" target="_blank">www.linkreferral.com</a></li></ul>Semoga Bermanfaat...

Blog Directory Indonesia Gratis

Blog Directory Indonesia Gratis | Tutorial Blog Berikut beberapa Blog Directory Indonesia Gratis : www.topseratus.com www.top10award.artnori...

Read more »

Blog Directory Gratis

<h1><span style="font-size: large;"><b>Blog Directory Gratis | Tutorial Blog</b></span></h1><div>Dibawah ini daftar beberapa blog directory Gratis dan pageranknya :</div><a name="more"></a><ul><li><a href="http://www.dmoz.org/" rel="nofollow" target="_blank">DMOZ</a> : pagerank 9</li><li><a href="http://www.exactseek.com/" rel="nofollow" target="_blank">ExactSeek</a> : pagerank 7 </li><li><a href="http://www.jayde.com/" rel="nofollow" target="_blank">Jayde</a> : pagerank 6</li><li><a href="http://www.superpages.ca/" rel="nofollow" target="_blank">SuperPages.ca</a> : pagerank 6</li><li><a href="http://www.patient.co.uk/" rel="nofollow" target="_blank">Patient UK</a> : pagerank 6 </li><li><a href="http://www.bestcatalog.net/" rel="nofollow" target="_blank">BestCatalog.net</a> : pagerank 6</li><li><a href="http://www.gimpsy.com/" rel="nofollow" target="_blank">Gimpsy</a> : pagerank 6</li><li><a href="http://www.bizweb.com/" rel="nofollow" target="_blank">Bizweb</a> : pagerank 6</li><li><a href="http://www.haabaa.com/" rel="nofollow" target="_blank">Haaba</a> : pagerank 6</li><li><a href="http://www.canadopedia.com/" rel="nofollow" target="_blank">Canadopedia</a> : pagerank 6</li><li><a href="http://www.earthstation9.com/" rel="nofollow" target="_blank">Earthstation 9</a> : pagerank 5</li><li><a href="http://www.mavicanet.com/" rel="nofollow" target="_blank">MavicaNet</a> : pagerank 5</li><li><a href="http://www.webworldindex.com/" rel="nofollow" target="_blank">Web World</a> : pagerank 6</li><li><a href="http://www.illumirate.com/" rel="nofollow" target="_blank">IllumiRate</a> : pagerank 6</li><li><a href="http://www.americasbest.com/" rel="nofollow" target="_blank">America's best</a> : pagerank 6</li><li><a href="http://www.web-beacon.com/" rel="nofollow" target="_blank">Web Beacon</a> : pagerank 6</li><li><a href="http://www.clearleadinc.com/" rel="nofollow" target="_blank">Clear Lead Inc</a> : pagerank 6</li><li><a href="http://www.booksmusicvideo.com/" rel="nofollow" target="_blank">Books Music Video</a> ; pagerank 6</li><li><a href="http://www.chiff.com/" rel="nofollow" target="_blank">Chiff.com</a> : pagerank 6</li><li><a href="http://www.somuch.com/" rel="nofollow" target="_blank">SoMuch.com</a> : pagerank 6</li><li><a href="http://www.re-quest.net/" rel="nofollow" target="_blank">Re-Quest dot Net</a> : pagerank 6</li><li><a href="http://www.psychnet-uk.com/" rel="nofollow" target="_blank">PsychNet-UK</a> : pagerank 6</li><li><a href="http://www.clickey.com/" rel="nofollow" target="_blank">Clickey</a> : pagerank 6</li><li><a href="http://www.proudlycanadian.net/" rel="nofollow" target="_blank">Proudly Canadian</a> : pagerank 6</li><li><a href="http://www.turnpike.net/directory.html" rel="nofollow" target="_blank">TurnPike Directory</a> : pagerank 5</li><li><a href="http://www.greenstalk.com/" rel="nofollow" target="_blank">Greenstalk</a> : pagerank 5</li><li><a href="http://www.smallerbizz.com/" rel="nofollow" target="_blank">Smallerbizz</a> : pagerank 5</li><li><a href="http://www.emfind.com/" rel="nofollow" target="_blank">Emfind.com</a> : pagerank 5</li><li><a href="http://hoppa.com/" rel="nofollow" target="_blank">Hoppa</a> : pagerank 5</li><li><a href="http://www.allthebizz.com/" rel="nofollow" target="_blank">All The Bizz</a> : pagerank 5</li><li><a href="http://www.click4choice.com/" rel="nofollow" target="_blank">Click4Choice</a> : pagerank 5</li><li><a href="http://www.websavvy.cc/" rel="nofollow" target="_blank">Websavvy</a> : pagerank 5</li><li><a href="http://www.imarvel.com/" rel="nofollow" target="_blank">iMarvel.com</a> : pagerank 5</li><li><a href="http://www.cyberwebsearch.com/" rel="nofollow" target="_blank">Cyber Web Search</a> : pagerank 5</li><li><a href="http://www.dc2net.com/" rel="nofollow" target="_blank">DC2NET</a> : pagerank 5</li><li><a href="http://www.cantufind.com/" rel="nofollow" target="_blank">The Orange Pages</a> : pagerank 5</li><li><a href="http://www.josh.nu/" rel="nofollow" target="_blank">Josh's Sanctum</a> : pagerank 5</li><li><a href="http://www.webs-best-directory.com/" rel="nofollow" target="_blank">Web's Best Directory</a> : pagerank 5</li><li><a href="http://www.myallfish.com/" rel="nofollow" target="_blank">MyAllFish.com</a>: pagerank 5</li><li><a href="http://www.yeandi.com/" rel="nofollow" target="_blank">Yeandi</a> : pagerank 5</li><li><a href="http://www.bontonic.com/" rel="nofollow" target="_blank">Bontonic</a> : pagerank 5</li><li><a href="http://www.allfreethings.com/" rel="nofollow" target="_blank">All Free Things</a> : pagerank 5</li><li><a href="http://www.fitnesspros.net/" rel="nofollow" target="_blank">Fitness Pros BodyBuilding</a> : pagerank 5 </li><li><a href="http://www.smartlinks.org/" rel="nofollow" target="_blank">SmartLinks.org</a> : pagerank 5</li><li><a href="http://www.money-talk.org/directory" rel="nofollow" target="_blank">Money Talk</a> : pagerank 5</li></ul>Segini dulu daftarnya, buat yang mau menambahkan silakan tulis di komentar.<br />Silakan daftarkan Blog Anda di <b>Blog </b><b>Directory Gratis</b>.

Blog Directory Gratis

Blog Directory Gratis | Tutorial Blog Dibawah ini daftar beberapa blog directory Gratis dan pageranknya : DMOZ : pagerank 9 ExactSeek : pa...

Read more »

Memasang Widget Flag Counter

<h1><span style="font-size: large;"><b>Memasang Widget Flag Counter (Bendera Pengunjung) | Tutorial Blog</b></span></h1><div>Flag Counter adalah sebuah Widget penghitung jumlah pengunjung dari berbagai negara di dunia<a href="http://wadahtutorial.blogspot.com/" style="color: white;">.</a> Widget ini menampilkan bendera negara pengunjung. Tutorial kali ini tentang Memasang Widget Flag Counter (Bendera Pengunjung).</div><a name="more"></a><div>Berikut Caranya :</div><ul><li>Masuk ke situs <a href="http://flagcounter.com/" rel="nofollow" target="_blank">flagcounter.com</a></li><li>Pada halaman awal flag counter Klik <b style="color: red;">get your own FREE flag counter</b>.<br /><img alt="Tutorial Blog, Widget" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/flagcntr1.gif" /></li><li>Kemudian Setting option flag counter seperti keinginan Anda, Lalu klik <b><span style="color: red;">get your flag counter</span></b><br /><img alt="Tutorial Blog, Widget" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/flagcntr2.jpg" /><br />Ket :<br /><span style="color: #3366ff;"><b>Maximum Flags to Show</b></span> ( jumlah bendera yang tampil pada blog anda )<br /><span style="color: #3366ff;"><b>Columns of Flags</b></span> ( Jumlah kolom yang tampil pada blog anda )<br /><span style="color: #3366ff;"><b>Label on TOP of counter</b></span> ( Label pada bagian atas banner counter yang akan tampil )<br /><span style="color: #3366ff;"><b>Colors</b></span> ( silahkan ada klik menu Choose untuk menukar warna background, text, dan Border.<br /><span style="color: #3366ff;"><b>Show Country Labels</b></span> ( Silahkan anda beri tanda centang pada bagian kotak persegi kecil, apabila anda ingin menampilkan singkatan nama negara )<br /><span style="color: #3366ff;"><b>Show Pageview Count</b></span> ( Silahkan anda beri tanda centang pada bagian kotak persegi kecil, apabila anda ingin menampilkan jumlah pengunjung yang kedetek oleh flagcounter )</li><li>Anda akan di minta memasukan Email Anda, Isikan alamat Email jika Anda mau dan klik tombol <b style="color: red;">Continue</b>.Jika tidak mau, klik tombol <b style="color: red;">Skip</b>.<br /><img alt="Tutorial Blog, Widget" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/flagcntr3.jpg" /></li><li>Halaman Selanjutnya Copy kode HTML Flag counter.<br /><img alt="Tutorial Blog, Widget" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/Flagcntr4.gif" /></li><li>Lalu pasang pada Blog Anda. <br />Saya yakin Anda pasti sudah tau cara memasang widget, jika belum tau silakan baca :</li><ol><li><a href="http://wadahtutorial.blogspot.com/2011/10/memasang-widget-gadget-blogspot.html" target="_blank">Memasang Widget / Gadget di Blogspot</a></li><li><a href="http://wadahtutorial.blogspot.com/2011/10/memasang-widget-wordpress.html" target="_blank">Memasang Widget di Wordpress.com</a></li></ol></ul>Semoga artikel ini bisa membantu Anda yang ingin <b>Memasang Widget Flag Counter</b>.

Memasang Widget Flag Counter

Memasang Widget Flag Counter (Bendera Pengunjung) | Tutorial Blog Flag Counter adalah sebuah Widget penghitung jumlah pengunjung dari berbag...

Read more »

Memasang Widget di Wordpress.com

<h1><span style="font-size: large;"><b>Cara Memasang Widget di Wordpress.com | Tutorial Blog</b></span></h1><div>Langsung saja Sob, berikut tutorialnya :</div><ol><li>Login ke Wordpess Anda, Klik <b style="color: red;">Appearance > Widgets</b>.<a name="more"></a><br /><img alt="Tutorial Blog, Widget" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/wdgtWP1.gif" /></li><li> Pilih Widget yang ingin Anda pasang, Drag ke Sidebar<br /><img alt="Tutorial Blog, Widget" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/wdgtWP2.jpg" /></li><li>Lalu Klik <b style="color: red;">Save</b>.<br /><img alt="Tutorial Blog, Widget" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/wdgtWP3.gif" /></li><li>Untuk memasang widget menggunakan kode HTML pilih <b style="color: red;">Text</b>.<br /><img alt="Tutorial Blog, Widget" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/wdgtWP4.jpg" /></li><li>Selanjutnya beri judul widget pada kolom<i style="color: black;"></i> <i>Title</i>, Paste kode Widget pada <i>area Text</i>, dan klik <b style="color: red;">Save</b>.<br /><img alt="Tutorial Blog, Widget" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/wdgtWP5.gif" /><br />Selesai...</li></ol>Sekian Tutorial singkat tentang <b>Cara Memasang Widget di Wordpress.com</b><br /><br />Artikel Yang Lain :<br /><ul><li><a href="http://wadahtutorial.blogspot.com/2011/09/widget-alexa-wordpress.html" target="_blank">Trik Memasang Widget Alexa di Wordpress.com</a></li><li><a href="http://wadahtutorial.blogspot.com/2011/10/memasang-widget-google-pagerank.html" target="_blank">Memasang Widget Google PageRank</a></li><li><a href="http://wadahtutorial.blogspot.com/2011/09/daftar-isi.html" target="_blank">Membuat Daftar Isi Blog</a> </li></ul>

Memasang Widget di Wordpress.com

Cara Memasang Widget di Wordpress.com | Tutorial Blog Langsung saja Sob, berikut tutorialnya : Login ke Wordpess Anda, Klik Appearance > ...

Read more »

Memasang Widget / Gadget di Blogspot

<h1><span style="font-size: large;"><b>Cara Memasang Widget / Gadget di Blogspot | Tutorial Blog</b></span></h1><div>Tutorial ini buat yang masih baru di blogger dan belum tahu cara memasang widget / gadget, kalau yang sudah lama di blogger pasti sudah terbiasa bongkar pasang widget, jadi silakan lewat, he...</div><a name="more"></a><ul>Berikut langkah Memasang Widget / Gadget di Blogspot :</ul><ol><li>Login ke Dashboard Blogger Anda, Klik <b><span style="color: red;">Rancangan / Design.</span></b><br /><img alt="Tutorial Blog, Widget" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/psggdgt01.gif" /></li><li>Pada Page Element klik <b><span style="color: red;">Add Gadget</span></b>.<br /><img alt="Tutorial Blog, Widget" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/psggdgt02.gif" /></li><li>Akan muncul window baru untuk pilihan Gadget, Jika Sobat ingin memasang gadget menggunakan kode, pilih <i style="color: blue;">Html / Javascript</i>, klik pada nama gadget atau tanda [<b style="color: red;">+</b>] di samping gadget.<br /><img alt="Tutorial Blog, Widget" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/psggdgt05.jpg" /></li><li>Pada jendela selanjutnya beri judul gadget pada kolom <i>Title</i>, dan Paste kode gadget pada kolom <i>text</i>, Lalu klik <b style="color: red;">Save / Simpan</b>.<br /><img alt="Tutorial Blog, Widget" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/psggdgt06.jpg" /></li><li>Jika Sobat ingin menggunakan gadget standard blogger, klik gadget tersebut, Sebagai contoh gadget <i><span style="color: blue;">Popular Posts</span></i>.<br /></li><li>Pada jendela selanjutnya atur tampilan gadget Anda lalu klik <b style="color: red;">Save / Simpan</b>.<br /><img alt="Tutorial Blog, Widget" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/psggdgt04.gif" /><br />Selesai...</li></ol>Sampai disini Tutorial tentang <b>Memasang Widget / Gadget di Blogspot</b>.<br />Semoga Bermanfaat... <br /><br />Artikel Yang Lain : <br /><ul><li><a href="http://wadahtutorial.blogspot.com/2011/09/widget-alexa.html" target="_blank">Memasang Widget Alexa di Blog</a></li><li><a href="http://wadahtutorial.blogspot.com/2011/10/memasang-widget-google-pagerank.html" target="_blank">Memasang Widget Google PageRank</a></li><li><a href="http://wadahtutorial.blogspot.com/2011/10/widget-pengunjung-online.html" target="_blank">Widget Untuk Mengetahui Jumlah Pengunjung Yang Online</a></li><li><a href="http://wadahtutorial.blogspot.com/2011/09/daftar-isi.html" target="_blank">Membuat Daftar Isi Blog</a> </li></ul>

Memasang Widget / Gadget di Blogspot

Cara Memasang Widget / Gadget di Blogspot | Tutorial Blog Tutorial ini buat yang masih baru di blogger dan belum tahu cara memasang widget /...

Read more »

Widget Untuk Mengetahui Jumlah Pengunjung Yang Online

<div><b>Widget Untuk Mengetahui Jumlah Pengunjung Yang Online | Tutorial Blog.</b></div><div>Buat Sobat yang ingin memasang Widget yang menampilkan jumlah pengunjung Online di blog. Sobat dapat mengunjungi website dibawah ini :</div><a name="more"></a><ul><li><a href="http://whos.amung.us/" rel="nofollow" target="_blank">whos.amung.us</a>, disini Kode yang diberikan berupa javascript.</li><li><a href="http://daylogs.com/get-widget/" rel="nofollow" target="_blank">daylogs.com</a>, menggunakan kode html, jadi bisa di pasang buat Blogspot maupun Wordpress.com, di situ ada 3 pilihan, Map, Icon, dan Smallbutton.</li><li><a href="http://www.geovisite.com/" rel="nofollow" target="_blank">www.geovisite.com</a>, Pada situs ini sebenarnya banyak terdapat widget yang lain, seperti Map, Jam, User, Counter, dll. Jika sobat ingin memasang Widget jumlah pengunjung yang Online pilih geoglobe, untuk kodenya ada Javascript dan Html.</li></ul><div>Silakan pilih Widget yang ingin Anda gunakan, dan Copy kode yang diberikan, lalu pasang pada Blog Sobat. Untuk cara memasang di blog saya rasa Anda semua sudah tau, kalau belum tau silakan bertanya, he...</div><div>Sampai disini dulu tulisan saya tentang <b>Widget Untuk Mengetahui Jumlah Pengunjung Yang Online</b>.</div>

Widget Untuk Mengetahui Jumlah Pengunjung Yang Online

Widget Untuk Mengetahui Jumlah Pengunjung Yang Online | Tutorial Blog. Buat Sobat yang ingin memasang Widget yang menampilkan jumlah pengunj...

Read more »

Template Blogger FBTMaG V1

<div>Buat Sobat yang udah bosen dengan template standard Blogger, ada template baru nih dari www.freebloggertemplate.info, namanya FBTMaG V1</div><a name="more"></a><br /><div><img alt="Blogger Templates" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/FBTMaG.gif" /></div><br /><b>Template Name : FBTMaG V1 Blogger Template</b><br /><b>Template Author :</b>; http://www.freebloggertemplate.info/<br /><b>Designer : </b>http://www.freebloggertemplate.info/<br /><b>Basic Instructions :</b> <a href="http://www.bloggertrix.com/2011/01/how-to-change-template.html" rel="nofollow" target="_blank"><u><b>How to install a Blogger template</b></u></a><br /><b>Descriptions :</b> <b>-</b> 3 Columns, Fixed , Fresh and clean Blogger template, Grey color background,Nice, menu bar, Ads Ready,Slide show, Search gadget , Followers, Blogroll, Achieves, popular post, 125x125 ads space.<br />Footer gadget.<br /><br />Untuk melihat demonya klik <a href="http://realmag-fbt.blogspot.com/" rel="nofollow" target="_blank">disini</a>.<br />Untuk mendownload klik <a href="http://www.box.net/shared/mzol8ppe3ohg5pj2hei8" rel="nofollow" target="_blank">disini</a>.<br /><br />Source : Bloggertrix.com

Template Blogger FBTMaG V1

Buat Sobat yang udah bosen dengan template standard Blogger, ada template baru nih dari www.freebloggertemplate.info, namanya FBTMaG V1 Temp...

Read more »

Memasang Widget Google PageRank

<div><b>Google Page Rank</b> merupakan sebuah metode yang digunakan Google untuk mengetahui tingkat popularitas Blog atau website. Pemilik blog biasanya memasang Widget PageRank untuk memperlihatkan ranking blognya kepada pengunjung, untuk mengetahui lebih jauh tentang page rank silahkan Sobat baca di <a href="http://en.wikipedia.org/wiki/PageRank" target="_blank">en.wikipedia.org</a><a href="http://wadahtutorial.blogspot.com/">.</a></div><a name="more"></a><div>Pada tutorial ini akan saya bahas tentang cara <b>Memasang Widget Google PageRank</b> di Blog, Widget ini juga bisa dipasang untuk wordpress.com karena menggunakan kode Html.</div><div>Berikut Tutorialnya :</div><ol><li>Masuk ke <a href="http://www.prchecker.info/" rel="nofollow" target="_blank">www.prchecker.info</a></li><li>Lalu isi alamat Blog Sobat dan klik <b style="color: blue;">Get It</b>. <br /><img alt="Tutorial Blog, Pagerank" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/PR001.gif" /></li><li>Kemudian isi <i><span style="color: red;">Anti-bot Code</span></i> dan klik <b style="color: blue;">Generate Now</b>. <br /><img alt="Tutorial Blog, Pagerank" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/PR002.jpg" /></li><li>Copy kode yang di berikan sesuai dengan widget yang ingin Sobat tampilkan. <br /><img alt="Tutorial Blog, Pagerank" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/PR003.gif" /></li><li>Selanjutnya Login ke Blogger atau wordpress Sobat.</li><li>Lalu Paste kode dari prchecker tadi pada widget text Html Blog Sobat. <br />Silakan di cek tampilannya pada blog Sobat.</li></ol>Selain prchecker juga ada website lain yang menyediakan widget Google PageRank dengan banyak pilihan tampilan/style badge, caranya pun mudah.<br /><ul></ul><ol><li>Masuk ke halaman <a href="http://getrank.org/pagerank-display/" rel="nofollow" target="_blank">http://getrank.org/pagerank-display/</a> .</li><li>Pilih salah satu badge yang Anda suka. Lalu klik badge tersebut. <br /><img alt="Tutorial Blog, Pagerank" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/PR01.gif" /></li><li>Setelah itu akan muncul kode HTML dari badge yang Anda pilih. Copy kode tersebut. <br /><img alt="Tutorial Blog, Pagerank" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/PR02.gif" /></li><li>Selanjutnya Login ke Blog Sobat. </li><li>Lalu Paste kode tadi pada widget text Html Blog Sobat. Selesai.</li></ol>Semoga Tutorial singkat ini bisa membantu Anda untuk <b>Memasang Widget Google PageRank</b>.<br /><br />Artikel Yang Lain :<br /><ul><li><a href="http://wadahtutorial.blogspot.com/2011/09/widget-alexa-wordpress.html" target="_blank">Trik Memasang Widget Alexa di Wordpress.com</a></li><li><a href="http://wadahtutorial.blogspot.com/2011/10/widget-mengetahui-pengunjung-blog.html" target="_blank">Widget untuk Mengetahui Pengunjung Blog</a></li><li><a href="http://wadahtutorial.blogspot.com/2011/09/daftar-isi.html" target="_blank">Membuat Daftar Isi Blog</a> </li></ul>

Memasang Widget Google PageRank

Google Page Rank merupakan sebuah metode yang digunakan Google untuk mengetahui tingkat popularitas Blog atau website. Pemilik blog biasany...

Read more »

Widget untuk Mengetahui Pengunjung Blog

<div><b>Feedjit (Widget untuk Mengetahui Pengunjung Blog) <a href="http://wadahtutorial.blogspot.com/" style="color: #eeeeee;">|</a></b> Untuk mengetahui siapa dan dari mana saja pengunjung blog kita, kita dapat menggunakan Widget yang satu ini. widget ini juga membantu kita untuk mengetahui waktu kunjungan di blog.</div><div>Langkah pemasangan Widget ini pada Wordpress dan Blogspot tidak sama, karena <a name="more"></a>Wordpress.com tidak mengizinkan kode Javascript, oleh sebab itu pada tutorial ini akan saya bahas cara memasang Feedjit di Wordpress.com dan Blogspot.com</div><div>Berikut langkah memasang <b>Widget untuk Mengetahui Pengunjung Blog :</b></div><ul><li>Memasang di WP.com :</li></ul><ol><li>Masuk ke <a href="http://feedjit.com/joinimg/" rel="nofollow" target="_blank">http://feedjit.com/joinimg/</a>, akan muncul halaman awal dari website penyedia.<br /><img alt="Tutorial Blog, Feedjit" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/feedjit-2.jpg" /></li><li>Tentukan lebar dan berapa entri yang ingin Sobat tampilkan, lalu klik <b style="color: blue;">Apply</b>.<br /><img alt="Tutorial Blog, Feedjit" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/feedjit-3.jpg" /></li><li>Selanjutnya, copy kode dalam kotak<br /><img alt="Tutorial Blog, Feedjit" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/feedjit-4.jpg" /></li><li>Lalu paste ke dalam widget Sobat. dan klik <b style="color: blue;">Save</b>. <br /><img alt="Tutorial Blog, Feedjit" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/feedjit-5.jpg" /><br />selesai</li></ol><ul><li>Memasang di Blogspot :</li></ul><ol><li>Masuk ke <a href="http://feedjit.com/plansPricing/" rel="nofollow" target="_blank">http://feedjit.com/plansPricing/</a></li><li>Klik <b style="color: blue;">Sign Up</b> pada Feedjit Completely Free<br /><img alt="Tutorial Blog, Feedjit" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/fdjit1B.jpg" /></li><li>Pada halaman selanjutnya atur tampilan widget seperti keinginan Anda.<br /><img alt="Tutorial Blog, Feedjit" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/fdjit2B.jpg" /></li><li>Pada bagian untuk menginstall di blog pilih <span style="color: red;">Other Blog or website</span>. lalu klik <b><span style="color: blue;">GO!</span></b><br /><img alt="Tutorial Blog, Feedjit" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/fdjit3B.gif" /></li><li>Lalu Copy kode yang diberikan<br /><img alt="Tutorial Blog, Feedjit" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/fdjit4B.gif" /></li><li>Selanjutnya login ke blogger, klik <b><span style="color: blue;">Rancangan > Elemen Laman</span></b><br /><img alt="Tutorial Blog, Feedjit" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/fdjit5B.gif" /></li><li>Pilih <b style="color: blue;">Tambah Gadget > HTML / JavaScript</b><br /><img alt="Tutorial Blog, Feedjit" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/fdjit6B.gif" /></li><li>Paste Kode dari Feedjit, dan klik <b style="color: blue;">Simpan</b><br /><img alt="Tutorial Blog, Feedjit" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/fdjit7B.gif" /><br />Selesai...</li></ol>Kiranya sampai disini tutorial tentang memasang <b>Widget untuk Mengetahui Pengunjung Blog</b>

Widget untuk Mengetahui Pengunjung Blog

Feedjit (Widget untuk Mengetahui Pengunjung Blog) | Untuk mengetahui siapa dan dari mana saja pengunjung blog kita, kita dapat menggunakan ...

Read more »

Mempercepat Loading Blog

<div><b>Mempercepat Loading Blog</b> merupakan salah satu cara untuk meningkatkan jumlah Pageview, jika loading blog Sobat cepat maka pengunjung akan merasa nyaman, karena apa yang ingin di baca akan cepat di tampilkan, sehingga Traffic Blog juga akan meningkat.</div><a name="more"></a><div>Berikut ini beberapa tips untuk <b>mempercepat loading blog</b> versi Tutorial Blog :</div><ul><li>Jangan terlalu banyak membuat label blog</li><li>Kurangi script dari pihak ketiga baik itu berupa widget ataupun kode-kode iklan</li><li>Gunakan widget atau banner seperlunya dan buang yang tidak penting. </li><li><a href="http://wadahtutorial.blogspot.com/2011/10/percepat-loading-compress-css.html" target="_blank">Compress CSS</a> biar ukurannya jadi lebih kecil<br /></li><li><a href="http://wadahtutorial.blogspot.com/2011/10/percepat-loading-kompress-image.html">Kompress Image</a> supaya lebih optimize </li><li>Gunakan template yang simple dan tidak banyak meload gambar</li><li><a href="http://wadahtutorial.blogspot.com/2011/10/edit-template-valid-xhtml.html">Edit Template Supaya Valid XHTML</a></li></ul>Kiranya itu saja, moga aja benar, kalau ada yang salah tolong di koreksi, jika ada yang mau menambahkan silakan tulis di kotak komentar.<br />Sekian Artikel tentang <b>Mempercepat Loading Blog</b>.

Mempercepat Loading Blog

Mempercepat Loading Blog merupakan salah satu cara untuk meningkatkan jumlah Pageview, jika loading blog Sobat cepat maka pengunjung akan m...

Read more »

Edit Template Supaya Valid XHTML

Ketika saya menggunakan Validator XHTML Tool untuk mengetahui kode yang error pada blog, ternyata banyak terdapat error pada blog saya, akhirnya saya edit saja templatenya biar lebih valid, dan syukur lah errornya berkurang. Jika Sobat juga ingin Meng-edit template Blog sebaiknya backup dulu template Anda, buat jaga-jaga bila <a name="more"></a> terjadi hal yang tidak di inginkan. Adapun kode HTML yang saya edit pada template antara lain :<br /><ul><li>Kode dibawah ini</li><div style="border: 1px solid rgb(0, 0, 150); height: 50px; overflow: auto; padding: 5px; text-align: left; width: 450px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></div>saya ganti dengan kode berikut <div style="border: 1px solid rgb(0, 0, 150); height: 50px; overflow: auto; padding: 5px; text-align: left; width: 450px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-<span style="color: red;">transitional</span>.dtd"></div></ul><ul><li>Memperbaiki penulisan META Tags<br />Contoh<br /><div style="border: 1px solid rgb(0, 0, 150); height: 70px; overflow: auto; padding: 5px; text-align: left; width: 450px;"><META content='hG7mdGP3GZvNuz6CXDF58rL2NhgOH4GhtwttcDrGThA' name='compete'/></div>saya rubah menjadi<br /><div style="border: 1px solid rgb(0, 0, 150); height: 70px; overflow: auto; padding: 5px; text-align: left; width: 450px;"><<span style="color: red;">meta </span>content='hG7mdGP3GZvNuz6CXDF58rL2NhgOH4GhtwttcDrGThA' name='compete'/></div></li></ul><ul><li>Menghapus semua kode (<span style="color: red;"> ---------- </span>)</li></ul><ul><li>Pada kode </head> saya tambahkan kode berikut tepat dibawahnya</li><div style="border: 1px solid rgb(0, 0, 150); height: 30px; overflow: auto; padding: 5px; text-align: left; width: 450px;"><!-- <body><div></div> --></div></ul><ul><li>Menghapus semua kode quickedit seperti dibawah ini :</li><div style="border: 1px solid rgb(0, 0, 150); height: 30px; overflow: auto; padding: 5px; text-align: left; width: 450px;"><b:include name="quickedit"></div></ul><ul><li>Menghapus Post icon</li><div style="border: 1px solid rgb(0, 0, 150); height: 335px; overflow: auto; padding: 5px; text-align: left; width: 450px;"><div><span class='post-icons'></div><div>        <!-- email post links --></div><div>        <b:if cond='data:post.emailPostUrl'> </div><div>          <span class='item-action'></div><div>          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'> </div><div>              <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/> </div><div>          </a> </div><div>          </span> </div><div>        </b:if> </div><div>        <!-- quickedit pencil --> </div><div>        <b:include data='post' </div><div>name='postQuickEdit'/> </div><div>      </span> <div class='post-share-buttons'> </div><div>        <b:include data='post' name='shareButtons'/> </div><div>      </div> </div></div></div>saya hapus dan ganti dengan kode berikut <div style="border: 1px solid rgb(0, 0, 150); height: 120px; overflow: auto; padding: 5px; text-align: left; width: 450px;"><div><span class='post-icons'> </div><div>        <!-- email post links --> </div><div>        <b:if cond='data:post.emailPostUrl'> </div><div>        </b:if> </div><div>      </span> </div><div>      </div></div></div></ul><ul><li>Menambahkan type="text/javascript" pada semua kode JavaScript yang ada.</li><div style="border: 1px solid rgb(0, 0, 150); height: 40px; overflow: auto; padding: 5px; text-align: left; width: 450px;"><script <span style="color: red;">type="text/javascript"</span> src="http://tutorialblog.googlecode.com/files/dfisi.js"></script></div></ul><ul><li>Menyembunyikan page navigation di halaman utama, kode </li><div style="border: 1px solid rgb(0, 0, 150); height: 20px; overflow: auto; padding: 5px; text-align: left; width: 450px;"><b:include name='nextprev'/></div>saya hapus dan ganti jadi<div style="border: 1px solid rgb(0, 0, 150); height: 80px; overflow: auto; padding: 5px; text-align: left; width: 450px;"><div style="color: red;"><b:if cond='data:blog.homepageUrl != data:blog.url'> </div><div><!-- navigation --> </div><div><b:include name='nextprev'/> </div><div style="color: red;"></b:if>  </div></div></ul><ul><li>Menambahkan atribut Alt pada semua gambar</li><div style="border: 1px solid rgb(0, 0, 150); height: 50px; overflow: auto; padding: 5px; text-align: left; width: 450px;">    <img <span style="color: red;">alt="gambar"</span> href="http://2.bp.blogspot.com/-vk3j9GrD30P/GhYf2WEe4mI/bsvjsfnnBF6/a2516/dboss.jpg"></div></ul><ul><li>Memperbaiki atribut title dan alt pada link bergambar</li>contoh<div style="border: 1px solid rgb(0, 0, 150); height: 80px; overflow: auto; padding: 5px; text-align: left; width: 450px;">    <a href="http://www.google.com" <span style="color: red;">title</span>="Google" <span style="color: red;">target</span>="_blank"><img src="http://2.bp.blogspot.com/-vk3j9GrD30P/GhYf2WEe4mI/bsvjsfnnBF6/a2516/dboss.jpg" <span style="color: red;">alt</span>="www.google.com" border="0" /></a></div></ul>Sobat juga perlu menghapus beberapa widget bawaan blogger yang tidak valid, silakan cek di <a href="http://validator.w3.org/" rel="nofollow" target="_blank">validator.w3.org</a>, jika ada hapus widget tersebut.<br />Selain kode diatas sebenarnya masih ada lagi kode yang lain, cuma karena saya tidak begitu mengerti tentang kode HTML jadi cuma itu yang bisa saya betulkan pada template saya supaya lebih <b>Valid XHTML</b>.

Edit Template Supaya Valid XHTML

Ketika saya menggunakan Validator XHTML Tool untuk mengetahui kode yang error pada blog, ternyata banyak terdapat error pada blog saya, akhi...

Read more »

Mengetahui Kode Error di Blog

<div>Sebuah Blog yang <b>valid XHTML</b> akan sangat mempengaruhi <b>SEO</b>, karena kode XHTML yang valid pada sebuah blog akan mempermudah robot untuk menelusuri halaman blog kita, jadi sebuah blog yang valid XHTML itu Penting sekali, itu menurut beberapa blog yang saya baca. </div><a name="more"></a><div>Saya sebenarnya kurang memahami tentang valid XHTML, tapi menurut saya akan lebih baik jika sebuah blog itu valid XHTML, daripada tidak valid, he...</div>Menurut pengalaman saya kode XHTML akan tidak valid jika terdapat penempatan kode yang salah (error), Untuk mengetahui kode yang error di blog, Sobat bisa menggunakan tools Validator XHTML Service di <a href="http://validator.w3.org/" rel="nofollow" target="_blank">validator.w3.org</a>. caranya mudah Sob, tinggal masukin alamat blog sobat lalu klik Check.<br /><img alt="Tutorial Blog,Seo Tool" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/w3.jpg" /><br />Pada halaman selanjutnya Sobat akan diberitahu jumlah Error dan Warning pada Blog Sobat, selanjutnya cek dimana terdapat error, lalu betulkan kode tersebut pada blog Sobat (ini yang sulit). saya katakan sulit karena saya kurang mengerti mengenai kode HTML, buktinya saat saya menulis artikel ini masih terdapat 7 error dan 13 warning pada blog ini. hehe...<br />Silakan di coba Sob, dan Semoga berhasil...

Mengetahui Kode Error di Blog

Sebuah Blog yang valid XHTML akan sangat mempengaruhi SEO , karena kode XHTML yang valid pada sebuah blog akan mempermudah robot untuk mene...

Read more »

Free Backlink Spiderizon

<div>Buat sobat yang ingin mendapatkan Backlink gratis, Sobat dapat mencoba Spiderizon (salah satu generator backlink gratis dan efektif di Internet).</div><div>Caranya gampang Sob, ikuti langkah berikut :</div><a name="more"></a><ul><li>Buat sebuah account Spiderizon gratis</li><li>Tentukan kategori yang sesuai dengan situs web Anda</li><li>Lalu instal sebuah script otomatis di situs web Anda!</li><li>Terakhir klik Process The Script Verification. <br />Selesai...</li></ul>Anda akan menerima backlink secara otomatis berdasarkan kategori Anda setiap harinya.<br /><br /> <iframe src='http://www.spiderizon.com/frame/main/12960' width='100%' height='200'><br /> </iframe><br /> <p style='font-size: 8px;'>Powered by <a href="http://www.spiderizon.com/">Spiderizon, free backlinks</a>.</p>

Free Backlink Spiderizon

Buat sobat yang ingin mendapatkan Backlink gratis, Sobat dapat mencoba Spiderizon (salah satu generator backlink gratis dan efektif di Inter...

Read more »

Mempercepat Loading Blog dengan Kompress Image

Untuk mempercepat loading blog, selain dengan <a href="http://wadahtutorial.blogspot.com/2011/10/percepat-loading-compress-css.html" target="_blank">Compress CSS</a> kita juga perlu mengkompress gambar / image, Anda bisa menggunakan image optimizer dari www.imageoptimizer.net. untuk menggunakannya anda bisa ikuti tutorial dibawah ini: <a name="more"></a><ul><li>Siapkan gambar yang akan di optimize.</li><li>Buka <a href="http://www.imageoptimizer.net/Pages/Home.aspx" rel="nofollow" target="_blank">www.imageoptimizer.net</a>.</li><li>Klik Browse dan pilih gambar yang akan di optimiskan</li><li>Tentukan ukuran lebar dan tinggi gambar.</li><li>Lalu klik <b style="color: blue;">Optimize Now</b>.<br /><img alt="Tutorial Blog, Seo Tool" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/OptImg1.gif" /></li><li>Pada halaman selanjutnya klik <b><span style="color: blue;">Download to your Computer</span></b>.<br /><img alt="Tutorial Blog, Seo Tool" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/OptImg12.jpg" /><br />selesai...</li></ul>Untuk lebih cepat Sobat bisa Download softwarenya dan instal pada komputer Sobat.<br /><a href="http://www.imageoptimizer.net/Download.aspx" rel="nofollow" target="_blank"><img alt="Download" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Photoshop/downld.jpg" /></a><br /><br />Untuk langkah mengoptimiskan image :<br /><ul><li>Klik kanan pada image pilh <b><span style="color: blue;">Optimize Image As</span></b>...<br /><img alt="Tutorial Blog, Seo Tool" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/optimizeimg3.gif" /></li><li>Kemudian atur lebar dan tingginya, Lalu klik <b><span style="color: blue;">Optimize</span></b><br /><img alt="Tutorial Blog, Seo Tool" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/optimizeimg4.gif" /><br />Ok selesai</li></ul>Silakan di coba Sob, Semoga bermanfaat...

Mempercepat Loading Blog dengan Kompress Image

Untuk mempercepat loading blog, selain dengan Compress CSS kita juga perlu mengkompress gambar / image, Anda bisa menggunakan image optimiz...

Read more »