Cara membuat iklan adsense di tengah posting blog

Malam-malam dingin minum kopi + ngerokok sambil posting yang bermanfaat oke juga yah n mudah-mudahan bermanfaat buat temen-temen. Oke bagi yang udah punya iklan adsense atau iklan-iklan lainya neh caranya memasang iklan adsense di tengh postingn blog. Gmn seh mas bro caranya oke langsung aja ke TKP neh dan mudah-mudahan sobat yang di cari yang gini caranya :

Berikut formatnya :

JUDUL BLOG SOBAT

====================

ISI BLOG SOBAT

ISI BLOG SOBAT

ISI BLOG SOBAT

 

====================

IKLAN SOBAT

====================

 

ISI BLOG SOBAT

ISI BLOG SOBAT

ISI BLOG SOBAT

 

 

Nah loh kok cuma formatnya aja bos bentar sob minum kopi dulu bentar hehehehehe !!!!

Sambil ngerokok kan mantap tuh ya gak sobat-sobat.

Oke neh caranya :

1. Pertama, Log In terlebih dahulu ke Blogger dengan akun sobat.

2. Masuk ke Rancangan/Design ? Edit HTML. Lalu, klik centang pada "Expand Widget Templates".

3. Kemudian, cari kode berikut.

<data:post.body/>

Jika sobat menemukan 2 kode <data:post.body/>. Maka pilihlah yang kedua.

4. Lalu, tukarkan/replace/ganti kode <data:post.body/> dengan kode di bawah ini.

<div expr:id='"iklan1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">

<!-- Kode Iklan Ads Anda Letakkan Disini! -->

</div>
<div expr:id='"iklan2" + data:post.id'>

<data:post.body/>

