Cara membuat CSS ReadMore Anonymous Friday, 26 October 2012 1 Comment

malem semua kali ini aldi mo share cara membuat CSS Readmore seperti di screen shot
Caranya mudah tinggal ikuti tutor ini :
1. Buka blogger sobat
2. Klik template
3. EDIT HTML
4. Cari Kode ]]></b:skin>
5. Copas Script di bawah ini dan letakan script di atas ]]></b:skin>

/* Arnoldi-Technology CSS Read More */
.rmlink{float:right;font-family:Baumans,cursive;background:#000001;font-size:15px;color:white;font-weight:bold;position:absolute;width:578px;height:1px;border:3px solid #fff;border-radius:5px;box-shadow:2px 2px 2px #000, 2px 1px -1px #000;text-align:center;line-height:50px;text-shadow:1px 1px 2px #222;opacity:.0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out}.rmlink:hover{opacity:1.0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;width:683px;height:50px}.rmlink a{color:#c1c1c4;margin-top:5px}
.crop{width:100px;height:50px;overflow:hidden;border:1px solid #666;border-radius:9px;}
.posting{height:120px;color:#000;text-shadow:0 0 1px white;text-align:justify;border-image:initial;width:230px;float:left;font-size:13px;display:none;margin:5px 15px 0 0;padding:5px;}
.jump-link a{background:#f2f2f2;color:#000000;position:relative;display:none;margin-top:-10px;padding:3px 10px;}

Nah Nanti Silahkan Di edit Sendiri lagi y :D
Script Di atas Cocok untuk template yg sama seperti Template Blog yg saya pakai :D
Untuk Ukuran Dan Warna Silahkan Di Edit sendiri
JIKA COPAS HARAP SERTAKAN SUMBER

Tweet

by Jillur Rahman

Jillur Rahman is a Web designers. He enjoys to make blogger templates. He always try to make modern and 3D looking Templates. You can by his templates from Themeforest.

Follow him @ Twitter | Facebook | Google Plus

Tags: Blogging / Tips And Trick