• Seperti biasa, terlebih dahulu sobat harus login ke blog sobat.
• Kemudian klik layout/tata letak terus add/tambah gadget pilih HTML/JavaScript.
• Copas script berikut kemudian pastekan pada HTML/JavaScript.

<script type='text/javascript'>

$(document).ready(function() {

$('img#closed').click(function(){

$('#btm_banner').hide(90);

});

});

</script>

<script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};

</script><script type="text/javascript">

if (window.jstiming) window.jstiming.load.tick('headEnd');

</script>

<!--start: floating ads-->

<div id="teaser2" style="width:autopx; height:0; text-align:left; display:scroll;position:fixed; top:0px;left:0px;">

 <div><a id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjc52kTDkiz612Y3Co_clIZZEgV93GsqqxJapqo3L6c6iheHST2WQFSUlIsEE0fnh67H0Nc2UdRb1DkKegf7_rLwoqBifwn8M5aSfed1NFFas1otS08vH7K4VCzHCq5ah38sPHd67IBhUH/s1600/PhoXo2.png'/></center></a></div>

<!--Mulai disini-->

KODE IKLAN SOBAT DISINI

<!--Akhir disini-->

</div>

<!--end: floating ads-->

<!--start: floating ads-->

<div id="teaser3" style="width:autopx; height:600; text-align:right; display:scroll;position:fixed; top:0px;right:0px;">

 <div><a id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjc52kTDkiz612Y3Co_clIZZEgV93GsqqxJapqo3L6c6iheHST2WQFSUlIsEE0fnh67H0Nc2UdRb1DkKegf7_rLwoqBifwn8M5aSfed1NFFas1otS08vH7K4VCzHCq5ah38sPHd67IBhUH/s1600/PhoXo2.png'/></center></a></div>

<!--Mulai disini-->

KODE IKLAN SOBAT DISINI

<!--Akhir disini-->

</div>

<!--end: floating ads-->

• Ganti tulisan yang bercetak tebal berwarna MERAH dengan kode iklan sobat.
• Setelah itu, simpan dan lihat hasilnya!

Cara pasang Iklan melayang di kiri atau di kanan blog, iklan memang merupakan salah satu menjadi media promosi paling tepat. Namun, kita juga harus lebih efektif untuk memilih situs penyedia iklan tersebut. Dari yang murah efektif, hingga yang mahal. Salah satu caranya yaitu memilih space iklan yang strategis, bila sobat pandai memilih space iklan yang strategis, otomatis iklan sobat tersebut akan mudah di baca oleh si pembaca iklan. Lihat Disini untuk memasang iklan di tempat yang strategis
Selain si advertiser, pada publisher (penampil iklan) pun harus pandai memilih tempat strategis agar bisa mendapatkan penghasilan yang tinggi. Untuk tempat strategis itu bisa di sidebar, di header, di homepage, di kiri atau di kanan blog atau di tempat lain. Nah, pada postingan kali ini saya akan menerangkan bagaimana cara membuat dan cara pasang iklan melayang di kiri atau di kanan blog. Untuk membuatnya, bisa sobat langsung lihat langkah - langkahnya di bawah ini, cekidot

1. Pergi ke blogger.com menggunakan akun google sobat
2. Masuk ke halaman Template
3. Klik Edit HTML lalu Lanjutkan
4. Cari kode ]]></b:skin> (gunakan ctrl+f untuk memudahkan pencarian)
5. Jika sudah ketemu, copy kode di bawah ini dan pastekan di atas kode ]]></b:skin>
   

   #adslayoutleft {
   position:fixed;
   top:10px;
   margin-left :335px;
   float:left;
   z-index:10;
   }
   #adslayoutleft .iklankiri {
   float:right;
   clear:both;
   }
   #adslayoutleftright {
   float:right;
   position:fixed;
   top:10px;
   margin-left:-800px;
   z-index:10;
   }
   #adslayoutleftright.iklankanan {
   float:left;
   clear:both;
   }

6. Lalu Simpan Template
7. Selanjutnya, masuk ke halaman Tata Letak
8. Klik Tambah Gadget, lalu cari HTML/Javascript
9. Copy dan pasang kode di bawah ini
   

   <div id='adslayoutleft'><div class='iklankiri'>
   
   

   Simpan kode Adsense / Iklan sobat disini

   
   </div></div>
   <div id='adslayoutleftright'><div class='iklankanan'>
   
   

   Simpan kode Adsense / Iklan sobat disini

   
   </div></div>

10. Simpan dan lihat hasilnya

Jika ukuran margin terlalu panjang atau pendek. Sobat bisa mengubah ukuran marginnya dengan mengganti kode yang berwarna biru. Silahkan sobat atur sesuai keinginan sobat.

1. ketikkan email target pada Form eMail
2. Klik Frezee
3. Tunggu sampai proses selesai / 100%
4. Efeknya account yang di Frezee tidak akan bisa login, jika anda suah merasa “puas” dan ingin membebaskan target silakan klik “stop freezer”.

7. 
   

   <b:if cond='data:blog.pageType == "item"'>
   <p>
   <b:loop values='data:post.labels' var='label'>
   <b:if cond='data:label.name == &quot;teknologi&quot;'>
   <a href='http://www.krtutorplus.com/" title='KR Tutor plus'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZU8iMi61nuliItAQRPefVUngucZzjbKJBWgyi9ZmClUKN6U8Z3qETB3RZl0Z_wZVljXBJjx-l0ZhTix99wqQ3c-9kUg7rfrEBNNZfnjXFu2XAb-qAA7Fjof-73gxzYBioXCDah5dT9_HL/s1600/krtutor.jpg" alt='KR Tutor plus'/></a>
   <b:else/>
   <b:if cond='data:label.name == &quot;ekonomi&quot;'>
   <a href='http://lowongankerja.krtutorplus.com/' title='KR Jobs'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhd3Z6kGrW-KSZT9bnsTEHJaQdH_IxmwtHfQRTlBwn_tNn8Iv9HNJ_r3_uBAwGoOPV31oc5LuLO7Uw5bhvRP15Es0UwFUjx2CITG0KqgvK8Lnm8Q4kPaAut6z1t2S1LdeqyFWWQDj6VCaC/s1600/krjobs.jpg" alt='KR Jobs'/></a>
   </b:if>
   </b:if>
   </b:loop>
   </p>
   </b:if>
   

   
   
8. Klik tombol Simpan Template.
   
   >
   
   
9. Selesai.

Ketika anda membuat artikel yang di beri kategori teknologi atau ekonomi, maka iklan yang tadi akan muncul, selain kategori tersebut,  iklan tidak akan muncul.





Semoga artikel mengenai Cara membuat iklan muncul berbeda sesuai kategori diatas dapat menginspirasi anda dalam mengoptimalkan fungsi kategori.

<b:if cond='data:blog.pageType == "item"'>
<p>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;teknologi&quot;'>
<a href='http://www.krtutorplus.com/" title='KR Tutor plus'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZU8iMi61nuliItAQRPefVUngucZzjbKJBWgyi9ZmClUKN6U8Z3qETB3RZl0Z_wZVljXBJjx-l0ZhTix99wqQ3c-9kUg7rfrEBNNZfnjXFu2XAb-qAA7Fjof-73gxzYBioXCDah5dT9_HL/s1600/krtutor.jpg" alt='KR Tutor plus'/></a>
<b:else/>
<b:if cond='data:label.name == &quot;ekonomi&quot;'>
<a href='http://lowongankerja.krtutorplus.com/' title='KR Jobs'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhd3Z6kGrW-KSZT9bnsTEHJaQdH_IxmwtHfQRTlBwn_tNn8Iv9HNJ_r3_uBAwGoOPV31oc5LuLO7Uw5bhvRP15Es0UwFUjx2CITG0KqgvK8Lnm8Q4kPaAut6z1t2S1LdeqyFWWQDj6VCaC/s1600/krjobs.jpg" alt='KR Jobs'/></a>
</b:if>
</b:if>
</b:loop>
</p>
</b:if>

Kode tersebut harus ditempatkan persis diatas kode <data:post.body/>. Langkah selengkapnya :

1. Silahkan login ke blogger dengan ID anda
2. Klik Menu dropdown lalu pilih Template
   
   
   
   
3. Klik Cadangkan / Pulihkan yang ada di sebelah kanan atas. Kemudian klik tombol unduh template lengkap untuk membuat sebuah berkas salinan. Klik tombol Tutup bila proses telah selesai.
   
   
   
   
   
   
4. Klik tombol Edit HTML, kemudian klik tombol Lanjutkan.
   
   
   
   
   
   
5. Klik kotak kecil disamping tulisan Expand Template Widget. Tunggu beberapa saat.
   
   
   
   
6. Cari kode berikut: <data:post.body/> (gunakan CTRL+F untuk pencarian cepat) :
7. Copy paste kode berikut persis diatas kode tadi:

<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;teknologi&quot;'>
<a href='http://www.krtutorplus.com/' title='KR Tutor plus'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZU8iMi61nuliItAQRPefVUngucZzjbKJBWgyi9ZmClUKN6U8Z3qETB3RZl0Z_wZVljXBJjx-l0ZhTix99wqQ3c-9kUg7rfrEBNNZfnjXFu2XAb-qAA7Fjof-73gxzYBioXCDah5dT9_HL/s1600/krtutor.jpg' alt='KR Tutor plus'/></a>
<b:else/>
<b:if cond='data:label.name == &quot;ekonomi&quot;'>
<a href='http://lowongankerja.krtutorplus.com/' title='KR Jobs'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhd3Z6kGrW-KSZT9bnsTEHJaQdH_IxmwtHfQRTlBwn_tNn8Iv9HNJ_r3_uBAwGoOPV31oc5LuLO7Uw5bhvRP15Es0UwFUjx2CITG0KqgvK8Lnm8Q4kPaAut6z1t2S1LdeqyFWWQDj6VCaC/s1600/krjobs.jpg' alt='KR Jobs'/></a>
</b:if>
</b:if>
</b:loop>

Langkah selanjutnya adalah menentukan iklan itu akan disimpan di mana? Sebagai contoh iklan tersebut ingin ditempatkan diatas posting dan hanya muncul pada single post (di halaman depan tidak muncul), maka kode yang sesuai adalah seperti berikut:

<a href='http://www.krtutorplus.com/' title='Kr Tutor Plus'><img alt='KR Tutor plus' border='0' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZU8iMi61nuliItAQRPefVUngucZzjbKJBWgyi9ZmClUKN6U8Z3qETB3RZl0Z_wZVljXBJjx-l0ZhTix99wqQ3c-9kUg7rfrEBNNZfnjXFu2XAb-qAA7Fjof-73gxzYBioXCDah5dT9_HL/s1600/krtutor.jpg' /></a>

<a href='http://lowongankerja.krtutorplus.com/' title='KR Jobs'><img alt='KR Jobs' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhd3Z6kGrW-KSZT9bnsTEHJaQdH_IxmwtHfQRTlBwn_tNn8Iv9HNJ_r3_uBAwGoOPV31oc5LuLO7Uw5bhvRP15Es0UwFUjx2CITG0KqgvK8Lnm8Q4kPaAut6z1t2S1LdeqyFWWQDj6VCaC/s1600/krjobs.jpg' /></a>

Banner pertama hanya ingin muncul pada kategori: teknologi, dan banner kedua hanya ingin muncul pada kategori: ekonomi, maka kode yang harus di pasang adalah seperti ini :