</div>
<script type="text/javascript">
var obj0=document.getElementById("iklan1<data:post.id/>");
var obj1=document.getElementById("iklan2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(" ");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}
</script>

Catatan: Pada kode yang bercetak tebal di atas, ganti dengan kode iklan Adsense Anda yang sudah di Parse/Encode.

 

Oke semoga bermanfaat buat temen-temen dan rokok benyo abis neh hehehehehehe !!!!

Dadah dan salam kenal yah sobat-sobat semoga bermanfaat.

Membuat Iklan adsense Agar Earning Bertambah

Membuat Iklan adsense Agar Earning Bertambah Nah loh Gmn seh caranya mas oke neh sedikit cara yang saya terapkan pada iklan sebelumnya bukan adsense saja mas bro tapi iklan lain juga bisa cara ini karna cara ini manual hehehehehehe gak pake trik melainkan pke logika kita aja hehehehe !!!!

Berdasarkan support team Google Adsense dan ulasan di blog resmi Adsense, prinsip dasar penempatan iklan Adsense secara umum adalah :

1. Posisi iklan di atas lebih baik dari pada yang di bawah. Biasanya iklan yang ditempatkan di atas postingan atau di atas judul artikel lebih banyak dilihat Para pengunjung dan tentunya akan mengarah ke banyak klik juga.
2. Posisi di kiri lebih baik dari pada yang di kanan. Secara umum, ketika seorang pengunjung datang ke blog kita posisi pertama yang dia lihat adalah posisi yang di bagian kiri atas seperti membaca buku.
3. Semakin dekat iklan dengan posting, maka akan semakin sering pula iklan tersebut terlihat dan memiliki CTR yang tinggi.

Penempatan Iklan Adsense di bagian Header

Para blogger senior mengungkapkan bahwa ternyata banyak pengunjung yang suka mengklik gambar di bagian header yang besar. Dari sini kita dapat jadikan patokan untuk memasang iklan adsense di bagian header, pilih yang unit iklan gambar, dan jangan/hindari unit iklan teks.

Agar CTR header kita lebih sempurna, pilihlah iklan adsense yang berukuran besar misalkan ukuran 728×90, dan setting hanya untuk menampilkan iklan gambar saja. kemudian di bawah unit iklan gambar tersebut bisa anda tambahkan unit iklan link yang seukuran dengan iklan di header tadi.

Sedangkan untuk pemasangan iklan link di bagian header kuranglah efektif. Jumlah klik iklan link Adsense di bagian header bisa anda tingkat jika header anda memiliki gambar yang jelas, dan mencolok serta besar. Kalau bagian header anda tidak memiliki gambar alias hanya warna solid saja, tidak akan ada artinya memasang unit iklan link.

Penempatan Iklan Adsense di bagian Sidebar

Jika blog anda pencari cara hanya memiliki satu buah sidebar. Pasanglah unit iklan adsense di bagian atas. Setting supaya menampilkan iklan teks saja. Bila CTR yang di hasilkan kurang begitu maksimal bisa dicoba memasang gambar di atas iklan tersebut atau beberapa widget artikel blog yang lain.

Kalau blog anda memiliki 2 buah sidebar di kanan. Untuk sidebar yang pertama (kiri) pasanglah unit iklan adsense ukuran 160×600 atau yang 120×600, yang tentunya sesuai dengan lebar sidebar anda serta setting agar hanya dapat menampilkan iklan teks saja. Di bawahnya pasanglah satu buah widget yang menampilkan link ke artikel-artkel blog anda, contohnya seperti widget related post atau widget posting terbaru, Ingat cukup pasang satu widget saja. Di bawah widget artikel tadi, pasang link iklan adsense lagi. Anda dapat bereksperimen supaya warnanya sama dengan warna teks di widget artikel tadi atau memilih warna iklan yang lebih mencolok dan berbeda.

Penempatan Iklan Adsense di bagian Posting

Untuk memasang iklan adsense di posting ada 3 buah pilihan terpopuler yaitu : 

 

Memasang unit iklan adsense yang format ukuran besar tepat setelah judul posting. Iklan yang ditampilkan bisa berupa gambar maupun teks saja, atau juga kedua-duanya. Namun menaruh iklan tepat di bawah posting bisa berpotensi melanggar TOS Google Adsense. Solusinya sobat pencari cara dapat menambahkan tulisan Advertisment tepat dibagian atas iklan adsense tersebut.  

 

Memasang unit iklan adsense di tengah-tengah posting. Khusus untuk pengguna platform blog WordPress, cara pemasanganya dapat menggunakan plugin ataupun dengan menggunakan script php tertentu. Dan setting agar hanya dapat menampilkan teks saja. 

 

Memasang unit iklan adsense, format ukuran lebar seperti 300×250 atau 336×280 di atas judul posting. Setting iklan tersebut supaya hanya menampilkan teks saja.

Nah loh ada yang mw mencoba gak hehehehehehe !!!!! Yang penting mah selera temen-temen sobat blogger mw di tempatin diman tuh iklan yang penting selera sobat-sobat aja, Rokok abis dan cuap-cuap saya juga abis mas bro hehehehe salam Kenal neh mas bro benyo sang blogger cupu dari cirebon mas bro klo k cirebon mampir yah hehehehe !!!!

Cara memasang iklan adsense di atas dan bawah posting

• Untuk memasang iklan adsense di Atas Postingan

Untuk memasang iklan adsense di atas postingan, silahkan ikuti tutorial di bawah ini

Tuju ke bag. Edit HTML, centang Expand Widget Templates, lalu cari kode berikut ini :

<data:post.body/>

Jika ada 2 kode seperti di atas, maka pilihlah kode yang kedua.

Oke mas benyo selnjutnya apa heheheheheh !!!!

Ngopi dulu gan biar adem otaknya hehehehehe !!!!

Jika anda ingin memasang iklan adsense di atas postingan seperti blog ini, silakan
masukan kode berikut sebelum kode di atas :

           <div style=’clear:right; float:right; margin-left:15px;’>

           <!– Kode Adsense Anda Disini –>

           </div>

Keterangan :
float:right fungsinya untuk menempatkan iklan di sebelah kanan atas postingan artikel
margin-left:15px fungsinya untuk mengatur posisi antara jarak artikel sebelah kanan
dengan iklan

NB: Anda bisa mengaturnya sendiri dengan mengubah kode di atas.
Jika sudah, klik tombol Save Template, dan selesai.

• Memasang Iklan Adsense di Bawah Postingan

Menuju ke  Edit HTML, centang Expand Widget Templates, lalu cari kode berikut ini :

              <data:post.body/>

Jika terdapat 2 kode seperti di atas, maka pilihlah kode yang kedua.
Setelah itu, siapkan kode iklan Adsense yang akan dipasang.Kemudian, masukan kode iklan adsense anda sesudah kode di atas.
Jika sudah, klik tombol Save Template, dan selesai.

Bisa juga dengan cara ini :

• Login ke Blogger
• design > Edit HTML > Centang Expand Witget Templates
• Cari Kode <div class='post-body entry-content'>
• Untuk memudahkan tekan ctrl + F di keyboard.

<b:if cond='data:blog.pageType == "item"'>

<!– Kode Adsense Anda Disini –>

</b:if>

Semoga bermanfaat sobat.

CARA MEMBERI EFEK TULISAN PADA CBOK

Oke malam minggu gak di temenin pacar mending posting yang bermanfaat heheheheh !!!!!!

oke buat temen-temen pasti mengenal yang namanya CBOK dan mungkin lebih banyak lagi alat komunikkasi via blog atau web dengan kata lain menurut saya namanya BUKU TAMU. mungkin udah pada tau semua temen-temen blogger bukan hanya CBOK saja buat alat chat di blog mungkin banyak dan mungkin saya mencontohkanya pada CBOK. Oke mas benyo gmn seh caranya bikin efek berwarna,bergerak dan bla...blaa saat kita mw nulis di CBOK.Oke langsung aja neh k TKP.

Cara Membuat Teks Tebal  di CBOX
Apit kata-kata yang ingin dicetak tebal dengan [b] dan [/b]
Contoh: [b]teks tebal[/b] hasilnya teks tebal

Cara Membuat Teks Miring  di CBOX
Apit kata-kata yang ingin dicetak miring dengan [i] dan [/i]
Contoh: [i]teks miring[/i] hasilnya teks miring

Cara Membuat Teks Bergaris Bawah  di CBOX
Apit kata-kata yang ingin digaris bawah dengan [u] dan [/u]
Contoh: [u]teks bergaris bawah[/u] hasilnya teks bergaris bawah

Cara Membuat Teks Bergaris Tengah  di CBOX
Apit kata-kata yang ingin di garis tengah atau dicoret dengan [s] dan [/s]
Contoh: [s]teks dicoret[/s] hasilnya teks dicoret

Cara Membuat Tulisan Berukuran Kecil  di CBOX
Apit kata-kata yang ingin dicetak kecil dengan [small] dan [/small]
Contoh: [small]tulisan kecil[/small] hasilnya tulisan kecil

Cara Membuat Teks Berukuran Besar di CBOX
Apit kata-kata yang ingin dicetak besar dengan [big] dan [/big]
Contoh: [big]tulisan besar[/big] hasilnya tulisan besar

Cara Membuat Tulisan Rata Tengah  di CBOX

Apit kata-kata yang ingin dibuat rata tengah dengan [center] dan [/center]
Contoh: [center]rata tengah[/center]

Cara Membuat Tulisan Berwarna  di CBOX
Apit kata-kata yang ingin diberi warna dengan [color=warna] dan [/color]
Contoh: [color=blue]teks biru[/color] hasilnya teks biru

Buat warna kita hanya merubah namanya saja misalkan red atau bla...bla.....

Buat Kode warnanya silahkan lihat saja di menu blog saya.

Cara Membuat Teks Ber Link di CBOX
Apit kata-kata yang ingin diberi link dengan [url=alamattujuan] dan [/url]
Contoh: [url=http://cyber-benyo.blogspot.com]Benyo [/url]
hasilnya adalah Benyo

Cara Membuat Teks Berjalan  di CBOX
Apit kata-kata yang ingin dibuat bergerak dengan [scroll] dan [/scroll]
Contoh: [scroll]teks berjalan[/scroll]

Oke sekian dan terima kasih hehehehehehehe haduh kata-katanya kaya lagi pidato yah !!!!

semoga bermanfaat kawan-kawan.

Cara Menghilangkan Nomor Di Label Blog dengan edit HTML

Nah kali ini benyo mw share tentang trik blogger dan mungkin sobat-sobat membutuhkanya.

oke langsung aja neh bagaimana seh menghilangkan no pada label tapi dengan cara edit html??? mungkin cara ini banyak di gunakan buat para blogger yang memakai templatenya fool java scrip.

Contoh tabel misalkan :

• Sebelum

Trik blogger(12)

Trik komputer(12)

Trik facebook(12)

• Sesudah

Trik blogger

Trik komputer

Trik facebook

Agar lebih menghemat waktu, mari kita mulai mantra trik blogger untuk menghilangkan angka jumlah label tersebut. Eit, hampir lupa trik ini dapat Sobat gunakan jika kamu telah memasang widget atau gadget label dalam blog.

•     Login dulu ke account blogger kamu.

•    Pilih tab Tata Letak --> Edit HTML --> centang "Expand Template Widget".

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template sobat yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan Sobat sudah memiliki back-up untuk mengembalikannya seperti semula.

•     Cari kode (<data:label.count/>).

Tips : Kalau susah mencarinya, coba tekan CTRL+F di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox) Jika Sobat Menggunakan Google Chrome,sama saja cara pencarian nya,hanya saja letak nya ada di atas,lalu sobat tinggal memasukkan kata yang ingin dicari.

•     Jika sudah ketemu, hapus kode tersebut.
•    Jangan lupa disimpan

Menyembunyikan judul blog

Oke kali ini saya akan share bagaimana menghilangkan judul blog, buat arti judul blog sendiri adalah memberi tahu kepada pengunjung dan pencarian google tentang judul tentang apa blog kita.

Mungkin ada beberapa blogger yan ingin menghilangkan judul blog itu sendiri dan inggin menyisipkan berupa gambar editan kita sendiri, oke langsung aja neh buat sobat-sobat yang ingin menghilangkan judul blognya.

Masuk menu Layout kemudian masuk Edit HTML kemudian cari Code di blog Anda yang mirip seperti dibawah

#header h1 {
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
}
 

