Bloggersholic Notice:

Sebentar lagi Bloggersholic akan mempunyai nama domain sendiri...
Tampilkan postingan dengan label Tips Bloggersholic. Tampilkan semua postingan
Tampilkan postingan dengan label Tips Bloggersholic. Tampilkan semua postingan

Memanfaatkan Fitur Adsense Section Targeting


Memanfaatkan Fitur Adsense Section Targeting itu sebenarnya gimana ya?Sebelum saya lanjutkan lebih jauh lagi, saya jelaskan dulu secara singkat tentang Adsense Section Targeting.

Adsense Section Targeting:
Memanfaatkan Fitur Google Adsense Section Targeting

Section Targeting, memungkinkan Anda untuk menyarankan bagian konten teks dan HTML Anda yang Anda ingin GA untuk memfokuskan iklan dengan konten situs Anda. Sehingga dapat membantu dalam meningkatkan penargetan iklan.

Tag HTML untuk menekankan bagian halaman mengambil format berikut:

<!-- google_ad_section_start -->BAGIAN KONTEN ANDA
<!-- google_ad_section_end -->

Sekarang, bagaimana Anda dapat menerapkan Bagian Penargetan Adsense di Blogger? Jika Anda ingin mendapatkan iklan yang relevan, menerapkan Bagian Adsense Target penggunaan blog Anda di atas kode sebelum dan sesudah judul posting dan isi posting.

Ikuti langkah-langkah ini untuk menerapkannya.

1.Log in ke dashboard anda --> layout- -> Edit HTML
2.Click di "Expand Widget Templates"
3.Scroll down sampai anda menemukan kode ini:


<b:includable id='post' var='post'>
<div class='post uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-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>

4.Sekarang ganti kode diatas dengan yang dibawah ini:


<b:includable id='post' var='post'>
<div class='post uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><!-- google_ad_section_start --><data:post.title/><!-- google_ad_section_end --></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><!-- google_ad_section_start --><data:post.title/><!-- google_ad_section_end --></a>
<b:else/>
<!-- google_ad_section_start --><data:post.title/><!-- google_ad_section_end -->
</b:if>
</b:if>
</h3>
</b:if>
5.Turun ke bawah sedikit sampai ketemu kode di bawah:


<data:post.body/>
6.Ganti dengan dibawah ini:


<!-- google_ad_section_start --><data:post.body/><!-- google_ad_section_end -->
7.Save template anda! Selesai!!

Terima kasih sudah membaca artikel Memanfaatkan Fitur Adsense Section Targeting. Semoga bermanfaat!

Tips Membeli Domain PR Valid


Ada beberapa cara untuk memilih dan membeli Domain PR Valid, tapi cara ini yang akhirnya saya tempuh. Berikut adalah tips nya:

Custom Domain Blogspot Godaddy Terbaru


Setelah posting terakhir mengenai custom domain blogspot di NameCheap, BloggersHolic berikutnya membahas custom domain blogspot Godaddy. Berikut ini adalah langkah-langkahnya:

Custom Domain Blogspot di NameCheap


Setelah maintenance Blogger pada bulan September 2012, telah terjadi perubahan dalam cara pengaturan atau menggunakan custom domain Namecheap ke blog yang ada di Blogspot atau Blogger. Dimana, otoritas verifikasi diperlukan atau kepemilikan dari nama domain menggunakan kode khusus yang diberikan oleh Blogger.

Jika kita menggunakan cara yang lama dan tidak memverifikasi terlebih dahulu, maka akan muncul peringatan atau kesalahan ketika domain dipasang, dengan tulisan:

We have not been able to verify your authority to this domain. Error 12. Please follow the settings instructions.

Sampai saat ini, banyak blogger yang tidak mengetahui perubahan tersebut dan bertanya-tanya bagaimana cara setting custom domain Blogspot menggunakan NameCheap dengan cara yang benar. Berikut adalah update tips terbaru tentang bagaimana instalasi domain Namecheap pada Blogspot dengan cara yang benar.

Cara Menghapus Link Powered by Blogger


Halo para pembaca setia Bloggers Holic!

Walaupun seminggu sudah hari raya idul fitri terlewati, saya ucapkan mohon maaf lahir dan batin.

Lama saya tidak mengupdate blog ini, karena saat ini saya sedang keranjingan ngeblog menggunakan Wordpress.

Saya akan membahas Cara Menghapus Link Powered by Blogger, waktu itu blogger baru saja mengupdate tampilannya. Tapi ada satu hal yang paling mengganggu dalam update ini, yaitu adanya link "powered by blogger" yang tidak dapat di hapus.

Berikut ini adalah caranya...

Cara Menambah Gambar Ikon Pada Link Navigasi


Cara Menambah Gambar Ikon Pada Link Navigasi

