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'>
<script type='text/javascript'><!--
google_ad_client = "pub-7181952237540333";
google_ad_host = "pub-1556223355139109";
/* 468x60, created 6/18/08 */
google_ad_slot = "5864627181";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script src='http://pagead2.googlesyndication.com/pagead/show_ads.js'
type='text/javascript'>
</script>
</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
Langganan:
Posting Komentar (Atom)
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 ...
-
Sebagaimana kita ketahui, bahwa dalam peradaban "JAWA" banyak kita jumpai aturan-aturan yang bersifat mengikat. Hal ini karena at...
-
Mengamankan data yang kita miliki dari Copas user lain itu sangat penting, terlebih jika data tersebut bersifat rahasia. Fasilitas yang ada...
-
Berikut ini adalah tutorial Efek Foto Fantasi dengan menggunakan Adobe Photoshop CS5, tutorial ini tidak terlalu panjang, sehingga tidak a...
keren mas coba tes dulu ahhh :)
BalasHapuskalau sy malah suka yg imut satu boss
BalasHapusmakin hari makin mantap mas :)
BalasHapuswow... mantaaabb neh bos... ajarin donk bikin template... salam kenal
BalasHapusmet malem bos berkunjung n salam kenal
BalasHapuswaaah....siiipz banget tuuh mas, thanks yaa
BalasHapus