Coffee Tempel: Blogging

Perbedaan Akun Google Adsense Hosted dan Non Hosted

<div class="separator" style="background-color: white; clear: both; color: #333333; font-family: 'Times New Roman', Times, FreeSerif, serif; font-size: 14px; line-height: 22.3999996185303px; margin: 0px; padding: 0px; text-align: center;">
<img border="0" src="http://www.geeksays.com/wp-content/uploads/2014/05/google-adsense-logo.png" style="border: 0px none; height: auto; margin: 0px; max-width: 100%; outline: none; padding: 0px; position: relative;"></div>
<br style="background-color: white; color: #333333; font-family: 'Times New Roman', Times, FreeSerif, serif; font-size: 14px; line-height: 22.3999996185303px; margin: 0px; padding: 0px;"><span style="background-color: white; color: #333333; font-family: 'Times New Roman', Times, FreeSerif, serif; font-size: 14px; line-height: 22.3999996185303px;">Mungkin banyak yang sudah memasang google adsense ini. Tapi apakah mereka tau tentang perbedaan nya? </span><br style="background-color: white; color: #333333; font-family: 'Times New Roman', Times, FreeSerif, serif; font-size: 14px; line-height: 22.3999996185303px; margin: 0px; padding: 0px;"><span style="background-color: white; color: #333333; font-family: 'Times New Roman', Times, FreeSerif, serif; font-size: 14px; line-height: 22.3999996185303px;">Menjadi publiser Google Adsense memang sangat menguntungkan bagi kita. Apa lagi konten yang ada di dalam blog kita itu original. Untuk menjadi publiser Google Adsense ada dua pilihan,yaitu Google Adsense Hosted dan Non Hosted. Apa si perbedaan nya? Mari kita simak.</span><br>

Perbedaan Akun Google Adsense Hosted dan Non Hosted

Mungkin banyak yang sudah memasang google adsense ini. Tapi apakah mereka tau tentang perbedaan nya? Menjadi publiser Google Adsense mema...

Cara Daftarkan Blog Ke Rss Feedburner Terbaru

Cara daftarkan blog ke Rss Feedburner terbaru-<a href="http://www.seocips.com/2013/10/cara-daftarkan-blog-ke-rss-feedburner_18.html" title="Cara daftar feedburner"> Cara daftar feedburner</a>-<a href="http://www.seocips.com/2013/10/cara-daftarkan-blog-ke-rss-feedburner_18.html" title="Mendaftarkan blog ke Feedburner"> Mendaftarkan blog ke Feedburner</a>-
 Daftar di Rss Feedburner. Feedburner digunakan sebagai alat untuk 
memudahkan pengunjung untuk tetap bisa melihat Update blog melalui Email
 mereka. Dengan menggunakan Feedburner di website atau blog, pengujung 
blog yang telah berlangganan akan mendapatkan pemberitahuan update 
terbaru dari blog anda yang akan dikirimkan langsung ke email mereka.<br>
<br>
Tentu saja Ini akan membantu meningkatkan page view setiap artikel dan 
akan berpengaruh untuk meningkatkan traffic blog anda. Feedburner akan 
memeriksa RSS Feed asli dari website/ blog anda secara berkala, bahkan 
bisa juga dilakukan setting agar setiap terdapat update artikel maka 
akan otomatis melakukan Ping ke Feedburner.<br>
<br>
<br>
<div class="separator" style="clear: both; text-align: center;">
<img alt="subscribe using feedburner" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTFZNzWU4dS4p-aWqVA2W56bHtcpXLSK4Fovh7PiabZVl3R5JdNn2r4s-RbaZW9law8niMkoOSxxusSZSoMSb4Q3rtbXeC0hltgXsEF3xOTmqQXvcYeLQskTqa7Wyj10i56Dp4vjdsWws/s320/subscribe_feedburner.gif" title="subscribe using feedburner"> </div>
<div class="separator" style="clear: both; text-align: center;">
</div>

Cara Daftarkan Blog Ke Rss Feedburner Terbaru

Cara daftarkan blog ke Rss Feedburner terbaru- Cara daftar feedburner - Mendaftarkan blog ke Feedburner - Daftar di Rss Feedburner. Feedb...

Cara Mengatasi "The URL does not appear to reference a valid XML file" di Feedburner Google FIXED

<div class="post-body entry-content" id="post-body-7138579017669732131" itemprop="description articleBody">
Berikut ini adalah untuk membantu anda yang mengalami masalah error 
ketika mendaftar di feed burner. Seperti yang sudah pernah saya jelaskan
 mengenai kegunaan mendaftar di feedburner ini adalah untuk memudahkan 
