Cara Membuat Kotak Iklan Blog 125x125

Apakah Anda ingin Menampilkan space iklan di blog Anda? Kotak Space Iklan ini memberi peluang & informasi pada advertiser bahwa blog tersebut menawarkan space iklan yg dapat disewa mereka. Apalagi jika blog tersebut memiliki kredibilitas, rank, serta traffic tinggi, maka advertiser/pemasang iklan pasti akan berbondong-bondong untuk memasang iklan/banner iklan di blog tersebut. Tetapi tidak ada salahnya juga bagi blog baru memberikan space/ruang tersendiri sebagai tempat beriklan advertiser. Hitung-hitung sebagai persiapan dan siapa tahu saja ada advertiser yang tertarik. Selain itu penggunaan space iklan dapat menjadi daya tarik tersendiri apabila diletakkan dengan benar.

Nah, guna memasang space iklan, kita butuh menyusun template tersendiri agar iklan tersusun rapi dan enak dilihat. Jadi tidak asal pasang gambar dan link karena hasilnya bisa berantakan. Kali ini saya akan share kode template iklan yg saya buat serta gunakan untuk blog panduanku-ngeblog.blogspot.com.

Fitur dari template iklan 125x125 buka-rahasia.com:

• Fleksibel, susunan yg tampil sesuai dengan lebar widget.
• Efek Border radius.
• Efek Transparansi/Opacity ketika gambar di-hover.
• Gampang di edit guna memasang gambar iklan & link.
• Update (28-01-2012, 19.03 WIB): Dengan menghilangkan width serta height, template space iklan ini sekarang bisa digunakan untuk berbagai jenis ukuran banner iklan, 125x125, 300x250, 468x60, dst. Gunakan gambar sesuai dengan ukuran yg diinginkan maka widget space iklan akan muncul sesuai dengan ukuran tersebut.

Cara Memasang Kotak Space Banner Iklan di Widget Blog:

1. Masuk ke dashboard > template/design < Edit HTML

2. Copy kode CSS berikut & letakkan di ATAS ]]></b:skin>

#bukarahasiaads {margin:0px;padding:0px;text-align:center}
#bukarahasiaads  img {margin:1px 1px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 1px 2px 1px #ccc;-moz-box-shadow: 1px 2px 1px #ccc;box-shadow: 1px 2px 1px #ccc;}
#bukarahasiaads img:hover {-moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);}

Ganti nilai pada margin:1px 1px untuk mengatur jarak gambar iklan. Nilai pertama jarak atas bawah, nilai kedua jarak kiri kanan.

3. Save Template.

4. Buka layout/design > Add a widget > Pilih HTML/Javascript.

5. Copy kode HTML berikut (edit terlebih dahulu untuk memasukkan link dan url gambar gambar yg ingin digunakan):

<div id="bukarahasiaads">
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
<a href="MASUKKAN-URL" target="_blank" title=" TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
</div>

Jika ingin menambahkan/mengurangi kotak space iklan tambahkan/hapus bagian:
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a> di atas </div>.

6. Save. Drag/geser gadget ke posisi yg diinginkan, untuk ukuran yg lebar & besar, letakkan widget di bawah header atau di atas posting. Save lagi.

Anda dapat menggunakan gambar berikut sebagai gambar space iklan (ukuran 125x125), untuk ukuran lain atau ingin yg sesuai selera & desain blog, bisa dicari di Google dengan keywords "ads space banner image (ukuran banner)". Upload gambar, ganti URL GAMBAR dengan url gambar yg sudah di-upload.

Note: Host/upload gambar sendiri. Jangan hanya gunakan url gambar di atas karena sewaktu-waktu gambar dapat hilang/dihapus. Klik kanan di atas gambar, save as ke komputer, lalu upload.

Jika seorang advertiser tertarik, maka dia tinggal mengklik url yg ada pada gambar banner (biasanya link diarahkan  ke halaman pasang iklan/advertise atau ke email/contact form).
Have a nice Blogging.

Baca Selengkapnya Tentang >>>> Cara Membuat Kotak Iklan Blog 125x125

Tertarik dengan artikel ini? Tag artikel saya di blog Anda dengan memasang script permalink di bawah ke blog Anda. Terima kasih
<a href="https://panduanku-ngeblog.blogspot.com/2012/07/cara-membuat-kotak-iklan-blog-125x125.html">Cara Membuat Kotak Iklan Blog 125x125</a>

Karakteristik Dan Optimalkan Label Post

