Cara membuat CSS ReadMore Arnoldi Hernanda Friday, 26 October 2012 2 Comments


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
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

2 comments :

  1. artikel yg sangat bagus buat tambah tambah ilmu
    comment back ya :D

    #salam sejatera
    http://bondowoso-jawa.blogspot.com/

    ReplyDelete

[-] BaelNo Rule :
-MAX LIVE ( 3 )
-Comment Dengan User Anonim akan saya Delete
-DONT SPAM
-DONT FLOOD
-BILA ANDA SUKA DENGAN ARTIKEL INI SILAHKAN BERKOMENTAR
-GUNAKANLAH BAHASA YANG SOPAN
Keuntungan :
-BLOG INI TELAH MENJADI BLOG DOFOLLOW JADI JIKA KALIAN BERKOMENTAR AKAN MEDAPAT BACKLINK
[-] Keuntungan Di Blog Ini
- Blog Ini Ada Blog Dofollow
- Comment Tidak Ada Capta
- Bisa Comment Dengan Name/URL
-Tukar Link
-Tukar Banner
Add Facebook admin : Arnoldi Hernanda
Blog ini Telah Jadi Blog Dofollow :D
- Alexa Rank :
[-]World : 282,364
[-]Indonesia : 4,251
[-]Backlink : 131
- Google Page Rank : 2
[-] Jadi Berkomentar Lah Yang Sopan :)