BENY'S BLOG

Cara mengganti tanggal posting dengan icon calender 0 komentar

Akhirnya jadi juga, setelah beberapa hari nyari-nyari artikel tentang "cara mengganti tanggal dengan icon kalender" dan mengotak-atik template akhirnya berhasil juga aku membuatnya, fiuuhh dengan menghabiskan dana ber M-M (maksudnya Maribu, Mablas ribu) untuk melakukan penelitian dan dengan membanting keringat dan memeras tulang dan akhirnya berhasiiiiill..... Mau tahu cara membuatnya? jangan khawatir aku akan membagi-bagikan tutorial ini pada kalian dengan geratis (kalo ada yang mo bayar sih boleh aja ) yak mari kita mulai trik dan tipsnya.Yang pertama harus kita lakukan yaitu mengganti setting tanggal dulu, caranya seperti biasa Login dulu ke blogger terus pilih Settings --> Formatting, ganti "date header format" atau "format tanggal menjadi (mm.dd.yyyy) nha yang masih pemula pasti bingung maksudnya kan? itu lho disebelah tulisan "date header format" kan ada kotak yang ada tanggalnya, trus kamu klik dan pilih yang formatnya bulan.tangal.tahun contohnya 1.13.2008 terus simpanLangkah yang kedua pilih menu Layout --> Edit HTML . Trus beri tanda centang pada kotak Expand Widget Templates, Oh ya, jangan lupa di back-up dulu template kamu. Yang nggak tahu caranya memback-template silahkan lihat dulu artikel ini. udah? kalo udah mari kita mulai ke jeroannya.1. Cari kode ini (tempatnya dibagian atas) kalo dah ketemu taruh script berikut ini dibawahnya persis

