Cara Menciptakan Download Box Di Blogger

Cara Membuat Download Box di Blogger - Download Box, bagi kalian yang memiliki blog download niscaya tutorial ini sangat berkhasiat bagi kalian yag memiliki blog download menyerupai blog download anime, film, maupun software.

Dengan adanya download box ini pengunjung dapat lebih terang yang mana tombol download dan mana yang iklan, kan biasanya pengunjung itu asal klik tau-taunya dibawa kemana-mana dan ujung-ujungnya tidak ke alamat yang dituju. yaa kan? jadi pengunjung suka jengkel sendiri dan biasanya tidak mau mengunjungi situs itu lagi.

Baik langsng saja aku disini akan ngasih tutorial cara menciptakan download box.

Cara Membuat Download Box 

Pertama-tama teman masuk terlebih dahulu ke blogger.com menuju ke Tema > Edit HTML, lalu cari arahan ]]></b:skin> atau </style> copy arahan CSS dibawah ini pastekan sempurna diatas ]]></b:skin> atau </style>  

/* CSS Download Box */ .dbox-wrap { font-size: 11px; font-weight: bold; background: #F5F5F5; padding: 10px; margin: 10px 0; } .dbox { margin: 0; padding: 0; list-style: none; } .dbox-list { background: #E4E4E4; margin-bottom: 2px; line-height: 26px; padding: 0 5px; } .dbox-list strong { background: #3498db; border-right: 2px solid #F5F5F5; width: 65px; display: block; float: left; margin-left: -5px; margin-right: 5px; color: #FFF; padding: 0 5px; text-align: center; } .dbox-list a { color: #6d6d6d; } .dbox-list a:hover { color: #222; } @media only screen and (max-width: 360px) {   .dbox-list strong {width:100%}   .dbox-title {text-align:center} }

Kemudian cara memasang Download Box di postingan, pada postingan teman masuk ke sajian HTML bukan Compose
Copy arahan berikut pastekan di dalam postingan

<div class="dbox-wrap"> <div class="dbox"> <div class="dbox-list"> <strong>480p</strong> <a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box di Blogger">GoogleDrive</a> | <a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box di Blogger">Openload</a> | <a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box di Blogger">Zipyshare</a> </div> <div class="dbox-list"> <strong>720p</strong> <a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box di Blogger">GoogleDrive</a> | <a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box di Blogger">Openload</a> | <a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box di Blogger">Zipyshare</a> </div> <div class="dbox-list"> <strong>1080p</strong> <a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box di Blogger">GoogleDrive</a> | <a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box di Blogger">Openload</a> | <a href="#" rel="nofollow" target="_blank" title="Cara Membuat Download Box di Blogger">Zipyshare</a> </div></div></div>

Silahkan edit sesuai selera anda teman jikalau sudah klik publish atau perbarui ..

Oke sekian yang dapat aku jelaskan wacana Cara Membuat Download Box di Blogger Terima Kasih yang sudah berkunjung supaya bermanfaat bagi kalian semua.


Sumber https://www.triksimple.com/

Bagikan Artikel ini