DS8gD8tqpFYp4KrtxINpCV9FEH1uV8QcSMCvROJM

Cara Membuat Download Box di Blogger

Cara Membuat Download Box di Blogger

Cara Membuat Download Box di Blogger - Download Box, bagi kalian yang mempunyai blog download pasti tutorial ini sangat berguna bagi kalian yag mempunyai blog download seperti blog download anime, film, maupun software.

Dengan adanya download box ini pengunjung bisa lebih jelas 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 saya disini akan ngasih tutorial cara membuat download box.



Cara Membuat Download Box 


Pertama-tama sobat masuk terlebih dahulu ke blogger.com menuju ke Tema > Edit HTML, kemudian cari kode ]]></b:skin> atau </style> copy kode CSS dibawah ini pastekan tepat 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 sobat masuk ke menu HTML bukan Compose
Copy kode 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="Server 1">GoogleDrive</a> | <a href="#" rel="nofollow" target="_blank" title="Server 2">Openload</a> | <a href="#" rel="nofollow" target="_blank" title="Server 3">Zipyshare</a>
</div>
<div class="dbox-list">
<strong>720p</strong> <a href="#" rel="nofollow" target="_blank" title="Server 1">GoogleDrive</a> | <a href="#" rel="nofollow" target="_blank" title="Server 2">Openload</a> | <a href="#" rel="nofollow" target="_blank" title="Server 3">Zipyshare</a>
</div>
<div class="dbox-list">
<strong>1080p</strong> <a href="#" rel="nofollow" target="_blank" title="Server 1">GoogleDrive</a> | <a href="#" rel="nofollow" target="_blank" title="Server 2">Openload</a> | <a href="#" rel="nofollow" target="_blank" title="Server 3">Zipyshare</a>
</div></div></div>

Silahkan edit sesuai selera anda sobat kalau sudah klik publish atau perbarui ..

Oke sekian yang bisa saya jelaskan tentang Cara Membuat Download Box di Blogger Terima Kasih yang sudah berkunjung semoga bermanfaat bagi kalian semua.

Related Posts
Majid JM
Kopi Inspirasi

Related Posts

Post a Comment