pengunjung untuk tetap bisa melihat Update blog melalui Email mereka. 
Dengan menggunakan Feedburner pengujung blog yang telah berlangganan 
lewat <a href="http://www.seocips.com/2014/02/membuat-widget-email-subcribe-di-blogger.html">email subcribe</a> akan mendapatkan pemberitahuan update terbaru dari blog anda yang akan dikirimkan langsung ke email mereka.<br>
<br>
Nah yang menjadi masalahnya sekarang adalah ada beberapa sobat yang 
mengalami masalah error ketika mendaftarkan blognya ke feedburner 
Google. Contoh :<br>
<br>
<div style="text-align: center;">
" <span style="color: red;"><b>The URL does not appear to reference a 
valid XML file. We encountered the following problem: Error on line 20: 
The reference to entity "zx" must end with the ';' delimiter.</b></span> "</div>
<br>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img alt="The URL does not appear to reference a valid XML file: eror in feedburner google" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisAezWLuvwMva5r8z5qWKHKjOjE0CJeJXjTX0ztUpPJH3tXQ3Gke1EyQTIfmLZYpQYmEydT1hWfTNBbhWdRGZjk4OzEVqCqhDbRLKblUVLcHnQvdBSJeVVBCQ8BY34v3ZyFmx2_67nMNg/s410/feedburner-seocips.png" style="margin-left: auto; margin-right: auto;" title="Feedburner"></td></tr>
<tr><td class="tr-caption" style="text-align: center;">The URL does not appear to reference a valid XML file</td></tr>
</tbody></table>
</div>

Cara Mengatasi "The URL does not appear to reference a valid XML file" di Feedburner Google FIXED

Berikut ini adalah untuk membantu anda yang mengalami masalah error ketika mendaftar di feed burner. Seperti yang sudah pernah saya jelask...

Pentingnya Pagerank dan Alexa Rank bagi Blog

<b>Apa yang di maksud Alexa Rank ?</b><br>

<br>
<i>Alexa Rank is a measure of website popularity.The rank is calculated 
using a combination of avarage daily visitors and page views over the 
past 3 month. The site with the highst combination of visitors and page 
views is ranked # 1</i><br>
<br>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF0jTQB2L8OUSU15WiE602xDcZI6O0kqvj1YX5lfnRIH4DgjDFKJrqPt7zR08X-fJdMTCqpR8AEjHzpB9S49fP7Wl2e2h-lZxEs38Kqmpg5c003n0mA5mIF9b2VYm2vyk9zvj3i0_fH0N1/s1600/_google_alexa_pagerank1.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="168" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF0jTQB2L8OUSU15WiE602xDcZI6O0kqvj1YX5lfnRIH4DgjDFKJrqPt7zR08X-fJdMTCqpR8AEjHzpB9S49fP7Wl2e2h-lZxEs38Kqmpg5c003n0mA5mIF9b2VYm2vyk9zvj3i0_fH0N1/s200/_google_alexa_pagerank1.jpg" width="200"></a>Yang
 dalam bahasa mudahnya kira-kira begini : AlexaRank adalah ukuran 
kepopuleran suatu Website dengan membandingkan suatu situs dengan semua 
situs yang berada di jaringan Internet. Perhitungan Alexa rank ini 
dengan cara mengkombinasikan rata – rata visitor suatu situs perhari dan
 jumlah jumlah halaman suatu website yang dibuka oleh visitor. Suatu 
website yang berada di tingkat alexa tertinggi mempunyai Alexa Rank 1 
jadi dalam artian semakin kecil berarti semakin bagus Alexa ranking nya.<br>
<b></b><br>
<b></b><br>
<b><br></b>
<b> </b><br>
<b>Apa yang di maksud Pagerank ?</b><br>
<b></b><br>

Pentingnya Pagerank dan Alexa Rank bagi Blog

Apa yang di maksud Alexa Rank ? Alexa Rank is a measure of website popularity.The rank is calculated using a combination of avarage dail...

Cara Membuat Scroll pada Widget Blog

<div class="tr_bq">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT9CWz-dNMlr59w4gZEIoAeIjRxHHUv2qPO6QV_1-_75GwAC1yG9So6AX6ym3xm2okzLRwpykp2y-B7HWru0XaDa7yCE-X9IBFwyx960oPEAOnFudK87TPSea7pL5t_zYEKxodJ9-D6UU/s1600/Cara+Membuat+Scroll+pada+Widget.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT9CWz-dNMlr59w4gZEIoAeIjRxHHUv2qPO6QV_1-_75GwAC1yG9So6AX6ym3xm2okzLRwpykp2y-B7HWru0XaDa7yCE-X9IBFwyx960oPEAOnFudK87TPSea7pL5t_zYEKxodJ9-D6UU/s320/Cara+Membuat+Scroll+pada+Widget.png" width="320"></a>Scroll
 adalah bentuk minimalis dari sesuatu widget yang bisa kita tarik ke 
bawah dan ke atas. Penggunaan efek scroll pada widget ini bertujuan agar
 lebih rapi,tidak makan tempat banyak dan juga agar lebih terkesan 
minimalis. Membuat Widget agar Scroll pun tidak susah sangat. Karena 
kita hanya menambahkan beberapa kode agar fungsi scroll  muncul. Di 
dalam dunia blog,ada 2 cara untuk membuat Widget agar scroll,yaitu :<br>
<br>
<b>1. Widget tanpa kode HTML/Javascript.</b><br>
<b><br></b></div>
Pertama kita harus tahu nama widget yang akan kita beri scroll sob. 
Caranya, masuk menu Tata letak dan sentuhkan cursor di tulisan edit pada
 widget yang akan sobat beri scroll. Pada bagian bawah akan terlihat 
