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 wacana sepatah kata baik yang berisikan pesan biasa ataupun peringatan kepada pengunjung.

Pesan yang di tampilkan di Disclaimer Box ini dapat teman isi dengan banyak sekali kata ibarat contohnya teman ingin mengisinya dengan peringatan untuk tidak menyalin artikel tanpa seizin sobat, atau juga pesan untuk melaksanakan kontribusi 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, teman hanya perlu menambahkan sedikit isyarat css dan isyarat 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 isyarat ]]></b:skin> atau sebelum isyarat </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 isyarat berikut dan letakkan dimana teman akan menampilkan pesan tersebut.

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

Seperti pola teman akan meletakkannya di simpulan postingan atau artikel, silahkan cari isyarat <data:post.body/> dan tempatkan isyarat diatas sebelum isyarat elemen yang tampil di bab postingan blog, ibarat pola aku meletakkannya sehabis 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.

Share this post