Tambahkan Code Css visibility:hidden; Kedalam Css Diatas Sehingga kurang lebih menjadi seperti dibawah

#header h1 {
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
visibility:hidden;
}

Petinjau dulu jika sobat kurang percaya jika judul sobat telah sembunyi berarti berhasil, semoga bermanfaat !!!

Membuat Template Blog Lebih Valid XHTML

Login ke akun blogger sobat

Masuk Rancangan/Layout

Pilih Edit HTML

Klik "Download Template Lengkap" (ini untuk memBackUp template sobat)

Beri tanda centang "Expand Template Widget"

Setalah itu kita mulai step by step dan cari kode dibawah ini:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Kemudian, gantilah kode diatas dengan kode berikut:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Cari kode semacam ini:

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template benyo Style
Name:   benyo template
Date:     26 Feb 2012
Updated by: Blogger Team
----------------------------------------------- */

Hapuslah semua kode/tanda strip (-----) hanya stipnya saja yang dihapus.
Dan cek juga pada kode css yang lainya, biasanya terdapat banyak tanda seperti pada contoh diatas.
Hasilnya kan menjadi seperti ini:
Hapuslah semua kode/tanda strip (-----) hanya stipnya saja yang dihapus.
Dan cek juga pada kode css yang lainya, biasanya terdapat banyak tanda seperti pada contoh diatas. Hasilnya kan menjadi seperti ini:

<b:skin><![CDATA[/*
Blogger Template benyo Style
Name:   benyo template
Date:     26 Feb 2012
Updated by: Blogger Team
*/

Cari kode dibawah ini:

<b:include name='quickedit'/>

Hapus saja semua kode diatas yang ada dalam template kamu,dan ingat! kode diatas akan muncul jika kamu menambah gadget pada blog kamu,jadi selalulah menghapusnya ketika sesudah kamu menambah gadget.

Cari kode dibawah ini:

<b:include data='blog' name='all-head-content'/>

Dan hapus saja juga! tapi buat kamu yang memberi foto profile pada komentar blog maka berisiko foto-foto profile komentar tidak muncul,tapi terserah ke kamu,kalau ingin valid maka sikat aja.

Langkah selanjutnya silahkan kamu cari kode </head> dan letakkan kode dibawah ini tepat dibawah kode </head>

<!-- <body>
<div></div> -->

Jika Sobat meng-upload sebuah gambar, berilah tambahan alt pada gambar tersebut. contoh kode alt seperti ini:

<a href="http://validator.w3.org/"><img alt="Markup Validation Service"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjty34aGHLMO1f70zsShdc8M809sddZPPWVSjzAT2DCLrAKMhSmAGNK8vrV8TGdwmo7CYiQY7YiMOzOeVZAJ5joLrBw-JT7E_Qgtl2UN1wC2WTqAMAbJN9XrmjpRoiZS0KAEvVNe8_gd_I/s320/valid-html.gif" /></a>

Jika sobat menemukan penulisan meta content dengan huruf besar, rubahlah menjadi huruf kecil,contoh:

<META content='blogger' name='generator'/>

ubah menjadi:

<meta content='blogger' name='generator'/>

Menghapus Post icon,adapun kode post icon atau pensil kodenya mirip kode seperti ini:

<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>

<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>

Ganti kode diatas dengan kode berikut:

<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>

Menambahkan jenis type="text/javascript" pada semua kode JavaScript yang ada. Contoh:

<script src="http://benyocyberprotokol.googlecode.com/files/cirebon.js"></script>

Tambahkan kode berwarna merah seperti dbawah ini:

<script type="text/javascript" src="http://benyocyberprotokol.googlecode.com/files/cirebon.js"></script>

Menyembunyikan page navigation di halaman utama
cari kode:

<b:include name='nextprev'/>

ganti kode diatas dengan kode dibawah ini!

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>

Kumpulan Situs Blog Gratis

Buat sobat yang senang sekali blogging pasti ingin merasakan berbagai situs gratis yang pasti juga merasakan fitur -fitur dari blog gratis. misalanya :

http://www.100megsfree.com/
http://www.blogdetik.com/
http://www.blog.com/
http://www.blogdrive.com/
http://www.100mb.com/
http://www.100ws.com/
http://www.50megs.com/
http://www.dagdigdug.com/
http://www.bravehost.com/
http://www.builder.com/
http://www.doteasy.com/
http://www.gratisweb.com/
http://www.freecenter.com/
http://www.multiply.com/
http://www.0catch.com/
http://www.gratisan.com/

Selain penyedia layanan blog gratisan tersebut diatas, masih ada juga penyedia layanan blog gratisan lain yang termasuk kategori web 2.0. Biasanya web 2.0 ini digunakan untuk membangun backlink, karena kualitas seo untuk web dengan platform ini sangat bagus dan disukai oleh search engine semacam Google, Yahoo! ataupun Bing.

Web 2.0 list disini semuanya gratis dan rata-rata termasuk penyedia layanan blog gratis yang mempunyai page rank tinggi. Selain itu, platform pada web 2.0 list ini juga dengan hosting yang gratis, jadi anda tinggal menulis artikel lalu posting tanpa harus memiliki hosting sendiri.

Berikut web 2.0 list terbaik untuk blogging gratis:

Saya mulai dari yang ber-PR 9, yaitu :
http://wordpress.com/

PR 8
http://blogger.com/
http://bravenet.com/
http://home.spaces.live.com/
http://livejournal.com/
http://tumblr.com/
http://webs.com/
http://weebly.com/

PR 7
http://blogsome.com/
http://edublogs.org/
http://friendster.com/
http://knol.google.com/
http://squidoo.com/

PR 6
http://viviti.com/
http://blog.co.uk/
http://diaryland.com/
http://gather.com/
http://hubpages.com/
http://opendiary.com/
http://thoughts.com/

PR 5
http://20six.co.uk/
http://tblog.com/
http://bigadda.com/
http://blogskinny.com/
http://blogstream.com/
http://blurty.com/
http://free-conversant.com/
http://freeflux.net/
http://www.easyjournal.com/
http://sosblog.com/
http://tabulas.com/
http://terapad.com/
http://upsaid.com/
http://shoutpost.com/
http://wikyblog.com/

PR 4
http://blog.ca/
http://blogwebsites.net/
http://blogeasy.com/
http://bloghi.com/
http://blogigo.com/
http://blogr.com/
http://blogstudio.com/
http://blogtext.org/
http://freeblogit.com/
http://insanejournal.com/
http://mynewblog.com/
http://netcipia.com/

PR 3
http://clearblogs.com/
http://journalfen.net/

Cara Menyembunyikan widget tertentu di halaman home

Caranya sebagai berikut :

1. Login dulu ke Account Blogspot.
2. Pilih Rancangan >>  Edit HTML,
3. Carilah kode]]></b:skin>  kemudian letakkan kode berikut ini di bawah kode ]]></b:skin>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
#HTML1,#Feed1,#Label1,#HTML4,#HTML8,#HTML14 {display:none;}
</style>
</b:if>