nama widget, lihat pada gambar di bawah ini nama widget-nya adalah 
PopularPosts1.<br>

Cara Membuat Scroll pada Widget Blog

Scroll adalah bentuk minimalis dari sesuatu widget yang bisa kita tarik ke bawah dan ke atas. Penggunaan efek scroll pada widget ini bert...

Tips Cara Memasang Gambar Pada Header

<span style="font-family: Verdana,sans-serif;"><b>Tips Cara Memasang Gambar Pada Header</b>,
 membantu anda memasang gambar pada header di blog anda. Sangat 
bermanfaat untuk mempercantik tampilan blog anda dengan suasana gambar 
pada header yang berbeda. Selain itu cara yang digunakan untuk memasang 
gambarnya pun terbilang simpel dan sederhana, sehingga sangat mudah 
untuk diterapkan.</span><br>
<span style="font-family: Verdana,sans-serif;"></span><br>
<span style="font-family: Verdana,sans-serif;"></span>
<span style="font-family: Verdana,sans-serif;">Selamat malam sobat 
sekalian, pada kesempatan kali ini kembali saya akan berbagi tips 
mengenai gambar. Pada postingan sebelumnya saya sempat mengulas <span style="color: blue;"><a href="http://tiportips.blogspot.com/2013/04/Tips-Cara-Upload-Gambar-Ke-Blog.html" target="_blank"><span style="color: blue;">cara upload gambar ke blog</span></a></span> dan <span style="color: blue;"><a href="http://tiportips.blogspot.com/2013/05/Tips-Mudah-Cara-Memasang-Gambar-Di-Sidebar.html" target="_blank"><span style="color: blue;">cara memasang gambar pada sidebar</span></a></span>, nah untuk kesempatan kali ini giliran gambar pada header yang akan kita bahas.</span><br>
<br>
<span style="font-family: Verdana,sans-serif;">Banyak dari kita yang 
menganggap bahwa gambar pada header tidak terlalu penting bahkan kita 
menganggap bahwa gambar header akan memperberat loading pada blog kita. 
Padahal gambar pada page header sebenarnya bisa anda manfaatkan untuk 
lebih mempertegas tema pada blog anda. Sehingga sekali lihat orang sudah
 tau mengenai blog yang anda miliki. </span><br>
<span style="font-family: Verdana,sans-serif;"></span><br>

Tips Cara Memasang Gambar Pada Header

Tips Cara Memasang Gambar Pada Header , membantu anda memasang gambar pada header di blog anda. Sangat bermanfaat untuk mempercantik tampi...

Cara Memasang Logo di Blogspot

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZunVhW3ax1zrImHji34OEaW6Z3SEMW_UZuaYa9CpfzEeVPjhUquk7WOP-nl3tR5jfMy15tLu-jrGIbS3BhDrGByZKIe2wDVumZXVbO5ZACOMVWwujixUztJGfAUy1_Rdyqus-8V1WIKjC/s1600/images+%284%29.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZunVhW3ax1zrImHji34OEaW6Z3SEMW_UZuaYa9CpfzEeVPjhUquk7WOP-nl3tR5jfMy15tLu-jrGIbS3BhDrGByZKIe2wDVumZXVbO5ZACOMVWwujixUztJGfAUy1_Rdyqus-8V1WIKjC/s200/images+%284%29.jpg" width="200"></a></div>
Seperti diketahu bahwa logo dalam kepala  artikel adalah mempunyai 
kebanggaan tersendiri bagi pemilik blog itu sendiri, namun adakalanya 
keberadaan logo tersebut menjadi berat saat loading pada saat pengunjung
 ingin melihat blog anda.<br>
<br>
Dan itu semua tergantung dari berapa besar logo atau gambar yang anda 
tempatkan disana. Saran saya buatlah sebuah logo yang sederhana tapi 
tidak mengurangi keindahan tampilan blog, dan membuatnya bisa 
menggunakan photoshop atau program lainnya.<br>
<br>
Sedangkan pada  blog saya sendiri waone’s articles sudah saya lepas 
kembali sehubungan dengan berat saat loading, karena logo yang saya 
punya menggunakan Image yang cukup besar. (anda bisa lihat tampilan 
header blog saya kembali standar).<br>
<br>
Namun bagi anda yang tetap ingin merubahnya atau <a href="http://waones-sbm.blogspot.com/2013/01/cara-memasang-logo-di-header-blogspot.html" target="_blank">mengganti titel/judul blog dengan logo atau gambar</a>,
  Selanjutnya anda bisa menggunakan Edit HTML di dalam template 
blogger/blogspot. Tidak terlalu sulit untuk merubah titel blog sebuah 
logo atau gambar dan yang terpenting anda harus membuat dahulu logo atau
 gambar dengan ukuran yang sesuai dengan tempat / ruang untuk logo di 
