Cara Membuat 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 menyampaikan pesan ataupun peringatan penting yang berisikan tentang sepatah kata baik yang berisikan pesan biasa ataupun peringatan kepada pengunjung.

Pesan yang di tampilkan di Disclaimer Box ini bisa sobat isi dengan berbagai kata seperti misalnya sobat ingin mengisinya dengan peringatan untuk tidak menyalin artikel tanpa seizin sobat, atau juga pesan untuk melakukan donasi dan lain sebagainya.

Disclaimer Box yang akan dibuat kali ini memiliki tampilan yang cukup simple tapi menarik dengan efek border gradient / gradasi warna.

Untuk membuat Disclaimer Box Otomatis di Postingan Blog ini, sobat hanya perlu menambahkan sedikit kode css dan kode pemanggil yang di letakkan di bagian 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 kode ]]></b:skin> atau sebelum kode </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 kode berikut dan letakkan dimana sobat akan menampilkan pesan tersebut.

<div class='disclaimer_box'>

<div class='content'>

<b>Disclaimer :</b> Semua Konten yang kami bagikan semuanya adalah <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 Official'>Pehawe </a>. Thanks

</div>

</div>

Seperti contoh sobat akan meletakkannya di akhir postingan atau artikel, silahkan cari kode <data:post.body/> dan tempatkan kode diatas sebelum kode elemen yang tampil di bagian postingan blog, seperti contoh saya meletakkannya setelah 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 semoga bermanfaat dan selamat mencoba. Jika ada yang perlu di tanyakan silahkan tinggalkan komentar mengenai tutorial yang satu ini. Salam luar biasa.

Share this post