Memasang Catatan dengan Efek Kertas Lipat di Postingan Blog

Daftar isi [Tampil]
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 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.

Sebagai demonya anda bisa lihat di bawah ini :
Memasang Catatan dengan Efek Kertas Lipat di Postingan Blog
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.
Show comments
Hide comments

Belum ada Komentar untuk "Memasang Catatan dengan Efek Kertas Lipat di Postingan Blog"

Posting Komentar

Catatan Untuk Para Jejaker
  • Mohon Tinggalkan jejak sesuai dengan judul artikel.
  • Tidak diperbolehkan untuk mempromosikan barang atau berjualan.
  • Dilarang mencantumkan link aktif di komentar.
  • Komentar dengan link aktif akan otomatis dihapus
  • *Berkomentarlah dengan baik, Kepribadian Anda tercemin saat berkomentar.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Copyright © 2019 - 2020 Serieswans - All Rights Reserved Created With