header blog anda.<br>

Cara Memasang Logo di Blogspot

Seperti diketahu bahwa logo dalam kepala artikel adalah mempunyai kebanggaan tersendiri bagi pemilik blog itu sendiri, namun adakalanya ...

Cara Mengatasi Iklan Google Adsense Tidak Muncul Di Web/Blog

<div style="text-align: justify;">
<div style="text-align: center;">
</div>
Assalamu'alaikum wr.wb....</div>
<div style="text-align: justify;">
Selamat siang sobat info yang budiman apakabarnya semoga masih sehat selalu amiiin, Jumpa lagi dengan admin disini.</div>
<div style="text-align: justify;">
Kesempatan kali ini admin akan berbagi masih tentang seputar "<i>Google Adsense</i>"
 yaitu bagaimana cara mengatasi problema/masalah script iklan yang tida 
muncul di halaman web atau blog dengan alasan kita sudah melakukan 
custum domain atau domain pihak ke tiga. Jadi sobat info tidak prlu ragu
 dan bingung karena sebagai publisher iklannya tidak bisa tampil dan 
kita tidak perlu repot-repot upgrade hosting, sedangkan menurut saya 
pribadi penghasilan dari publisher saja belum dapet ko disuruh upgrade 
hosting ....? mikir doloooo hehehe,,,, Ok langsung ke topik di atas. 
Apabila sobat semua sudah mendaftar jadi publisher dan sudah di Approve 
kemudian memasang iklan tidak muncul di web atau blog dikarenakan sudah 
melakukan custum domain sobat cukup melakukan trik sebagai berikut :<br>
1. Masuk/Login dengan akun administrator GA ke www.google.com/dfp/ nah situs tersebut adalah kepanjangan dari "<i>DoubleClick For Publisher" </i></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<i>2. </i>Setelah login klik di bagian tab "<i>Inventory" </i>kemudian klik<i>  </i>"<i>New Ad Unit"</i> </div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFphLrIikFif1d9wqLuDotbeAZpatvmDp33qC0hCkx_zyRjvU5a5Jcwbgy4_BmVP8aAEx6t33_uXZkCSIJnFr76VzMCjNMTxmthbYZgXrH29hjB7pCSi3LBhUMqNMLHJf5Cv55MgVAQj_C/s1600/Screenshot_1.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Mengatasi Iklan Google Adsense Tidak Muncul" border="0" height="114" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFphLrIikFif1d9wqLuDotbeAZpatvmDp33qC0hCkx_zyRjvU5a5Jcwbgy4_BmVP8aAEx6t33_uXZkCSIJnFr76VzMCjNMTxmthbYZgXrH29hjB7pCSi3LBhUMqNMLHJf5Cv55MgVAQj_C/s1600/Screenshot_1.png" title="Cara Mengatasi Iklan Google Adsense Tidak Muncul" width="200"></a></div>
<br>

Cara Mengatasi Iklan Google Adsense Tidak Muncul Di Web/Blog

Assalamu'alaikum wr.wb.... Selamat siang sobat info yang budiman apakabarnya semoga masih sehat selalu amiiin, Jumpa lagi dengan ad...

CARA PASANG ‘RELATED POST’

<h3 class="post-title entry-title"> <a href="http://www.mamanjua.co.cc/2010/08/cara-pasang-related-post.html"><br>
</a> </h3><div class="post-header">  </div><div style="float: right; padding: 0px;"> </div><strong><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlhSRxz2SEaGzMbx1zAqUPyxKAJ8tp8hxfZQ4Oo0d6JCh_3zHSgrewWGCfBpmmeNesEyrc3we63lXetpe0vZjUrbUiGJHK6vHJ_pbR2slgbmLY53dAB9Ox60RWXhqMS82uwSMs7Xk7Ib8/s1600-h/related%20post%5B17%5D.jpg"><img alt="related post" border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7gAsARz6mYoUWFiMGY9oqPYw879u7_vgSsQ-QLKsmT1oLvBRPULPjohDs18VMwqlrXYBuJ_dc5LX4VtaKHOTCprgk58ev74-kqvrK7Fz-_HSqMZmUnhk9kMrZ_Q0x0UkvRE48kqfTGZc/?imgmax=800" style="border: 0px none; display: block; float: none; margin-left: auto; margin-right: auto;" title="related post" width="302"></a></strong><br>
<strong>Related post</strong> atau <em>artikel yang berkaitan</em>   adalah cara untuk menampilkan link-link artikel yang berkaitan dengan  artikel utama dan biasanya terletak dibawah artikel utama (postingan).<br>
Pemasangan <strong>related post</strong>  ini biasanya dikelompokkan berdasarkan label atau kategori. Untuk itu  jika ada salah satu artikel dari label tertentu yang ditampilkan, maka  artikel-artikel lain yang mempunyai label sama juga akan ikut muncul di  bawah artikel tersebut. <br>
Dan tujuan adanya pemasangan <strong>related post</strong>  ini adalah agar pengunjung mudah untuk membaca artikel yang berkaitan  dengan artikel utama, sehingga pengunjung tidak perlu report untuk  mencari satu persatu artikel dalam menu label atau kategori atau bahkan  harus kembali ke halaman utama. Kasihan, ‘kan ? heee…<br>
Untuk memasang artikel yang berkaitan atau <strong>related post</strong>, sebagai berikut :<br>
1. Login dulu ke www.blogger.com.    <br>
2. Kemudian pilih menu Layout -> Edit HTML     <br>
3. Setelah itu, beri tanda centang pada kotak "Expand Widgets Template".     <br>
4. Cari kode <span style="color: lime;"><data:post.body/></span>     <br>
5. Jika sudah ketemu, letakkan kode dibawah ini :<br>
<blockquote>   <span style="color: yellow;"><b:if cond='data:blog.pageType == "item"'>        <br>
<div class='similiar'> </span><br>
<span style="color: yellow;"><div class='widget-content'>        <br>
<h3><span style="color: red;">Artikel Yang Berkaitan</span></h3>         <br>
<div id='data2007'/><br/><br/>         </span></blockquote>

CARA PASANG ‘RELATED POST’

Related post atau artikel yang berkaitan adalah cara untuk menampilkan link-link artikel yang berkaitan dengan artikel utama dan...

Membuat Tombol Home TOP BOTTOM dan Refresh/Reload di BLOG

Saya akan menjelaskan cara membuat tombol <span style="font-weight: bold;">Home</span>, <span style="font-weight: bold;">Back to top</span>, <span style="font-weight: bold;">Back to down</span>, <span style="font-weight: bold;">Refresh</span>.<br>
1. Tombol <span style="font-weight: bold;">Home</span> gunanya untuk Kembali ke HomePage.<br>
2. Tombol <span style="font-weight: bold;">Back To Top</span> gunanya untuk kembali ke atas.<br>
3. Tombol <span style="font-weight: bold;">Back To Down</span> gunanya untuk kembali ke bawah.<br>
4. Tombol <span style="font-weight: bold;">Refresh</span> gunanya untuk membuk ulang halaman.<br>
Caranya mudah banget, gini saya kasih tau caranya :<br>
<ul><li>Kita menuju <span style="font-weight: bold;">Tatak letak</span>, atau sekarang di sebut <span style="font-weight: bold;">Rancangan</span> >> <span style="font-weight: bold;">edit HTML</span>.</li>
<li>Kalau sudah, cri kode <span style="color: #3333ff;">]]></b:skin></span></li>
<li><span style="color: #3333ff;"><span style="color: black;">Kalau sudah ketemu, copy code berkut dan paste di atas code tadi :</span></span></li>
</ul><div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; -moz-border-radius-bottomleft: 30px; -moz-border-radius-topright: 30px; background-attachment: scroll; background-color: #e1f2ff; background-image: none; background-position: 0% 0%; background-repeat: repeat; border: 1px solid rgb(221, 221, 221); overflow: auto;"><blockquote>#mangetsu {<br>
position:fixed;_position:absolute;bottom:0px; right:0px;<br>
clip:inherit;<br>
_top:expression(document.documentElement.scrollTop+<br>
document.documentElement.clientHeight-this.clientHeight);  _left:expression(document.documentElement.scrollLeft+  document.documentElement.clientWidth - offsetWidth); }<br>
#mangetsu a</blockquote></div>

Membuat Tombol Home TOP BOTTOM dan Refresh/Reload di BLOG

Saya akan menjelaskan cara membuat tombol Home , Back to top , Back to down , Refresh . 1. Tombol Home gunanya untuk Kembali ke HomePage. ...

Percepat Kinerja Blog

