http://trikkuampuh.blogspot.com/. Contoh laman HTML
SELAMAT DATANG DI BLOG KAMI "NIKI TRIK KULO"

Cara Membuat Kotak Iklan di Blog

Melanjutkan tutorial sebelumnyamembuat banner animasi dan flash serta memasang iklan di kanan dan kiri blog, pada kesempatan ini saya akan membahas mengenai tutorial membuat kotak iklan di blog yang berukuran 125x125 px. Mungkin Anda sudah mengetahui bahwa kegiatan menulis artikel di blog (blogging) kini tidak lagi hanya sekedar pelepas hobi atau mengisi kekosongan waktu. Membuat blogdan memanagenya dengan baik dan benar juga dapat menghasilkan materi berupa uang yang sebagian besar para blogger menjadikannya sebagai salah satu mata pencaharian.

Menampilkan atau membuat space iklan berupa banner di website / blog biasanya dijadikan peluang bisnis tersendiri oleh blog atau website yang memiliki pengunjung yang banyak dan memiliki kepopuleran di search engine. Namun tidak tertutup kemungkinan blog Anda yang masih baru dapat tawaran oleh pihak advertise untuk memasang iklan mereka ke dalam blog yang Anda miliki. Jika Anda tertarik untuk menyediakan atau 
membuat kotak iklan di blog, ikuti tutorial blogger yang akan saya jelaskan berikut ini. Klik disini jika ingin pasang iklan murah di super blog pedia

Membuat Kotak Iklan di Blog


Perlu saya sampaikan sebelum Anda membuat kotak iklan de blog adalah hal yang perlu diperhatikan dalam menampilkan space baner iklan adalah letak serta susunannya agar semakin menarik minat orang banyak. Jadi tidak asal pasang gambar yang akhirnya iklan yang ditampilkan menjadi kurang menarik karena berantakan.

1. Silahkan login ke ID/akun blogger Anda
2. Pada menu dropdown klik "template" lalu klik "Edit HTML"
3.Kemudian cari kode ]]></b:skin> (gunakan ctrl+f atau F3 untuk mempermudah pencarian kode). Setelah dapat, masukkan kode berikut ini tepat diatasnya.

 /** Kotak Iklan **/
.kotak_iklan {text-align: center;}
.kotak_iklan  img {margin: 0px 5px 5px 0px;padding: 5px;text-align: center;border: 1px solid #ddd;}
.kotak_iklan  img:hover {border: 1px solid #333}

4. Selanjutnya save/simpan template
5. Kemudian lihat menu disebelah kiri layar lalu klik Tata Letak > Tambah Gadget >  Pilih HTML/JavaScript
6. Langkah berikutnya silahkan masukkan kode berikut ini ke dalam form yang disediakan.

<div class="kotak_iklan">
<a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a> 
<a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a> 
</div>

Perhatikan kata yang saya beri warna pada kode iklan diatas, rubah sesuai urutannya dan begitupula dengan kode yang dibawahnya.

7. Jika sudah selesai, silahkan simpan/save dan lihat hasilnya

Saya rasa tidak sulit untuk membuat kotak iklan di blog, hanya perlu menambahkan beberapa kode kedalam template blog. Untuk itu saya akhiri saja tutorial 
cara membuat kotak iklan di blog ini semoga bermanfaat

CARA MEMBUAT KOTAK IKLAN 125X125


Kali ini saya coba share cara membuat kotak iklan 125 x 125,sebenarnya tutorial seperti ini sudah banyak sekali dan mudah kita temukan namun untuk melengkapi tutorial diblog ini kembali saya share buat sobat semua,untuk kotak iklan seperti ini biasanya ditempatkan pada bagian sidebar mengingat ukurannya yang kurang lebih pas dengan lebar sidebar pada sebuah blog.seperti apa bentuk iklan 125 x 125 yang saya maksud,sobat bisa lihat screenshotnya dibawah ini atau pada sidebar blog ini :


iklan 125 x 125

Nah buat sobat yang mau mencoba berikut  langkah langkahnya :

1. Masuk ke Blogger.com Template >> Pilih Edit HTML + Lanjutkan

2. Kemudian cari  kode ]]></b:skin> dan letakkan kode berikut diatas kode ]]></b:skin>

.kotakiklan {background:#fff;padding: 5px 5px 5px 5px;text-align: center;}
.kotakiklan  img {background:#fff;width:125px;height:125px;margin: 3px 3px 3px 3px;padding:5px 5px 5px 5px;text-align: center;border: 1px solid #ddd;}
.kotakiklan  img:hover {border:1px solid #980000;}

3. Selanjutnya masukan kode HTML di bawah ini dalam Gadget HTML/JavaScript.

<div class="kotakiklan">
<a href="LINK SOBAT" target="_blank" title="TITLE IKLAN"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc0oEYRPHnHS3He9Hqfe9aw6Q4ASqwi9R_9wuptwV4zolaIZR-yWGCWTc7AQ_GzNVe7RBiwCA1U6KqK2ecmIaM4lqWoOR_Co3lt6df0-YzFhk7PFUDGHDQxst1HO6Dg9h-y8184snl-ciE/s1600/125_1.png" alt="ad size"/></a>
<a href="LINK SOBAT" target="_blank" title="TITLE IKLAN"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc0oEYRPHnHS3He9Hqfe9aw6Q4ASqwi9R_9wuptwV4zolaIZR-yWGCWTc7AQ_GzNVe7RBiwCA1U6KqK2ecmIaM4lqWoOR_Co3lt6df0-YzFhk7PFUDGHDQxst1HO6Dg9h-y8184snl-ciE/s1600/125_1.png" alt="ad size"/></a>
<a href="LINK SOBAT" target="_blank" title="TITLE IKLAN"><img  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc0oEYRPHnHS3He9Hqfe9aw6Q4ASqwi9R_9wuptwV4zolaIZR-yWGCWTc7AQ_GzNVe7RBiwCA1U6KqK2ecmIaM4lqWoOR_Co3lt6df0-YzFhk7PFUDGHDQxst1HO6Dg9h-y8184snl-ciE/s1600/125_1.png" alt="ad size"/></a>
<a href="LINK SOBAT" target="_blank" title="TITLE IKLAN"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc0oEYRPHnHS3He9Hqfe9aw6Q4ASqwi9R_9wuptwV4zolaIZR-yWGCWTc7AQ_GzNVe7RBiwCA1U6KqK2ecmIaM4lqWoOR_Co3lt6df0-YzFhk7PFUDGHDQxst1HO6Dg9h-y8184snl-ciE/s1600/125_1.png" alt="ad size"/></a>
</div>

Kode yang berwarna biru adalah link dan Judul Iklan dan yang berwarna merah adalah gambar iklannya,silahkan sobat sesuaikan dengan iklan sobat.

4. Terakhir klik Simpan dan lihat hasilnya.Demikian cara membuat Kotak iklan 125 x 125 diblog semoga bermanfaat.

Cara Memasang Iklan di Blog dan Menghasilkan Uang



Pasang Iklan Murah SEO Blogger

Cara Pasang Iklan di Blog dan Menghasilkan Uang - Ilustrasi
Selamat datang di Blog saya, Kali ini saya akan berbagi mengenai bagaimana Cara Pasang Iklan di Blog dan Menghasilkan Uang. Mungkin banyak Temen - temen Blogger yang masuk ke dunia Blogging dengan tujuan dapat Menghasilkan Uang dari Blog. Malah menurut saya Mayoritas Blogger mempunyi tujuan, walaupun ada yang bukan tujuan utama, tetapi tetap saja ada keinginan untuk menghasilkan Uang melalui Blognya.

Baca Juga : Cara Menulis Judul Blog yang SEO Friendly

Bagi Temen - temen Blogger yang belum mengenal dunia Bisnis Online, Jasa Iklan, dsb. Mungkin masih bingung, "Gimana sih cara Pasang Iklan di Blog dan Menghasilkan Uang?", nah tutorial saya kali ini akan menjelaskan salah satu cara untuk Menghasilkan Uang Dari Blog melalui jasa Iklan.

Baca Juga : Cara Mengurangi Bounce Rate untuk SEO


Banyak sekali Website yang menawarkan Kerja sama untuk menampilkan iklan dan membayar Per Klik yang diterima, Atau biasa disebut PPC ( Pay Per Click ). Nah Bisnis Online jenis inilah yang akan saya bagikan, yaitu PPC ( Pay Per Click ). Oke langsung saja berikut langkah - langkahnya :
  1. Langsung saja Menuju ke Website Jasa PPC nya dengan cara Klik Bannernya di Bawah Ini :
  2. Lalu silahkan saja Daftar, Saya rasa tidak Perlu saya Jelaskan Cara Mendaftarnya. Karena sangat gampang.
  3. Setelah itu Login dan Pilih Account Type : Publisher. dan Temen - Temen Blogger akan Masuk di Halaman Beranda. Seperti ini :
    Cara Pasang Iklan di Blog dan Menghasilkan Uang - 1
  4. Lalu Isi Form Pembuatan Iklan Barunya.
    Cara Pasang Iklan di Blog dan Menghasilkan Uang - 2
  5. Anda akan masuk kembali ke Halaman Bidvertiser Center. Pilih Option Blognya dan Klik tombol Get Ad Code dan Masukan Codenya di Widget HTML Blog.
    Cara Pasang Iklan di Blog dan Menghasilkan Uang - 3
  6. Untuk memilih Bentuk Jenis Iklan, Silahkan Klik Tombol Choose Templates. Temen - Temen Blogger bisa memilih bentuk Iklan yang akan ditampilkan.


Flag Counter