4. Ganti tulisan berwarna merah dengan ID widget yang mau disembunyikan pada halaman posting. perlu

untuk mengetahui ID/kode widget ikuti cara dibawah ini:

- Menuju ke Element Laman / tata letak
- Arahkan mouse ke tulisan "Edit" dan lihatlah URL dibagian bawah browser akan terlihat widget ID yang dimaksud kode bisa HTML1, HTML2, Label1, Feed1, Followers1 dan sebagainya. Lihat gambar dibawah ini!

5. Jika sudah Klik save template 

Hacking Template Blogger Agar SEO Friendly

Tag heading menetukan urutan yang lebih penting saat google index. Berurutan dari yang terpenting menggunakan tag h1 untuk yang terpenting dan seterusnya hingga tag h6. Hal ini dapat digunakan untuk menguatkan postingan kita langsung di google. Caranya adalah dengan memberi tag h1 untuk judul postingan. Namun, jika Anda melakukannya secara serampangan bisa jadi malah justru terjadi multiple tag h1 pada halaman Anda.

Saya sendiri berada pada kelompok orang yang setuju jika tag h1 ganda pada satu halaman akan membuat index google buruk. Saya pernah mencobanya dengan mengganti tag judul postingan menjadi h1, sementara tag judul blog juga h1 tanpa saya rubah. Ajaib, data index saya di webmaster tools bertanda silang merah. Dan posisi saya di google amblas.... ke halaman belakang.

Solusinya...?
Sebagian blogger memilih tag h1 tetap untuk judul blog sebagaimana standartnya. Dan mereka mengganti tah judul postingan dari h3 ke h2. Membuat judul postingan satu list lebih penting. Namun, bagi Anda yang tetap ingin menggunakan tag h1 untuk judul postingan Anda untuk benar-benar menguatkan index ke postingan Anda? Anda bisa ikuti trik berikut:

• Login Blogger

• Tata Letak

• EDIT HTML

• Centang Expand Template Widget

Manipulasi Tag Heading Judul Postingan

• Cari kode berikut ini..

    <b:if cond='data:post.title'>
          <h3 class='post-title entry-title'>
         <b:if cond='data:post.link'>
           <a expr:href='data:post.link'><data:post.title/></a>
         <b:else/>
            <b:if cond='data:post.url'>
              <a expr:href='data:post.url'><data:post.title/></a>
            <b:else/>
              <data:post.title/>
            </b:if>
         </b:if>
          </h3>
    </b:if>

• Ganti semua kode di atas dengan

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:post.title'>
          <h2 class='post-title entry-title'>
         <b:if cond='data:post.link'>
           <a expr:href='data:post.link'><data:post.title/></a>
         <b:else/>
            <b:if cond='data:post.url'>
              <a expr:href='data:post.url'><data:post.title/></a>
            <b:else/>
              <data:post.title/>
            </b:if>
         </b:if>
          </h2>
    </b:if>
    <b:else/>
          <h1 class='post-title entry-title'>
         <b:if cond='data:post.link'>
           <a expr:href='data:post.link'><data:post.title/></a>
         <b:else/>
            <b:if cond='data:post.url'>
              <a expr:href='data:post.url'><data:post.title/></a>
            <b:else/>
              <data:post.title/>
            </b:if>
         </b:if>
          </h1>
    </b:if>

Manipulasi Tag Heading Judul Blog

• Cari kode di bawah ini

    <h1 class='title' style='background: transparent; border-width: 0px'>
       <b:include name='title'/>
    </h1>

• Ganti dengan kode berikut ini

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
    <b:else/>
              <p class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </p>
    </b:if>

• Cari kode berikut ini

    <h1 class='title'>
      <b:include name='title'/>
    </h1>

• Ganti dengan kode berikut ini

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
            <h1 class='title'>
              <b:include name='title'/>
            </h1>
    <b:else/>
            <p class='title'>
              <b:include name='title'/>
            </p>
    </b:if>

Terakhir, Set CSS Anda

Cari kode css judul postingan dan judul blog Anda. Misal kodenya seperti ini. Cari yang mirip.

    .post h3 {
    ..................................
    }

    .post h3 a, .post h3 a:visited{
     ..................................................
    }

    .post h3 a:hover {
    ....................................
    }

Ganti kodenya dengan kode di bawah ini

    .post h1, .post h2 {
      margin:.25em 0 0;
      padding:0 0 4px;
      font-size:140%;
      font-weight:normal;
      line-height:1.4em;
      color:$titlecolor;
    }

    .post h1 a, .post h1 a:visited, .post h1 strong,  .post h2 a, .post h2 a:visited, .post h2 strong{
      display:block;
      text-decoration:none;
      color:$titlecolor;
      font-weight:normal;
    }

    .post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover {
      color:$textcolor;
    }

Catatan: Kalau tidak berhasil, ganti hanya kode H3 nya..

Satu langkah lagi, yakni cari kode css judul blog. Cari yang mirip dengan kode di bawah ini

    #header h1 {
    ............................
    }

• Ganti dengan kode di bawah ini

    #header h1, #header p {
      margin:5px 5px 0;
      padding:15px 20px .25em;
      line-height:1.2em;
      text-transform:uppercase;
      letter-spacing:.2em;
      font: $pagetitlefont;
    }

