Memasang Iklan PPC di Area Posting

Ada banyak cara untuk meningkatkan clickrate iklan ppc misal dengan mengatur warna iklan, menghilangkan garis tepi, menggunakan format tertentu dan menempatkan iklan di tempat yang mudah dilihat oleh pengunjung. Salah satu tempat yang paling mudah dilihat pengujung tentu saja adalah area posting. Karena pada umumnya pengunjung yang datang ke blog adalah untuk membaca artikel maka menempatkan iklan di area posting merupakan pilihan terbaik. Pada postingan ini saya akan menunjukkan kepada anda cara memasang iklan PPC diatas dan dibawah posting. 1. Pertama-tama, siapkan kode iklan yang mau dipasang. Iklannya bisa dari Google adsense, Adsensecamp, Kliksaya, Adbrite, Bidvertiser, dan lain-lain. 2. Setelah itu encode kode tersebut agar bisa muncul dalam postingan. 3. Untuk melakukannya,klik disini 4. Masukkan kode iklan kedalam kotak lalu tekan Convert Ad Code 5. Setelaj itu, buka blogger. Masuk ke menu Design -> Edit HTML 6. Beri centang pada "Expand Widget templates" 7. Cari kode berikut <data:post.body/> 8. Jika anda menemukan dua kode <data:post.body/> maka pilih yang pertama. 9. Letakkan kode PPC yang sudah di encode tadi diatas <data:post.body/> bila anda ingin memasang iklan PPC diatas postingan atau letakkan dibawah <data:post.body/> bila anda ingin memasang iklan PPC dibawah postingan. 10. Save template dan lihat hasilnya. Selamat mencoba...!

Read More

Advertisement

Membuat Tombol Show Hide Blog (spoiler)

Apa sih maksudnya Membuat Tombol Show Hide pada Blog (spoiler)? ya, tombol spoiler ini berfungsi untuk menyembunyikan gambar atau text yang terlalu panjang sehingga bisa menghemat tempat posting. kalau pada bingung langsung dipraktekin saja atau lihat dulu ini contohnya

Untuk scriptnya silahkan dicopas aja di postingan atau di sidebar (add widget >>> HTML).

oh ya bagi kaskuser yang suka komeng lebih hemat tempat kalau pakai spoiler juga. spoilerkaskus lebih mudah penerapannya loch. cuma sedikit scriptnya

[spoiler=pesan]isi pesan[/spoiler]

langsung saja copas code diatas dan ganti pesan dengan judul pesan kamu dan
ganti juga isi pesan dengan text atau gambar yang ingin kamu hide kan.


Silahkan dicoba yach........
semoga bermanfaat..... 

Read More

Advertisement

Cara Menampilkan Kode HTML/Javascript pada postingan kita

Mungkin anda sudah pernah ingin menulis kode javascript/HTML ke postingan tetapi hasilnya kode tersebut hilang/tidak tampak. Pasti kamu ingin menampilkan kode HTML/javascript pada postingan kamu itu. Untuk mengatasinya, kamu dapat meng-convert kode tersebut(dalam kata lain mengubah kode tersebut berformat postingan). Initipsnya: kamu harus mengubah kode tersebut ke format khusus untuk postingan. hal ini bisa dilakukan secara manual tapi akan memakan waktu yang lama jika kode javascript yang kamu masukkan mempunyai panjang yang tak terbayangkan.

1. buka halaman http://centricle.com/tools/html-entities/

2. Masukan kode HTML/javascript 

3. Lalu klik encode

4. Copy semua kode hasil encode tersebut

5. Lalu paste ke dalam postingan kamu

6. Selesai
 

Pasti kodenya berbeda dengan kode javascript yang ingin kamu masukkan kedalam postingan kamu. tetapi setelah diterbitkan, kode akan berubah seperti kode yang ingin kamu masukkan sebelumnya.

 

Nb : Jangan lupa klik menu “HTML” di kotak posting atas-kanan sebelum memasukkan kode html yang sudah di-encode tadi.

