Tips Memasang Adsense yang tampil benar-benar sesuai artikel

Nah postingan kali ini ditujukan khusus buat para sabahat radit yang selalu bertanya "kok google adsense saya sering keluar PAS, atau iklan yang ngak sesuai kontent ?".

Dan ternyata kamipun baru mendapatkan trik yang satu ini, ternyata para master adsense punya code khusus untuk menampilkan ads yang benar-benar relate dengan kontent.

Kodenya pun sunguh simple, dan tidak melanggar TOS Google Adsense karena code diletakan pada kontent dan bukan pada code adsense.

Code :

<!-- google_ad_section_start -->

Konten nya....

<!-- google_ad_section_end -->


silahkan copi kode di atas dan taruh pada postingan

nah sekarang silahkan dicoba !

By. kang setia

»»  READMORE...

»»  Read More

Cara membuat random post

Banyak tutorial cantik yang bisa kita pelajari dalam dunia blogging, bahakan hal-hal kecil dari setiap tutorial yang kamu pelajari mampu membawa kamu sebagai master blog. Pada kesempatan kali ini k'ian akan membahas mengenai cara pasang Random post disidebar blog, kamu mungkin ingat pada saat yang lalu k'ian juga pernah memuat postingan mengenai cara buat related post atau artikel terkait.

Pada postingan cara buat related post atau artikel terkait yang lalu telah k'ian jelaskan maksud dan juga fungsinya. begitu juga pada postingan mengenai cara pasang random post disidebar blog ini, dimana random post / postingan acak ini banyak digunakan oleh para blogger untuk memberikan kemudahan bagi para pembaca setia blog mereka yang hadir dan membaca disana. Hal ini sedikitnya bisa membantu si pembaca itu sendiri untuk menemukan tutorial-tutorial atau infomasi yang mereka butuhkan, dan tentunya membuat mereka betah dan akan terus membaca postingan-postingan yang kita buat.

Dari pada kelamaan cerita kita mulai tutorialnya...

Seperti biasa Login terlebih dahulu kedalam account blog kamu,

selanjutnya klik menu Layouts-->> elemen halaman -->> ADD gadget -->> pilih HTML/Javascript.

Kemudian copy kode dibawah ini, dan pastekan didalamnya..

