nah sambilngeblog juga nonton TV online asik juga,jadi selamat menikmati ya kawan...

Tampilkan postingan dengan label HTML CODE. Tampilkan semua postingan
Tampilkan postingan dengan label HTML CODE. Tampilkan semua postingan

Kamis, 10 Desember 2009

Cara Memasang Iklan Dibawah Halaman Posting

Nah kali ini akan membahas bagaimana caranya memasang iklan dibawah halaman posting. Kang setia akan memberikan contoh dengan iklan dari kumpulblogger.com, tapi tidak hanya untuk iklan dari kumpulblogger.com saja yang bisa dipasang dibawah postingan. iklan lainnya juga bisa, dan caranya juga hampir sama.ok, sekarang kita mulai saja dengan iklan dari kumpulblogger.

Bagi anda yang sudah mendaftarkan blognya ke kumpulblogger.com, tentunya blog anda mempunyai kesempatan untuk memasang iklan dari kumpulblogger.com tersebut. Blog Tips and Trick kali ini akan membahas tentang bagaimana caranya agar iklan dari kumpulblogger.com tersebut bisa kita pasang dalam halaman postingan kita. tepatnya dibawah postingan kita. seperti pada gambar berikut ini.























Seperti bisa anda lihat pada contoh gambar di atas, iklan dari kumpulblogger tersebut berada tepat di akhir atau di bawah postingan. Bagi anda yang berminat untuk membuat iklan dari kumpulblogger.com tersebut berada pada halaman postingan anda, caranya adalah sebagai berikut.

1. Anda login terlebih dulu ke kumpulblogger.com untuk mendapatkan kode Html dari iklan
yang akan ditampilkan pada blog anda.bila anda belum terdaftar di kumpulblogger.com
silahkan anda daftar terlebih dulu dengan mengisi data-data yang diperlukan dengan
benar.








2. Setelah anda login ke kumpulblogger.com tentunya disana akan ada pilihan menu
Blogger seperti contoh pada gambar dibawah berikut ini.




















3. Pada menu pilihan seperti yang ada pada gambar di atas, silhkan anda pilih atau anda
klik link Script Text Advertising untuk Blog anda. setelah itu anda bisa memilih apakah
iklan yang akan ditampilkan pada blog anda nantinya tersebut berbentuk vertikal
ataupun horizontal. tapi saya sarankan agar anda memilih yang berbentuk horizontal
atau yang berbaris dibawah bila anda akan memsang iklan tersebut dalam halaman
postingan anda.

4. Setelah anda memilih bentuk tampilan dari iklan tersebut, silahkan anda copy kode
html
nya.

5. Setelah anda mengcopy kode html dari iklan tersebut. langkah selanjutnya yaitu anda
harus memparse kode html iklan tersebut sebelum anda pasang pada blog anda. cara
untuk memparse kode html iklan tersebut yaitu dengan cara. anda buka situs
http://blogcrowds.com/ atau anda bisa klik disni untuk menuju situs tersebut.pada situs
tersebut nanti akan ada tampilan seperti pada gambar di bawah berikut ini.






















6. Pada contoh gambar di atas, silahkan anda paste kode html untuk iklan yang anda
dapatkan dari kumpulblogger.com sebelumnya pada kotak yang telah disediakan seperti
pada gambar di atas. setelah itu anda klik parse.

7. Setelah anda klik Parse maka kode html nya akan berubah seperti pada gambar dibawah
ini.














8. Langkah selanjutnya yaitu anda copy semua kode html tersebut. kemudian anda login ke
blogger terus anda masuk ke menu tata letak >> Edit HTML jangan lupa beri tanda centang pada "expand widget template"setelah itu anda cari kode seperti dibawah ini.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<a expr:href='data:post.url'> Readmore</a>
<b:else/>
</b:if>

9. Setelah anda temukan kode seperti diatas selanjutnya anda paste kode iklan yang telah
anda parse sebelumnya tepat dibawah kode <b:else/> .maka hasilnya akan terlihat
seperti dibawah ini.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<a expr:href='data:post.url'> Readmore.</a>
<b:else/>
&lt;script src=&quot;http://kumpulblogger.com/scahor.php?b=39649&amp;onlytitle=1&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
</b:if>

Ok, saya rasa cukup sampai disini dulu postingan Blog Kamg Setia tentang Cara Memasang Iklan Dibawah Halaman Posting kali ini. semoga bermanfaat dan salam blogger mania.
»»  READMORE...

Rabu, 02 Desember 2009

Background Judul Postingan Berubah Warna

Nah, tip ini akan membuat blog Anda semakin cantik. Ketika Mouse diarahkan ke judul postingan Anda maka warna latar nya akan otomatis berubah. Bagaimana caranya? Sangat mudah.

1. Login ke blogger
2. Tata LEtak
3. Edit HTML
4. Cari kode di bawah ini:



.post h3 { margin:.25em 0 0; padding:4px 4px 4px; font-size:140%; font-weight:normal; line-height:1.4em; color:$titlecolor; background:#0066CC; border:0px solid #C3D9FF; }

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

Copy kode di bawah ini, dan copy di atas kode yang berwarna merah:

.post h3 strong, .post h3 a:hover { color:$textcolor; background:#003366;
yang dicetak tebal adalah kode warna ketika judul post anda sorot. Bisa Anda ganti dengan yang lain.
»»  READMORE...

Senin, 22 Juni 2009

Edit HTML Tips Blogspot


Tips Mengedit HTML Blogspot

Jika kita mengotak-atik atau mengedit HTML blog kadang2 akan mengalami kesulitan, apalagi bagi yang masih agak pemula. Entah itu gak bisa nemu kode yang mau diedit lah, gak bisa disimpan karena error lah, Ada pesen error yang gak jelas lah, dan lah-lah yang lain, ya to...??? Nha trik dan tips kali ini akan mencoba gimana cara untuk mengatasi atau setidaknya mengurangi masalah "lah-lah" yang kadang2 atau sering terjadi tersebut.
Berikut ini beberapa tips untuk edit HTML bogger:

1. Backup Template
Membackup template ini penting karena jika terjadi hal-hal yang tidak dinginkan, misalnya blog jadi rusak maka kita bisa membuatnya seperti sediakala (sebelum rusak) jika kita sebelumnya sudah membackup template. Cara membackup template ini mudah. Cukup klik pada link "Download Full Template" lalu simpan file template di komputer kita. Kalo terjadi kesalahan yang tidak bisa kita atasi, kita tinggal upload aja file template tersebut.

2. Memberi Tanda Centang pada Kotak "Expand Widget Template"
Ini yang kadang2 dilupakan para "editor". Kalau kotak "Expand Widget Templates" tidak dicentang maka kode2 yang dicari kemungkinan tidak ditemukan. Tapi kadang2 hal ini tidak perlu dilakukan tergantung dari petunjuk tutorialnya. Makanya perhatikan baik2 tutorialnya kalo mau Edit HTML blog.

3. Tips Mempermudah Pencarian
Untuk mempermudah pencarian kode yaitu dengan meng-copy dulu kode yang mau dicari kemudian tekan "Ctrl+f" lalu masukkan kode yang dicopy tadi kedalam kotak yg muncul. Kalo misalkan kode yang dicari tidak muncul maka cobalah mencari sebagian dari kode tersebut. Misal mau mencari kode

jika tidak ketemu maka cb carilah sebagiannya atau seperti ini data:post.body kalau sudah ketemu maka klik tombol next untuk melihat apakah ada kode lain yang sama untuk memastikan kode yang dikehendaki. Tapi tips ini sepertinya sulit dilakakukan jika menggunakan browser "Chrome" paling mudah jika menggunakan "Mozilla Firefox".








4. Tips Menghadapi Error Yang Muncul
Jika saat menyimpan hasil editan kemudian muncul pesan error, misal seperti ini:
We were unable to save your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure.....
Maka hal yang harus kita lakukan adalah berusaha memahami pesan error tersebut. Kemudian kita cek kembali tutorial yang kita baca apakah langkah-langkah yang sudah kita lakukan bener2 sesuai dengan tutorialnya. kalau tidak yakin maka kita bisa mengulangi lagi tutorialnya dari awal dengan mengklik tombol "Clear Edit" terlebih dahulu.
Mungkin untuk masalah mengahadapi berbagai pesan error ini akan kita bahas lebih lanjut diepisode yang lainnya yang lebih spesifik.

Yak mungkin itu aja dulu tips-tips dalam pembahasan kali ini. Kita jumpa lagi di tips-tips berkutnya.


»»  READMORE...

Kamis, 04 Juni 2009

meletakkan kode HTML pada postingan

Buat yang maw nulis tutorial nge-blog ato cuma skedar bikin arsip tutorial, kadang mengalami kesulitan dalam penulisan kode HTML, karena tidak terbaca jika tidak di encode.

Kita bisa kunjungi 2 alamat ini untuk meng-encode kode HTML kita :
HTML ENCODE
HTML ENCODE

Caranya :
- Copy code HTML yang akan di tempilkan pada posting, lalu klik 'Encode'.
- Kemudian ambil HTML yang telah di encode dan copas pada postingan anda [mode edit HTML]


Source
»»  READMORE...
/

Enter your email address:

Delivered by FeedBurner

 

Recent Comment

Powered by FeedBurner The Republic of Indonesian Blogger | Garuda di Dadaku Add to Google Reader or Homepage TopOfBlogs blog-indonesia.com
Tuker Link Yuk..
icom tukar klink

free counters

Followers

Copyright © 2009 by Blog Kang Setia
Themes : Kang Setia

Template : Kang Setia | Blog Tutorial