Selesai....

Jika semuanya telah dilakukan dengan benar, segera simpan template Anda. Jika ingin melihat trik aslinya, silahkan lihat dihttp://deconstructioncode.blogspot.com. Sekarang di halaman index Anda, halaman utama blog, judul blog memiki tag h1 dan judul postingan bukan tag h1. Sementara ketika google index halaman postingan Anda, judul postingan otomatis berubah ke tag h1 dan judul blog tidak lagi menggunakan tag h1. Alhasil, tidak ada lagi tag h1 ganda yang akan menimbulkan kekhawatiran untuk peringkat Anda.... Semoga bermanfaat...

Cara Ampuh Mengatasi Artikel Yang Hilang Search Engine

Cara mengatasi saya sangat sulit banget sampai - sampai saya bertanya sanai sani padahal artikel ini bisa di bilang banyak pengunjungnya dan artikel yang hilang di blog ini juga mempunyai pengaru besar pada kontes seo yang saya ikuti seperti 988BET Agen Bola Untuk Prediksi Piala Eropa 2012.

Mungkin langsung aja neh caranya yang telah saya lakukan untuk mendapatkan kembali artikel yang hilang di pencarian google.

• Pertama-tama saya meneliti kira-kira kata dan kalimat bahkan keyword apa yang bikin artikel tersebut ditendang oleh si mbah Google. Saya hapus diantaranya yang tidak ada korelasi antara judul dan isi artikel. Saya kurangi juga link-link keluar yang tidak perlu, sehingga artikel lebih nampak focus dan orisinil (SEO-On Page tidak berlebihan).
• Selang satu hari saya mulai reload sendiri pada browser beberapa kali halaman artikel yang bersangkutan, agar mulai dikenali kembali oleh Google.
• Bersamaan dengan itu saya membuat gambar yang link-nya menuju artikel tersebut, sekalian buat promosi (contohnya masih bisa anda lihat diatas,tepatnya setelah Header dan sebelum kolom artikel).
• Mencoba blogwalking, akhirnya saya tertarik tips memasang beberapa link keluar (menampilkan situs dengan ber-Page Rank tinggi) di bawah artikel. Saya usahakan memasang link situs yang sesuai dengan tema artikel tersebut.
• Mencoba Googling lagi menggunakan keyword pilihan.

Semoga bermanfaat artikel saya kali ini !!!

Penyebab Yang Membuat Rangking Blog Turun di Search Engine

Banyak sekali yang pasti kita tanyakan akibat artikel blog ataupun blog kita turun di Search Engine tetapi apakah kita tau penyebab artikel turun, oke di sini saya akan share tentang pengalaman saya dalam setiap menghadapai artikel turun :

Sebelumnya saya sudah share tentang Cara Ampuh Mengatasi Artikel Yang Hilang Search Engine

KEYWORD

1. Banyak keyword: Jangan menggunakan keyword artikel secara berlebihan apalagi menambahkan keyword yang tidak sesuai dengan artikel, karena disamping akan dianggap spam oleh mesin pencari, juga akan membuat keyword utama di artikel tersebut tidak akan digubris oleh mesin pencari.
2. Keyword menipu: Jangan terlalu banyak memasukkan keyword yang tidak sesuai dengan artikel, karen bisa-bisa kita di kick di mesin pencari.

LINK

1. Link ke luar yang banyak: Google tidak suka halaman blog yang berisi banyak link, jika memang harus, buatlah 100 link pada tiap halaman.
2. Link berlebihan: Berpengaruh buruk terhadap rangking blog kita, jika memiliki link terlampau banyak dari dan ke sebuah situs yang sama.
3. Link ke situs yang mempunyai reputasi buruk: Link ke situs yang mempunyai reputasi buruk dapat menurunkan rangking kita di mesin pencari. Contoh situs yang mempunyai reputasi buruk adalah situs yang menggunakan teknik SEO yang ilegal, seperti keyword yang direkayasa, blog yang artikel jiplakan dari website lain, text dan link yang tersembunyi,dan pelangaran lainnya.
4. Cross-link: Jangan sampai terjadi cross-link. Cross link terjadi misal ketika situs A link ke situs B, lalu situs B link ke situs C, dan situs C link kembali ke situs A.
5. Link tak terlihat: Jangan membuat link yang tak terlihat oleh manusia, karena hal ini akan dikenal sebagai upaya memanipulasi mesin pencari.

CONTENT BLOG

1. Konten ilegal: Memasang posting yang sama persis dengan blog lain dapat menyebabkan blog kita ditendang dari mesin pencari.
2. Text tersembunyi: Mesin pencari tidak menyukai blog yang memasang text yang disembunyikan (misal disembunyikan di dalam frame).
3. Frame: Jangan menggunakan frame, karena frame sangat buruk untuk SEO.

Memasang iklan banner melayang di footer

Memasang sebuah iklan di footer dengan fungsi melayang bisa saja misalkan banner tatupun iklan lainya menurut kita baik, pasti kita sering lihat di situs website yang sudah kaya akan pengunjung pasti penuh dengan sebuah iklan, contoh bisa liat gambar di bawah ini dan lihat banner iklan yang melayang di footer.Baca juga artikel saya tentang Iklan Internet Murah Efektif Berkualitas Indonesia

