Cara Membuat Iklan Banner Animasi Kreatif Sendiri

Membuat Banner Iklan Animasi atau Membuat Iklan Gambar tidaklah sulit. Sebenarnya cukuplah gampang, tinggal kita masuk ke situs atau web penyedia dan tinggal ikuti langkah-langkahnya upload gambar dan di kasih text kata-kata iklan yang kita kehendaki.
Membuat Iklan Banner Animasi Kreatif Sendiri seperti yang sobat lihat dibeberapa website iklan, banner iklan bergambar begitu menarik sehingga membuat kita ingin meng-KLIKnya. 
Inilah strategi iklan yang baru populer dan ngetren saat ini. Iklan biasa tidak begitu menarik karena banyaknya iklan yang terpampang, sehingga banner dengan gambar animasi dan sedikit kata-kata jitu bisa membuat orang tertarik untuk mengunjungi website sobat.
Biar tidak bertele-tele lngsung ke topik aja bagaimana Cara Membuat Iklan Banner Animasi Kreatif Sendiri.
Yang pertama sobat siapkan gambar yang sobat miliki dengan mengeditnya sesuai ukuran dengan format JPG atau GIF. Ukuran gambar : 250 x 250, 200 x 200, dsb.

Setelah gambar sobat siap maka kunjungi website dibawah ini dan ikuti step by stepnya:

 1. http://picasion.com

 2. http://gickr.com

 3. http://www.createagif.net

 4. http://www.loogix.com

Dengan sobat ikuti step by stepnya jika gambar iklan kreatif sobat sudah sesuai bisa langsung di save atau unduh kemudian bisa sobat sebarkan secara online.
Cara Membuat Iklan Banner Animasi Kreatif Sendiri tentunya sekarang sobat sudah tahu dan selamat otak atik dan berkreasi sehingga mampu membuat seperti apa yang sobat inginkan.
Salam berkreasi untuk lebih kreatif dan sukses untuk sobat semua.

Script Iklan Bergerak di Bar Bawah

Script iklan Bergerak di Bar Bawah biasanya tulisannya Done bila menyelesaikan loading halaman atau Stopped jika menghentikan loading halaman suatu situs. Sedangkan yang Anda lihat pada bar bawah halaman ini adalah script informasi halaman di bar bawah dan bisa di modif sebagai iklan sobat.
Bagi Anda yang lebih mengutamakan pernak-pernik di blog tidak ada salahnya mencoba script ini, dijamin keren habis..gag percaya cobain donk, ini dia script yang satu ini, yaitu:
<script LANGUAGE="JavaScript">var speed =5 var pause = 1500 var timerID = null var bannerRunning = false var ar = new Array() ar[0] = "Selamat Datang di Belajar Tutorial Bogger " ar[1] = "Semoga Anda dapat menemukan informasi bermanfaat" ar[2] = "Step by Step Belajar Mengedit Iklan Blog dan Otak Atik Sendiri" ar[3] = "Ciyusss.....MiApa?" var message = 0 var state = "" clearState() function stopBanner() { if (bannerRunning) clearTimeout(timerID) timerRunning = false } function startBanner() { stopBanner() showBanner() } function clearState() { state = "" for (var i = 0; i < ar[message].length; ++i) { state += "0" } } function showBanner() { if (getString()) { message++ if (ar.length <= message) message = 0 clearState() timerID = setTimeout("showBanner()", pause) } //visit http://www.masbugie.com else { var str = "" for (var j = 0; j < state.length; ++j) { str += (state.charAt(j) == "1") ? ar[message].charAt(j) : " " } window.status = str timerID = setTimeout("showBanner()", speed) } } function getString() { var full = true for (var j = 0; j < state.length; ++j) { if (state.charAt(j) == 0) full = false } if (full) return true while (1) { var num = getRandom(ar[message].length) if (state.charAt(num) == "0") break } state = state.substring(0, num) + "1" + state.substring(num + 1, state.length) return false } function getRandom(max) { var now = new Date() var num = now.getTime() * now.getSeconds() * Math.random() return num % max } startBanner() </SCRIPT>
Note :
-Silahkan ubah dan sesuaikan teks yang berwarna merah dengan keinginan Anda.
-Andaikan ingin menambah pesan, silahkan tambahkan dibawahnya  
ar[4] = "pesan selanjutnya"  
dan seterusnya.

Cara Pasangnya :
Masuk ke menu Rancangan-->Tambah Gadget-->HTML/Javascript copas kode diatas kedalamnya.

Semoga script ini bermanfaat buat mempercantik blog kita.

sumber: www.masbugie.com

Cara Membuat Kotak Banner Iklan

Pada tutorial ini saya mau berbagi cara membuat kotak banner iklan 125x125 pixel. Siapa tau kunjungan blog sobat yang terus meningkat ada yang berminat memasang iklan di blog sobat-sobat sekalian. Atau barangkali sobat pengen memasarkan produk sendiri jadi bisa memasangnya di blog sendiri. 
Banner iklan ini nantinya bisa sobat tempatkan di sidebar agar mudah terlihat. Oya banner iklan ini nantinya terdapat 4 kotak iklan, atau mau lebih bisa di modifikasi sendiri. Panduan ini sebagai contoh agar sobat bisa mempraktekan sendiri Membuat Kotak Banner Iklan

Buat sobat yang ingin membuat kotak banner ukuran 125x125 pixel sebenarnya caranya cukup mudah, Cukup satu atau 2 langkah saja, yaitu :

Masuk ke blogger > Rancangan > add gadget > HTML/Javascript, kemudian masukkan kode di bawah ini;
<div align="center"> <table border="0" cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff"><tbody> <tr> <td><center> <a href="URL/Alamat IKLAN" rel="nofollow"><img border="0" alt="Deskripsi Iklan" width="125" src="URL/Alamat Gambar Iklan" height="125"/></a></center> </td> <td><center> <a href="URL/Alamat IKLAN" rel="nofollow"><img border="0" alt="Deskripsi Iklan" width="125" src="URL/Alamat Gambar Iklan" height="125"/></a></center> </td></tr> <tr> <td><center> <a href="URL/Alamat IKLAN" rel="nofollow"><img border="0" alt="Deskripsi Iklan" width="125" src="URL/Alamat Gambar Iklan" height="125"/></a></center> </td> <td><center> <a href="URL/Alamat IKLAN" rel="nofollow"><img border="0" alt="Deskripsi Iklan" width="125" src="URL/Alamat Gambar Iklan" height="125"/></a></center> </td></tr> </tbody></table> <table border="0" bordercolor="#0084ce" cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff"><tbody> <tr> <td><center> <a href="URL/Alamat Blog" rel="nofollow"><img width="265" height="37" border="0" alt="Pasang Iklan Di Sini" src="URL/Alamat Gambar advertise here" /></a></center> </td> </tr> </tbody></table> </div>
Pengaturan Kotak Banner Iklan:

1.  Ganti kata URL/Alamat IKLAN dengan alamat website pemasang iklan

2.  Ganti kata URL/Alamat Gambar Iklan dengan link atau alamat gambar iklan di hosting

3.  Ganti kata Deskripsi Iklan dengan informasi dan deskripsi mengenai iklan yang dipasang, deskripsi ini akan muncul pada saat kursor mouse digerakkan ke arah banner iklan.

4.  Ukuran default sidebar adalah 265, jadi pastikan ukuran sidebar blog sobat tidak kurang dari itu.

Jika sobat ingin menambah kotak iklan lagi dibawahnya misalnya menjadi 6 kotak tinggal masukkan kode di bawah ini, di bawahnya kode yang berwarna biru.
<tr> <td><center> <a href="URL/Alamat IKLAN" rel="nofollow"><img border="0" alt="Deskripsi Iklan" width="125" src="URL/Alamat Gambar Iklan" height="125"/></a></center> </td> <td><center> <a href="URL/Alamat IKLAN" rel="nofollow"><img border="0" alt="Deskripsi Iklan" width="125" src="URL/Alamat Gambar Iklan" height="125"/></a></center> </td></tr>
Dibawah ini adalah contoh sebuah kotak iklan :
<td><center> <a href="http://www.super-gaptek.com/2012/03/cara-membuat-kotak-banner-iklan-125x125.html" rel="nofollow"><img border="0" alt="Tempat Sobat Belajar Blogspot" width="125" src="http://julak-project.googlecode.com/files/kotak%20iklan%201.gif" height="125"/></a></center> </td>

• yang berwarna biru adalah alamat pengiklan
• yang berwarna kuning info/deskripsi iklan
• sedangkan yang berwarna merah adalah alamat gambar pengiklan dihosting

Nah bagaimana sobat, mudah bukan, silakan dicobanya.

sumber :  super-gaptek.com

Cara Membuat Tulisan Iklan Berjalan

Tulisan berjalan di Blog sering kita jumpai dan tentunya ketika kita melihat tulisan berjalan tersebut kemudian mata kita tertuju kesana. Nah, Tulisan berjalan tersebut dinamakan marquee. Sekarang kita akan belajar bersama-sama bagaimana membuta tulisan berjalan tersebut agar blog kita terlihat lebih cantik.ayo kita sama-sama memulainya..


Atribut yang sering di gunakan adalah :

BGCOLOR = "warna" --> Untuk mengatur warna background (latar belakang) teks

DIRECTION = "left/right/up/down" --> Mengatur arah gerakan teks

BEHAVIOR = "scroll/slide/alternate" --> Untuk mengatur perilaku gerakan

Scroll --> teks bergerak berputar

Slide --> teks bergerak sekali lalu berhenti

Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

TITLE = 'pesan" --> Pesan akan muncul saat mouse berada di atas teks

SCROLLMOUNT = "angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.

SCROLLDELAY = "angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik

LOOP = "angka|-1|infinite" --> Mengatur jumlah loop

WIDTH = "lebar" --> Mengatur lebar blok teks dalam pixel atau persen

Agar lebih jelas akan saya sertakan contohnya :

1. Contoh marquee dari gerakan :
<marquee align="center" direction="right" height="200" scrollamount="2" width="30%"> <br /> ini Contoh marquee dari kanan ke kiri <br /> </marquee>

Hasilnya :

ini Contoh marquee dari kanan ke kiri
Ganti kata "right" dengan keinginan anda yaitu bisa : left, up, down .

2. Contoh marquee dari perilaku gerakan :
<marquee align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate"> <br /> ini contoh marquee menurut perilaku <br /> </MARQUEE>

Hasilnya:

ini contoh marquee menurut perilaku

3. Contoh marquee dengan variasi hurup dan warna latar belakang :
<div align="left"> <font><font FACE="georgia" color="White"><b><marquee BGCOLOR="BLUE" width="70%" scrollamount="3" behavior="alternate"> </marquee></b></FONT></div>

Hasilnya :

Banner Iklan Blogger

Ada variasi lain dari marquee ini, yakni ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali, ini hanya di tambahkan sedikit program pada kolom marquee.

4. Contoh, silahkan arahkan mouse anda ke area marquee di bawah ini :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center"> <br /> Silahkan Mouse kamu Disini <br /> </marquee>

Hasilnya :

Silahkan Mouse kamu Disini


5. Contoh marquee yang di dalam nya terdapat link :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center"> <br /><a href="https://duniascriptiklan.blogspot.co.id/" target="new">Banner Iklan Blogger </a><br /> </marquee>
Hasilnya :

Banner Iklan Blogger
Sekarang silakan anda utak-atik sendiri supaya menghasilkan marque yang benar-benar bagus sesuai selera anda

Selamat Mencoba.

Cara Membuat Banner Iklan Sendiri

Membuat Banner Sendiri untuk Iklan atau Mempercantik Blog.
Tips membuat blog kita tampil dinamis dan lebih atraktif, salah satu caranya adalah dengan memajang banner. Karena dengan banner, mata dari pengunjung akan langsung tertuju kepada banner tersebut, terutama apabila anda seorang pebisnis, banner akan lebih efektif untuk iklan yang kita pasang. Cara membuat banner sangatlah mudah, mau yang gratisan ada, mau yang bayar juga ada.Tapi tentunya ada kelebihan dan kekurangannya.

Bagi anda yang berminat dengan banner animasi gratis, anda bisa kunjungi http://www.bannerfans.com Silahkan daftar (gratis), Jika sudah di terima anda tinggal memilih banner yang di sediakan, terus ikutin step by stepnya membuat banner sesuai selera anda kemudian tinggal coppy paste code dan di masukin ke blog anda, mau di tampilkan di sidebar atau di dalam postingan silahkan sesuai selera anda sendiri.

Cara Membuat Iklan Melayang di Tengah Dengan Tombol Close

Cara Membuat Iklan Melayang di Tengah Dengan Tombol Close. Tidak hanya iklan, bahkan foto,video dsb bisa anda masukan di widget ini. Posisi dari widget pop-up ini tepat ditengah tampilan layar blog anda, kalau pun tidak pas ditengah, dapat disesuaikan letak posisinya. Widget pop-up ini berguna jika anda ingin memasang teks/pesan penting, iklan, gambar, atau widget fans facebook.

Ok, tidak usah berlama-lama langsung saja ikuti caranya di bawah ini :
1. Login ke blog anda.
2. Masuk ke bagian Tata Letak / Layout , klik Add a gadget.
3. Pilih HTML / Javascript
4. Kemudian letakkan kode berikut di dalamnya.

<style type="text/css"> #topbar{ position:absolute; padding-left:30%;padding-top:5%; background-color: transparancy; width: auto;heigth:auto; visibility: hidden; z-index: 100; } </style> <script type="text/javascript"> var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session var startX = 30 //set x offset of bar in pixels var startY = 5 //set y offset of bar in pixels var verticalpos="fromtop" //enter "fromtop" or "frombottom" function iecompattest(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function closebar(){ if (persistclose) document.cookie="remainclosed=1" document.getElementById("topbar").style.visibility="hidden" } function staticbar(){ barheight=document.getElementById("topbar").offsetHeight var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera; var d = document; function ml(id){ var el=d.getElementById(id); if (!persistclose || persistclose && get_cookie("remainclosed")=="") el.style.visibility="visible" if(d.layers)el.style=el; el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";}; el.x = startX; if (verticalpos=="fromtop") el.y = startY; else{ el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight; el.y -= startY; } return el; } window.stayTopLeft=function(){ if (verticalpos=="fromtop"){ var pY = ns ? pageYOffset : iecompattest().scrollTop; ftlObj.y += (pY + startY - ftlObj.y)/8; } else{ var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight; ftlObj.y += (pY - startY - ftlObj.y)/8; } ftlObj.sP(ftlObj.x, ftlObj.y); setTimeout("stayTopLeft()", 10); } ftlObj = ml("topbar"); stayTopLeft(); } if (window.addEventListener) window.addEventListener("load", staticbar, false) else if (window.attachEvent) window.attachEvent("onload", staticbar) else if (document.getElementById) window.onload=staticbar </script> <div class="clear"> </div> <div id="topbar"> <div style="text-align: right;"> <a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYJU5oO924qmrhbYMBAufQThTyaxIonXBlE4-8ABIvpO-gTZop2qt_nZzb9eqIUYtqoPvr36t126_ji6FKHmoi4cgH1XHHoUR_Z-aSkB2-_45mOofqEV5-1SLBZwuCVzJFC7qfyHtdMQD2/s1600/close3.png" alt="close"/></a></div> <center> <div style="background: #fff;"> <a href="http://www.lazada.co.id/beli-Handphone-Tablet/#Q1390CGnv5619w"><img src="http://srv-live.lazada.co.id/cms/imageslap/mobile_tablets/300X250_010713_1stcampaign_GENERALmobile&tabletsSET2.gif" height="250" width="300" border="0" alt="lazada.co.id" /></a></div> </center> </div>
Keterangan :
Ganti tulisan script iklan lazada dengan iklan sobat.
Untuk lebar dan sebagainya silahkan anda sesuaikan sendiri.

Cara Memasang Banner Iklan "Pasang Iklan Disini" Sendiri Pada Blog

Hay sobat blogger, sesuai dengan judul diatas pada postingan saya kali ini saya akan memberikan informasi mengenai tata cara pemasangan banner iklan "Pasang iklan disini" ataupun banner iklan yang sudah kalian buat sendiri sebelumnya.. Ya memang sih tutorial yang saya buat ini sudah banyak dituliskan oleh blogger lain pada blog nya, tapi apa salahnya saya menuliskannya juga pada blog yang sederhana ini.. Betul tidak, hehe,-

Pemasangan banner iklan sendiri bertujuan agar pengunjung blog kalian tau kalo pada blog kalian menyadiakan slot iklan / tata ruang website untuk dipasangi iklan orang lain, dengan demikian pengunjung blog kalian yang memiliki jasa / usaha di internet seperti online shooping dan sebagainya bisa memasang / menitipkan banner iklannya sendiri sebagai sarana promosi jasa / usahanya pada blog kalian, tentu kalian akan mendapatkan uang dari orang yang memasang iklan tersebut sesuai dengan kesepakatan sebelumnya.

Oke saya rasa itu sudah cukup untuk membuat kalian faham akan fungsi mengenai pemasangan banner iklan sendiri jadi langsung saja, berikut ini adalah tata cara pemasangan dari berbagai macam ukuran banner iklan "Pasang iklan disini" sendiri pada blog :

Cara memasang banner iklan sendiri pada blog

1. Langkah pertama masuk ke Dashbor Blogger -> Tata letak

2. Pilih lokasi / tata letak untuk dipasangi iklan, lalu klik Tambahkan gadget -> HTML/JavaScript

3. Pastekan script iklan bannermu )*

