Cara Menciptakan Kotak Catatan Dan Peringatan Di Blogspot
Membuat Kotak Catatan Info, Tips dan Peringatan – Sering kita melihat pada artikel blog atau website terdapat sebuah catatan penting yang harus diperhatikan oleh pembaca, ini bertujuan menawarkan klarifikasi dan catatan atau warning untuk diketahui oleh pengunjung blog.
Catatan penting dalam blog biasanya artikel wacana tutorial, tips dan trik juga beberapa warta menarik lainnya. Untuk menciptakan blok catatan pada blog ternyata bukan hal sulit untuk pengguna platform blogger, sebab dengan sentuhan sedikit dengan menambahkan html anda sudah sanggup menciptakan kolom catatan pada artikel blog.
Contoh Catatan Tips, Info dan Peringatan
Baca Juga:
- Cara Membuat Widget Sidebar Melayang di Blogspot
- Cara Membuat Recent Post Keren di Blogspot
- Cara Membuat Widget Kotak Pencarian Responsive Keren
Cara Membuat Catatan Info, Tips dan Peringatan
Ada 3 macam catatan dalam blog yang biasa dipakai ialah tentag informasi, trik yang menarik, dan peringatan untuk menjalankan atau meninggalkan. anda sanggup memakai sesuai dengan kebutuhan. ikuti tutorial berikut ini hingga selesai.
Pertama, Silahkan Login akun blogger anda dan pilih sajian “Template” kemudian klik “Edit HTML”,
Kedua, Letakkan isyarat berikut sempurna DIATAS ]]></b:skin> atau </style>
.info,.tips,.warning{
line-height:22px;
min-height:38px;
padding:10px12px12px68px;
margin:5px0;}
.info{
background:#EDE3F2url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4exeF_fj7ZwzvQGAW7Zw62ojhg2L1LgrvDlO1jO-0hQWxnWxnWhdOL77165Ix7qDCW_RRsum6MJzii9nejNyCzeKktJ4h8ZkR4C9E4bbEo095NXINonOyhmvduAyzcpKvCU6UATtr9h4/s1600/TTB+notice.png')no-repeat12px8px;
color:#222}
.tips{
background:#7CADDEurl('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFAJy68DT5pzOIipBL1NtEZeEFWC4QyD-VQ-w_DyyYTEL-Xuau8WXBZVYXaSUx2hYxeHMT9mc6MfuB26da-47lrcC1LuSsJvPUGY_LOoVLjsaNTGoHFk6sj51UFhb5d8NcBpBvJFO3Y0E/s1600/tips.png')no-repeat12px8px;
color:#fff;}
.warning{
background:#db6161url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_Y8z6a-pfCr1E_w1Y0ZnvpFS0a9sxS6AQQSSot-k2dD-wChduKzeuT-KAkCHKG3za5B1w6mbuGTvfEYHPr30b9Mjg78NmZ0Jv5o9SnH6UzXSobxHREzYH4MuiC0i_DD9YdlynPhsteCY/s1600/warning.png')no-repeat12px8px;
color:#fff;}
jika sudah final klik simpan. kemudian ikuti tutorial berikutnya dibawah ini:
Cara Memasang Catatan Info, Tips dan Peringatan di Postingan
Apabila ingin memasang pada artikel blog, silahkan pilih mode HTML bukan Compose. masukkan isyarat berikut ini:
Catatan Info:
<div class='info'>
Kata-kata Informasi anda silahkan letakkan disini.
</div>
Catatan Tips:
<div class='tips'>
Catatan tips silahkan letakkan disini
</div>
Catatan Peringatan (Warning):
<div class='warning'>
Catatan peringatan pada artikel letakkan disini
</div>
Demikian Cara Membuat Kotak Catatan dan Peringatan di Blogspot, anda sanggup edit warna dan tampilan sesuai selera.
Semoga bermanfaat dan selamat mencoba.