<div align="justify"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbPYPKwosK2cg5Sr527lBN_uF0NsQUEot4EpVMpz9jK5TcrMyT2Aqh5ViBQieFuFlXX6yMfPd35xtbxnc3rr3CDT-MBVmiD6CPRstJmt7sbuqXfSuTDePEkwYRL6U__kDx-SeUu-Nco0Y/s1600-h/iwebtool%5B5%5D.gif"><img align="left" alt="iwebtool" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip8OVduh3BziwyY2jkgmHr0mYvZfeBZ521sLMNZGLV2QdDgWCvvHy3jIHJJj5NUQxZVmTZ1WopTz4JCbFYKVjxTj1nbQpx5rZlGxaVCCePmhkd8R2IOQuh3tlOI1d27OOZHnMAHK1JAlo/?imgmax=800" style="display: inline; margin-left: 0px; margin-right: 0px;" title="iwebtool" width="125"></a> Terasa sekali saat membuka <strong>blog</strong> dengan <strong>loading </strong>page yang lama sangat kesal dan menjengkelkan. Dari beberapa penyebab lambatnya <strong>loading</strong> page <strong>blog</strong> kita, salah satunya adalah terlalu banyaknya widget yang dipasang pada <strong>blog</strong>.  Belum lagi sudah berapa banyak gambar yang kita pasang saat memposting  hingga ratusan artikel. Terlebih di Indonesia yang koneksi internet  masih lambat. Oleh karena itu untuk <strong>blog</strong> dengan page <strong>loading</strong> yang lambat di sarankan untuk melakukan kompresi CSS. Masih banyak solusi lain yang dapat meringankan proses <strong>loading blog</strong>, namun dari sekian banyak itu, tindakan kompressi ini dinilai paling efektif sambil mempertahankan widget yang dianggap perlu.</div><div align="justify">Salah satu tool kompresi CSS yang dapat di gunakan adalah <a href="http://www.cssdrive.com/index.php/main/csscompressor/" target="_blank">CSS Drive - CSS Compressor</a>.  Layanan kompresi CSS gratis ini menyediakan 3 jenis pilihan kompresi  yakni Light, Normal dan Compact. Cara kerja tool ini adalah dengan  menghilangkan spasi dan komentar yang tidak perlu sehingga ketika sobat  melihat susunan penulisan pada HTML terlihat begitu merapat. </div><div align="justify">Bagi <strong>blogger</strong> pemula (seperti saya<img alt="" src="http://www.zu14.cn/coolemotion/emotions/zz_15.gif">), yang hendak memakai tool ini, sangat di sarankan memilih mode <em>Light</em> dan <em>Don't strip any comments</em>. Sedangkan bagi yang sudah memahami CSS dapat memilih <em>Advanced</em> mode. </div><div align="justify">Memasang CSS Compressor di <strong>Blogspot</strong> </div><div align="justify"><span style="color: red;">WARNING !!! :</span> Untuk memasang CSS Compressor di <strong>Blogspot. </strong>Sebaiknya back up dahulu <strong>blog</strong> sobat pada halaman Edit HTML-nya.</div>

Percepat Kinerja Blog

Terasa sekali saat membuka blog dengan loading page yang lama sangat kesal dan menjengkelkan. Dari beberapa penyebab lambatnya loading pa...

Cara Buat Related Post di Blog Anda

Keuntungan menampilkan "Artikel yang berhubungan" atau "Related Post" , "Related Article" adalah para pemba...

Cara Menghilangkan Navbar

Navbar adalah fasilitas yang dimiliki oleh Blogger/blogspot, bentuknya berupa kotak kecil memanjang kesamping yang letaknya berada di bagia...

Cara Mengganti ICON gambar pada Address bar

<div style="text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJcbFSRh2TMcFr-4ebkxZ6EMXUPtGnztk7n4AaWTKXmwA_1puawxWYC2u8KRLjTyeoLfJheV_ZXiESrkqu-iIdKYUKhhOyYtTlJBZi_vPSmn0plEXTWH6DOKniTbqcA7cBrxCUdd6HLrXq/s1600-h/icon1.png" onblur="try 
{parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5440352114491710658" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJcbFSRh2TMcFr-4ebkxZ6EMXUPtGnztk7n4AaWTKXmwA_1puawxWYC2u8KRLjTyeoLfJheV_ZXiESrkqu-iIdKYUKhhOyYtTlJBZi_vPSmn0plEXTWH6DOKniTbqcA7cBrxCUdd6HLrXq/s320/icon1.png" style="cursor: pointer; float: left; height: 137px; margin: 0pt 10px 10px 0pt; width: 320px;"></a><br>
Jika  kita membuka suatu website atau blog maka seringkali kita menjumpai ada  sebuah gambar atau icon kecil pada <b>address bar</b> (kotak untuk  mengetikkan alamat web) .   jika kita punya blog di Blogspot maka icon  default yang akan tampil adalah gambar seperti ini :<br>
<br>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwAv-gUfqGlKuzwUpG_q_aAxeLG-_XA3PkweA4XVD-Bgj66gtebQ_ludvFhmjzsk8QQ90eAA41U6X8zvkuxLzUktmzLYtAUwRltMYUVmnSjDWrtEE6uiIKGG-9-p7zFm_98TGnvjWaQItK/s1600-r/blogger.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5139828664229278898" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCYeYM5DqsahwxOUS0j53Fx1GlhCzbglxLW_Fj73vH7rvWQvRao-90vU5Ok3FxNgfF4HhCEV4bzsTGQ6LPee7omOik8pRSmAcKtXpOh8vhlrzy0VAf_IsuzPxuWX7gTUy9E5mhp-zOPS55/s320/blogger.gif" style="cursor: pointer; height: 16px; width: 16px;"></a> lalu  dibarengi dengan alamat blognya.<br>
<br>
Bagi kamu yang tidak puas dengan  icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai  dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar  (gif, jpg, ico, dan lain2) dengan ukuran kira2 <span style="color: #006600;">24x42 pixel</span> sampai <span style="color: #006600;">32x32 pixel</span> (sebenarnya ukurannya bebas sih, tapi biar  filenya kecil dan proses membukanya cepat). <br>
<br>
kalau belum bisa  membuat gambarnya seperti  <b style="background-color: red;"><a href="http://allaboutteknologiandfree.blogspot.com/">berikut ini</a></b> ikuti langkah-langkah berikut ini :<br>
</div>

Cara Mengganti ICON gambar pada Address bar

Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon kecil pada address bar (kotak untuk...

Cara Submit BLOG Anda ke BING

bagaimana cara submit sitemap webmaster bing agar blog anda dengan mudah terindex oleh search engine bing . Tidak berbeda jauh dengan...

Cara Pasang META TAG di BING

<div><div style="background-color: transparent; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">sekarang saya akan coba mengulas optimasi blog  kita di Bing menggunakan webmaster tools Bing. Caranya sangat mudah,  mari ikuti tutorial berikut ini:<br>
<br>
<span style="font-size: large;">Daftarkan Blog di Webmaster Bing</span><br>
1. Silahkan menuju ke <a href="http://www.bing.com/webmaster">Webmaster  Bing</a><a href="" name="more"></a><br>
2.Klik <b>Sign in to use this tools</b>. Jika belum mempunyai ID nya,  silahkan Anda daftar dulu <a href="https://signup.live.com/signup.aspx?wa=wsignin1.0&rpsnv=11&ct=1278383574&rver=5.5.4177.0&wp=MBI&wreply=http:%2F%2Fwww.bing.com%2FPassport.aspx%3Frequrl%3Dhttp%253a%252f%252fwww.bing.com%253a80%252fwebmaster%252fWebmasterHomePageRedirect.aspx&lc=1033&id=264960&bk=1278383574&cru=http://login.live.com/login.srf%3fwa%3dwsignin1.0%26rpsnv%3d11%26rver%3d5.5.4177.0%26wp%3dMBI%26wreply%3dhttp:%252F%252Fwww.bing.com%252FPassport.aspx%253Frequrl%253Dhttp%25253a%25252f%25252fwww.bing.com%25253a80%25252fwebmaster%25252fWebmasterHomePageRedirect.aspx%26lc%3d1033%26id%3d264960&rollrs=12&lic=1">disini</a><br>
<br>
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_Vl9xcCbKzT8/TDKWD3h_PHI/AAAAAAAAAZg/wODqCVC7qKk/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara pasang meta tag di webmaster bing" border="0" src="http://3.bp.blogspot.com/_Vl9xcCbKzT8/TDKWD3h_PHI/AAAAAAAAAZg/wODqCVC7qKk/s320/1.jpg"></a></div></div></div>

Cara Pasang META TAG di BING

sekarang saya akan coba mengulas optimasi blog kita di Bing menggunakan webmaster tools Bing. Caranya sangat mudah, mari ikuti tutorial be...

Agar Search Enginge Mengindeks Blog Anda Lebih Baik

<div><div style="background-color: transparent; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"><div class="post-footer"><span class="post-author vcard"> </span> <span class="post-timestamp"> </span> <span class="post-comment-link"> </span> <span class="post-icons"> </span> </div><div class="post-body">Menyambung postingan saya sebelumnya dalam seri <b>Yahoo! oh Yahoo!</b>  yang membahas mengenai submit feeds di Yahoo (Baca: <a href="http://www.masdoyok.co.cc/2010/06/submit-feed-blog-di-yahoo-untuk.html"><b>Submit  Feed Blog di Yahoo Untuk Maksimalkan Blog</b></a>), sekarang kita akan  lakukan trik agar Yahoo lebih baik atau elbih efektif lagi indeks blog  Anda. Sebelumnya pernah saya lakukan trik ini di Google (baca: <a href="http://www.masdoyok.co.cc/2009/12/submit-sitemap-google-webmaster-tools.html"><b>Submit  Sitemap Blogger di Google Webmaster Tools</b></a>) dan saya benar-benar  mendapatkan khasiatnya. Perhatikan perbandingan berikut ini:<br>
<br>
<br>
<div style="text-align: center;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJEW3hjQsNiaeeJnvs184gyP5uv8ymxkp_A1S5Mm0pRgzbYgSU6y6pbgiJ_2dGdMOWibhm9kzKkaet-2PPTTe7Wub-GENngNuC4q5WmdF7s6lHGZh1uvCB9ExTMuma0Ufl4uVrtQ70Z6o/s320/3.jpg"></div></div></div></div>

Agar Search Enginge Mengindeks Blog Anda Lebih Baik

Menyambung postingan saya sebelumnya dalam seri Yahoo! oh Yahoo! yang membahas mengenai submit feeds di Yahoo (Baca: Submit Feed ...

Cara Ngeping BLOG

Memang sudah lama google mengumumkan kalau mereka sekarang memiliki  layanan pencarian yg dikhususkan pada pencarian blog. Nama layanan itu <strong>Google  Blog Search</strong>. Layanan ini bisa membantu kita menemukan blog.  Jadi saat menggunakan blog search, otomatis mesin pencari google akan  mengingkirkan konten forum, buletin, mailing list, web aplikasi lainnya  dan cuma memfokuskan pencarian pada konten blog semata. Sesaat, jadi  teringat dengan pada <a href="http://www.bakawan.com/log/tag/technocrati/">technorati</a>, yg  juga mengkhususkan layanan pada manajemen blog.<br>
<h3>Google Blog Search</h3>Menurut <a href="http://googleblog.blogspot.com/2006/10/got-blog-will-ping.html" title="Google Blog Search Pinging Service">Google Blog Search Pinging  Service</a>, dinyatakan kalau layanan gratis ini telah menerima ping  dari blog lain. Jadi, bila kamu itu personal blogger ataupun pengurus  platform blog rame rema seperti <a href="http://www.bakawan.com/log/tag/wordpress-mu/">wordpress mu</a>,  layanan ini bisa memastikan kalau posting terbaru akan muncul pada index  google blog search. Namun <br>

Cara Ngeping BLOG

Memang sudah lama google mengumumkan kalau mereka sekarang memiliki layanan pencarian yg dikhususkan pada pencarian blog. Nama layanan itu ...

Cara Agar cepat Terindeks Di search Engine

<a href="http://www.sumintar.com/wp-content/uploads/2008/06/sumintar-google-index.jpg"><img alt="" class="alignleft size-medium wp-image-115" height="201" src="http://www.sumintar.com/wp-content/uploads/2008/06/sumintar-google-index-300x221.jpg" title="sumintar-google-index" width="229"></a>Teka-teki agar website kita  terindex di www.google.co.id Untuk <strong>Halaman dari indonesia</strong>  (bukan telusuri di web)  terjawab sudah, selama ini website saya yang  di <a href="http://www.warungdigital.com/top-10-web-hosting-2007">hosting  di luar negeri</a> tidak ada yang terindex di <a href="http://www.google.co.id/">www.google.co.id</a>, pilihan <strong>halaman  dari indonesia</strong>. Saya mencoba submit di banyak social  bookmarking gak berhasil. Akhirnya saya gunakan jalan pintas yaitu  dengan melakukan hosting di indonesia. Maka dalam waktu kurang dari 24  jam sudah terindex di google indonesia. Tapi ini belum selesai, apakah  nanti kalau saya rubah hosting ke luar negeri kembali bisa tidak hilang  yah?<br>
Terindek google, atau terindex google,  adalah kata kunci pilihan.<br>
Pengalaman saya untuk website <a href="http://indobilling.com/">indobilling.com</a>  ternyata masih terindex di google halaman dari indonesia sampai  sekarang, mekipun saat ini saya hosting di luar negeri.<br>
<strong>Rahasia Agar Cepat Terindex di Google dengan Google Webmaster</strong><br>
<div class="snap_preview"> Rahasia dan yang sudah terbukti berhasil agar cepat terindex di  google adalah menggunakan <a href="http://www.google.com/webmasters" target="_blank" title="Google Webmaster Tools">GoogleWebmaster  Tools</a>.  Dalam hal ini <strong>Google Sitemaps</strong> dengan tools  ini anda dapat melihat dengan jelas apakah situs kita sudah tercantum  di mesin pencari apa tidak, dengan kata kunci apa, darimana datangnya  pengunjung serta link ke situs anda.<br>
<br>
</div>

Cara Agar cepat Terindeks Di search Engine

Teka-teki agar website kita terindex di www.google.co.id Untuk Halaman dari indonesia (bukan telusuri di web) terjawab sudah, selama ini...

Kumpulan Gambar Pada TombolYahoo Messanger (YM)

<div class="entry-meta">      <span class="meta-start"></span><span class="meta-end"><br>
</span><span class="entry-tags"></span>          </div>                   <a href="http://www.dangdyud.kandangbuaya.com/wp-content/uploads/2008/11/ym-258x300.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="ym" border="0" class="size-medium wp-image-386 alignleft" height="173" src="http://www.dangdyud.kandangbuaya.com/wp-content/uploads/2008/11/ym-258x300.jpg" style="margin-top: 2px;" title="yahoo messenger" width="149"></a>ini ada beberapa kumpulan gambar  yahoo messenger online atau offline (entahlah apa  namanya…ehhehee),pokoknya yang itulah,yang nunjukin ym kamu online atau  offline di blog ato profile fs kamu. Ni lo kayak gambar disamping. (aku  bingung namanya apa..hohoho)<br>
kebanyakan seh ada di blog-blog para blogger. tapi kemaren saya juga  pernah liat di fs orang ternyata juga banyak yang pasang.<br>
Sebelumnya saya mo ucapkan terima kasih dulu kepada mas <strong><a href="http://www.isnaini.com/2008/06/16/tambahan-gambar-untuk-online-satus-yahoo-messenger/">Ahmad  Isnaini</a></strong> yang sudah memberikan informasinya tentang gambar2  ini. Nice info gan minta ijin buat nyomot info dan  gambar2nya yaw mas.  makasih ^^<br>
cara masang gambar itu adalah dengan cara ketik reg spasi..halah cara  tinggal copy paste code dibawah ini<br>
<br>
<span id="more-211"></span>

Kumpulan Gambar Pada TombolYahoo Messanger (YM)

ini ada beberapa kumpulan gambar yahoo messenger online atau offline (entahlah apa namanya…ehhehee),po...

Coffee Tempel