Cara Membuat Tombol Download Mirip Punya Jalan Tikus

Cara Membuat Tombol Download Mirip Punya Jalan Tikus - Hai ketemu lagi dengan saya, disini adakah yang pernah mengunjungi situs web punya jalantikus.com ? pastinya sudah pernah kan. dan mungkin kalian pengunjung setia yang selalu membaca artikel-artikel darinya. dan jalantikus pun selalu update ilmu-ilmu baru setiap hari, tak kasih tau, jalantikus merupakan portal berita dan portal teknologi jadi setiap hari selalu update. enggak kayak punya saya yang jarang-jarang updatenya. hehehe..

Dan perlu kalian tau gays jalantikus tak hanya update konten berita dan tekno, dia juga memiliki updatetan yang menyediakan software komputer, aplikasi android, aplikasi game, dan masih banyak yang lainnya, yang banyak kalian temui disana. kalau kita mengambil dari bahasa blogger bisa disebut web gado-gado gays, kenapa kok gado-gado ? bukannya itu nama makanan, ! lha iya bisa juga diibaratkan makanan lah, kan isi gado-gado itu sendiri didalamnya ada bermacam-macam jenis sayuran dan lainnya. jadi kita makannya gak cuman ituuu saja, jadi biar dimulut ada wariannya. kata orang jawa gak waleh. dan kalau ibaratnya toko, biar kita nyari sesuatunya gak kelain toko mungkin.! uniknya lagi di web jalantikus ini dilengkapi fitur-fitur yang begitu keren, mulai dari icon kometar, navigasi yang bagus, dan tombol download yang simple tapi keren, jadi dilihatpun terasa betah dan mau keluar inipun kayak gimana gitu, pokoknya keren lah dengan web situs ini. jadi tak heran banyak orang yang pingin membuat web seperti jalantikus ini, bahkan saya pun kepingin bingit membuat seperti itu. dan disini saya cuman dapat tombol downloadnya yang lain belum saya dapatkan, mungkin lain kesempatan ya, tak coba nyari lagi. dan bila mana kalian menginginkan tombol download yang mirip punya jalantikus ini, kalian bisa membuat sendiri dan menaruhnya ke dalam blog yang kalian miliki, berikut ini langkahnya, lihat dibawah:

Tahap Membuat Tombol Download

*  Masuk atau login ke blogger.com

* Cari menu tema setelah itu klik Edit HTML.

*  Kemudian cari code ]]]></b:skin>

*  Setelah itu kalian masukkan code di bawah ini tepat diatasnya.

