Cara Membuat Download Box di Blogger - TRIK SIMPLE
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.

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.

وَ السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ

Disqus Codes
  • To write a bold letter please use or
  • To write a italic letter please use or
  • To write a underline letter please use
  • To write a strikethrought letter please use
  • To write HTML code, please use or
    or

    And use parse tool below to easy get the style.
Show Parser Box

strong em u strike
pre code pre code spoiler
embed

Jangan Lupa Subcribe