2. kalo udah cari kode ini:
.date-header {margin: 1.5em 0 0;font-weight: normal;color: $dateHeaderColor;font-size: 100%;}kalo ggak ada coba cari yang ini
h2.date-header {margin:1.5em 0 .5em;} 3. Kalo dah ketemu taruh script berikut dibawahnya
.dateblock {background: url("http://kendhin.890m.com/kalender/bluecalend.gif")no-repeat;width: 55px;margin: 0;font-weight: bold;height: 50px;/*position: absolute;top: 0;left: 0;*/float: left;text-align: center;}.month {font-size: 11px;width: 37px;margin: 0 5px;text-transform: uppercase;color: #fff;}.day {color:#3366CC;font-size: 19px;width: 37px;margin: 0 5px;} Kode http://kendhin.890m.com/kalender/bluecalend.gifadalah gambar icon kalender. kamu bisa menggantinya mengantinyadengan gambar-gambar dibawah ini caranya ganti hurus yang dicetak tebal dengankode gambar berikut ini, misalnya kamu pingin kelender yang berwarna merah,caranya kamu ganti text bluecalend.gif dengan redcalend.gif.
blackcalend.gif
blue2calend.gif
bluecalend.gif
greencalend.gif
orangecalend.gif
pinkcalend.gif
redcalend.gif
ungucalend.gif
yellowcalend.gifTrus kode color:#3366CC; adalah kode warnatanggal, kamu bisa menggantinya dengan warna yang lain. Kamu bisa lihat kode2 warnanya DISINI.4. langkah selanjutnya yaitu kamu cari kode ini , cara nyarinya biar gampang copy kode tersebut,terus tekan Ctrl-f dan paste di dalam kotak yang disediakan, nha langsungketemu kan. kalo udah ketemu ganti kode tersebut dengan script dibawah ini.

5. Simpan Template kamu dan lihat hasilnya. Berhasil nggak ya? Kalo misalnya tulisan bulan dan tanggalnya terlalu keatas coba tambahkan kode ini padding: 4px 0px 0px 0px; dibawah kode .month { dan juga dibawah kode .day {NB: Kalo Tanggalnya berubah menjadi tulisan "Undefine" itu pasti kamu tidak memperhatikan tutorial ini dari awal. Coba lihat lagi tutorial ini dari awal dan baca baik-baik perintahnya. Selamat mencobaaaaaaaaaa!!!!!!!........

Dikutip dari:http://trik-tips.blogspot.com/

Tips Mengedit HTML 0 komentar

Jika kita mengotak-atik atau mengedit HTML blog kadang2 akan mengalami kesulitan, apalagi bagi yang masih agak pemula. Entah itu gak bisa nemu kode yang mau diedit lah, gak bisa disimpan karena error lah, Ada pesen error yang gak jelas lah, dan lah-lah yang lain, ya to...??? Nha trik dan tips kali ini akan mencoba gimana cara untuk mengatasi atau setidaknya mengurangi masalah "lah-lah" yang kadang2 atau sering terjadi tersebut.Berikut ini beberapa tips untuk edit HTML bogger:1. Backup Template
Membackup template ini penting karena jika terjadi hal-hal yang tidak dinginkan, misalnya blog jadi rusak maka kita bisa membuatnya seperti sediakala (sebelum rusak) jika kita sebelumnya sudah membackup template. Cara membackup template ini mudah. Cukup klik pada link "Download Full Template" lalu simpan file template di komputer kita. Kalo terjadi kesalahan yang tidak bisa kita atasi, kita tinggal upload aja file template tersebut.2. Memberi Tanda Centang pada Kotak "Expand Widget Template"
Ini yang kadang2 dilupakan para "editor". Kalau kotak "Expand Widget Templates" tidak dicentang maka kode2 yang dicari kemungkinan tidak ditemukan. Tapi kadang2 hal ini tidak perlu dilakukan tergantung dari petunjuk tutorialnya. Makanya perhatikan baik2 tutorialnya kalo mau Edit HTML blog.3. Tips Mempermudah Pencarian
Untuk mempermudah pencarian kode yaitu dengan meng-copy dulu kode yang mau dicari kemudian tekan "Ctrl+f" lalu masukkan kode yang dicopy tadi kedalam kotak yg muncul. Kalo misalkan kode yang dicari tidak muncul maka cobalah mencari sebagian dari kode tersebut. Misal mau mencari kode

jika tidak ketemu maka cb carilah sebagiannya atau seperti ini data:post.body kalau sudah ketemu maka klik tombol next untuk melihat apakah ada kode lain yang sama untuk memastikan kode yang dikehendaki. Tapi tips ini sepertinya sulit dilakakukan jika menggunakan browser "Chrome" paling mudah jika menggunakan "Mozilla Firefox".4. Tips Menghadapi Error Yang Muncul
Jika saat menyimpan hasil editan kemudian muncul pesan error, misal seperti ini:We were unable to save your templatePlease correct the error below, and submit your template again.Your template could not be parsed as it is not well-formed. Please make sure.....Maka hal yang harus kita lakukan adalah berusaha memahami pesan error tersebut. Kemudian kita cek kembali tutorial yang kita baca apakah langkah-langkah yang sudah kita lakukan bener2 sesuai dengan tutorialnya. kalau tidak yakin maka kita bisa mengulangi lagi tutorialnya dari awal dengan mengklik tombol "Clear Edit" terlebih dahulu.Mungkin untuk masalah mengahadapi berbagai pesan error ini akan kita bahas lebih lanjut diepisode yang lainnya yang lebih spesifik.Yak mungkin itu aja dulu tips-tips dalam pembahasan kali ini. Kita jumpa lagi di tips-tips berkutnya.

Dikutip dari: http://trik-tips.blogspot.com/

Akhirnya Ganti Template Juga 0 komentar

Setelah sekian lama, akhirnya blog ini ganti template juga. Dari awal blog ni memang tidak pernah ganti template, paling cuma modifikasi dikit sana sini. Tapi sekarang, setelah menimbang2 dan melalui pemikiran yang panjang x lebar x tinggi, akhirnya diputuskan untuk mengubah template blog ini. Dan bagi yang berminat dengan template blog ini yang lama sekarang sudah bisa didownload. Silahkan DOWNLOAD DISINI untuk mendapatkan template lama blog ini. Tapi tentunya ada beberapa hal yang harus dimodifikasi, diantaranya yaitu :

1. Icon Kalender
Supaya icon kalendernya berfungsi (tidak "undefine") maka haru dirubah dulu format tanggalnya. Yaitu melalui "Setting-->Formatting" kemudian di bagian "Date Header Format" ganti dengan yg berformat "mm.dd.yyyy" misal (11.22.2008).

2. Ganti Tabs menu Horizontal
caranya yaitu masuk di EDIT HTML kemudian cari kata "horizontal tab", nha silahkan otak-atik didaerah situ untk mengedit menu2 horiizontalnya.

3. Ganti Isi Tabview
Caranya yaitu masuk di EDIT HTML kemudian cari kata "tab view", nha silahkan otak-atik didaerah situ untk mengedit isi dari tabview tersebut

Untuk edit2 yang lainnya silahkan diotak-atik sendiri.

Yup, gitu aja. Selamat tinggal templateku yang lama.

Dikutip dari: http://trik-tips.blogspot.com/