Lanjutkan neh teritorialnya , untuk membuat atau memasan iklan banner melayang di footer dengan tombol close bisa ikuti caranya di bawah ini :

1. Login ke blogger
2. Klik tata letak
3. klik tambah gadget, setelah muncul pop up klik Html/javascript
4. masukkan kode di bawah ini
   

   <!-- AWAL FOOTER IKLAN -->
   <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>
   </script><br >
   <script type='text/javascript'>
   $(document).ready(function() {
   $('img#closed').click(function(){
   $('#btm_banner').hide(90);
   });
   });
   </script>
   <style type='text/css'>
   div#btm_banner {
   bottom: 0;
   position: fixed;
   width: 100%;
   opacity: 0.9;
   left: 0;
   }
   div#btm_banner img{
   border:0;
   cursor:pointer;
   }
   </style>
   <div style='height: 0px;'></div>
   <div align='center' id='btm_banner' style='height: 110px; z-index: 9999;'>
   <div style='text-align: right; width: 735px; height: 3px;'>
   <img id='closed' src='http://www.voa-islam.com/images/close-icon.png'/></div>
   <div style='clear: both;'></div>
   <p>
   <p><center>
   KODE BANNER IKLAN ANDA
   </center></p>
   </p>
   </div>
   <!-- AKHIR FOOTER IKLAN -->

5. Jangan lupa warna merah ganti dengan kode banner iklan anda, dan klik simpan

Begitu mudah caranya lebih mudah dari pada yang menempel di header, tapi bagus semua, semoga bermanfaat.

Menambah satu kolom di bawah header

Selamat pagi ,,, Kebetulan postingan kali ini ada salah satu temen yang meminta sekaligus saya juga membutuhkanya oke neh langsung aja untuk teritorial menambahkan 1 kolom di bawah header :




1.  Login bloger teman.
2.  Klik tata letak atau layout.
3.  Pilih Edit HTML.

 

4.  Sebelum memulai pengeditan alangkah baiknya temen sekalian membackup datanya terlebih dahulu, caranya pilih Download Template Lengkap.

 

5.  Cari kode ]]></b:skin> ,agar lebih mudah anda bisa menekan Ctrl + F, kemudian paste kode tersebut di sebelah tulisan Find.

6.  Paste copy berikutdan paste diatas kode ]]></b:skin>

#satu_kolom{
margin:10px 0;
padding:1%;
width:98%;
}

7.  Copy kode berikut ini

<div id="satu_kolom">
<b:section class='header' id='satukolomajah' preferred='yes'/>
</div>

8.  Paste di bawah kode ini

<div id='header-wrapper'>

<b:section class='header' id='header' maxwidget="1" showaddelement="no">

<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>

</b:section>
</div>

9.    Simpan template
10.  Lihat perubahannya pada tata letak.

Menambah 2 Kolom Dibawah Header

Sebelumnya saya sudah pernah menjelaskan bagaimana caranya menambah widget di bawah kolom header, kali ini saya akan menerangkan sedikit tentang bagaimana caranya menambah 2 kolom widget dibawah header..

1.  Login bloger teman.
2.  Klik tata letak atau layout.
3.  Pilih Edit HTML.

4.  Sebelum memulai pengeditan alahkah baiknya temen sekalian membackup datanya terlebih dahulu, caranya pilih Download Template Lengkap.

5.  Centang Expand Template Widget

6.  Cari kode ]]></b:skin>,agar lebih mudah  anda bisa menekan Ctrl + F, kemudian paste kode tersebut di sebelah tulisan Find.

7.  Paste kode berikut di atas kode ]]></b:skin>; 

#dua-kolom-dibawah-header {
clear:both;
}
.dua-kolom {
}

8.  Copy kode berikut ini

</div>

<div id='dua-kolom-dibawah-header'>

<div id='kolom1' style='width: 50%; float: left; margin:0; text-align: left;'>

<b:section class='dua-kolom' id='kolom1' preferred='yes' style='float:left;'/>

</div>

<div id='kolom2' style='width: 50%; float: right; margin:0; text-align: left;'>

<b:section class='dua-kolom' id='kolom2' preferred='yes' style='float:right;'/>

</div>

<div style='clear:both;'/>
</div> 

9.   Paste di atas kode ini <div id='main-wrapper'>
10. Simpan tempalte.
11. Lihat perubahannya pada tata letak.

 
Menambah 3 Kolom Dibawah Header

1.  Login bloger teman.
2.  Klik tata letak atau layout.
3.  Pilih Edit HTML.

4. Sebelum memulai pengeditan alahkah baiknya temen sekalian membackup datanya terlebih dahulu, caranya pilih Download Template Lengkap.

5.  Centang Expand Template Widget

 

6.  Cari kode ]]></b:skin>,agar lebih mudah anda bisa menekan Ctrl + F, kemudian paste kode tersebut di sebelah tulisan Find.

7.  Paste kode berikut di atas kode ]]></b:skin>

#tiga-kolom-dibawah-header {
clear:both;
}
.tiga-kolom {
}

8.  Copy kode berikut

<div id='tiga-kolom-dibawah-header'>

<div id='kolom1' style='width: 35%; float: left; margin:0; text-align: left;'>

<b:section class='tiga-kolom' id='kolom1' preferred='yes' style='float:left;'/>

</div>

<div id='kolom2' style='width: 35%; float: center; margin:0; text-align: left;'>

