Cara Membuat Button Demo Dan Download Di Sidebar Di Blogger

Bahastutorial.com - Tutorial kali ini kita akan memabahas cara membuat tombol download dan demo di blogger dengan posisi di sidebar atau di pinggir. lalu bagaimana cara agar tombol demo dan downloadnya bisa berada di pinggir atau di sidebar.Kesempatan kali ini mari kita bahas tutorialnya.

Langsung saja ke tutorialnya :

1. Masuk Ke blogger
2. Pilih Theme/Tata Letak
3. Masuk Ke Edit Html
4. Cari Kode ]]></b:skin> Simpan Kode Di Bawah Ini Tepat Diatas Kode ]></b:skin>

/* CSS StoreStyle By Bahastutorial.com*/
#store-style{overflow:hidden;font-family:'Open Sans',sans-serif;background:#fff;border:1px solid #ddd;padding:25px 10px 10px;margin-bottom:20px}
#store-style .storebutton{background:#07ACEC;color:#fff;font-weight:bold;border-radius:3px;text-align:center;transition:all .4s ease-in-out;position:relative}.rio-ss{padding-top:15px;overflow:hidden}.idb{line-height:1.5;padding:25px 0 5px}
#store-style .storebutton:hover{background:#333;color:#fff}.but1{padding:10px 95px}.but2{padding:10px 84px}
.storelist{padding:12px 10px;border-bottom:1px solid #ddd;width:100%;float:left}
.storelist:last-child{border-bottom:none}
.storelist:before{content:"\f05d";font-family:FontAwesome;font-size:13px;font-style:normal;font-weight:400;padding:5px}

5. Selanjutnya Cari Kode </head> Dan Letakan Kode Di Bawah Ini Tepat Di Atas Kode </head>

<script type='text/javascript'>
/*<![CDATA[*/
$(document).ready(function(){
$('a[name="details"]').before($('#Theme-details').html());
$('#Theme-details').html('');
});
/*]]>*/
</script>

6. Kemudian Letakan Kode Di Bawah Ini Di Sidebar Tata Letak/Layout > Add a gadget/Tambah gadget > Html/Javascript

<a name='details'/>
<div class='clear'/>

7. Langka Terakhir Simpan Kode Di Bawah Ini Di Postingan Atau Page Yang Ingin Kalian Tampilkan Button Download Dan Demo

<div style="display:none">
<div id="Theme-details">
<div id="store-style">
<center><a class="storebutton but1" href="#LINK-DEMO" target="_blank">Live Preview</a></center>
<div class="rio-ss idb">
See it live with all the features that exist, both on the homepage and the page posts.</div>
</div>
<div id="store-style">
<center><a class="storebutton but2" href="#LINK-PURCHASE" target="_blank">$5.20 - Buy Now</a></center>
<div class="rio-ss">
<span class="storelist">Support Template Update</span>
<span class="storelist">Remove Footer Credits</span>
<span class="storelist">For Unlimited Domains</span>
<span class="storelist">No Encrypted Scripts</span>
<span class="storelist">Support Color Change</span>
<span class="storelist">And Much More...</span>
</div>
</div>
<div style="clear:both">
</div>
</div>
</div> 

8. Edit Beberapa Bagian Yaitu

• #LINK-DEMO = Masukan Dengan Link Demo Kalian

• #LINK-PURCHASE = Masukan Dengan Link Download Kalian

• $5.20 - Buy Now = Di Isi Dengan Tulisan Yang Kalian Inginkan Misalnya "Download"

• Live Preview = Di Isi Dengan Tulisan Yang Kalian inginkan Misalnya"Demo"

• Support Template Update = Bisa Di Edit Sesuai Yang Kalian inginkan Dan Bisa Di Hapus

• Remove Footer Credits = Bisa Di Edit Sesuai Yang Kalian inginkan Dan Bisa Di Hapus

• For Unlimited Domains = Bisa Di Edit Sesuai Yang Kalian inginkan Dan Bisa Di Hapus

• No Encrypted Scripts = Bisa Di Edit Sesuai Yang Kalian inginkan Dan Bisa Di Hapus

• Support Color Change = Bisa Di Edit Sesuai Yang Kalian inginkan Dan Bisa Di Hapus

• And Much More... = Bisa Di Edit Sesuai Yang Kalian inginkan Dan Bisa Di Hapus

Live Preview

See it live with all the features that exist, both on the homepage and the page posts.

$5.20 - Buy Now

Support Template Update Remove Footer Credits For Unlimited Domains No Encrypted Scripts Support Color Change And Much More...

Bagaimana tutorial kali ini yang di bahas di situs Bahastutorial.com apakah bermanfaat atau sangat berguna buat kalian yang telah mengunjungi situs Bahastutorial.com?Semoga tutorial kali ini sangat bermanfaat buat kalian pengunjung setia situs Bahastutorial.com .. Apabila masi ada yang kurang ngerti dari tutorial di atas silahkan sampaikan dalam kolom komentar ..

kami siap untuk membantu kalian agar kalian nyaman saat mengunjungi situs web Bahastutorial.com. Apabila kalian ingin mengcopy paste Tutorial ini .. Silahkan kalian meminta ijin terlebih dahulu dengan cara meminta izin dalam kolom komentar ..

Apabila tidak meminta izin terlebih dahulu makan dari pihak Bahastutorial.com siap menindak atau melaporkan atas kejahatan me copy paste .. Terima kasih ditunggu ya tutorial selanjutnya salam dari Bahastutorial.com