×

Owner / Author / Admin / etc

    Muhammad Puttra    

"Pada halaman web ini saya akan membagikan informasi informasi menarik seputar Anime, Manga, Game, Film, dan juga berbagai tips-tips menarik lainnya."

Cara Membuat Box Download Seperti Nekopoi

Jumat, 14 Agustus 2020   • Tambah Komentar
Pada kesempatan kali ini, saya akan membagikan Cara Membuat Box Download Seperti Nekopoi.


Di tutorial kali ini belum saya buat menjadi responsive, tapi kalian bisa mencobaNya

Kalian bisa melihat demonya terlebih dahulu kok



Oke, langsung saja kita ke Tuttorialnya yaww

Cara Membuat Box Download Seperti Nekopoi

1. Login ke Blogger dengan akun Gmail kalian
2. Jika kalian sudah login, kalian pilih menu TEMA, jika sudah di klik, akan ada tombol yang bertuliskan Edit HTML
3. Setelah itu kalian cari kode ]]><b:skin
4. Copy kode dibawah ini, tepat diatas kode ]]><b:skin


/* Download box Neko - Arlethdesign
   ================================= */
._box-neko {overflow:hidden;clear:both;margin:10px auto;font:14px Pleasewritemeasong,arial;}
._box-neko ._neko-item{width:48%;}
._box-neko ._neko-item.left{float:left}
._box-neko ._neko-item.right{float:right}
._box-neko ._neko-item ._neko-title{background:#333;padding:8px 10px;color:#fff;}
._box-neko ._neko-item ._neko-url{padding:10px 10px 5px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#e8e8e8;}
._box-neko ._neko-item ._neko-url p{margin:auto;padding:0;}
._box-neko ._neko-item ._neko-url p a{transition:all .4s;display:block;float:left;margin:0 5px 5px 0;color:#fff;text-decoration:none;background:#e97991;padding:6.5px 10px;border:1px solid #e97991;border-radius:2px;font-size: 12px;}
._box-neko ._neko-item ._neko-url p a:hover{transition:all .4s;color:#fff;background:#dc637d;text-decoration:none;border:1px solid #ce637a;}

4. Setelah itu kalian salin JavaScript yang ada dibawah ini, tepat diatas kode </body>

<b:if cond='data:blog.pageType in {&quot;item&quot;}'>
<script type='text/javascript'>//<![CDATA[
// Target Blank
$(document).ready(function() {$("._box-neko ._neko-item ._neko-url p a").attr({rel:"nofollow",target:"_blank"})})
//]]></script>
</b:if>

5. Buatlah postingan baru, lalu pilih mode HTML (bukan compose) , salin kode dibawah ini dan pastekan kode tersebut di mode HTML

<div class='_box-neko'>
<div class="_neko-item left">
   <div class="_neko-title">Title Post</div>
   <div class="_neko-url">
      <p><a href="#">EMPTY</a> <a href="#">EMPTY</a> <a href="#">EMPTY</a> <a href="#">EMPTY</a> <a href="#">EMPTY</a> <a href="#">EMPTY</a> <a href="#">EMPTY</a> <a href="#">EMPTY</a></p>
   </div>
</div>

<div class="_neko-item right">
   <div class="_neko-title">Title Post</div>
   <div class="_neko-url">
      <p><a href="#">EMPTY</a> <a href="#">EMPTY</a> <a href="#">EMPTY</a> <a href="#">EMPTY</a> <a href="#">EMPTY</a> <a href="#">EMPTY</a> <a href="#">EMPTY</a> <a href="#">EMPTY</a></p>
   </div>
</div>
</div>

6. Setelah itu klik Publish atau Publikasikan

Mungkin itu saja tutorial dari saya, sampai bertemu di artikel selanjutnya

Gunakan Media Sosial Dengan Benar Agar Bermanfaat :) Follow IG : puttra.id
Facebook Instagram Twitter
Show Comments!
Hide comments

Belum ada Komentar untuk "Cara Membuat Box Download Seperti Nekopoi"

Kebijakan berkomentar :

Berkomentarlah dengan tata bahasa yang baik, agar orang tau sebijak apa karakter anda melalui kata-kata,

Silahkan berkomentar apapun selagi masih berhubungan dengan halaman postingan ini,

Dilarang berkomentar menggunakan Link Aktif,

Centang Notife Me agar mendapatkan notifikasi balasan komentar admin melalui Email.

Posting Komentar

';

Iklan Atas Artikel

Iklan Tengah Artikel

Iklan Tengah Artikel 2

Iklan Bawah Artikel

© Copyright 2020 Admin Sujud - All Rights Reserved Created With