Cara Membuat Iklan Teks Keren

Cara Membuat Iklan Teks Keren

Membuat Text Advertising sangatlah mudah. Kegunaannya sendiri cukup besar, terutama bagi Anda yang menginginkan agar orang lain memasang iklan di blog Anda. Namun, tampilan iklan text biasa sangat kurang menarik akan sangat jarang mendapatkan klik dari pengunjung. Maka dari itu, tampilan yang elegan, minimalis dan keren sangat di butuhkan. Tampilan iklan yang bagus sebenarnya tidak membutuhkan gambar yang bagus, karena hanya akan membuat web/blog menjadi tidak fast loading lagi. Berikut cara membuat iklan teks yang tidak memberatkan loading web/blog dengan tampilan yang menarik. 

1. Peratama Silahkan menuju halaman Template lalu klik Edit Template.
2. Letakkan CSS berikut tepat di atas code ]]></b:skin> atau </style>

/* css text advert */
#opickweblog-iklan {height:auto;background-color:#fff;position:relative;overflow:hidden;margin:0 auto;}
#opickweblog-iklan h2.iklan-header {cursor:pointer;background-image:none;background:#fff;font-family:'Roboto Condensed',Tahoma,Serif;font-weight:400;color:#444;border-top:1px solid #eee;border-bottom:none;padding:5px 10px;margin:0;position:relative;text-transform:none;letter-spacing:0;line-height:30px;}
#opickweblog-iklan h2.iklan-header:hover{color:#CDB280;}
.opickweblog-iklan-post-footer .iklan-header {border-bottom:0;}
#opickweblog-iklan h2.iklan-header:first-child {border-top:0;}
#opickweblog-iklan h2.iklan-header:before {content:"";width:0;height:0;position:absolute;top:20px;right:15px;border:5px solid transparent;border-color:#aaa transparent transparent;}
#opickweblog-iklan div {height:auto;padding:10px 70px 10px 10px;z-index:1;background:#fff;font-family:'Roboto Condensed',Tahoma,Serif;font-size:14px;font-weight:400;color:#fafafa;position:relative;border-top:1px solid #eee;}
.ad-judul {font-family:'Source Sans Pro',Tahoma,Serif;font-size:16px;font-weight:700;margin:0 0 5px 0;}
a.ad-judul {color:#CDB280!important;display:inline-block!important;font-family:'Roboto Condensed',Tahoma,Serif!important;font-size:20px!important;}
a:hover.ad-judul {color:#333;text-decoration:underline;}
.isiklan-opickweblog a {color:#444;text-decoration:none;display:block;margin-bottom:10px;font-family:'Roboto Condensed',Tahoma,Serif;font-size:13px;font-weight:400;}
.isiklan-opickweblog a:hover {color:#CDB280;text-decoration:none;}
.ad-isi {padding-top:15px;color:#444;text-align:left!important;}
.panah-iklan {background:#CDB280;border-radius:50%;cursor:pointer;height:34px;float:right;margin-right:-60px;margin-top:-50px;width:34px;text-align:center;line-height:26px;}
.panah-iklan:hover {background:#333;}
img.chevarrow{width:14px;height:22px;}

2. Letakkan JavaScript berikut di atas code </head>

<script defer='defer' src='https://googledrive.com/host/0B2oQSsObIa2lcUh3Q2VkNGdadm8' type='text/javascript'/>

3. Silahkan menuju menu Tata Letak lalu klik add widget. Pilih HTML/JavaScript lalu masukkan code berikut.

<div class='opickweblog-iklan-sidebar' id='opickweblog-iklan'>
    <!-- iklan ke 1 -->
    <div data-header='Pasang Iklan Disini' style='border-top:none'>
        <span class='isiklan-opickweblog'><a class='ad-judul' href='#' rel='nofollow' target='_blank'>Pasang Iklan Disini</a><a href='#' target='_blank'>wajahilmu.blogspot.com</a><span class='ad-isi'>Pasang iklan Anda disini, hanya 10 ribu / bulan.</span><a class='panah-iklan' href='#' rel='nofollow' target='_blank'><img alt='Klik Disini' src='http://3.bp.blogspot.com/-cwd8Usq_Y74/VSYYEY8WEMI/AAAAAAAACNg/Ghu0DTh6dYw/s1600/chevron.png' class='chevarrow' style='margin-top:7px;margin-left:2px;width:12px;height:19px' width='12' height='19' title='Meluncur'/></a></span>
    </div>
    <!-- iklan ke 2 -->
    <div data-header='Pasang Iklan Disini'>
        <span class='isiklan-opickweblog'><a class='ad-judul' href='#' target='_blank'>Pasang Iklan Disini</a><a href='#' target='_blank'>wajahilmu.blogspot.com</a><span class='ad-isi'>Pasang iklan Anda disini, hanya 10 ribu / bulan.<a class='panah-iklan' href='/p/contac.html' target='_blank'><img alt='Klik Disini' src='http://3.bp.blogspot.com/-cwd8Usq_Y74/VSYYEY8WEMI/AAAAAAAACNg/Ghu0DTh6dYw/s1600/chevron.png' class='chevarrow' style='margin-top:7px;margin-left:2px;width:12px;height:19px' width='12' height='19' title='Meluncur'/></a></span></span>
    </div>
    <!-- iklan ke 3 -->
    <div data-header='Pasang Iklan Disini'>
        <span class='isiklan-opickweblog'><a class='ad-judul' href='#' target='_blank'>Pasang Iklan Disini</a><a href='#' target='_blank'>wajahilmu.blogspot.com</a><span class='ad-isi'>Pasang iklan Anda disini, hanya 10 ribu / bulan.<a class='panah-iklan' href='#' target='_blank'><img alt='Klik Disini' src='http://3.bp.blogspot.com/-cwd8Usq_Y74/VSYYEY8WEMI/AAAAAAAACNg/Ghu0DTh6dYw/s1600/chevron.png' class='chevarrow' style='margin-top:7px;margin-left:2px;width:12px;height:19px' width='12' height='19' title='Meluncur'/></a></span></span>
    </div>
    <!-- iklan ke 4 -->
    <div data-header='Pasang Iklan Disini'>
        <span class='isiklan-opickweblog'><a class='ad-judul' href='#' target='_blank'>Pasang Iklan Disini</a><a href='#' target='_blank'>wajahilmu.blogspot.com</a><span class='ad-isi'>Pasang iklan Anda disini, hanya 10 ribu / bulan.<a class='panah-iklan' href='#' target='_blank'><img alt='Klik Disini' src='http://3.bp.blogspot.com/-cwd8Usq_Y74/VSYYEY8WEMI/AAAAAAAACNg/Ghu0DTh6dYw/s1600/chevron.png' class='chevarrow' style='margin-top:7px;margin-left:2px;width:12px;height:19px' width='12' height='19' title='Meluncur'/></a></span></span>
    </div>
    </div>

4. Silahkan ganti wajahilmu.blogspot.com dengan alamat web/blog si pemasang iklan, Ganti juga code # dengan link si pemasang iklan, Ganti Pasang iklan Anda disini, hanya 10 ribu / bulan. sesuai keinginan Anda. 

5. Jika sudah selesai di edit, silahkan klik save dan lihat hasilnya.

Result

Bagikan Artikel ini