4. Selesai.

Ket )* Ambil script sesuai dengan ukuran dan banner yang kalian inginkan dibawah ini :

1. Banner iklan ukuran 300x250

• Contoh banner iklan 1

Script :

<a href="http://duniascriptiklan.blogspot.co.id/" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="Banner Iklan"><img alt="Pasang iklan disini" src="http://goo.gl/TmrA0v" height="250px" width="300px" /></a>

• Contoh banner iklan 2

Script :

<a href="http://duniascriptiklan.blogspot.co.id/" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="Banner Iklan 3000x250"><img alt="Contoh banner 2" src="http://goo.gl/Gfj7AB" height="250px" width="300px" /></a>

2. Banner Iklan Ukuran 125x125

• Contoh banner iklan 1

Script :

<a href="http://duniascriptiklan.blogspot.co.id/" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="Banner Iklan 125x125"><img alt="Contoh banner 1" src="http://goo.gl/Y6nIsl" height="125px" width="125px" /></a>

• Contoh banner iklan 2

Script :

<a href="http://duniascriptiklan.blogspot.co.id/" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="Banner Iklan 125x125"><img alt="Contoh banner 2" src="http://goo.gl/SJJC7l" height="125px" width="125px" /></a>

3. Banner Iklan Ukuran 468x60

