Memasang Catatan dengan Efek Kertas Lipat di Postingan Blog

By Kurniawan Updated: 2020-09-20T11:15:18Z 0 ·

Daftar Isi [Tampilkan]

Memasang Catatan dengan Efek Kertas Lipat di Postingan Blog - Assalamualaikum, Hallo sahabat blogger semua. pada kesempatan kali ini saya akan membagikan tutorial cara mudah nmemasang catatan dengan efek kertas lipat pada postingan blog. kotak catatan ini sebenernya sama saja yaitu sebagai tempat untuk pesan atau kata-kata dari si pembuat artikel atau pemilik blog.

Memasang Catatan dengan Efek Kertas Lipat di Postingan Blog

Memasang catatan dengan efek kertas lipat pada atas samping kanan ini menurut saya membuat tampilan blog anda lebih menarik, keren dan profesional. sehingga pengunjung bisa tambah lama berada di blog anda. anda tak perlu khawatir memasang catatan ini di blog anda.

Baca Juga : Cara Memasang Efek Persentase Scrollbar Keren di Blogger

Karena kotak catatan dengan efek kertas lipat ini sudah responsive jika di pasang di blog anda. oke, kita langsung saja ke tahap pemasangan catatan dengan efek kertas lipat pada postingan blog anda.

Berikut adalah langkah-langkah untuk Memasang Catatan dengan Efek Kertas Lipat di Postingan Blog

• Masuk terlebih dahulu ke akun Blogger anda, lalu masuk ke Dashboard blogger
• Kemudian pilih Tema atau Template > Edit HTML
• Selanjutnya copas script CSS di bawah ini dan letakan di atas kode ]]></b:skin> atau </style>

.note {
   position:relative;
   width:80%;
   padding:1em 1.5em;
   margin:2em auto;
   color:#fff;
   background:#3b8d99;
   overflow:hidden;
}

.note:before {
   content:"";
   position:absolute;
   top:0;
   right:0;
   border-width:0 16px 16px 0;
   border-style:solid;
   border-color:#fff #fff #aa4b6b #aa4b6b;
   background:#aa4b6b;
   -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
   -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
   box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
   display:block; width:0;
}

• Terakhir Simpan Tema atau Template
• Silahkan Copy script HTML di bawah ini dan letakan di dalam postingan
• Untuk cara menerapkannya, anda simpan pada postingan blog anda. entah itu anda mau meletakan nya di bawah pembahasan artikel anda atau sebagai kesimpulan.

Baca Juga : Cara Membuat Pesan di Bawah Postingan Blog Seperti KompiAjaib

Sebagai demonya anda bisa lihat di bawah ini :

Memasang Catatan dengan Efek Kertas Lipat di Postingan Blog

Nah, mudah bukan Memasang Catatan dengan Efek Kertas Lipat di Postingan Blog. jika anda masih belum paham silahkan buka komentar di bawah postingan ini. dukung terus blog serieswans.com dengan cara share artikel ini ke teman-teman anda dan berkomentar di blog ini. semoga bermanfaat dan terima kasih.

SHARE Facebook Whatsapp