Ini adalah tulisan murni yang aku copas dari KR tiada satupun yang dirubah baik bahasa ataupun trik trik yang di tuliskannya ini semua untuk documen masnet yang masih belum mengerti sekali yang namanya blog apa lagi kode pengkodean dan semua linkpun tidak ada yang di matikan..sekian terima kasih atas perhatianya semoga manfaat bagi kita semua dan belia yang empunya di berikan kemudahan dalam hidupnya dan moga mencetuskan banyak pemikiran berliannya untuk kepentingan umat manusia AMINNNNNNNNNN
Cara membuat iklan muncul berbeda sesuai kategori – Sebagaimana telah disebutkan oleh Kang Rohman sebelumnya pada tutorial tentang cara membuat background berbeda sesuai kategori, bahwa kita dapat melakukan pengontrolan banyak hal dengan kategori termasuk pengontrolan munculnya iklan. Dengan kategori kita dapat mengatur iklan apa saja yang ingin muncul dalam kategori tertentu, sehingga iklan yang muncul akan berbeda sesuai dengan kategori yang diinginkan.


Contohnya seperti ini, kang rohman mempunyai satu blog dan blog tersebut saya daftarkan ke beberapa layanan iklan sebut saja google adsense, kliksayacom dan lain-lain. Misalkan blog saya topiknya campur, seperti: ekonomi, politik, entertainment dan lain sebagainya. Dalam hal ini, saya berkeinginan bahwa ketika artikel tersebut memiliki kategori ekonomi, maka iklan yang muncul adalah iklan google adsense. Sedangkan apabila artikel yang ada memiliki kategori politik, maka iklan yang muncul adalah iklan kliksayacom. Hal seperti itu bisa dilakukan dengan mudah.

Contoh lain seperti ini, misalkan blog Kang Rohman memasang iklan google adsense namun blog tersebut ikut juga program sponsored review. Jika dalam posting normal, iklan google adsense diharapkan muncul, namun dalam posting sponsored review di harapkan tidak muncul karena beberapa alasan seperti takut kena banned adsense dan lain sebagainya. Hal yang seperti ini dapat dilakukan melalui kategori.

Contoh lainnya, kang rohman mempunyai beberapa iklan banner. Masing-masing iklan banner tersebut berbeda target pengunjungnya, misal iklan banner satu target pengunjungnya seputar ekonomi, iklan banner dua target pengunjungnya seputar politik maka iklan banner yang kesatu hanya ingin muncul pada kategori ekonomi, dan banner yang kedua ingin muncul hanya pada kategori politik.

Hal-hal seperti yang dicontohkan diatas bisa anda lakukan dengan kode if conditional category seperti ini:

<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;kategori satu&quot;'>
Kode iklan 1
<b:else/>
<b:if cond='data:label.name == &quot;kategori dua&quot;'>
Kode iklan 2
</b:if>
<b:else/>
<b:if cond='data:label.name == &quot;kategori tiga&quot;'>
Kode iklan 3
</b:if>
</b:if>
</b:loop>

Kode diatas adalah contoh kode pengontrolan iklan untuk tiga nama kategori saja, tentu bila anda ingin lebih banyak kategori, tinggal ditambahkan saja.

Beberapa contoh penerapan dalam mengontrol iklan.

Contoh 1

Iklan google adsense hanya muncul pada kategori ekonomi, selain dari itu yang muncul iklan kliksayacom :

<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;ekonomi&quot;'>
Kode iklan adsense (yg sudah diparse)
<b:else/>
Kode iklan KlikSayacom
</b:if>
</b:loop>

Contoh 2

Iklan google adsense tidak ingin muncul khusus pada kategori review :

<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;review&quot;'>
<b:else/>
Kode iklan adsense (yg sudah diparse)
</b:if>
</b:loop>

Cara membuat iklan muncul berbeda sesuai kategori