Mempunyai gambar ikon yang berkaitan dengan link navigasi pada blog anda merupakan cara yang baik untuk mendapatkan perhatian dari pengunjung blog anda. Dengan cara menambah gambar ikon pada link navigasi dari sebuah situs yang modern tidak akan hanya terlihat bagus, tapi juga menjadi salah satu cara yang berguna untuk pengunjung ketika membaca artikel di blog anda.

Pada artikel kali ini saya akan coba menjelaskan cara menambah gambar ikon pada link navigasi blog anda.

Ada 3 langkah utama agar gambar ikon muncul disamping link navigasi blog anda:

1. Cari gambar ikon (dalam format GIF) yang cocok dengan template blog anda, dan meng upload pada hosting gambar yang biasa anda pakai.

2. Menambah kode untuk link ke Widget HMTL/Javascript pada layout blog.
3. Menambah CSS style pada link dengan gambar background yaitu dengan cara menambah kode pada bagian dari template blog anda.

Sebenarnya cara ini tidak sesulit yang anda kira kok...

Setelah anda mencoba untuk mempraktekkan cara ini, anda akan lebih mengerti cara bekerjanya. Untuk memulai, coba aplikasikan kode dan contoh gambar di bawah. Nanti dapat anda ganti sesuai dengan keinginan anda.

Cara menambah gambar ikon disamping link navigasi anda (Contoh Gambar Ikon dan Kode)

Mari kita coba dengan memasukan link navigasi: Home, About dan Contact.

Hasil akhirnya akan tampak seperti dibawah ini:





Langkah 1: Tambahkan Kode untuk Link anda pada widget HTML/Javascript (Add a Gadget)
Pada halaman layout (Blogger Dashboard>Page Elements), pilih untuk HTML/Javascript. Tempatkan pada widget diatas posting atau pada bagian header.

<div id="menu-items">
<ul>
<li><span class="home"><a href="http://alamat_blog_anda.com">Home</a></span></li>
<li><span class="about"><a href="http://alamat_blog_anda.com">About</a></span></li>
<li><span class="contact">;<a href="http://alamat_blog_anda.com">Contact</a></span></li></li>
</ul>
</div>


Pada awalnya mungkin link navigasi ini masih terlihat seperti biasa saja. Nah sekarang kita masukkan kode CSS style pada template.

Design > Edit HTML

Langkah 2: Copy paste kode dibawah ini sebelum tag closing <b:skin>

#menu-items ul li { display: inline; font-weight: bold; list-style-type: none; padding: 5px 5px 5px 0; margin: 0; }
#menu-items li span.home { background: url('http://alamat-gambar-ikon-anda') no-repeat; padding: 0 0 0 20px; }
#menu-items li span.about { background: url('http://alamat-gambar-ikon-anda') no-repeat; padding: 0 0 0 20px; }
#menu-items li span.contact { background: url('http://alamat-gambar-ikon-anda') no-repeat; padding: 0 0 0 20px; }

Yang perlu diperhatikan disini adalah mengganti yang dicetak tebal dengan alamat url gambar ikon anda. Nanti kalau ada tambahan tips lainnya akan saya update lagi.

Silahkan coba dan praktekkan cara menambah gambar ikon pada link navigasi blog anda yah

Cara Membuat Custom Header pada Blogspot


Custom Header Blogspot
Setelah sekian lama Bloggersholic terbengkalai karena terus terang saya tidak sempat meng-updatenya, berhubung sibuk dengan pekerjaan saya.

Langsung aja, sesuai dengan judul, kali ini saya membahas "Cara Membuat Custom Header pada Blogspot".

Pertama, anda perlu membuat header blog baru menggunakan software yang biasa anda pakai, kalo saya sih lebih suka memakai Adobe Photoshop. Sekarang lihat kode HTML template blog anda dan buat catatan seberapa lebar header template yang anda gunakan, soalnya anda kan ingin header baru anda sesuai dengan lebar template yang dibutuhkan. Jangan khawatir tentang tinggi headernya, bisa menyesuaikan otomatis kok.

Setelah selesai membuat header baru anda, langkah selanjut adalah memback-up dulu template blog anda, kalo belum tau caranya silahkan lihat artikel Persiapan. Siapa tahu hasilnya tidak sesuai dengan harapan, maka anda tinggal load lagi back-up template tadi.

Lanjutkan!... Cari kode berikut ini:
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Header (Header)' type='Header'/>
</b:section>
</div>


Silahkan anda rubah tulisan yang saya cetak tebal, menjadi:
  • Rubah maxwidgets='1' menjadi minimal 2 supaya bisa menambah widget baru pada header template.
  • Rubah showaddelement='no' menjadi showaddelement='yes' agar dapat menambah widget lain pada bagian header.
  • Ganti locked='true' dengan locked='false' agar header lama anda dapat dihilangkan.

Sekarang save template anda, dan kembali ke bagian layout pada dashboard. Sekarang anda dapat menambahkan element lain pada header.