<style type="text/css">
.gfg-root { width: auto; height: auto; position: relative; overflow: hidden; text-align: center; font-family: verdana, sans-serif;font-size: 12px;padding:2px; background:#f2f2f2;border: 2px double #363636;}

.gfg-title {font-size: 14px;font-weight : bold;color : #fff;background-color: none;line-height : 1.4em;overflow: hidden;white-space : nowrap;}

.gfg-subtitle {font-size: 14px;font-weight: bold;color: #333;background-color: none;line-height : 1.4em; overflow : hidden;white-space : nowrap;margin-bottom : 0px;}

.gfg-subtitle a {color : #a43434;display:none !important;}

.gfg-entry {background-color: none;width : 100%;height : 9.9em;position : relative;overflow : hidden;text-align : left;margin : 5px;}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {position : relative;background-color:none;width : 100%;height : 100%;padding-left : 5px;padding-right : 5px;}

.gfg-list {position : relative;overflow : hidden;text-align : left; margin-bottom : 15px;display:none !important;}

.gfg-root .gfg-entry .gf-result .gf-title {font-size: 13px;display:block;color:#a43434;font-weight:bold;line-height: 1.2em;overflow : hidden;white-space : nowrap;text-overflow : ellipsis;-o-text-overflow : ellipsis;margin-top : 4px;}

.gfg-root .gfg-entry .gf-result .gf-snippet {line-height : 1.3em;color: #333;margin-top : 3px;font-size: 12px;}

.clearFloat {clear : both;}

#feedGadget { margin-top: 3px;margin-left: auto;margin-right: auto;width: auto;font-family:verdana, arial;font-size: 10px;color: #333;}
</style>

<script src="http://www.google.com/jsapi/?key=ABQIAAAAcV2jSs52yGHKNXjYTcwvNBQjGizh_00DUHOFTBoYdXcXzGgaZxRGIm148GyVsULR8I1--uCF7hoW2w" type="text/javascript"></script>

<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script>

<script type="text/javascript">
function showGadget() {
var feeds = [
{title:'title',
url:'http://blogkamu.com/feeds/posts/default?redirect=false&start-index=10&max-results=999'},
];
new GFdynamicFeedControl(feeds, 'feedGadget',
{numResults : 1000, stacked : true,
title: " "});
}
google.load("feeds", "1");
google.setOnLoadCallback(showGadget);
</script>

<div id="feedGadget"><center><img src="http://img80.imageshack.us/img80/1577/loadingtrans.gif" /></center></div>
<div id="feedGadget"> <span style="float:right">Widget edited by <a href="http://kang-setia.blogspot.com/" target="blank">Kang Setia</a></span></div>

nb : kode berwarna hijau, kamu ganti dengan nama blog kamu. contoh Kang Setia.blogspot.com

»»  READMORE...

»»  Read More

Cara Membuat Tag Clouds cumulus beranimasi

Kali ini saya akan mencoba membantu beberapa teman yang memang tidak bisa memasang tag cloud cumulus.
ini adalah langkah langkahnya:
masuk ke account blogger (dasboard) anda
kemudian pada kontrol panel masuk kebagian tata
letak atau layout kemudian edit html dan JANGAN CENTANG expand
widget.(sebelumnya backup dulu template anda)
Cari kode dibawah ini

<b:section class='sidebar' id='sidebar'preferred='yes'>

atau kode ini


<b:section class='sidebar' id='sidebar'showaddelement='yes'>


setelah ketemu kemudian copypaste kode dibawah ini
tepat dibawahnya.

<b:widget id='Label99' locked='false' title='Labels' type='Label'>

<b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if>

<div class='widget-content'> &lt;object type="application/x-shockwave-flash"
data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf"
width="250" height="200" allowscriptaccess="always" &gt;
&lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /&gt;
&lt;param name="bgcolor" value="#ffffff" /&gt;
&lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'
style='12'><data:label.name/></a> </b:loop>
&lt;/tags&gt;" /&gt;
&lt;p&gt;Blogumulus by &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;
&lt;/object&gt; </div> <b:include name='quickedit'/>
</b:includable> </b:widget>


Selanjutnya klik tombol save dan refresh halaman depan anda.
Ini adalah default instalansi cumulus
The width is 250px
The height is 200px
Background color is white
Text color is black
Font size is 12
dan anda dapat menggantinya sesuka anda cara mengganti tinggi dan lebar cari kode berikut dan ganti angka berikut ini


&lt;object type="application/x-shockwave-flash"
data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf"
width="250" height="200" allowscriptaccess="always" &gt;


cara mengganti warna background
untuk mengganti warna background cari kode berikut

&lt;param name="bgcolor" value="#ffffff" /&gt;

cara mengganti warna tulisan
untuk mengganti warna tulisan tags, cari kode berikut ini
&lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt

cara mengganti besarnya huruf
untuk mengganti besarnya huruf cari kode berikut ini

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'>

Cukup mudahkan dan semoga cara ini dapat menyelesaikan masalah pada beberapa rekan bloger yang ingin menambahkan tags cloud cumulus kedalam blognya

»»  READMORE...

»»  Read More

Pasang Statistik dan Tracker (SITE MATER)

Pasang Statistik dan Tracker

Salah satu blog tool sekaligus sebagai aksesori blog yang sering di gunakan oleh para blogger yakni memasang statistik dan tracker. Dengan adanya statistik blog, maka kita yang mpunya blog ataupun yang berkunjung pun dapat mengetahui berapa pengunjungkah yang pernah berkunjung ke blog kita. selain itu juga bisa sekaligus sebagai tracker yakni kita bisa mengetahui para pengunjung blog kita datang dari mana, apakah dari search engine, blog lain ataupun darimana saja kita dapat mengetahuinya.

Sekarang bagaimana caranya kita membuat statistik tersebut? cara yang mudah yaitu kita menggunakan situs penyedia statistik. Di internet banyak sekali situs penyedia statistik gratis, sebagai contoh adalah situs http://www.sitemeter.com.



Untuk mendapatkannya silahkan ikuti langkah-langkah berikut :

1. Silahkan kunjungi situs http://www.sitemeter.com.


2. klik tulisan Sign Up untuk melakukan pendaftaran


3. klik tombol bertuliskan Next


4. Klik tombol Next lagi


5. Isi semua tabel yang ada lalu klik tombol Next lagi


6. Isi lagi tabel yang ada, lalu klik tombol Next lagi


7. klik tombol Next lagi


8. klik tombol Next lagi

9. Setelah ada keterangan proses sign up selesai, anda harus melakukan veryfikasi, silahkan
buka email yg anda berikan


10. Buka email yang datang dari sitemeter.com, di dalamnya ada username dan password anda
untuk login ke sitemeter.com


11. Silahkan login dengan id anda


12. Bila sudah login, Klik menu Manager


13. Klik Menu Meter Style untuk memilih gaya dari site meter anda


14. Pilih style yang anda sukai, kemudian klik tombol Select


15. Klik menu HTML Code


16. Klik tulisan Adding site Meter to a Blogger.com Site


17. copy semua kode HTML yang di berikan lalu paste pada Notepad


18. Klik menu Logout untuk keluar dari situs tersebut


19. Selesai, tinggal memasukan kode yang kita dapat ke dalam blog kita



Sekarang tugas kita adalah memasukan kode yang sudah kita dapat ke dalam blog, ikuti langkah- langkah berikut :

khusus blog dengan template klasik :

1. Sign in di blogger dengan id anda


2. Klik menu TEMPLATE


3. Klik Edit HTML


4. Klik Edit (yang ada pada bar menu browser anda)
5. Klik Find (on this page)... ⇒ untuk mempercepat pencarian

6. Tuliskan kata dimana anda ingin tempatkan, contoh di blog saya adalah blogger
(karena dekat dengan tombol blogger) klik Find


7. Copy & paste kode yang telah di simpan di notepad tadi, lalu klik tombol
Preview untuk melihat perubahan yang terjadi


8. Jika sudah cocok dengan perubahan tadi, Klik Save Template Changes. Selesai



Sedikit tambahan, bila anda ingin site meter posisinya berada di tengah-tengah, tinggal tambah kode <center> ...kode site meter... </center>



Untuk blog dengan Template baru :

1. Login di blogger dengan ID anda


2. Klik menu layout


3. Klik Elemen Halaman


4. Klik Tambahkan sebuah Elemen Halaman


5. Klik TAMBAHKAN KE BLOG pada menu HTML/JavaScript


6. Tulis Judul site meter anda pada isian di sebelah form judul (bila ingin ada keterangan. kalau
tidak, ya kosongkan saja)


7. Copy & paste kode Site meter pada kolom isian


8. Klik tombol Simpan Perubahan


9. Klik Elemen yang baru anda buat tadi, tahan lalu pindahkan ke tempat yang anda inginkan ( di
drag & drop)


10. Klik tombol PRATINJAU untuk melihat perubahan yang baru di lakukan


11. Bila sudah cocok dengan perubahan tadi, klik tombol SIMPAN


12. Selesai



Untuk fungsi site meter sebagai tracker, silahkan anda login ke sitemeter.com trus ya acak-acak deh isinya..hahahahaha..

tingalkan komen ya..

»»  READMORE...

»»  Read More

Cara membuat text image berjalan| MarQuee

Teks atau gambar berjalan banyak digunakan oleh para blogger karena disamping dapat menghemat tempat juga menarik untuk dilihat. Program yang demikian dikenal dengan nama Marquee.
Program marquee selalu diawali dan diakhiri dengan kata marquee yang kodenya seperti ini :<marquee>...</marquee>.
Diantara kedua kode tersebut,dapat kita tambahkan beberapa kode lainnya, agar penampilannya lebih menarik, misalnya :

1. Bgcolor="warna" : untuk mengatur latar belakang teks.
2. Direction="left/right/up/down" : untuk mengatur arah gerakan dari teks.
3. Behavior="scroll/slide/alternate" : untuk mengatur perilaku gerakan.
   Scroll = teks bergerak sambil berputar.
   Slide = teks bergerak sekali lalu berhenti.
   Alternate = teks bergerak bolak-balik kekiri dan kekanan.
4. Title="judul" : title akan muncul saat mouse diarahkan ke tulisan.
5. Scrollmount="angka" : untuk mengatur kecepatan dalam pixel, makin besar angkanya makin cepat gerakannya.
6. Scrolldellay="angka" = Untuk mengatur waktu tunda gerakan dalam mili detik.
7. Width="lebar" = Mengatur lebar blok teks dalam pixel atau persen.

Untuk lebih jelasnya perhatikan contoh dibawah ini :

Efek marquee yang bergerak dari kiri kekanan :

<marquee align="center" direction="left" height="100" scrollamount="2" width="75%">
Selamat Datang di Blog Kang Setia
</marquee>kata left bisa anda ganti dengan right, up atau down sesuai dengan keinginan anda.

Hasilnya seperti Ini


Selamat Datang di Blog Kang Setia


Efek marquee dengan perilaku gerakan :

<marquee align="center" direction="right" height="100" scrollamount="3" width="100%" behavior="alternate">
Selamat Datang di Blog Kang Setia
</marquee>

Kode diatas akan seperti ini :


Selamat Datang di Blog Kang Setia


Efek marquee dengan warna pada latar belakang :


<div align="left"><font face="georgia" color="yellow"><b><marquee bgcolor="blue" width="100%" scrollamount="3" behavior="alternate">
Selamat Datang di Blog Kang Setia
</marquee></b></font></div>

HasilNya

Selamat Datang di Blog Kang Setia

Selamat Mencoba...Kang Setia

»»  READMORE...

»»  Read More

Tutorial Pasang Widget Alexa di Blog

Langkah #1

1. Klik di sini untuk menuju situs alexa.com
2. Masukan alamat blog anda pada kolom yang terdia. Contoh : kolom-tutorial.blogspot.com (tanpa http://), lalu klik tombol “Build Widget”.


3. Ada 3 ukuran widget yang bisa anda pilih, copy kode yang ada di sampingnya lalu paste pada notpad atau text editor lainnya. Simpan kode tersebut di komputer anda untuk nanti di masukan ke blog.


Langkah #2

1. Silahkan login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. Klik tab Elemen Halaman.
4. Klik Tambah Gadget.
5. Klik tanda Plus (+) di samping tulisan HTML/JavaScript.

6.Paste kode yang tadi ada di notepad kedalam kolom yang muncul.
7.Klik tombol Simpan.
8.Pindahkan elemen yang baru anda buat tadi ke tempat yang anda inginkan, jika mau tentunya.
9.Jangan lupa klik tombol Simpan yang ada di sebelah atas.
10.Selesai.
Mudah-mudahan dengan di pasangnya widget alexa di blog anda, alexa rank blog anda akan cepat bagus (semakin kecil semakin baik rangkingnya).
Sedikit tambahan, alexa rank terbilang cepat dalam melakukan update sehingga hasilnya akan terlihat dalam beberapa hari saja. Satu yang paling utama dalam menaikan ranking alexa adalah dengan mencoba meningkatkan trafik atau jumlah kunjungan ke blog anda.

Selamat mencoba!

»»  READMORE...

»»  Read More

cara pasang jam

Pasang Jam di Sidebar

Agar blog anda tampak cantik dan menarik untuk di lihat, maka anda bisa memasang beberapa aksesori blog, salah satunya adalah dengan cara memasang jam. Jam ini bisa anda dapatkan secara gratis pada situs http://www.clocklink.com.

Dan bagi anda yang ingin blognya di pasang jamjuga, silahkan ikuti langkah-langkah berikut :

1. Silahkan kunjungi situs http://www.clocklink.com
2. Jika sudah berada pada situs tersebut, silahkan klik tulisan Want a clock on your Website ?
3. Silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll
4. Jika di rasa sudah menemukan model jam yang anda sukai, klik tulisan View HTML tag yang berada di bawah jam yang anda sukai tadi
5. Klik tombol yang bertuliskan Accept
6. Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00
7. Set ukuran jam yang anda sukai di samping tulisan size
8. Copy kode HTML yang di berikan pada notepad
9. Paste kode HTML yang di copy tadi pada tempat yang anda inginkan
10. Selesai

»»  READMORE...

»»  Read More