Posted by Aak
Aak-share.com Updated at: 4:49:00 PM

Catatan Efek Lipat Kertas di Postingan Blog

No comments:
Catatan Lipat Kertas di Postingan Blog - Apakah Anda suka memberikan catatan atau keterangan pada setiap membuat Artikel?
Naah, disini Aak akan memberi Tips dan Trik agar ketika Anda memberikan Note atau catatan terlihat lebih menarik dengan Catatan Efek Lipat Kertas di Postingan Blog.


Catatan Efek Lipat Kertas di Postingan Blog ini menciptakannya dengan CSS, terdapat lipatan seperti kertas di ujungnya. Untuk demonya Anda bisa melihat efek lipat kertas dibawah ini dan mari langsung kita praktikan :

1. Login Keakun Blogger
2. Pilih Template, lalu klik Edit HTML
3. Selanjutnya Anda cari kode  ]]></b:skin>
4. Kemudian copy kode dibawah ini dan Pastekan diatasnya

.catatan {
font-style: normal 10px Oswald,Arial,Sans-Serif;
position: relative;
width: 90%;
padding: 1em 1.5em;
margin: 2em auto;
color: #fff;
background: #0256D1;
overflow: hidden;
}
.catatan
border: 0;
font-size: 13px;
font-weight: 400;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
line-height: 1.4;
font-style: normal;
}
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
user agent stylesheetdiv {
display: block;
}
.catatan:before {
content: "";
position: absolute;
top: 0;
right: 0;
border-width: 0 16px 16px 0;
border-style: solid;
border-color: #fff #fff #0256D1 #0256D1;
background: #0256D1;
-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;
}

5. Simpan Template
6. Selanjutnya anda menuju Entri baru, kemudian terapkan kode dibawah ini pada Mode HTML

<div class="catatan"> 
Silahkan Masukan Catatan Anda disini
</div>

7. Publikasikan

Ada hari-hari dimana aku tidak mempunyai kekuatan untuk melanjutkan
Aku merasa sangat lemah dan tidak dapat menahan bertanya "Kenapa?"
Tapi aku dapat melewati semua rasa sakit itu saat aku benar-benar menerima
Bahwa kita semua milik Tuhan, dan kepada-Nya kita berpulang.

Lirik Lagu So Soon Maher Zain

Mudah bukan sobat, semoga bermanfaat!
Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments