Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Menciptakan Disclaimer Box Otomatis Di Postingan Blog

Cara Membuat Disclaimer Box di Postingan Blog - Disclaimer Box atau pesan di setiap postingan atau artikel blog merupakan salah satu cara seorang blogger untuk memberikan pesan ataupun peringatan penting yang berisikan perihal sepatah kata baik yang berisikan pesan biasa ataupun peringatan kepada pengunjung.

Pesan yang di tampilkan di Disclaimer Box ini dapat sahabat isi dengan aneka macam kata menyerupai contohnya sahabat ingin mengisinya dengan peringatan untuk tidak menyalin artikel tanpa seizin sobat, atau juga pesan untuk melaksanakan bantuan dan lain sebagainya.

Disclaimer Box yang akan dibentuk kali ini mempunyai tampilan yang cukup simple tapi menarik dengan dampak border gradient / gradasi warna.

Untuk membuat Disclaimer Box Otomatis di Postingan Blog ini, sahabat hanya perlu menambahkan sedikit aba-aba css dan aba-aba pemanggil yang di letakkan di bab postingan blog melalui edit HTML tentunya.

Cara Membuat Disclaimer Box Otomatis di Postingan Blog

Login ke Blogger - Template - Edit HTML kemudian tambahkan css berikut sebelum aba-aba ]]></b:skin> atau sebelum aba-aba </style>

.disclaimer_box{padding:2px;background:#2b0c93;background:-moz-linear-gradient(left,#2b0c93 0,#a54098 56%,#f84272 100%);background:-webkit-linear-gradient(left,#2b0c93 0,#a54098 56%,#f84272 100%);background:linear-gradient(to right,#2b0c93 0,#a54098 56%,#f84272 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b0c93', endColorstr='#f84272', GradientType=1 );border-radius:6px;box-shadow:0 1px 0 rgba(0,0,0,.05),0 3px 3px rgba(0,0,0,.05)}
.disclaimer_box .content{background:#fff;color:#555;padding:8px 12px;font-size:95%;border-radius:4px;box-shadow:0 0 0 3px rgba(255,255,255,.3)}
.disclaimer_box .content{background:#fff;padding:8px 12px;font-size:16px;border-radius:4px;box-shadow:0 0 0 3px rgba(255,255,255,.3);line-height:1.5}
.disclaimer_box .content p{margin:0;padding:0}

Selanjutnya salin aba-aba berikut dan letakkan dimana sahabat akan menampilkan pesan tersebut.

<div class='disclaimer_box'>
<div class='content'>
<b>Disclaimer :</b> Semua Konten yang kami bagikan semuanya yaitu <b>Gratis</b>, dan kalian di ijinkan untuk mereshare ulang dg menyertakan link sumber dari <a href='https://www.pehawe.info' target='_blank' title=''>Pehawe </a>. Thanks
</div>
</div>

Seperti teladan sahabat akan meletakkannya di selesai postingan atau artikel, silahkan cari aba-aba <data:post.body/> dan tempatkan aba-aba diatas sebelum aba-aba elemen yang tampil di bab postingan blog, menyerupai teladan aku meletakkannya sesudah elemen sharethis di template infinite berikut :



Terkhir silahkan simpan setelan template dan lihat hasilnya.

Demikian Cara Membuat Disclaimer Box Otomatis di Postingan Blog kali ini biar bermanfaat dan selamat mencoba. Jika ada yang perlu di tanyakan silahkan tinggalkan komentar mengenai tutorial yang satu ini. Salam luar biasa.
Sumber https://www.pehawe.info/