Read More

Advertisement

MEMBUAT GARIS dengan KODE HTML

Untuk membuat garis/line di halaman situs kita scriptnya cukup memakai kode:

<hr/>

Kode di atas akan menghasilkan garis seperti ini:

---

Nah untuk mewarnai garisnya kita menambahkan script warna contohnya:

<hr color="#0000FF"/>

Nah hasilnya akan seperti ini:

---

Atau kita ingin mengatur garisnya supaya besar, berarti kita harus menambahkan script SIZE artinya ukuran.
Contohnya:

<hr color="#0000FF"size="5"/>

Kode di atas akan menghasilkan garis dengan ukuran besar seperti ini:

---

Jadi detilnya script untuk membuat garis kodenya memakai <hr> dan untuk menambahkan warna sekaligus mengatur ukuran besar kecilnya kodenya di tambah seperti ini: <hr color="DI SINI ISI KODE WARNANYA"size="DI SINI UKURAN BESAR KECILNYA, BISA DI ISI 1,2,3,4,5, DAN SETERUSNYA">

Read More

Advertisement

Cara Menghilangkan Widget Post di Homepage

---

Selamat siang para juragan semua..

Ane baru aja belajar ngeblog ne gan ..

Mau numpang tanya,,cara ngilangin widget post biar g nongol di Home gimana ya??

Ane minta petuah sama mbah googe hasil rata2 kayak gini :

• Cukup menambahkan code pada warna biru

Spoiler for hasil:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</b:if>

Ane liatin kode yg mirip sama kayak diatas,,trus ane timpuk di blog kok tetep g bisa y gan??mohon petunjuknya....

oya...di blog ane kira2 kodenya macem gini gan :

Spoiler for kode:

<div id='spacer'/>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>

Read More

Advertisement

Kode HTML Untuk Membuat Kotak Dalam Posting

Kode ini aku dapatkan dari halaman FAQ situs FLAG counter ketika aku mengkopi paste contoh kodenya. Sepertinya kode ini bisa berguna banget untuk mempercantik penampilan posting ya. Misalkan dalam suatu posting ada suatu kalimat yang ingin ditaruh dalam kotak seperti dibawah ini:

Contoh tulisan yang diletakkan dalam kotak.

Maka cara membuatnya adalah sebagai berikut: pada mode Edit HTML, letakan tulisan yang ingin diberi kotak diantara baris kode yang berwarna biru seperti contoh dibawah ini :

<p style="border-right: #6c7a7d 1px inset; padding-right: 30px; border-top: #6c7a7d 1px inset; padding-left: 30px; margin-left: 20px; border-left: #6c7a7d 1px inset; margin-right: 70px; border-bottom: #6c7a7d 1px inset"><font color="#ff0000">Contoh tulisan yang diletakkan dalam kotak.</font></p>

*****
Catatan:

Pada waktu kode diletakan pada Edit HTML Posting blogspot, kode akan mengalami perubahan sedikit. Hal itu tidak jadi masalah, kodenya tetap sama hanya saja ditulis dalam bentuk yang sedikit berbeda.

border-right = garis pinggir kotak sebelah kanan
border-left = garis pinggir kotak sebelah kiri
border-top = garis pinggir kotak sebelah atas
border-bottom = garis pinggir kotak sebelah bawah
#6c7a7d; #ff0000 = kode warna, rubah sesuai keinginan
1px inset = ketebalan garis pinggir kotak, rubah sesuai keinginan
padding-right = jarak tulisan dengan garis pinggir kotak sebelah kanan
padding-left = jarak tulisan dengan garis pinggir kotak sebelah kiri
margin-right = jarak kotak dengan pinggir posting sebelah kanan
margin-left = jarak kotak dengan pinggir posting sebelah kiri
20px; 30px; 70px = satuan jarak, rubah sesuai keinginan
font color = warna teks, hapuskan kode ini jika ingin teksnya berwarna seperti warna teks pada posting

Selamat mencoba.

Read More

Advertisement