• Contoh banner iklan 1

Script :

<a href="http://duniascriptiklan.blogspot.co.id/" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="Banner Iklan 468x60"><img alt="Contoh banner 1" src="http://goo.gl/rAhKWg" height="468px" width="60px" /></a>

Keterangan :

1. Warna biru : Ganti dengan link laman / artikel blog yang berisi mengenai informasi dan tata cara pemasangan iklan pada blog kamu.
2. Warna kuning: Merupakan link gambar, jadi jika seandainya kalian membuat banner iklan sendiri, kalian cukup ganti link tersebuut dengan link gambar yang sudah kalian buat.

Nah itulah tata cara memasang banner iklan sendiri pada blog, saya harap setelah kalian membaca artikel ini kalian sudah bisa memasang banner iklan sendiri dan mendapatkan komisi tambahan dari orang yang memasang / mempromosikan jasa / usahanya pada blog anda.

Demikianlah informasi yang bisa saya sampaikan, apabila ada pertanyaan ataupun sekedar ingin mengemukakan pendapat yang sesuai dengan isi pada artikel ini silahkan menuliskannya pada kolom komentar, sekian dan terima kasih.

sumber: PROBLOGGIT.com

Cara Memasang Iklan Melayang Dibawah Blog

Cara Memasang Iklan Melayang dibawah Blog - Memasang iklan melayang dibawah blog dengan tombol close atau dengan efek floating ini memang sangat cocok untuk blog yang ingin menyediakan slot iklan yang banyak. Memasang iklan melayang dibawah blog memang sering kita jumpai di blog-blog yang sudah populer atau blog yang banyak menyediakan slot atau space iklan, tujuannya apa lagi kalau bukan untuk mencari keuntungan dari hasil ngeblognya.
Perlu Anda perhatikan bahwa memasang iklan melayang dibawah blog usahakan disertai dengan tombol close, karena jika tidak ini akan sangat mengganggu pembaca atau visitor blog yang berkunjung ke blog Anda. Selain itu google juga tidak akan menyukai blog seperti ini karena sebagian konten terhalang oleh iklan dengan efek floating dibawah blog. Dengan adanya tombol close pada iklan blog maka ini akan sangat membantu pengunjung blog untuk membaca dan melihat secara full atau penuh tampilan blog kita.