<-- --="" css="" download="" dsop="" gratis="" tombol=""> .sal-box{margin: 0;padding: 0;border: 0;font: inherit;vertical-align: baseline;-webkit-tap-highlight-color: transparent;font-family: 'Roboto',Segoe UI,Segoe,Arial,Verdana,sans-serif;} .sal-box > .item {display: block;float: left;position: relative;width: 100%;margin-bottom: 10px;background: #fff;} .dsopgratis {margin-bottom: 15px;padding: 5px 0;} .dsopgratis .apps-detail a {border-bottom: 1px solid transparent;} .dsopgratis .apps-detail a:hover {border-bottom: 1px solid #999999;} .dsopgratis .apps-detail.horizontal.xlSz {border: 0;padding: 15px 20px;} .dsopgratis .apps-detail.horizontal.xlSz .property {max-height: none;margin: 0;} .dsopgratis .apps-detail.horizontal.xlSz .info-container {padding: 0 15px;margin: 0;} .dsopgratis .apps-detail .note a, .dsopgratis .apps-detail .note span {vertical-align: middle;} .dsopgratis .item {overflow: hidden;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .addon-dsopgratis {position: absolute;bottom: 0;right: 0;padding: 2px 10px;background: #f8f8f8;line-height: 0;border-top: 1px solid #dddddd;border-left: 1px solid #dddddd;-webkit-border-top-left-radius: 4px;-moz-border-radius-topleft: 4px;border-top-left-radius: 4px;} .apps-detail.horizontal.xlSz {padding: 1.5%;} .apps-detail.horizontal .os-icon {margin-right: 6px;} .apps-detail.horizontal {display: block;align-items: center;} .apps-detail.horizontal.xlSz .property {margin: 5px 0 10px 0;} .apps-detail.horizontal.xlSz .action-btn:last-of-type {margin-bottom: 0;} .apps-detail.horizontal.xlSz .action-btn {width: 100%;margin-bottom: 5px;} .apps-detail.horizontal {position: relative;width: 100%;} .apps-detail.horizontal.xlSz .info-container {margin: 2px 0 0 0;padding: 0 1.5%;} .apps-detail.horizontal.xlSz .action-container {margin-bottom: 15px;padding: 5px 0;float: right;padding-right: 75px;} .apps-detail {float: left;border: 1px solid rgba(255,255,255,0);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .trs, .trs:before, .trs:after {-webkit-transition: all 0.15s ease-in-out;-moz-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;} .apps-detail.horizontal .cover-container, .apps-detail.horizontal .info-container, .apps-detail.horizontal .action-container {position: relative;float: left;vertical-align: top;} .title-text.dllight {font-size: 16px;} .title-text.lSz {font-size: 20px;line-height: 28px;} .title-text {font-size: 14px;line-height: 20px;font-weight: 700;} .text-link {border-bottom: 1px solid rgba(255,255,255,0);color: grey;} .cover {position: relative;overflow: hidden;} .btn.bdrs4 {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .btn.clearBlue {background-color: #008efa;border: 1px solid rgba(0,0,0,0);color: #ffffff;} .btn.clearGreen {background-color: #6ab344;border: 1px solid rgba(0,0,0,0);color: #ffffff;} .btn.dllight {height: 40px;line-height: 38px;padding: 0 20px;font-size: 15px;} .btn {display: inline-block;overflow: hidden;vertical-align: middle;padding: 0 10px;border: 1px solid #eeeeee;background: #ffffff;color: #008efa;text-align: center;cursor: pointer;} .trs, .trs:before, .trs:after {-webkit-transition: all 0.15s ease-in-out;-moz-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;} a {text-decoration: none;} .text-link.cl1 {color: #252525;} .fs2 {font-family: 'Roboto',Segoe UI,Segoe,Arial,Verdana,sans-serif;} .multi-ellipsis {overflow: hidden;position: relative;} .text-ellipsis {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .content-format a:hover {border-bottom: 1px solid #008efa;} .content-format .note a:hover {border-bottom: 1px solid grey;} .content-format a {color: grey;border-bottom: 1px solid rgba(255,255,255,0);} .content-format a, .content-format a:before, .content-format a:after {-webkit-transition: all 0.15s ease-in-out;-moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;} .os-icon {overflow: hidden;display: inline-block;vertical-align: middle;width: 20px;height: 20px;background-image: url(https://sites.google.com/site/sotazone/device.png);background-repeat: no-repeat;background-size: 100%;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} .os-style.android {background-color: #6ab344;background-position: 0 0;}

*  Tahap selanjutnya kalian membuat postingan seperti biasanya.

*   Setelah itu kalian copy code dibawah ini didalam postingan kalian, akan tetapi jangan diletakkan di mode Compase melainkan kalian letakkan di mode HTML.

<div class="sal-box cf dsopgratis" style="margin: 5px 0;"> <div class="item cf"> <div class="apps-detail horizontal xlSz cf trs"> <div class="cover-container"> <div class="cover-image-container"> <img src="LINK GAMBARMU" alt="#"/> </div> </div> <div class="info-container"> <div class="info"> <a href="#" class="title text-link-container"> <span class="title-text fs2 lSz text-link cl1 trs">Nama Gambar</span> <span class="title-text fs2 lSz fwL text-link cl4 bdrB0"> Versi Game Disini</span></a> <div class="property multi-ellipsis ellipsis-fade text-ellipsis"> <div class="content-format"> <span class="note"><a href="#" class="os-style os-icon android trs" title="Android"></a> <a href="#" class="text-link cl4 trs hidden-sm hidden-480 hidden-xs">Genre game disini</a> <span class="hidden-sm hidden-480 hidden-xs" style='color:black'> oleh </span> <a href="#" target="_blank" class="text-link cl4 trs" rel="nofollow">Pengembang game disini</a></span></div> </div> </div> </div> <div class="action-container"> <div class="action"> <a href="#" target="_blank" class="action-btn download-btn btn dllight clearBlue bdrs4 title-text trs track-download"><i class="fa fa-download" aria-hidden="true"></i> Download</a> <a href="#" target="_blank" class="action-btn googleplay-btn btn dllight clearGreen bdrs4 title-text trs track-relink"><i class="fa fa-android" aria-hidden="true"></i> Google Play</a> </div> </div> </div> <div class="addon-dsopgratis"> <span class="title-text xxsSz fwN text-link cl4 bdrB0">DI BUAT OLEH </span><a href="#" class="title-text xxsSz text-link cl4">LINK DOMAIN ANDA</a></div> </div> </div>

*  Perlu kalian ganti nama-nama yang ada di dalam script itu, kalian ganti dengan nama atau url yang hendak di inginkan.

*  Setelah itu Publikasikan. dan lihat hasilnya.

Bagaimana mudah bukan membuat tombol download seperti yang ada di jalantikus.com? semoga bermanfaat.