-
Pasang Form Berlangganan Di Bawah Posting
Posted: 2009-11-26 12:07:29 UTC-08:00
Mungkin Mr-Top terlambat atau sudah basi dalam menulis artikel ini, tapi ya udah dari pada ga apa - apa, siapa tau dari antara Sobat ada yang sudah lupa dengan artikel ini. Untuk sekedar mengingatkan Sobat saja kita langsung menuju TKP...
1. Login ke blogg Sobat --> Layout --> Edit HTML
2. Cari kode berikut ]]> dan letakkan kode dibawah ini tepat di atasnya.
.kotakRSS1 {background-color: rgb(255, 255, 255); -moz-border-radius: 5px; border: 1px solid #cccccc; padding:5px 10px; margin: 0 0 10px 0; } .yusron { background: url('http://sites.google.com/site/cumaisenggroup/cabinet/dasbor/rss.png') no-repeat bottom right; } .yusron a { background: none;} .inpyusron { border: 1px solid #B9C1C6; width: 170px; background: rgb(255, 255, 255) url('http://i644.photobucket.com/albums/uu161/kgpromotion/RSS.png') no-repeat 2px 2px; font-size: 11px; padding:3px 4px 4px 20px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px; } .sbmtyusron { padding:2px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px; } .yusronsubs table {border-collapse: inherit; border: none;} .yusronsubs tr { border:0;} .yusronsubs td { border:0;} .yusronsubs th { border:0;} .clear { clear: both; }
3. Jika sudah di save dan cari kembali kode berikut
Jika Anda menyukai Artikel di blog ini, Silahkan
klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di mr-top.blogspot.com
4. Ganti yang bewarna biru dengan alamat feed Sobat, ganti yang warna merah dengan kode feed count Sobat, yang warna kuning ganti dengan judul feed Sobat, dan yang terakhir yang bewarna hijau ganti dengan blog Sobat.
5. Okay! semuanya sudah selesai tinggal di save dan lihat hasilnya..
-
Modifikasi Kode HTML/JavaScript di dalam Posting
Posted: 2009-11-16 05:48:51 UTC-08:00
Tips ini di dapat dari seorang teman. Tulisan ini bertujuan untuk mempercantik tampilan posting Sobat dengan modifikasi tulisan HTML/JavaScript-nya yang ada di dalam postingan. Okay kita langsung aja ke TKP...
1. Seperti biasa login ke blogger Sobat --> Edit HTML --> Layout
2. Cari kode berikut ]]> dan kopi kode di bwah ini tepat di atasnya
.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://i263.photobucket.com/albums/ii150/mohamedrias/cv-1.gif) no-repeat right bottom;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}
3. Sobat dapat memodifikasi tampilan image background nya dan warna background sesuai selera, caranya adalah ubah kode yang bewarna merah tersebut dengan warna atau image yang berukuran 125x86 px dan formatnya GIF.
Sampai sini sudah paham semua? Kalo sudah kita lanjut ke langkah berikutnya -->
Untuk menampilkan kode HTML/JavaScript di postingan Sobat harus memakai kode di bawah ini
Ketik kode HTML, css, Javascript code disini
Selesai sudah semua rangkain di atas Sobat tinggal lihat hasilnya.. Dan jngan lupa untuk memberikan comment..
-
Highlight Author Comment
Posted: 2009-11-17 00:36:25 UTC-08:00
Kalo postingan sebelumnya Mr-Top dah bahas tentang bagaimana Mengganti Nama Penulis (Author). Kali ini Mr-Top coba menulis tentang Highlight Author Comment, cara ini digunakan untuk membedakan antara komentar penulis dengan komentar pengunjung. Ok, dari pada kita kebanyakan teori lebih baik kita langsung ke TKP..
1. Login ke Blogger Sobat
2. Klik Layout --> Edit HTML --> centang Expand Widget Template. Oh ia lebih baik sebelum Sobat melakukan hal di bawah semuanya ada baiknya kalo Sobat download terlebih dahulu template yang lama..
3. Cari kode ]]> dan kopi kode berikut tepat di atasnya
.comment-body-author { background: #E6E6E6; /* warna background pemilik blog */ border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344; margin:0; padding:0 0 0 20px; }
4. Kalo sudah Sobat save dan tinggal cari kode berikut -->
Biasanya untuk kode di atas setiap bisa berbeda - beda, Sobat tinggal cari saja yang paling mirip.
5. Untuk yang bewarna hijau adalah tulisan yang harus Sobat tambahkan. Jangan sampai salah soalnya kalo sampai salah bisa berantakan jadinya..
6. Tinggal di simpan dan lihat hasilnya...
Sumber lain : www.ardi33.web.id
-
Memasang Form Login Account Blogger
Posted: 2009-11-24 00:54:12 UTC-08:00
Pada dasarnya login account blogger berada di kanan atas blog Sobat, namun kini Sobat dapat memindahkannya, dengan cara sebagai berikut -->
1. Seperti biasanya masuk ke Dashboard --> Layout --> Add widget --> Add HTML/JavaScript.
2.Copy kode berikut -->
3. Jangan lupa untuk di save..
Dengan memasangnya di blog Sobat diharapkan agar para pengunjung dapat dengan mudah login and tidak perlu membuka tab baru lagi..
Selamat Mencoba..
-
Mengganti Nama Penulis ( Author ) di Blog
Posted: 2009-11-05 23:32:35 UTC-08:00
Kalau diantara Sobat tidak mengerti dengan maksud judul di atas, sini biar Mr-Top jelaskan... Tapi bagi Sobat yang sudah mengerti dengan maksud judul di atas monggo langsung ke TKP... Maksud judul di atas adalah kalau Sobat lihat disetiap postingan baik yang berada di bawah dan di atas itu terdapat penulis, pengarang, pembuat atau bahasa Sundanya adalah author, hehehe...
Caranya adalah..
1. Masuk ke layout --> Edit HTML, jangan lupa untuk centang Expand Widget Templates
2. Dan cari kode dibawah ini
Kalau dah ketemu ganti code yang warna merah sesuai dengan selera, seperti yang Mr-Top lakukan jadi seperti ini :
Mudahkan caranya?? Tinggal disave dan lihat hasilnya..
-
Cara Menampilkan HTML Di dalam Text Area
Posted: 2009-11-12 03:59:22 UTC-08:00
Guna menampilkan HTML dalam text area adalah agar artikel Sobat tidak berantakan atau jadi terlihat tidak profesional, hehehehe...
Cara buatnya pun sangat mudahkok, Sobat tinggal taruh kode berikut ke widget yang Sobat suka
"center">
Hasilnya
Untuk yang bewarna merah Sobat dapat merubahnya sesuai dengan hati nurani Sobat..
Selain tampilan di atas masih ada yang lebih canggih ini dia
Caranya adalah tinggal copi kode berikut dan taruh di widget yang Sobat suka...
Okay, sampai disini dulu... Nanti kita lanjut lagi...
Memasang Label Cumulus di Blog
Posted: 2009-11-26 10:44:30 UTC-08:00
Sebenernya yang pertama kali menggunakan ini adalah para komunitas WP (Word Press) yang dikembangkan oleh Roy Tanck. Pengguna cumulus sebagai pelabelan dalam WP menyita perhatian para pengguna blogger sehingga akhirnya dibuat lah cumulus untuk blogger sendiri. Ini salah satu contoh cumulus untuk blogger --> klik disini.
Gimana kerenkan? Mr-Top juga pasangkok. Dari pada kita ngomong terus lebih baik kita langsung aja ke TKP....
1. Masuk ke Layout --> Edit HTML dan centang Expand Widget Templates
2. Cari kode berikut
3. Dan kopi kode ini tepat dibawahnya
Ubah yang bewarna merah dan hijau sesuai keinginan Sobat. Warna merah untuk background, sedangkan warna hijau untk garis pinggir.
4. Save template Sobat
5. Selanjutnya ke tab Layout --> tambah gadget --> HTML/JavaScript dan kopi kode dibawah ini
Article Categories
Keterangan
a. Tulisan yang bewarna hijau adalah title dari widget, Sobat dapat merubahnya
b. Code yang bewarna merah adalah HTML pembuka dan bingkai penutup
c. 330 --> lebar pixel widget, 200 --> tinggi pixel widget
d. #FFFFFF --> Kode warna dari backgroun widget
e. 333333 --> kode warna tulisan
f. Angka 12 --> ukuran font dari widget.
said...