Memasang Tombol Download Box dengan Counter

Hallo sobat blogger, jumpa lagi dengan saya, sudah sekian lamanya saya jarang membuat postingan di blog ini.
Nah sobat pada kesempatan kali ini saya menyempatkan diri membuat post lagi. dan saya akan sedikit berbagi kepada kalian Memasang Tombol Download Box dengan Counter, dan untuk Cara Memasang Tombol Download Box dengan Counter kalian bisa mengikuti langkah-langkah dibawah ini.

Dengan mudah, apa lagi bagi kalian yang mempunyai blog download cocok banget style ini kalian gunakan nantinya di postingan kalian, ok kita langsung saja ke pokok ini dari judul diatas.
Memasang Tombol Download Box dengan Counter 
Kalian bisa menggunakan code dibawah ini.

<script type='text/javascript'>
//<![CDATA[
//CSS Ready
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
//]]>
</script>

Dan cara menerapkan code diatas kalian buka halaman blogger > PILIH TEMA > EDIT HTML > lalu tempelkan codenya tepat sebelum </head>, dan untuk selanjutnya kalian pasang juga code dibawah ini.

<style type='text/css'>
/* Download Counter Box */
#btnx{cursor:pointer;padding:10px 20px;border:0;border-radius:3px;background:#fff;color:#e67e22;float:right;text-transform:capitalize;font-weight:500;transition:all 0.5s}#btnx:hover,#downloadx:hover{background:#d35400;color:#fff;outline:none}.batas-downx{display:block;margin:0 auto;border-radius:4px}.dalam-downx{background:#e67e22;color:#fff;padding:20px;display:block;border-top-right-radius:3px;border-top-left-radius:3px}.file-info{color:#fff;display:inline-block;font-size:1.2em;line-height:38px;text-align:left}.catatan-downx{padding:20px;background:#f7f7f7;border-bottom-right-radius:3px;border-bottom-left-radius:3px;color:#555;font-size:14px}#downloadx{float:right}#downloadx{padding:10px 20px;border-radius:3px;background:#fff;color:#e67e22;float:right;text-align:center;font-size:14px;text-transform:capitalize}.bungkus-info span{display:inline-block;line-height:38px;float:right}.file-deskripsi{display:block}.file-deskripsi span{margin-right:3px}
@media screen and (max-width:640px){.batas-downx{float:none;width:100%}}
@media screen and (max-width:320px){.file-info{display:block;text-align:center}#btnx, a#downloadx{width:100%;margin-bottom:10px}.bungkus-info span{float:none;width:100%;text-align:center}.file-deskripsi{text-align:center}}
</style>

Silahkan pasang code CSS diatas tepat sebelum </head>. Dan kalian jangan lupa juga terapkan code dibawah ini.

<script type='text/javascript'>
//<![CDATA[
function generate(){var e,n=document.getElementById("downloadx"),t=document.getElementById("btnx"),a=document.getElementById("downloadx").href,l=10,d=document.createElement("span");n.parentNode.replaceChild(d,n),e=setInterval(function(){--l<0?(d.parentNode.replaceChild(n,d),clearInterval(e),window.location.replace(a),n.style.display="inline"):(d.innerHTML="<i class='fa fa-clock-o' aria-hidden='true'/> File siap diunduh dalam "+l.toString()+" Detik....",t.style.display="none")},1e3)}
//]]>
</script>

Silahkan kalian pasang code diatas tepat sebelum </body>, nah kalian simpan kembali template yang sudah kalian edit tadi.

Langkah terakhir kalian bisa menggunakan code dibawah ini, untuk memanggil/memunculkan Tombol Download Box dengan Counter 

<div class="batas-downx">
<div class="dalam-downx">
<div class="bungkus-info">
<div class="file-info">
Nama File
</div>
<button onclick="generate()" id="btnx"><i class="fa fa-cloud-download" aria-hidden="true"></i> download</button>
<a id="downloadx" href="linkdownloadx" style="display:none"><i class="fa fa-cloud-download" aria-hidden="true"></i> download Ulang</a>
</div>
<div class="file-deskripsi">
<span class="uploader"><i class="fa fa-user-circle" aria-hidden="true"></i> AGUS GUNAWAN ORIGINAL</span> <span class="file-size"> <i class="fa fa-file" aria-hidden="true"></i>
 File Size 300MB</span>
</div>
</div>
<div class="catatan-downx">
Jika tidak terdownload otomatis silakan klik download Ulang. Dan jika link rusak silakan lapor melalui halaman Contact Form blog ini.
</div>
</div>

DEMONah sobat kalian bisa sesuaikan kodenya sesuai kebutuhan postingan kalian. Dan mungkin dari saya cukupkan sekian dulu ya tentang Memasang Tombol Download Box dengan Counter selamat mencoba. dan semoga bisa bermanfaat.

Cara Membuat Link WA (WhatsApp) Menuju Chat Langsung dengan Mudah

Dalam kesempatan ini gue memberikan informasi tentang Cara Membuat Link WA (WhatsApp) Menuju Chat Langsung dengan Mudah. Fitur ini biasanya digunakan buat kamu yang mempunyai Toko Online, baik itu di website, facebook, instagram dan berbagai platform lainnya.



Simpelnya sih, dengan membuat link WA, calon customer yang ingin menghubungi admin melalui WhatsApp maka customer hanya tinggal klik

Cara Memperbaiki Tombol Reply Error Pada Komentar Blogger

Dalam kesempatan ini, gue mau share cara memperbaiki tombol reply error pada komentar blogger. Bulan November kemaren ini, gue dan beberapa temen blogger mengalami masalah yang sama terhadap tombol reply blogger pada komentar bawaan blogger.





Masalahnya sih sebenernya cukup sepele, yaitu tombol reply (balas komentar) pada template blogger tidak bisa diklik atau tidak bisa digunakan yang

Cara membuat iklan bergambar dengan ukuran 125x125 di blog

Hi sobat blogger yang setia mengunjungi blog saya ini, sudah lama saya tidak membuat postingan di blog ini, dikarnakan ada kesibukan di dunia nyata hehe.
Pada kesrmpatan yang indah ini saya akan membagikan sedikit tips kepada kalian Cara memasang widget iklan ukuran 125x125 di blog nah untuk yang belum tahu cara membuatnya bisa mengikuti langkah dibawah ini.

ok kita langsung saja ke cara membuatnya ya, dan untuk sobat yang sudah tahu silahkan bisa menyimak saja ok. Untuk kalian yang belum tahu caranya bisa menggunakan code dibawah ini dengan cara sebagai berikut.
Buka halaman Blogger > Pilih Tema > Edit HTM > letakan code css dibawah ini tepat sebelum </style>

/* Kotak Iklan */
.banner,.banner2{margin:0 auto;text-align:center;overflow:hidden}
.banner{margin:20px auto}
.banner .widget,.banner2 .widget{width:100%;max-width:100%;margin:0 auto;background:transparent;text-align:center;overflow:hidden}
.banner img,.banner iframe,.banner2 img,.banner2 iframe{width:100%;display:block;margin:0 auto;text-align:center}
.kotak_iklan{text-align:center}
.kotak_iklan img{border-radius:3px;margin:2.7px}

Jika code css diatas sudah terpasang kemudian kalian simpan kembali template yang sudah kalian edit tadi. untuk menampilkan Iklan dengan gambar ukuran 125x125 di blog kalian bisa menggunakan code html dibawah ini.
Cara membuat iklan bergambar dengan ukuran 125x125 di blog

<div class="kotak_iklan">
<a href="url iklan" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a>
<a href="url iklan" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a>
<a href="url iklan" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a>
<a href="url iklan" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a>
</div>

silahkan kalian edit atau sesuaikan code diatas dengan gambar yang sudah kalian siapkan

Nah sobat mudah bukan cara membuatnya selamat mencoba, dan mohon maaf jika ada salah-salah pengetikan dalam artikel ini. semoga bisa bermanfaat.

mungkin dari saya Cara membuat iklan bergambar dengan ukuran 125x125 di blog cukupkan sekian dulu sampai jumpa di postingan saya berikutnya.

CARA MEMBUAT HALAMAN STATIS MENJADI FULL PAGE

Hi sobat blogger jumpa kembali dengan saya. Sudah lama saya tidak membuat postingan di blog ini, karena lagi sibuk.
Dan untuk kesempatan saya kali ini akan membagikan kepada kalian semua CARA MEMBUAT HALAMAN STATIS MENJADI FULL PAGE, Untuk kalian semua yang masih awam belum bisa menerapkannya di blog berikut dibawah ini sudah saya siapkan cara menerapkannya.

Ok kita langsung saja kepokok pembahasan postingan saya ini, seperti judul yang saya berikan diatas "CARA MEMBUAT HALAMAN STATIS MENJADI FULL PAGE" nah sobat dibawah ini code yang harus sobat terapkan di template blog sobat.

Sobat silahkan copy code dibawah ini
dan terapkan atau letakan codenya tepat sebelum </style> atau diatasnya.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
#comments,#sidebar-wrapper {display:none;}
#post-wrapper {float:none;width:100%;margin:0 auto;max-width:100%;}
</style>
</b:if>

Jika sudah menerapkannya kalian save kembali template yang sudah kalian edit tadi, lalu kalian bisa lihat hasilnya di blog kalian masing-masing.

Nah sobat mungkin dari saya cukupkan sekian dulu, selamat mencoba dan semoga bisa bermanfaat.

Yuk Bijak dalam Menggunakan Sosial Media

Dalam beberapa tahun belakangan ini, perkembangan sosial media di Indonesia bisa dibilang sangat berkembang pesat. Dengan jumlah penduduk yang sangat besar dan berada di urutan ke-4 terbanyak dunia, tentunya sangat menjanjikan bagi para perusahaan sosial media dunia untuk gencar memasarkan produknya di Indonesia. Terlebih lagi, perkembangan internet di tanah air dalam beberapa tahun belakangan

Anime Nisekoi Bikin Baper dan Penasaran, Kamu Wajib Nonton Deh!

Awal pertama gue tau Anime Nisekoi itu ketika gue nonton cuplikan videonya di Youtube. Dalam cuplikan tersebut disuguhkan cerita unik, romantis dan dibalut komedi. Entah kenapa gue langsung jatuh hati dan langsung mencari full videonya di situs anime.

Oh iya, gue memang cukup tertarik dengan anime. Selain Naruto dan dilanjutkan dengan Boruto, gue juga menonton One Piece, Captain Tsubasa, dan