Langkah terakhir tinggal menambahkan image header yang telah anda buat sebelumnya. Sukseees!! Sekarang anda mempunyai custom header ciptaan sendiri. ENJOY!

Silahkan tinggalkan komentar jika anda masih bingung dengan artikel Cara membuat Custom Header.

5 Tips Membuat Posting Lebih Mudah Dibaca


Penulis profesional biasanya mereka mengukur output dengan jumlah kata yang mereka tulis. Pembaca, di sisi lain, ada sistem yang lebih abstrak untuk menentukan seberapa "panjang" yang diposting.

Berikut adalah lima cara untuk membantu mendapatkan pengunjung membaca posting anda sampai akhir:

5. Paragraf yang singkat

Saat menulis untuk koran, wartawan tidak pernah diajarkan untuk memasukkan lebih dari dua kalimat dalam paragraf. Walaupun tidak selalu aturan yang baik untuk novelists, ini adalah aturan utama untuk kebanyakan blogger. Mereka memberikan pembaca kesempatan untuk beristirahat dan re-focus.

4. Subheads

iklan yang baik itu untuk selalu menyertakan subheads dalam bekerja. Hal ini membuat Anda dapat bekerja dengan lancar, yang berarti seseorang tidak perlu membaca posting lengkap untuk mendapatkan ide besar, dan memisahkan teks anda.

3. Daftar, Blockquotes dan Tabel

Setiap item, bila digunakan dengan benar, untuk menambahkan informasi visual teks yang juga memudahkan untuk membaca. Mata orang yang diambil secara alami ini unsur visual, yang berarti bahwa dengan menempatkan beberapa dalam badan posting Anda, Anda dapat tarik pembaca terhadap mereka.

Selain itu, ketika glancing di pos, sebagian besar pembaca tidak tampaknya "count" elemen ini sebagai bagian dari pos itu sendiri, sehingga salah satu cara untuk menambahkan data ke pos tanpa drastis memperluas dianggap panjang.

2. Foto

Menambahkan gambar ke posting Anda tidak hanya membuatnya lebih menarik tetapi juga membantu untuk membuat pos muncul singkat dan lebih mudah dibaca.

Gambar juga banyak cara untuk membuat posting Anda menonjol dalam pembaca RSS, yang sering melalui skimmed pada kecepatan yang sangat cepat.

1. Tipografi & Desain

Akhirnya, salah satu yang terbaik tips untuk membuat posting Anda muncul singkat adalah dengan membuat lebih mudah pada mata melalui penggunaan baik desain dan tipografi.

Jika anda menjaga tata letak dan teks bersih, posting Anda yang akan lebih mudah untuk membaca dan yang akan membuat pembaca Anda mengatakan terima kasih, bahkan karena lebih banyak menghabiskan waktu membaca pekerjaan Anda.

Kesimpulan

Jika Anda memperlakukan Anda pembaca dengan baik, mereka akan memberikan penghargaan kepada anda dengan waktu mereka. Jika anda memperlakukan mereka dengan buruk, mereka tidak akan menghiraukan untuk membaca artikel anda sama sekali.

Tips Upload Template Tanpa Kode bX-error


Banyak pengguna Blogger yang tidak dapat mengupload template baru yang tersedia di berbagai situs, saya sendiripun mengalaminya. Beberapa diantaranya karena mendapat kode error seperti:
bx-bliced
bX-ev85ll
bX-39cc9q
bX-y6cz0v
bX-982020
Dan masih banyak lagi kode error lainnya yang pada intinya bahwa template tidak bisa di upload dengan sempurna.

Akhirnya saya bisa mengupload dengan sedikit tips seperti ini:

  • Langkah awal coba untuk mengupload template anda buka Dashboard>halaman Layout>Edit HTML. Memang tidak semua template akan mendapat kode bX-error, tapi bila anda mendapatkannya lanjutkan ke langkah kedua.
  • Cari kode b:widget id= pada template anda, misalnya:
b:widget id='Header1'
b:widget id='Blog1'
b:widget id='Label1'
b:widget id='HTML1
  • Ganti setiap angka pada kode tersebut ditambah menjadi angka selanjutnya. Contohnya, Header1 jadi Header2; Label3 menjadi Label4 dan seterusnya.
  • Setelah mengganti semua angka widget id tersebut preview dulu, kalau templatenya sudah bisa muncul dan berhasil, save template anda. (JANGAN LANGSUNG DI SAVE TEMPLATENYA..!)
Sekarang anda tidak mendapatkan kode bx-error lagi deh...

Oiya, sekedar mau mengingatkan, kenapa sih kok akhir-akhir ini template blogger yang baru sering sulit diupload atau mendapat kode bX-error??

Ini disebabkan banyak kode template blogger yang di coding ulang dari template WP. Jadi kalau teman-teman yang punya hobi mengcoding ulang WP menjadi template Blogger, silahkan dicek dulu guidelines untuk developer template. Sehingga masalah seperti ini tidak akan terulang.

Selamat mencoba..!