31 Maret 2009

Template Ads Ready

Modifikasi MINIMA kali ini saya beri nama Template Imut 2. Disini saya mencoba memodifikasi template yang ready terhadap iklan baik berbentuk slider maupun fixed, jadi apabila para blogger mania mendambakan template yang bisa dipasang banyak iklan dengan ukuran 125 X 125 px mungkin template ini pantas diperhitungkan.

Langsung pada tutorial :


1. Sebelum menggunakan template ini, silahkan dibackup dulu template anda. Namun saya sarankan untuk mencoba pada blog baru.

2. Untuk merubah background header kanan dan iklan adsense, cari kode dibawah ini:

<div id='header'>
<div class='header section' id='header'><div class='widget Header' id='Header1'>
<div id='header-inner'>
<div class='headerleft'>
<a href='http://edan-ne-cadangan.blogspot.com' style='display: block'>
<img alt='Imut template' height='100' id='Header1_headerimg'
src='http://i288.photobucket.com/albums/ll179/ahnning/imut2.gif' style='display: block'
width='350'/>
</a>
</div>
</div>
</div><div class='widget HTML' id='HTML5'>
<div class='headerright'>
&lt;script type=&#39;text/javascript&#39;&gt;&lt;!--
google_ad_client = &quot;pub-7181952237540333&quot;;
google_ad_host = &quot;pub-1556223355139109&quot;;
/* 468x60, created 6/18/08 */
google_ad_slot = &quot;5864627181&quot;;
google_ad_width = 468;
google_ad_height = 60;
//--&gt;
&lt;/script&gt;
&lt;script src=&#39;http://pagead2.googlesyndication.com/pagead/show_ads.js&#39;

type=&#39;text/javascript&#39;&gt;
&lt;/script&gt;
</div>

Silahkan rubah kode berwarna merah dengan milik anda.

3. Untuk merubah background slider iklan : cari kode dibawah ini :

#slider { background: white

url(http://i288.photobucket.com/albums/ll179/ahnning/slider-bg.jpg); height: 227px;

overflow: hidden;position: relative; margin: 10px 0; }

4. Untuk merubah susunan slider iklan atau slider recent post, cari kode dibawah ini :

<div class='slide' id='slide-1'>
<h1>Garden Rack</h1>
<p>Donec gravida posuere arcu. Nulla facilisi.
imperdiet. Vestibulum at metus. Integer euismod. Nullam placerat rhoncus sapien.
Ut euismod. Praesent libero. Morbi pellentesque libero sit amet ante. Maecenas tellus.</p><a
href='#'><img alt='learn more'
src='http://i288.photobucket.com/albums/ll179/ahnning/slide-1-image.png'/></a>
</div>
<div class='slide'>
<h1>Tulip Bulbs</h1>
<p>Donec gravida posuere arcu. Nulla facilisi.
Phasellus imperdiet. Vestibulum at metus. Integer euismod. Nullam placerat rhoncus sapien.
Ut euismod. Praesent libero. Morbi pellentesque libero sit amet ante. Maecenas tellus.</p>
<a href='#'><img alt='learn more'
src='http://i288.photobucket.com/albums/ll179/ahnning/slide-2-image.png'/></a>
</div>
<div class='slide'>
<h1>Garden Gloves</h1>
<p>Donec gravida posuere arcu. Nulla facilisi.
Phasellus imperdiet. Vestibulum at metus. Integer euismod. Nullam placerat rhoncus sapien.
Ut euismod. Praesent libero. Morbi pellentesque libero sit amet ante. Maecenas tellus.</p>
<a href='#'><img alt='learn more'
src='http://i288.photobucket.com/albums/ll179/ahnning/slide-3-image.png'/></a>
</div>

Text warna biru adalah judul dan penggalan artikel, sedangkan yang berwarna merah adalah url tempat dimana kita menyimpan gambar.

5. Untuk merubah advertise pada sidebar cari kode dibawah ini :

<div id='advertisment-block'>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

</div>

Sedangkan untuk merubah advertise pada footer, cari kode dibawah ini :

<div id='advertisment2-block'>
<center><h2> Pasang iklan anda, cukup Rp. 50.000,-/bln</h2></center>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>
</div>

Kode berwarna biru adalah url alamat yang dituju iklan, sedangkan yang berwarna merah adalah tempat penyimpanan gambar iklan.

Semoga bermanfaat.

DEMO | Download lihat di blog ini

6 komentar:

  1. keren mas coba tes dulu ahhh :)

    BalasHapus
  2. kalau sy malah suka yg imut satu boss

    BalasHapus
  3. makin hari makin mantap mas :)

    BalasHapus
  4. wow... mantaaabb neh bos... ajarin donk bikin template... salam kenal

    BalasHapus
  5. met malem bos berkunjung n salam kenal

    BalasHapus
  6. waaah....siiipz banget tuuh mas, thanks yaa

    BalasHapus

Mockup Hijab Adobe Photoshop Tutorial - FREE FILE PSD

  Mockup Hijab Adobe Photoshop adalah tutorial tentang bagaimana cara merubah warna hijab maupun coraknya. Jika anda ingin mendownload file ...