Cara Membuat Kotak Iklan di Blog Dengan Mudah

Cara Membuat Kotak Iklan di Blog ini sangat berfungsi untuk menambah slot iklan pada blog kalian yang dimana slot yang semula hanya cukup untuk 3 slot sekarang menjadi 7 slot atau lebih. Dengan tampilan yang keren dan responsive, hal ini dapat membuat blog kalian semakin keren dan sangat berbeda dari yang lain. Lanjut saja kalian simak tutorialnya.


Pertama

Login Blogger > Tema > Edit HTML > Cari kode ]]></b:skin> lalu salin kode di bawah ini tepat diastas kode ]]></b:skin>.
Kode CSS
/* 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 #aaa} .kotak_iklan img.noborder {border:0;}

Kedua

Smpan Template

Ketiga

Tata letak > Tambah Gadget > Pilih HTML/Javascript lalu salin kode di bawah ini > Simpan > Done.
Kode HTML
<div class="kotak_iklan"> <a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a> <a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a> <a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a> <a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a> </div>

Komentar

Posting Komentar

Postingan populer dari blog ini

Download Vienna Lite 2 Responsive Blogger Template

Gambar
Featured Template : Responsive SEO Friendly Google Testing Tool Validator Mobile Friendly Dynamic Heading Personal Blog 2 Column Style Custom Threaded Comment Responsive Ad Slot Light Base Theme Color Breadcrumbs Top Navigation Responsive Dropdown Menu Related Posts with Thumb Search Box Social Share Button Smooth Scroll back To Top Custom Subscribe Box Widget Custom Contact Form Widget Custom Sitemap Widget Multi Author Box Well Documentation Live Preview Lihat langsung dengan semua fitur yang ada, baik di beranda maupun halaman posting. Download Gratis Langsung download templatenya disini secara gratis.
Baca selengkapnya

Cara Membuat Logo Google Drive Di CorelDraw

Gambar
      Bang Jariwis ~ Baiklah , kali ini saya akan membagikan tutorial cara membuat logo Google Drive dengan mudah di CorelDraw. Mungkin dari kalian semua , membuat logo Google Drive ini susah. Tetapi setelah saya desain sendiri ternyata sangatlah mudah. Cara membuat logo Google Drive ini mungkin tidak di minati oleh kalian semua. Langsung saja kita simak baik - baik tutorial yang saya berikan di bawah ini. Pertama - Buatlah bentuk segitiga terlebih dahulu menggunakan Polygon Tool (Y) . Contohnya seperti gambar di bawah ini. Kedua - Setelah itu Copy lalu Paste menjadi tiga bagian. Lalu , buatlah seperti bentuk pada gambar di bawah ini. Ketiga - Jika sudah menyelesaikan langkah - langkah di atas . buatlah garis - garis tepi agar tidak berlobang menggunakan 2-Point Line Tool . Pastikan gambarnya sama seperti contoh gambar di bawah ini. Keempat - Potonglah / buanglah bagian - bagian tertentu menggunakan Virtual Segment Delete Tool dan sekarang bentuknya seperti contoh pada gambar di b
Baca selengkapnya

Cara Membuat Logo Xiaomi Di CorelDraw

Gambar
      Bang Jariwis ~ Baiklah kali ini saya akan membuat tutorial cara membuat logo Xiaomi . Saya mendapatkan inspirasi tentang Cara membuat Logo Xiaomi dengan mudah di CorelDraw ini dari anggota grup chat Facebook saya. Yaitu grup KAMPANG . Grup ini memang tidak terkenal sih , karena Grup Facebook chat ini baru saja dibuat. Langsung saja kalian ikuti Tutorial - tutorial yang telah saya buat untuk kalian semua. Pertama - Kalian buatlah bentuk persegi empat seperti gambar di bawah ini menggunakan Rectangle Tool (F6) . Pastinkan bentuk yang kalian buat adalah persegi empat sama sisi .  Kedua - Copy dan Paste Bentuk persegi empat yang telah kalian buat tadi . Agar lebih mudah tekan Ctrl + C lalu Ctrl + V . Setelah itu gunakan Shape Tool (F10) . Lalu tarik kebawah agar bentuk perseginya menjadi tumpul. Ketiga - Potonglah bagian - bagian yang tidak diperlukan sehingga bentuknya berubah menjadi seperti gambar di bawah ini menggunakan Virtual Segement Delete Tool . Keempat - Setelah itu
Baca selengkapnya