Cara Membuat Spoiler Download box Post Responsive

Sandalphones.me - Wassap gaes, pada kesempatan ini saya bakal share ke kalean tutorial Cara Membuat Download Spoiler box Post. A: Untuk apa sih kegunaan Download Spoiler Box? B: Biasanya ini digunakan untuk tambahan link download atau agar download link biar simple/gak terlalu  panjang (contoh : meownime). C: Apakah ini responsive? D: Ya tentu saja lah -_ dari judulnya aja sudah terjelaskan bahwa ini responsive dan friendly fire :). Ok Langsung aja lah kita ke tutorialnya.

Cara Membuatnya :
1. Buka dan Login Blogger. (Jika belum punya silahkan daftar dulu).
2. Buka Menu Theme lalu Klik Edit HTML dan Cari Kode ]]></b:skin> atau </style>
3. Jika Sudah ketemu copy dan Pastekan Kode/Script CSS dibawah ini : 

See the Pen PrMLbv by Aninesia Jones (@zenmoza) on CodePen.

4. Setelah itu kalian cari Kode </head> Lalu copy dan pastekan javascript di atas </head>

See the Pen PrMLWv by Aninesia Jones (@zenmoza) on CodePen.

5. Save Theme
6. Buka Menu Postingan lalu Pilih HTML (Bukan Compose) setelah itu Copy dan Pastekan HTML Berikut untuk Spoiler nya. :

See the Pen bPXZWN by Aninesia Jones (@zenmoza) on CodePen.

7. Nah Sebenarnya untuk Download Box nya bebas kalian mau pakai download box model gimana boleh, Pakai Kode HTML dibawah ini untuk Download Box-nya :

See the Pen mZNowo by Aninesia Jones (@zenmoza) on CodePen.

8. Klik Publish dan cek Kira Kira Segitu aja deh tutorial kali ini semoga dapat membantu kawan :), oh iya jangan lupa share ya postingan aku ^_^

loading...