Agar sedikit lebih jelas, saya akan memberikan contoh yang lebih spesifik. Misalkan Kang Rohman mempunyai dua banner seperti di bawah ini :





Kode HTML nya kira-kira yang akan dibuat seperti ini:

Cara membuat banner animasi – banner animasi terkadang lebih menarik perhatian bila di bandingkan dengan banner biasa yang diam dan statis. Oleh karenanya banyak para pebisnis online lebih suka menggunakan banner animasi untuk sarana promosi produk ataupun jasa yang mereka miliki. Bagi mereka yang terlatih dalam menggunakan berbagai software design grahic tentu tidak ada masalah untuk membuat banner animasi, namun akan berbeda keadaannya bagi yang awam termasuk saya  sebenarnya tulisan aslinya bukan saya namuan kang rohman nota bennya ahli dalam dunia perblogan nusanta menempatkannya  setelah kata orang awan.di lanjutkan  Akan tetapi tentu banyak cara untuk mencapai sesuatu termasuk masalah pembuatan banner animasi. Untuk kita yang awam, banyak layanan online baik gratis ataupun berbayar yang bisa kita pergunakan. Banner animasi umumnya dibuat dalam file gambar berekstensi gif serta gambar dalam bentuk banner flash. Berikut beberapa contoh website yang menyediakan layanan membuat banner animasi : Gif Banner

• http://picasion.com
• http://www.loogix.com
• http://www.createagif.net
• http://gickr.com

Flash banner

• http://www.123-banner.com
• http://bannersabc.com
• http://www.flashbannernow.com
• http://www.quickbanner.com
• http://www.flash-banner-maker-online.com

Cara membuat banner animasi

Sebagai contoh, Kang Rohman  akan membahasnya  tentang  bagaimana cara membuat banner animasi krena asli tek ini beserta penjelasannya merupakan karya Kang Rohman dan beliaulan akan menjelaskan dan  menerangkan berupa banner gif di http://picasion.com. Berikut adalah langkah-langkahnya :

1. Buatlah 2 atau 3 buah banner misal ukuran 125×125 px. Contoh :
   
2. Silahkan kunjungi website http://picasion.com
3. Klik tombol browse untuk memasukkan file banner
4. Pilih ukuran banner yang sesuai dengan keinginan pada opsi Size.
5. Pilih kecepatan animasi pada opsi Speed
6. Klik tombol Create Animation
7. Banner animasi anda telah dibuat
8. Anda dapat menyimpan file banner animasi tersebut, atau bisa juga menggunakan link yang di berikan.
9. Selesai

Ah ternyata sangat mudah "kata beliau" memang kataku juga sangat mudah membuat banner animasi itu.dengan petunjuk beliau itu  Untuk selanjutnya anda dapat memasang gambar tersebut di blog anda. Semoga artikel tentang cara membuat banner animasi ini dapat bermanfaat bagi anda.

Hi Welcome, Terima kasih sudah berkunjung ke blog ini. Jika anda merasa tulisan di blog ini bermanfaat, silahkan subscribe untuk mendapatkan informasi setiap ada tulisan baru di blog ini. Terima Kasih dan Salam, Blogger Pemula
1. Download software XAMPP terbaru di:

http://www.apachefriends.org/en/xampp.html

13. Indikator kedua aplikasi “Apache” dan “MySQL” sudah jalan ,ditandai dengan warna hijau dan tulisan running di sampingnya. Cek server lokal yang telah kita buat dengan mengetikkan “localhost” (http://localhost) di browser yang kita gunakan (internet explorer, mozilla firefox, opera, dll). Jika instalasi benar harusnya muncul tampilan seperti berikut.

Make Money dari Blog @ Cara Install dan Membuat Server Di Komputer Lokal

Tags: buat server, instalasi, install, komputer lokal, koneksi internet, server, wordpress, XAMPP

tulisan aslinya begitu sob!!!!!!!!!!!!!