I Love Typography

Cara Pembuatan nya sebagai berikut:

1. Login
2. Setelah masuk pada halaman dasbor pilih rancangan
3. Klik edit Html
4. Centang expad widget dan cari kode ]]></b:skin>agar pencarian kode lebih cepat tekan Ctrl+F atau F3
5. Salin Kode Css di bawah ini dan letakkan di atas kode yang anda cari tadi

<style> body { padding:0; margin:0; font-family:Times New Roman, serif; background:#000; } p { position:relative; width:1100px; padding:100px 0 0; margin:0 auto; font-size:175px; font-weight:bold; line-height:1.2; letter-spacing:-13px; color:#0caac7; -moz-transform:rotate(-20deg); -webkit-transform:rotate(-20deg); -o-transform:rotate(-20deg); transform:rotate(-20deg); } /* "i" */ p:first-letter { float:left; margin:-137px -20px 0 0; font-size:880px; line-height:595px; text-transform:lowercase; } /* "love" */ p:first-line { font-size:200px; } /* "typography" */ p strong { display:block; margin:-80px 0 0; font-weight:normal; letter-spacing:-2px; text-transform:capitalize; } p strong:first-letter { margin-right:-30px; color:#fff; } /* "a lot" */ p em { position:absolute; z-index:10; top:100px; left:147px; width:136px; overflow:hidden; padding-left:64px; font-size:200px; font-style:normal; text-transform:lowercase; color:#fff; } p em:first-letter { float:left; margin:130px 0 0 -55px; font-size:80px; font-style:italic; line-height:20px; color:#fff; } /* create the heart shape */ p:before, p:after { content:""; position:absolute; z-index:1; top:225px; left:120px; width:75px; height:50px; background:#000; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); -webkit-border-top-left-radius:25px; -webkit-border-bottom-left-radius:30px; -moz-border-radius:25px 0 0 30px; border-radius:25px 0 0 30px; } p:after { left:138px; -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-border-radius:0; -webkit-border-top-right-radius:25px; -webkit-border-bottom-right-radius:30px; -moz-border-radius:0 25px 30px 0; border-radius:0 25px 30px 0; } /* hide the tip of the "t" from "a lot" */ p strong:before { content:""; position:absolute; z-index:11; top:205px; left:341px; width:7px; height:7px; background:#000; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; } </style><br />

Markah Html

<p>I love<strong> typography</strong<<em> a lot</em></p>

I love typography a lo

Selamat Mencoba

credit: