Cara Pasang Iklan Di Bawah Judul Posting Blog

Sobat <a href="http://klinik-blogger.blogspot.com/">Klinik Blogger</a>, memasang iklan pada blog juga tidak asal-asalan memasang, karena ini berhubungan dengan visitor, Anda harus berusaha menempatkan iklan yang Anda miliki pada tempat yang mempunyai target dan sasaran. Dengan kata lain, Anda memasang iklan pada tempat yang banyak dilihat oleh Visitor.<div><br /></div><div>Salah satu cara untuk mengoptimasikan penempatan iklan ini adalah <b>Memasang Iklan di Bawah Judul Postingan</b>. Banyak blogger yang menggunakan cara ini karena memang cara ini terbukti dapat meningkatkan earning/pendapatan mereka. Nah bagaimana caranya? ikuti langkah sederhana di bawah ini :</div><div><br /></div><div>Pertama-tama, login ke <a href="http://www.blogger.com/" target="_blank">Blogger</a>. Masuk ke Rancangan > Edit HTML > Centang pada Expand Template Widget.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://klinik-blogger.blogspot.com/" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8QJDrmpKErtv_HC7vzDy0r9qhPs_XrsRLF1jzUc666y2Gi4P-x_Y-Fy4VaQFINkuA9O06R6Jeex92BeaISIyp8ip1TqxSGRZfSQDoey-jcCbXqh9wOBFXbnlnYPDpZ3RKwcjiKpF4bg/s1600/expand.PNG" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;">Sekarang, cari kode di bawah ini dengan menekan Ctrl + F pada Browser Anda :</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: center;"><b><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: large;"><data:post.body></data:post.body></span></b></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://klinik-blogger.blogspot.com/" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZBxRDvOQ0lpySfS2jal0SdWw0r6z_bHSCsyTzBZogWi1wxaAb6ocm9wY59lkrf4qOjfJOPjd64c7DrcjpOaqe4uSa61luxkXCgMmPFSOjV7z210-BcMo8odcVPi-aqELrMh_1GL1O2w/s1600/indoblogtriksearch.PNG" /></a></div><br />Jika sudah ketemu, maka akan seperti ini :<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://klinik-blogger.blogspot.com/" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPjkMwiOvPU2Hl03gE1YWmuY3i9J7BEMptOR1Ukv7uA25oTxVGt004JBvyipUdngRlqw9ktk3pO39sNpQFlEhaqzKi-MT_JsLqYWJuMSbxkvfK2lK8q82FaKutGXrRgfXyCVTliACMdg/s1600/indoblogtrikketemu.PNG" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">Langkah selanjutnya adalah memparse kode iklan Anda sebelum dipasang. </div><div class="separator" style="clear: both; text-align: left;">Jika kode iklan tidak diparse maka akan terjadi error.</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">Ambil Kode iklan dari Website PPC yang Anda miliki.</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">Setelah dapat, Klik <a href="http://centricle.com/tools/html-entities/" target="_blank">http://centricle.com/tools/html-entities/</a> > Pastekan kode iklan tersebut dan klik <b>Encode.</b></div><div class="separator" style="clear: both; text-align: left;"><b><br /></b></div><div class="separator" style="clear: both; text-align: center;"><a href="http://klinik-blogger.blogspot.com/" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2FaLmNYC1TooZP_wCRc8NxmBOPiKNfqETmsoPWEiNMkIPoei9ZZ-LwQqP7oJPjPmr2Gi7kyLI9QVIleuFGRQLbyIlNZz4aGLWg1NfcTllenG8nqeI8UnmGIqJrwk1OTaSMtVV7JS4Bg/s320/encodeindoblogtrik.PNG" width="237" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;">Nah, Kopi kode yang sudah diparse tadi dan kembali lagi ke tab Rancangan di Blogger > Pastekan kode yang sudah Anda parse tadi tepat di atas kode . Contoh :</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"></span></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"></span></div><br />Oke, jika sudah klik <b>SIMPAN TEMPLATE </b>Cek hasilnya. Semoga berhasil!!!<br /><br />Sumber : http://www.indoblogtrik.com/<br /></div>

