-->

Memasang Catatan dengan Efek Kertas Lipat di Postingan Blog

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 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.
Next
Previous
Tidak ada kata "Tapi" dan "Nanti" jika anda ingin Sukses
  • Facebook
  • Twitter
  • Instagram
  • Related Posts

    Buka Komentar ( 0 )
    tutup Komentar

    0 Komen

    Posting Komentar

    • 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.
    • Jika ingin menulis kode maka harus di-parse terlebih dulu (terutama Javascript dan HTML)
    • Centang kotak Beri tahu saya untuk mendapatkan notifikasi via email jika ada yang membalas komentar.
    • Gunakan tag <i> dan diakhiri dengan kode </i> untuk menuliskan kode. Contoh:
      <i>#comments</i>
    • Gunakan tag <em> dan diakhiri dengan kode </em> untuk menuliskan kode yang lebih panjang atau URL. Contoh:
      <em>#comments {margin:0; padding:10px 15px}</em>

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel

    x
    Berlangganan

    Dapatkan pemberitahuan melalui email setiap ada artikel baru. Gratis!