Pada kesempatan kali ini akan membagikan sebuah tutorial mengenai cara memasang iklan melayang dibawah blog dengan tombol close. Untuk demonya silahkan lihat saja gambar diatas, dan bagi yang ingin memasang iklan dibawah blog silahkan lihat saja tutorialnya dibawah ini :

1. Masuk ke Blogger.com
2. Klik Tata Letak => Tambahkan Gadget
3. Pilih HTML/JavaScript
4. Copy kode dibawah ini :
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'> </script> <script type='text/javascript'> $(document).ready(function() { $('img#closed').click(function(){ $('#btm_banner').hide(90); }); }); </script> <style type='text/css'> div#btm_banner { bottom: 0; position: fixed; width: 100%; opacity: 0.9; left: 0; } div#btm_banner img{ border:0; cursor:pointer; } </style> <div style='height: 0px;'> </div <div align='center' id='btm_banner' style='height: 90px; z-index: 9999;'> <div style='text-align: right; width: 728px; height: 6px;'> <img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf7zq_M6mmdciWa1yUtAcJxxXfcxsAkOEM3MulBGb8bQpkyoRvsQQC2zCFaFuC6x6SIpPZNf1811Xhe0I4s0Eejrn3i8sSSXvhfH668DLMkwW5bInA2DYLVSmVwRR6kA1chixknQOvqV6f/s1600/close-icon.png'/></div> <div style='clear: both;'> </div> <p> <p> <div style="text-align:center;"> PASTE SCRIPT/KODE IKLAN DISINI </div> </p> </p> </div>
Catatan :
- 100% adalah lebar iklan, sebaiknya kode ini jangan diganti.
- 0.9 adalah opacity atau transparan, semakin kecil nilainya semakin transparan jika nilainya 1 tidak transparan.
- center adalah posisi ditengah, jadi posisi iklan akan berada ditengah, silahkan ganti menjadi right atau left sesuai dengan keinginan Anda.