Karakteristik Dan Optimalkan Label Post Blog - Label yang tersedia di blog ber-platform Bloggger (Blogspot) memiliki fungsi sebagai pengelompok posting berdasarkan kriteria/kategori tertentu. Karena dengan adanya label, diharapkan pengunjung/pembaca/visitor blog bisa lebih mudah mencari bagian/kategori tertentu dari posting-posting (artikel-artikel) sesuai dengan yang mereka inginkan. Namun terdapat beberapa karakteristik khusus yang membuat "Label Blogger" berbeda dengan fitur  kategori pada blog berplatform lain (category pada WordPress misalnya). Dengan memahami beberapa karakteristik ini diharapkan dapat memaksimalkan fungsi label dan juga untuk menghindarkan dampak buruk terutama untuk SEO blog Blogger/Blogspot, simak caranya berikut ini :

 1. Cara Membuat Label Blogger/Blogspot (Basic Step untuk Pemula)

Terdapat dua cara membuat label yaitu :

a. Membuat label saat berada di halaman new post/buat posting baru (post editor)

Jika Anda sedang membuat posting, anda dapat langsung membuat label. Lihat gambar dibawah :

Lihat di bagian bawah kotak post editor

Tuliskan label yang diinginkan, bisa lebih dari satu

atau jika anda sudah memiliki label-label, klik "show all" dan klik label-label yang diinginkan

b. Cara yang kedua yaitu dengan membuat dan mengedit label di halaman "edit posts".

Silahkan Anda centang satu atau beberapa posting yang ada di bagian bawah label editor seperti di atas, selanjutnya Anda pilih label/buat label baru/hapus label pada menu dropdown "Label Actions..."

 2. Karakteristik Umum Label Blogger

a. Setiap label Blogger bukan lah pengelompokan dengan sistem direktori, namun hanyalah pengelompokan berdasarkan hasil posting yang ditandai dengan label tertentu dan sesungguhnya merupakan perintah pencarian (search label). Ini merupakan kelemahan dan perbedaan Label Blogger dengan category WordPress, dimana category merupakan pengelompokan direktori, sehingga ada parental category, child category, dan seterusnya.

b. Susunan label yang ditampilkan pada bagian link label baik di atas atau di bawah posting disusun sesuai abjad, misalnya: Label: Blogging, Cheat, Download, dan seterusnya.

