Selasa, 25 Desember 2018
Bahastutorial.com - Tutorial kali ini kita akan membahas 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
Cara Pemasangan :
1) Masuk Ke Blogger
2) Pilih Template/Tema
3) Kemudian Masuk Ke Edit Html
4) Simpan Kode Css Di Atas Kode ]]></b:skin>
5) Simpan Kode Js Di Atas Kode </head>
6) Simpan Kode Html Di Sidebar Widget > Add Widget > Html / Javascript
CSS
/* 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}
JAVASCRIPT
<script type='text/javascript'>
/*<![CDATA[*/
$(document).ready(function(){
$('a[name="details"]').before($('#Theme-details').html());
$('#Theme-details').html('');
});
/*]]>*/
</script>
HTML
<a name='details'/>
<div class='clear'/>
Edit Beberapa Bagian Yaitu
1) #LINK-DEMO = Masukan Dengan Link Demo Kalian
2) #LINK-PURCHASE = Masukan Dengan Link Download Kalian
3) $5.20 - Buy Now = Di Isi Dengan Tulisan Yang Kalian Inginkan Misalnya "Download"
4) Live Preview = Di Isi Dengan Tulisan Yang Kalian inginkan Misalnya"Demo"
5) Support Template Update = Bisa Di Edit Sesuai Yang Kalian inginkan Dan Bisa Di Hapus
6) Remove Footer Credits = Bisa Di Edit Sesuai Yang Kalian inginkan Dan Bisa Di Hapus
7) For Unlimited Domains = Bisa Di Edit Sesuai Yang Kalian inginkan Dan Bisa Di Hapus
8) No Encrypted Scripts = Bisa Di Edit Sesuai Yang Kalian inginkan Dan Bisa Di Hapus
10) Support Color Change = Bisa Di Edit Sesuai Yang Kalian inginkan Dan Bisa Di Hapus
11) And Much More... = Bisa Di Edit Sesuai Yang Kalian inginkan Dan Bisa Di Hapus
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 maka dari pihak Bahastutorial.com siap menindak atau melaporkan atas kejahatan me copy paste .. Terima kasih ditunggu ya tutorial selanjutnya salam dari Bahastutorial.com