tutorial blog Cara Pasang Iklan Di Bawah Judul Posting Blog

Sobat Klinik Blogger , memasang iklan pada blog juga tidak asal-asalan memasang, karena ini berhubungan dengan visitor, Anda harus berusaha...

Read more »

Trik Memodifikasi Template Blogspot agar lebih SEO Friendly

<p><span class="drop-cap">P</span>erlu sobat ketahui, kebanyakan Designer template Blogspot maupun WordPress kurang memperhatikan <em>masalah <a href="http://klinik-blogger.blogspot.com/search/label/SEO">SEO</a></em> dalam pembuatan Template, dan cenderung lebih mementingkan masalah desain. Nah, kali ini saya ingin berbagi tentang cara menjadikan <strong>template blogspot SEO Friendly</strong>. Bila template blog blogspot kawan belum memiliki Hack SEO ini, segera pasang di blog masing masing dengan mengikuti tutorial dibawah ini.</p> <p><span id="more-163"></span></p> <h3>Page Title</h3> <p><a href="http://klinik-blogger.blogspot.com/"><img alt="pagetitle 300x100 7 Hack Template Blogspot agar lebih SEO Friendly" class="aligncenter size-medium wp-image-149 udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe" height="100" src="http://naisinpo.com/wp-content/uploads/2009/08/pagetitle-300x100.gif" title="pagetitle.gif" width="300" /></a></p> <p>Judul halaman standar untuk Single Post pada Blogger adalah <strong>BLOG TITLE: POST TITLE</strong>. Kamu bisa meningkatkan SEO dengan mengganti title tag jadi <strong>POST TITLE | BLOG TITLE</strong>. Temukan kode ini pada Template XML Kamu,</p> <pre style="color: rgb(255, 102, 0);"><title><data:blog.pageTitle/></title></pre> <p>Kemudian ganti dengan kode ini,</p> <pre style="color: rgb(255, 102, 0);"><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><title><data:blog.pageName/> | <data:blog.title/></title><br /><b:else/><br /><title><data:blog.pageTitle/></title><br /></b:if></pre> <p>Kamu juga bisa menambahkan keyword ke judul homepage, Contohnya</p> <pre style="color: rgb(255, 102, 0);"><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><title><data:blog.pageName/> | <data:blog.title/></title><br /><b:else/><br /><title><data:blog.pageTitle/> | TV Episode Guide | TV Show Info</title><br /></b:if></pre> <h3>Meta Keywords dan Description</h3> <p><a href="http://klinik-blogger.blogspot.com/"><img alt="metakeywords thumb 7 Hack Template Blogspot agar lebih SEO Friendly" border="0" class=" udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe" height="119" src="http://naisinpo.com/wp-content/uploads/2009/08/metakeywords_thumb.gif" style="display: inline; border-width: 0px;" title="meta-keywords" width="356" /></a></p> <p>Beberapa Pakar Blogger telah menulis panduan mengenai bagaimana cara menambahkan meta <a href="http://klinik-blogger.blogspot.com/2011/10/9-jurus-ampuh-agar-blog-cepat-terindex.html">keyword</a> dan description. Itu sangat mudah, kamu perlu menambahkan kode ini diatas/sebelum kode <span style="color: rgb(255, 102, 0);"><b:skin><![CDATA[/*</span></p> <p>Contohnya,</p> <pre style="color: rgb(255, 102, 0);"><meta name="description" content="Desain Grafis - Tips Blogger" /><br /><meta name="keywords" content="tutorial blogger, template blogger" /></pre> <p>Tetapi kode ini menambahkan meta keyword dan description yang <strong>sama </strong>pada <strong>semua</strong> post. Itu tidak baik karena kamu akan mendapatkan peringatan error dari <em>Google Webmaster Tools </em>karena duplikasi meta keywords dan description telah ditemukan. Jadi, sebaiknya kamu hanya menambahkan meta keywords & description pada homepage. Contohnya, kamu bisa menambahkan code ini,</p> <pre style="color: rgb(255, 102, 0);"><b:if cond='data:blog.url == data:blog.homepageUrl'><br /><meta name="description" content="Desain Grafis - Tips Blogger" /><br /><meta name="keywords" content="tutorial blogger, template blogger" /><br /></b:if></pre> <h3>Heading</h3> <p><a href="http://klinik-blogger.blogspot.com/"><img alt="headingtitle thumb 7 Hack Template Blogspot agar lebih SEO Friendly" border="0" class="style udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe" height="120" src="http://naisinpo.com/wp-content/uploads/2009/08/headingtitle_thumb.gif" title="heading-title" width="360" /></a></p> <p>Tag Heading (H1,H2,H3,H4,H5) juga sangat penting untuk SEO. Seluruh judul widget Blogger (gadget) menggunakan Tag H2. Namun, Template Minima menggunakan tag <strong>H3</strong> untuk judul posting dan kebanyakan Template blogger menggunakan Tag <strong>H2</strong> untuk judul Posting. Untuk meningkatkan SEO, kamu perlu menggunakan Tag <strong>H1</strong> untuk Judul Posting. Contohnya, Temukan kode,</p> <pre style="color: rgb(255, 102, 0);"><b:if cond='data:post.title'><br /><h3 class='post-title entry-title'><br /><b:if cond='data:post.link'><br /><a expr:href='data:post.link'><data:post.title/></a><br /><b:else/><br /><b:if cond='data:post.url'><br /><a expr:href='data:post.url'><data:post.title/></a><br /><b:else/><br /><data:post.title/><br /></b:if><br /></b:if><br /></h3><br /></b:if></pre> <p>Contoh diatas menunjukkan bahwa Template kamu menggunakan Tag H3 sebagai judul Posting (Bila kamu tidak menemukannya, Kemungkinan Template kamu menggunakan Tag H2 untuk judul Posting), Ganti H3 (atau H2) pada kode diatas dengan H1, contohnya,</p> <pre style="color: rgb(255, 102, 0);"><b:if cond='data:post.title'><br /><h1 class='post-title entry-title'><br /><b:if cond='data:post.link'><br /><a expr:href='data:post.link'><data:post.title/></a><br /><b:else/><br /><b:if cond='data:post.url'><br /><a expr:href='data:post.url'><data:post.title/></a><br /><b:else/><br /><data:post.title/><br /></b:if><br /></b:if><br /></h1><br /></b:if></pre> <p>Kamu juga perlu mengganti ukuran dari font Posting dengan menambahkan kode ini sebelum <span style="color: rgb(255, 102, 0);">]]></b:skin></span></p> <pre style="color: rgb(255, 102, 0);">h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }</pre> <p>Pada contoh, saya menggunakan ukuran font 1.5em. Kamu bisa menggantinya jika ingin</p> <h3>Social Bookmarking</h3> <p><a href="http://klinik-blogger.blogspot.com/"><img alt="sociablesocialbookmarks thumb 7 Hack Template Blogspot agar lebih SEO Friendly" border="0" class=" udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe" height="116" src="http://naisinpo.com/wp-content/uploads/2009/08/sociablesocialbookmarks_thumb.gif" style="display: inline; border-width: 0px;" title="sociable-social-bookmarks" width="348" /></a></p> <p>Saat ini, Komunitas adalah raja! Menambahkan Link Social Bookmarking (Lintas Berita, Infogue,Facebook) dapat membantu dalam membentuk komunitas blog kamu dan meningkatkan SEO.</p> <h3>Breadcrumb</h3> <p><a href="http://klinik-blogger.blogspot.com/"><img alt="breadcrumb thumb 7 Hack Template Blogspot agar lebih SEO Friendly" border="0" class=" udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe" height="119" src="http://naisinpo.com/wp-content/uploads/2009/08/breadcrumb_thumb.gif" style="display: inline; border-width: 0px;" title="breadcrumb" width="357" /></a></p> <p>Kamu bisa menggunakan breadcrumb untuk “memudahkan” Navigasi pengunjung blog kamu. Tutorial membuat breadcrumb bisa kamu temukan <a href="http://klinik-blogger.blogspot.com/2011/10/cara-pasang-navigasi-breadcrumb.html"><strong><span style="color:#0000ff;">disini.</span></strong></a></p> <h3>Related Posts</h3> <p><a href="http://klinik-blogger.blogspot.com/"><img alt="relatedposts thumb 7 Hack Template Blogspot agar lebih SEO Friendly" border="0" class=" udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe" height="118" src="http://naisinpo.com/wp-content/uploads/2009/08/relatedposts_thumb.gif" style="display: inline; border-width: 0px;" title="related-posts" width="354" /></a></p> <p>Beberapa blogger pakar telah menulis tutorial mengenai bagaimana cara menambahkan hack related post (posting terkait). Semuanya menggunakan kode JSON javascript. baca tutorialnya <a href="http://klinik-blogger.blogspot.com/2011/10/car-membuat-artikel-terkait-related.html"><strong><span style="color:#0000ff;">disini</span></strong>.</a></p> <h3>Auto-Readmore Link</h3> <p><a href="http://klinik-blogger.blogspot.com/"><img alt="autoreadme thumb 7 Hack Template Blogspot agar lebih SEO Friendly" border="0" class=" udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe udkghwuqkrjueekcjtwe" height="120" src="http://naisinpo.com/wp-content/uploads/2009/08/autoreadme_thumb.gif" style="display: inline; border-width: 0px;" title="auto-readme" width="360" /></a></p> <p>Link Auto-Readmore tidak mempunyai kaitan langsung dengan SEO. Namun, kamu bisa menggunakannya untuk meningkatkan User Interfaces untuk pengunjung Blog kamu. Buat pengunjung menikmati blog mu, dapatkan trafik lebih banyak, dan SEO akan mengikuti ^^. <strong></strong></p><p>Itulah 7 Trik untuk mengubah Template Blogspot agar lebih SEO Friendly, semoga bermanfaat.</p><p><br /></p><p>Sumber : http://naisinpo.com/<br /><strong></strong></p>

SEO Trik Memodifikasi Template Blogspot agar lebih SEO Friendly

P erlu sobat ketahui, kebanyakan Designer template Blogspot maupun WordPress kurang memperhatikan masalah SEO dalam pembuatan Template, dan...

Read more »

Cara Mudah menghilangkan garis tepi atau border pada gambar postingan

Apakah Sobat Blogger tahu apa itu border gambar? Border, dapat kita sebut juga sebagai garis tepi, oleh karena itu border gambar adalah garis tepi suatu gambar. Di postingan kali ini kita membahas bagaimana cara menghilangkan border atau garis tepi gambar tersebut, dan tentunya yang terdapat di dalam postingan kita. Kalau teman-teman bertanya mengapa border harus dihapus? Sebenarnya border tidak harus dihapus, hanya saja bagi teman-teman yang menginginkannya silakan diperaktekkan, masalahnya menurut saya pribadi kalau suatu gambar yang ada di postingan tu ada bordernya keliatannya kurang bagus (ingat, ini pendapat saya lho) dan kelihatan kaku jika dipandang. Agar lebih jelas, teman-teman bisa melihat contoh tampilan berikut ini:<a name="more"></a><br /><br /><a href="http://klinik-blogger.blogspot.com/"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5415000877137618082" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDpqNHRAVMPoqzBY6PvrkcOMzgPh_oUIApMGv9-8g3ClQzVdZaBWQtNU4N_9GCLy65knb1oo0Di9eH7OsQkDuAFfJ3zet2jSq1e35lIfIaNpKisKJztFBdQoXqN043lrQrOmN3bS0rWSY/s400/cara_menghilangkan_border_gambar01_t4belajarblogger.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 375px; height: 144px;" /></a><br /><br /><a href="http://klinik-blogger.blogspot.com/" style=""><img alt="" border="0" id="BLOGGER_PHOTO_ID_5415000996584690418" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcT7zWkYhK7-BHCtuw55EMB6Thw-fH0R9z3O57bfH5bk0KAvn-9VNbEvoMGT602MtOADh4XvRTyJtNMAUZ3-ASbqD8HdxPw1J0BGHZucrHYotYLmp9Eo0VrBv2iyF70ePM-oo4rneJ59E/s400/cara_menghilangkan_border_gambar02_t4belajarblogger.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 363px; height: 144px;" /></a><br /><br /><br />Setelah teman-teman mengamati 2 gambar di atas maka pertanyaannya adalah "Adakah perbedaan antara dua gambar di atas?<br /><br />Jawabannya adalah: ADA, yaitu gambar satu memiliki border, sedangkan gambar dua tidak memiliki border.<br /><br />Dengan begitu sekarang kita sudah tahu pasti bahwa kegunaan border gambar hanya untuk sekedar pemisah antara suatu gambar dengan dinding posting, entah itu pemisah objek gmbar atau warna gambar.<br /><br />Nah, bagi teman-teman yang ingin membuat tampilan gambar postingannya yang tadinya seperti nomor satu dan sekarang berubah menjadi no. dua, silahkan diperaktekkan langkah2 berikut:<br /><br /><br /><span style="color: rgb(255, 0, 0);font-size:130%;" ><span style="font-weight: bold;">1</span></span>. <span style="font-weight: bold;">Login</span> ke Blogger >> klik <span style="font-weight: bold;">Tata Letak</span> >> <span style="font-weight: bold;">Edit HTML</span><br /><br /><span style="color: rgb(255, 0, 0);font-size:130%;" ><span style="font-weight: bold;">2</span></span>. Lalu cari kode berikut: (cukup cari "<span style="color: rgb(255, 0, 0);">post img</span>" dgn Ctrl+F)<br /><br /><p class="alert"></p><blockquote>.post img {<br />padding: 4px;<br /><span style="font-weight: bold; color: rgb(51, 51, 255);">border: 1px</span> solid $borderColor;</blockquote><p></p><br /><br /><span style="color: rgb(255, 0, 0);font-size:130%;" ><span style="font-weight: bold;">3</span></span>. Selanjutnya, yang perlu teman-teman perhatikan adalah pada bagian yang telah ditandai dengan warna <span style="font-weight: bold; color: rgb(51, 51, 255);">biru</span> (<span style="font-weight: bold; color: rgb(51, 51, 255);">border: 1px</span>), maka tulisan "<span style="font-weight: bold; color: rgb(51, 51, 255);">1px</span>" tersebut bisa teman-teman ganti dengan "<span style="font-weight: bold; color: rgb(51, 51, 255);">0px</span>", dengan begitu seluruh border gambar yang terdapat di dalam postingannya teman-teman akan hilang semua.<br /><br /><span style="font-size:130%;"><span style="font-weight: bold; color: rgb(255, 0, 0);">4</span></span>. bagi teman-teman yang ingin memunculkan border gambarnya kembali, maka caranya gampang. Tinggan diubah nilai "<span style="font-weight: bold; color: rgb(51, 51, 255);">0px</span>" menjadi angka di atas "<span style="font-weight: bold;">0/nol</span>". Dan ingat, <span style="font-style: italic;">semakin besar angkanya, maka semakin tebal bordernya</span>.<br /><br /><span style="font-size:130%;"><span style="font-weight: bold; color: rgb(255, 0, 0);">5</span></span>. Selesai, jangan lupa disimpan hasil kerjaannya.<br /><br /><br />Coba sekarang teman-teman tengok gambar-gambar yang terdapat dalam postingannya teman-teman...<br /><br /><br /><br /><br /><br />Semoga Bermanfaat<br /><br />Sumber : http://t4belajarblogger.blogspot.com/<br /><br /><br /><span style="font-weight: bold;">Tags: </span><span style="color: rgb(153, 153, 153);font-size:85%;" >cara menghilangkan border gambar pada postingan, menghilangkan garis tepi gambar blogger, cara cepat menghilangkan border post, cara meghilangkan garis tepi gambar blogspot</span>

tutorial blog Cara Mudah menghilangkan garis tepi atau border pada gambar postingan

Apakah Sobat Blogger tahu apa itu border gambar? Border, dapat kita sebut juga sebagai garis tepi, oleh karena itu border gambar adalah gar...

Read more »