<b:section class='tiga-kolom' id='kolom2' preferred='yes' style='float:center;'/>

</div>

<div id='kolom3' style='width: 30%; float: right; margin:0; text-align: left;'>

<b:section class='tiga-kolom' id='kolom3' preferred='yes' style='float:right;'/>

</div>

<div style='clear:both;'/>
</div>

9.  Paste di atas kode ini <div id='main-wrapper'>

Catatan

Jika sobat awalnya mengikuti dari membuat 2 kolom di bawah header, (sekali lagi hanya bagi yang mengikuti dari cara membuat 2 kolom di bawah header) sobat hanya tinggal mengganti kode berikut :

</div>
<div id='dua-kolom-dibawah-header'>
<div id='kolom1' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='dua-kolom' id='kolom1' preferred='yes' style='float:left;'/>
</div>
<div id='kolom2' style='width: 50%; float: right; margin:0; text-align: left;'>
<b:section class='dua-kolom' id='kolom2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

menjadi :

</div>
<div id='dua-kolom-dibawah-header'>
<div id='kolom1' style='width: 35%; float: left; margin:0; text-align: left;'>
<b:section class='dua-kolom' id='kolom1' preferred='yes' style='float:left;'/>
</div>
<div id='kolom2' style='width: 35%; float: right; margin:0; text-align: left;'>
<b:section class='dua-kolom' id='kolom2' preferred='yes' style='float:center;'/>
</div>
<div id='kolom3' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='dua-kolom' id='kolom3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

(tempatnya tetap sama di atas kode <div id='main-wrapper'> jangan ditambah tapi di ganti>

10. Simpan tempalte. 

11. Lihat perubahannya pada tata letak.

Selesai , Semoga bermanfaat !!!

Membuat Bintang Lima atau Rich Snappet

Membuat Bintang Lima atau Rich Snappet anda pernah melihat di bawah judul pada hasil pencarian google tanda bintang lima, itu namanya rich snappet yang biasanya diikuti kata diulas oleh adalah salah satu rich snippet yang paling mudah untuk dibuat. Rich snippet ini tidak akan mempengaruhi ranking dari artikel anda. Hanya saja tampilan bintang lima tersebut bisa membuat artikel anda terlihat mencolok dan mengundang orang untuk mengklik.

Artikel sebelumnya mengenai Memasang iklan banner melayang di footer

 

Jika anda belum tahu apa yang dimaksud dengan Rich Snippet, bisa baca di artikel Apa yang dimaksud Rich Snippet? Rich Snippet yang akan dibahas kali ini adalah type Review atauUlasan.

Aturan Penggunaan Rich Snippet Bintang 5 Review (Review)

• Pada saat anda menggunakan markup HTM Review bintang lima ini, maka Google menginginkan agar halaman tersebut benar-benar hanya membahas satu produk secara spesifik. Anda tidak bisa memberikan banyak review atau ulasan yang berbeda dalam satu halaman. Jadi satu halaman hanya boleh ada satu markup review.
• Google tidak memberi support pada review produk atau layanan dewasa. Jadi jika blog anda berisikan cerita dewasa, atau konten pornografi, maka kemungkinan Google tidak akan menampilkan hasil markup anda pada snippet hasil pencarian.
• Jika Markup Review ini diberikan untuk ulasan satu orang saja, maka nama yang memberi ulasan haruslah valid, dan tidak menggunakan karakter yang tidak diizinkan. Contoh nama yang tidak diizinkan adalah "Diskon 50%"

Dengan menggunakan Rich Snippet Review Bintang 5 ini, maka hasil pencarian anda akan terlihat seperti pada gambar di bawah ini....

Cara Membuat Rich Snippet Bintang 5 (Review)

Untuk membuat Rich Snippet bintang 5 ini, silahkan lakukan prosedur sederhana berikut:

• Masuk ke dalam menu Template blog anda.
• Pilih Edit HTML dan lanjutkan, setelah itu centang Expand Widget Template.
• Gunakan Ctrl f pada browser anda untuk mencari kode <data:post.body/>
• Tepat di bawah kode <data:post.body/> masukkan kode berikut

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='margin-top: 30px; font-size: 11px; color:#777;'>
<div itemscope='' itemtype='http://data-vocabulary.org/Review'>
<center>Judul: <span itemprop='itemreviewed'><data:post.title/></span>;  Ditulis oleh <span itemprop='reviewer'><data:post.author/></span>;  Rating Blog: <span itemprop='rating'>5</span> dari 5</center>
</div>
</div>
</b:if>

•  Jika sudah memasukkan kode ini, klik Simpan Template

Silahkan lakukan pengujian, apakah pemasangan kode ini berhasil. Untuk pengujian ikuti prosedur berikut ini:

• Masuk ke halaman Google Rich Snippet Testing Tool
• Pada halaman tersebut masukkan URL salah satu artikel anda ke dalam kotak yang bertuliskan "Enter a web page URL to see how it may appear in search results"
• Jika sudah memasukkan URL artikel silahkan klik tombol Preview
• Alat ini akan segera menampilkan contoh tampilan hasil pencarian blog anda di Google (lihat di bagian bawah halaman)

Silahkan di buktikan dengan cara melihat tampilan Rich Snippet yang disertai tanda bintang lima itu berarti pemasangan kode markup yang anda lakukan sudah berhasil.