Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

THEME SHOP - Tukang Toko Online
Jasa Review

Blogger Template Prado Untuk Toko Online Produk Teknologi dan Ipad


Nama Template Prado
Demo Template
Deskripsi Prado adalah Blogger Template  Gratis yang bersih dan elegan yang bergaya magazine. Template ini diadaptasi dari WordPress Theme dengan desain iPad yang terintegrasi.


Ada 2 kolom pada blogger template ini dengan sidebar kanan, 4 kolom footer, template bergaya magazine, ada fitur konten Nivo Slider, juga sudah ada tabview, drop down menu, SEO optimize, banner iklan yang sudah siap, social widget juga sudah ada, kompatibel dengan kebanyakan browsers seperti Firefox, Chrome, Opera, Safari dan Internet Explorer, dan masih banyak lagi.


Template ini sangat sesuai untuk blog/toko online bertema teknologi dan gadget khususnya mengenai iPad

Untuk Cara Ganti Template Blogger, Klik DISINI tutorialnya.

Jika Anda adalah pemula dan mengalami kesulitan dalam hal membuat sebuah blog toko online dengan blogspot, Maka Saya akan melakukannya untuk anda dengan biaya sangat murah, hanya US$ 7.5 (Rp 75.000) sebagai pengganti biaya Online Internet.


Pesan DISINI
Setting Template
1. Cara Setting Nivo Slider
Langsung ke bagian Design >> Edit HTML dan temukan kode di bawah ini


<a href='http://www.dhetemplate.com/'><img alt='#Post Title' class='nivim' height='300' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6vwnPJ4oHBNR7k5hLqc3r5clq78laVm5uDKzVu1GTOVA9QTWaz4ZI2UStgj-H7ZuE8BmoCskvLrKAGvCUlWfEZqKLJrRhvhB4xW5AN17ydGf7CDwU_-ZwGlB5-4wqcuxFRGpvK9qnoK4F/s1600/2.jpg' title='#Post Title' width='768'/></a>


Ubah huruf warna merah dengan link anda, ALT image, URL Gambar dan Title/judul

2. Cara Setting RSS Feed, Facebook, Twitter, Linkedin dan Youtube
Langsung menuju ke Design >> Edit HTML dan temukan kode seperti di bawah ini:


<li><a href='http://feeds.feedburner.com/Dhetemplate-NewFreeBloggerTemplateEveryday'><img alt='RSS' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp4PCG6Sk2T-b9_2qruNsKnGkZXq2wsHtOt3xFTOwYhAmuWVycaLO0g9r9iP7GZhUyseLN5zEY9ttWVRGYiA8hqPjlMz92rh3Fk7vmIbZvCD2sFvvCbBlEToYyhr4vurRO5wa30yYgFWaN/s1600/rss.png' title='Subscribe here'/></a></li>
<li><a href='http://www.facebook.com/dhetemplate'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRFq7wOkvtO2OfGfQ7AG9Rm3pgU8GkOW4MgGsrBR_p8t-RnWa2EMiLtpT-uF5G61jD5tb2aL8_HZ9k-491p6qV074zju9XQyGhXdGQ8a2PtZT071w-c6uZkw46bEnbSqSI0_4kpTtmx5jI/s1600/facebook.png' title='My Facebook'/></a></li>
<li><a href='http://twitter.com/DheTemplate'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdcv_X1GfljR8tEzIx18IZ2TJ90bISLKllmMXJzXsIXNU6bN-z9LXcSHB1t3GDM-Ia3xtIlpvBg7BtfyJbqnINSySuugVBto0Aon9HNu8bRP_vzPz8dEeNij0TN_9SkEkK6Zd_EaYBaV-H/s1600/twitter.png' title='Follow me'/></a></li>
<li><a href='YOUR_LINKEDIN_LINK'><img alt='Linkedin' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPdP_qT6gfo2UakpeSJJUySdB7hKp5mqlRzW_tf5SLy8-_fq6FPRyYlgTf2IWEDyHOSnJWJxIbCy-ZPOvZ1Jz8i3a2F5tNzWQRV_8F5fwmul3HkHjRaajjImU-RiXmjFNLKqzuZlyLOsfg/s1600/linkedin.png' title='My Linkedin'/></a></li>
<li class='lasticon'><a href='YOUR_YOUTUBE_LINK'><img alt='Youtube' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUsVRr5GUHk3p3ZqeuMbO9rfVh_U1cycfkC0qIaL6Q-YxgiL2nX_RjcTS4icRgovpVPXan0Ql0Kd8RYvzWSHOnBsKk1Xnwrc8EvPHJi6a-IesyRtgVqUmPyZOfeV2g2q5CopX3qoPuUOva/s1600/youtube.png' title='My Channel'/></a></li>


Ubah yang berwarna merah sesuai keinginan

3. Cara Setting Banner iklan 125 x 125px
Cara Setting banner di kiri
<span class='banner1'>
kode banner anda ada di sini</span>

Cara Setting banner kanan
<span class='banner2'>
kode banner anda ada disini
</span>

** Update **

Langsung ke Design > Edit HTML dan temukan kode di bawah ini


.crosscol .PageList li, .PageList li{
margin:0;
padding:0;
outline:none
}

.PageList{
width:480px;
padding:0;
margin:0 auto;
}

.PageList li a{
margin:0;
padding:10px 10px;
display:block;
font-size: 14px;
line-height:30px;
font-weight:bold;
color:#fff;
}

.PageList li a:hover{
color:#fff;
}

.PageList li.selected a{
color:#fff;
text-decoration:none;
}


Ubah kode tersebut dengan kode ini :


#PageList1{
padding:0;
margin:0;
float:left;
width:480px;
}

.crosscol .PageList li, .footer .PageList li, .crosscol .PageList ul, .footer .PageList ul {
float: left;
list-style: none;
margin: 0;
padding:0;
}

.PageList li a{
margin:0;
padding:10px 10px;
font-size: 14px;
line-height:30px;
font-weight:bold;
color:#fff;
display:block;
}

.PageList li a:hover{
color:#fff;
}

.PageList li.selected a{
color:#fff;
text-decoration:none;
}



Kemudian tambahkan kode di bawah ini untuk menyembunyikan judul PageList

#PageList1 h2 {display:none;}

exactly before ]]> code