Cara Membuat Read More & Koment Di Blog

Posted by : Muhammad Zaky Saturday, 8 December 2012

Assalamualaikum WRWB !!!!

Oke Langsung Saja GUYS!!
Bahan
1.Kesabaran
2.Komputer
3.Blog

Langkah2:
1.Tentunya Login Ke Blog kalian dulu
2.Masuk Ke Template > Edit HTML > Lanjutkan
3.Cari Kode ]]></b:skin> pastekan css di bawah ini Di Atas kode tadi

/* CSS Read More */ a.XTREAD{opacity:1.0;float:right;font-size:23px;font-family:'Cooper Std',cursive;text-shadow:1px 1px 1px #000,-1px 1px 1px #000,-1px -1px 1px #000,1px -1px 1px #000;color:#fff;height:80px;width:129px;margin-top:-120px;margin-right:257px;position:center;padding:5px;border:3px solid #000;background:#0005cf;-webkit-border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;-moz-border-topleft-radius:10px;moz-border-bottom-left-radius:10px;-moz-border-bottomright-radius:10px;-o-border-top-left-radius:10px;-o-border-bottom-left-radius:10px;-o-border-bottom-right-radius:10px;text-align:center;line-height:84px;-webkit-transition:all .9968s ease-out;-moz-transition:all .9968s ease-out;-ms-transition:all .9968s ease-out;-o-transition:all .9968s ease-out;transition:all .9968s ease-out}a.XTREAD:hover{opacity:1.0;float:right;font-size:23px;font-family:'Cooper Std',cursive;text-shadow:1px 1px 1px #000,-1px 1px 1px #000,-1px -1px 1px #000,1px -1px 1px #000;color:#fff;height:80px;width:129px;margin-top:-120px;margin-right:257px;position:relative;padding:5px;border:3px solid #000;-moz-box-shadow:0 0 29px #0003cf;-webkit-box-shadow:0 0 29px #0003cf;box-shadow:0 0 29px #0003cf;background:#0005cf;-webkit-border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;-moz-border-topleft-radius:10px;moz-border-bottom-left-radius:10px;-moz-border-bottomright-radius:10px;-o-border-top-left-radius:10px;-o-border-bottom-left-radius:10px;-o-border-bottom-right-radius:10px;text-align:center;line-height:84px;-webkit-transition:all .9968s ease-out;-moz-transition:all .9968s ease-out;-ms-transition:all .9968s ease-out;-o-transition:all .9968s ease-out;transition:all .9968s ease-out}a.XTADD{opacity:1.0;float:right;font-size:20px;font-family:'Cooper Std',cursive;text-shadow:1px 1px 1px #000,-1px 1px 1px #000,-1px -1px 1px #000,1px -1px 1px #000;color:#fff;height:80px;width:129px;margin-top:-120px;margin-right:60px;position:relative;padding:5px;border:3px solid #000;background:#0005cf;-webkit-border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;-moz-border-topleft-radius:10px;moz-border-bottom-left-radius:10px;-moz-border-bottomright-radius:10px;-o-border-top-left-radius:10px;-o-border-bottom-left-radius:10px;-o-border-bottom-right-radius:10px;text-align:center;line-height:84px;-webkit-transition:all .9968s ease-out;-moz-transition:all .9968s ease-out;-ms-transition:all .9968s ease-out;-o-transition:all .9968s ease-out;transition:all .9968s ease-out}a.XTADD:hover{opacity:1.0;float:right;font-size:20px;font-family:'Cooper Std',cursive;text-shadow:1px 1px 1px #000,-1px 1px 1px #000,-1px -1px 1px #000,1px -1px 1px #000;color:#fff;height:80px;width:129px;margin-top:-120px;margin-right:60px;position:relative;padding:5px;border:3px solid #000;-moz-box-shadow:0 0 29px #0003cf;-webkit-box-shadow:0 0 29px #0003cf;box-shadow:0 0 29px #0003cf;background:#0005cf;-webkit-border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;-moz-border-topleft-radius:10px;moz-border-bottom-left-radius:10px;-moz-border-bottomright-radius:10px;-o-border-top-left-radius:10px;-o-border-bottom-left-radius:10px;-o-border-bottom-right-radius:10px;text-align:center;line-height:84px;-webkit-transition:all 1s ease-out;-moz-transition:all .9968s ease-out;-ms-transition:all .9968s ease-out;-o-transition:all .9968s ease-out;transition:all .9968s ease-out}

sisanya Edit Sendiri Ya :D
eits belum selesai caranya :D

4.cari code <data:post.body/> (bila lebih dari 1 pilih yang pertama)

5.pastekan script Ini Dibawah code tadi

sisanya juga kamu edit sendiri

6.Klik Save Template

itulah CARA MEMBUAT READ MORE & Komen DI Blog
Sumber

"Terima Kasih Telah Membaca/Mengungjungi Blog Saya ^_^"