5. Klik Simpan
6. Klik Simpan Setelan

Yang ingin pasang iklan di blog ini silahkan baca-baca disini Pasang Iklan. Sekian artikel mengenai Cara Memasang Iklan Melayang dibawah Blog.

Sumber: ficripebriyana.com

Membuat Iklan Melayang Dengan Tombol Close

Objek melayang atau sering juga di sebut dengan Float Top Bar, sebuah jendela kecil yang muncul dari atas halaman setiap kali kita mengunjungi Website atau Blog. Float Top Bar ini biasanya berisi Content Iklan ataupun sebuah Form SubScribe sehingga pasti terlihat oleh pengunjung Website atau Blog kita.
Untuk membuat Iklan melayang seperti ini sangatlah mudah, hanya dengan beberapa langkah, maka Iklan Melayang tersebut sudah bisa terpasang pada Website atau Blog Anda.

 Oke, berikut ini adalah langkah-langkah pembuatannya :

1.Login Ke Blogger.com dengan Akun anda masing-masing Pastinya
2.Masuk ke Tab Tata Letak
3.Pilih Elemen Halaman
4.Tambah Gadget Pilih HTML / JAVASCRIPT
5.Dan copy kode di bawah ini kedalamnya yah
<a onblur="try {parent. deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi55pIXyiK1LVGQZ1flpgyFh5YS1ixkIvK7fMgDumqs16ewllmCv8FNmrNx-2Qu7FZxzwk3zklIMZ_pOdEkcqNGZXFJQb0a3vkcBleYqjmDifwSVzIkfHB74YwkqKwbdY_Qj3l-jMmqDoY/s1600-h/Widget.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi55pIXyiK1LVGQZ1flpgyFh5YS1ixkIvK7fMgDumqs16ewllmCv8FNmrNx-2Qu7FZxzwk3zklIMZ_pOdEkcqNGZXFJQb0a3vkcBleYqjmDifwSVzIkfHB74YwkqKwbdY_Qj3l-jMmqDoY/s400/Widget.JPG" alt="" id="BLOGGER_PHOTO_ID_5433478876639914642" border="0" /></a> <style type="text/css"> #gb{ position:fixed; top:10px; z-index:+1000; } * html #gb{position:relative;} .gbcontent{ float:right; border:2px solid #A5BD51; background:#ffffff; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <div style="text-align:right"> <a href="javascript:showHideGB()"> .:[Close][Klik 2x]:. </a> </div> <center> Masukan Kode iklan atau Gambar yang anda inginkan di sini </center> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></center> </div> </div>
6. Simpan
Untuk tulisan yang berwarna merah, bisa teman-teman ganti dengan kode iklan, gambar ataupun tulisan yang diinginkan, selamat mencoba. Semoga bermantaat

sumber:  www.maskolis.com

Cara Memasang Kode Iklan Pada Posting Blog

CARA PASANG KODE IKLAN PADA POSTING BLOG, Untuk pemasangan kode iklan pada posting BLOG memang berbeda dengan pemasangan kode iklan pada WIDGET. 

Untuk pemasangan kode iklan pada TEMPLATE BLOG ( posisi iklan dibawah atau di atas judul posting ) kode iklan harus di PARSE terlebih dahulu sebelum di tempatkan pada TEMPLATE Blog.

Untuk jenis pemasangan kode iklan pada WIDGET, Anda tinggal memasang kode iklan tanpa harus mem-PARSE kode tersebut.

Iklan tentunya dapat memaksimalkan pendapatan blog Anda, dengan memasang iklan di tempat atau posisi yang strategis, salah satunya di bawah postingan, atau di atas postingan. Tips berikut ini adalah memasang iklan secara otomatis atau meletakkan code script iklannya pada HTML template Anda, dan tentunya sangat memakan waktu, apabila kita harus memasang iklan secara manual.

Bagaimana caranya..? berikut langkah langkahnya:

Cara Membuat Iklan Otomatis Dibawah Postingan Blog

Sebelum kita memasang kode iklan di blog, yang harus kita lakukan ialah mem-Prase kode iklan bagaimana caranya berikut langkah demi angkahnya

< 1 > yang harus kita lakukan ialah memPrase kode Iklan yang akan kita pasang, Untuk cara memprase kode iklan sahabat bisa klik disini

< 2 > selanjutnya copy kode iklan sobat kemudian pastekan, dan klik Prase.

Cara memasang kode iklan di HTML blog

Selanjutnya untuk memasang kode iklan yang sudah  sahabat Prase, di HTML blog, berikut langkah demi langkahnya:

>>> Login dengan akun Blogger.com sobat.

>>> Selanjutnya klik Template lalu Edit HTML

>>> Selanjutnya sahabat cari kode <data:post.body/> setelah sahabat menemukan kode HTML sahabat copy code iklan dan pastekan di bawah code <data:post.body/>

>>> selanjutnya klik SAVE

Note : 

Tidak MUNCULnya IKLAN pada halaman posting Blog Anda, semata mata kesalahan penempatan kode iklan tersebut, intinya semua kode bisa ditampilkan, namun kesalahan penempatan dapat menimbulkan IKLAN tidak bisa MUNCUL setelah di SAVE.

TIPBLOGKU akan memberikan alternatif lain bagaimana cara pasang script iklan secara otomatis, jika sobat tidak berhasil dengan cara di atas.

Berikut ini Alternatif lainnya

Cara Memasang Iklan Otomatis di Bawah Postingan

< 1. > Masuk ke Template > Edit HTML > Klik Expand Widget Template < untuk backup tamplete Sobat >

< 2. > Copy kode di bawah ini dan letakkan di atas <div class='post-body entry-content'> atau di bawah <data:post.body/>

<b:if cond='data:blog.pageType == "item"'> <p> Letakkan kode iklan yang sudah diparse disini </p> </b:if>

< 3. > Kemudian SAVE 

Cara Memasang iklan Otomatis di Atas Postingan :

< 1. > Cari kode <data:post.body/> yang kedua.

< 2. > Letakkan kode iklan yang telah diparse di atas <data:post.body/>

< 3. > Kemudian SAVE

Cara Menempatkan Iklan Menyatu di dalam Postingan

Seperti menambahkan gambar di sebelah kiri artikel dapat anda lakukan dengan meletakkan kode seperti berikut ini. Lalu letakkan di atas <data:post.body/> No.2

<div style='clear: left; float: left;'>

    <table cellpadding='0' cellspacing='0' class='tr-caption-container' style='float: left; margin-right: 4px; text-align: left;' width='300px'><tbody>

    <tr><td align='left' style='text-align: left;'>

    ( Masukkan kode iklan Google Adsense ukuran 300x250 disini )

    </td></tr>

    <tr><td style='text-align: center;'><span style='font-size: xx-small;'><b><a expr:href='data:blog.pagenameUrl' expr:title='data:blog.pageName'><data:blog.pageNam e/></a></b></span></td></tr></tbody></table>

    </div>

< 3. > Kemudian SAVE

Cara Membuat Iklan Melayang di Footer dengan Tombol Close :

1. Login ke Akun Bloger anda.

2. Masuk ke bagian Tata Letak / Layout , klik Add a gadget.