c. Sebaiknya Anda tahu bahwa url label sebenarnya merupakan perintah search (contoh url-nya: http://buka-rahasia.blogspot.com/search/label/Blog%20Design), maka dapat disimpulkan bahwa label bukanlah link permanent (permalink). Atau bisa dibilang label bukan lah url yang sesungguhnya. Sebenarnya label hanyalah terbentuk sebagai hasil url perintah pencarian (contohnya seperti url pencarian seach engine). Akibatnya, search engine tidak akan memperhitungkan label sebagai link/url yang sah untuk diindeks. Itulah sebabnya ketika Anda masuk ke Google Webmaster Tools, terdapat informasi bahwa link-link label di-restricted oleh robot.txt. Juga berefek pada label yang terindeks yang justru malah berdampak buruk pada SEO Blog Anda.

d. Apabila Anda saat ini menggunakan menu/navigasi breadcrumbs (khususnya seperti yang telah saya buat dan beberapa lain yang sejenis), maka label yang diambil adalah label yang paling terakhir, sehingga apa bila anda membubuhkan lebih dari satu label pada suatu posting, dan karena label diurutkan sesuai abjad, maka label yang ditampilkan di menu breadcrumbs adalah label dengan abjad paling akhir dari posting tersebut. Apabila label yang dimunculkan oleh breadcrumbs kurang tepat dan tidak sesuai dengan yang diinginkan, maka optimalisasi SEO pun jadi kurang maksimal.

Contohnya seperti ini : suatu posting memiliki label: "Design, HTML, Trik". maka hasil generating menu breadcrumbs adalah :

Browse >> Home >> Trik >> Judul Posting.

 3. Memaksimalkan Fungsi Label untuk Navigasi dan SEO

a. Saya sarankan Anda agar tidak terlalu banyak membubuhkan label pada suatu posting, sehingga tidak membingungkan pengunjung/pembaca blog. 4 atau 5 label pada suatu posting sudah merupakan batas maksimal yang dapat Anda terapkan.

b. Kedua pasanglah label sebagai alat navigasi berdasarkan kelompok posting, baik pada link list label yang sudah disediakan sebagai widget bawaan Blogger/Blogspot maupun pada menu/navigasi lain, misalnya saja menu horizontal. Fitur-fitur semacam ini dapat membantu pengunjung/pembaca blog mencari posting yang diinginkan sesuai kelompok/kategori tertentu.

c. Seperti yang Anda ketahui bahwa label bukanlah url yang sesungguhnya (permalink), untuk SEO, maka sebaiknya label tidak diikutsertakan sebagai link yang harus diindeks search engine. Caranya adalah dengan membuat link label bersifat nofollow. Kemudian tambahkan juga "rel=nofollow" pada setiap link label ketika anda membuat/membubuhkan link label secara manual. Cara ini digunakan apabila anda menambahkan link label secara manual di bagian isi posting atau menu/navigasi tambahan.

Contoh penambahan atribut nofollow pada hyperlink (tag a):

<a href="http://buka-rahasia.blogspot.com/search/label/Widgets"rel="nofollow">Widgets</a>

Atau apabila Anda ingin menambahkan nofollow widget label secara otomatis bawaan Blogger, juga label yang muncul di bagian bawah/atasposting, maka Anda harus menambahkan atribut nofollow melalui edit HTML pada tag xml label. Lihat: Cara Membuat/Mengubah Label Blogger Jadi Nofollow

d. Sedangkan untuk mengatasi pemunculan urutan breadcrumbs dengan label yang tidak sesuai atau yang tidak diinginkan, Anda berhati-hatilah dalam membuat label untuk suatu posting. Selalu pastikan label yang Anda ingin munculkan di breadcrums adalah label yang ingin dioptimalkan. Atau sebaiknya jangan terlalu banyak menggunakan label pada suatu posting dan lihat apakah urutan abjad terakhir pada nama label adalah yang ingin dimunculkan di breadcrumbs. Label yang sesuai dapat berpengaruh baik pada SEO, Ingat itu.

Nah, Anda sudah Memahami Karakteristik Dan Berhasil Meng-Optimalkan Label Posting! Semoga tutorial ini bermanfaat dan selamat mencoba!

Baca Selengkapnya Tentang >>>> Karakteristik Dan Optimalkan Label Post

Tertarik dengan artikel ini? Tag artikel saya di blog Anda dengan memasang script permalink di bawah ke blog Anda. Terima kasih
<a href="https://panduanku-ngeblog.blogspot.com/2012/07/karakteristik-dan-optimalkan-label-post.html">Karakteristik Dan Optimalkan Label Post</a>

Cara Membuat Label Blogger Nofollow

Tutorial lengkap tentang Cara Membuat Label Blogger Nofollow. Label Blogger/Blogspot bukan berupa link yang bersifat permanent (permalink) melainkan link yang hanya terbentuk sebagai hasil perintah pencarian dan pengelompokan posting-posting dengan label tertentu. Oleh karena itu, bagi search engine (terutama Google) link-link semacam ini bukan merupakan link yang sah untuk diindeks. Maka, untuk menghindarkan proses indeks terhadap link label, pada atribut nofollow perlu ditambahkan pada semua label, termasuk juga link label yang ada di dalam badan posting/artikel. Nah, dengan cara memberikan atribut nofollow pada label, diharapkan proses optimalisasi SEO Blogspot Anda bisa menjadi lebih maksimal lagi.

A. Cara menambahkan atribut nofollow secara manual

Apabila link-link label ditambahkan secara manual, maka Anda cukup menambahkan atribut rel="nofollow" pada tag a label postingan. Contoh seperti berikut ini :

<a href="http://buka-rahasia.blogspot.com/search/label/HTML-CSS%20Tricks"rel="nofollow">HTML-CSS Tricks</a>

Akan tetapi pada label yang ditampilkan pada widget yang bersifat otomatis, misalnya widget labelBlogger dan label yang ditampilkan di atas/di bawah posting, maka harus ditambahkan atribut nofollow pada bagian tag xml label.

B. Cara menambahkan atribut nofollow pada seluruh label secara otomatis:

1. Pertama Anda masuk ke dashboard > design/rancangan > Edit HTML.

2. Kemudian klik/centang selalu "Expand Widget Templates" saat meng-edit HTML

3. Carilah data:label.url (gunakan Ctrl + F agar lebih mudah dalam pencarian kode)

Jika secara utuh, kode tersebut tampil dalam tag seperti yang terlihat dibawah ini:

<a expr:href='data:label.url'>

4. Biasanya pada beberapa template, Tag tersebut ada yang berjumlah satu atau dua tergantung pada jenis template XML Blogger tysng digunakan. Bahkan dalam beberapa template XML Bogger tertentu, ada pula yang berjumlah lebih dari dua Tag. 

Kemudian untuk cara mengubah label menjadi nofollow, tambahkan atribut rel='nofollow' ke dalam semua tag tersebut seperti pada contoh berikut:

<a expr:href='data:label.url' rel='nofollow'>

5. Terakhir setelah anda menambah atribut nofollow pada tag-tag tersebut, kemudian klik save template.

Selamat! Anda berhasil Membuat Label Blogger Nofollow Di Setiap Postingan Anda Otomatis!

Note (IMPORTANT!):

Anda yang menggunakan menu/navigasi breadcrumbs, akan ditemukan tag sejenis dengan di belakangnya dibubuhi atribut rel='tag':

<a expr:href='data:label.url' rel='tag'>

Apabila Anda temukan tag seperti yang terlihat diatas, sebaiknya JANGAN ubah atribut rel='tag' menjadi rel='nofollow', karena itu bagian dari breadcrumbs yang berfungsi memberi tahu search engine bahwa url link tersebut berfungsi sebagai tag yang bersifat informatif bagi search engine.

Semoga bermanfaat dan selamat mencoba!

Baca Selengkapnya Tentang >>>> Cara Membuat Label Blogger Nofollow

Tertarik dengan artikel ini? Tag artikel saya di blog Anda dengan memasang script permalink di bawah ke blog Anda. Terima kasih
<a href="https://panduanku-ngeblog.blogspot.com/2012/07/cara-membuat-label-blogger-nofollow.html">Cara Membuat Label Blogger Nofollow</a>

Menempatkan Judul Post Depan Nama Blog

Cara Menempatkan Judul Postingan Di Depan Nama Blog - Silahkan lihat pada tab browser anda di atas ketika melihat halaman ini, agar judul posting ini lebih jelas saya sengaja meletakkan judul posting ini berada di depan kemudian disusul nama blog di belakangnya. Begitu pula nantinya tampilan dalam query search engine. Apabila judul blog berada di depan, maka prioritasnya akan berbeda serta pengunjung yang sedang melakukan pencarian tidak dapat melihat judul posting secara lengkap, karena biasanya bagian belakang akan terpotong apabila baris judul panjang. Hal ini tentu tidak baik bagi SEO. Atau lihat gambar dibawah :

Kadang-kadang, kebanyakan template eksternal / hasil download yang telah dikostumisasi serta disisipi hack SEO sudah memiliki fitur ini. Tetapi ada juga template yang benar-benar pure dan belum di ubah sama sekali, terutama template-template official bawaan Blogger. Nah, oleh karena itu, bagi Anda yang masih memiliki baris judul yang menempatkan nama blog/website di depan judul posting, Anda dapat mengubah melalui cara berikut ini:

1. Masuk ke dashboard > Design > Edit HTML.

2. Kemudian carilah (tekan Ctrl+F agar lebih mudah dalam opencarian) baris tag seperti berikut ini, letaknya ada di bagian atas setelah <head> dan sebelum <b:skin> di template HTML blog Anda:

<title><data:blog.pageTitle/></title>

Sudah ketemu? Sudah sama dengan yang di atas? Kodenya harus sama persis ya jangan lupa!

3. Selanjutnya silahkan Ganti dengan script tag berikut:

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title> 
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>

Perhatikan tanda "~'. Anda dapat menggantinya dengan tanda yang anda suka, misalnya ">>" atau "|" seperti yang saya pakai untuk membatasi judul posting dengan nama blog saya. 

4. Sekarang simpan/save template HTML. Buka salah satu artikel/posting blog anda. Terakhir Anda lihatlah bagian atas browser dan perhatikan perubahan yang terjadi pada urutan judul posting yang berada di depan nama blog. 

Selamat! Anda berhasil melakukannya, semoga bermanfaat dan selamat mencoba!

Baca Selengkapnya Tentang >>>> Menempatkan Judul Post Depan Nama Blog

Tertarik dengan artikel ini? Tag artikel saya di blog Anda dengan memasang script permalink di bawah ke blog Anda. Terima kasih
<a href="https://panduanku-ngeblog.blogspot.com/2012/07/menempatkan-judul-post-depan-nama-blog.html">Menempatkan Judul Post Depan Nama Blog</a>