3. Pilih HTML / Javascript

4. Kemudian letakkan kode berikut di dalamnya.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>

</script><br />

<script type='text/javascript'>

$(document).ready(function() {

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

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

});

});

</script>

<style type='text/css'>

div#btm_banner {width: 100%; bottom: 0; left: 0; position: fixed; opacity: 0.9;}

div#btm_banner img{

border:0;

cursor:pointer;

}

</style>

<div style='height: 0px;'></div>

<div align='center' id='btm_banner' style='height: 100px; z-index: 9999;'>

<div style='text-align: right; width: 728px; height: 6px;'>

<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf7zq_M6mmdciWa1yUtAcJxxXfcxsAkOEM3MulBGb8bQpkyoRvsQQC2zCFaFuC6x6SIpPZNf1811Xhe0I4s0Eejrn3i8sSSXvhfH668DLMkwW5bInA2DYLVSmVwRR6kA1chixknQOvqV6f/s1600/close-icon.png'/></div>

<div style='clear: both;'></div>

<p>

<p><center>

Masukan kode script iklan anda di sini < tanpa parse script >

</center></p>

</p>

</div>

< 3. > Kemudian SAVE Widget

Cara memasang iklan ditengah-tengah postingan secara otomatis.

Caranya:

1. Login pada Blogger.com

2. Lanjut ke menu Template

3. Pilih Edit HTML

4. Lalu cari code <data:post.body/>

(Jika menggunakan auto readmore, pilih code yang ketiga)

5. Jika sudah ketemu, ganti code <data:post.body/>  dengan code dibawah ini

div expr:id='"iklan1" + data:post.id'></div> <div style="clear:both; margin:10px 0"> <b:if cond='data:blog.pageType == &quot;item&quot;'>

    Letakan kode iklan di sini     

    </b:if></div><div expr:id='"iklan2" + data:post.id'><data:post.body/></div><script type="text/javascript">var obj0=document.getElementById("iklan1<data:post.id/>");var obj1=document.getElementById("iklan2<data:post.id/>");var s=obj1.innerHTML;var t=s.substr(0,s.length/2);var r=t.lastIndexOf(" ");if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}</script>

6. Save

Demikian artikel Cara Memasang Kode Iklan pada Posting Blog. SEMOGA BERMANFAAT…..

Cara Membuat Kode Script Iklan Banner

Cara Membuat Kode Script Iklan Banner ini juga sangat bermanfaat untuk mengenalkan usaha ataupun bisnis yang kita miliki dengan memanfaatkan media internet ini salah satunya membuat blog sederhana.

Sudah sedikit paham atau malah bingung? baiklah jadi begini, Contohnyata dalam penerapan Kode Script Iklan Banner di blog bisa di lihat di atas artikel ini yaitu dengan menggunakan Kode Script Iklan Banner yang akan saya berikan kali ini.

Pada kesempatan kali ini kita akan membahas bagaimana cara membuat kode script iklan banner di blog. Beberapa dari anda Anda mungkin sudah tidak asing dengan kode script iklan banner, tapi bagi sebagian orang terkadang masih bingung dengan kode script iklan banner pada blog.

Cara membuatnya cukup sederhana, Anda tinggal copy paste kode dibawah ini pada Gadget HTML/JavaScript.

<a href='http://duniascriptiklan.blogspot.com//' target='_blank' title='Jasa Sebar Iklan Online'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilsBoKRBzpCP-WPtvGPuVV5jQ93wblVTqPq_ylFvY9szPlEvCNrC5aCjf_HOHT9k5vdn7jIOukNVkY5AyIXXh5vkWEx1Uq-R8F470O7vHLu2nRuJYq-RBExCvrcjC4PPfsWudMZLed-NQ/s1600/headerblog.png' alt=Jasa Sebar Iklan Online' border='0'height='60' width='555'/></a>

Keterangan :
Ganti link yang berwarna merah dengan link tujuan. Tulisan yang berwarna hijau adalah keterangan gambar, ganti sesuai keinginan. Ganti link yang berwarna biru dengan link gambar yang akan ditampilkan. Ukuran gambar bisa Anda ganti dengan mengubah height (tinggi) dan width (lebar).

Nah, cukup sederhana bukan kode script iklan banner ini? . jadi sekarang sudah tau ya Cara Membuat Kode Script Iklan Banner dengan baik dan benar ini.

Sumber: carabudidayacacingtanah.blogspot.com