Sosial oleh: Al Ridwan™

Pemilu

Pemilu dari kata dasar pilu, yang artinya sangat sedih atau terharu. Pemilu berarti sesuatu atau seseorang yang membuat suasana menjadi sangat sedih, atau menjadi terharu karena keadaan yang dikondisikannya.

Islam Oleh: Al Ridwan™

Wali Songo

Islam masuk ke pulau Jawa dibawa oleh para pedagang Gujaraj, perkembangan islam waktu itu hanya sebatas di daerah pesisir atau pelabuhan dimana para pedagang Gujaraj tinggal, sebagian kecil pribumi di pesisir yang menikah dengan pedagang Gujaraj memeluk agama Islam.

Komputer Oleh: Al Ridwan™

Masalah Posting pada Blog

Artikel ini saya tuliskan bagi mereka yang mengalami kesulitan waktu posting. Posting yang kita lakukan, hasilnya tidak sesuai dengan yang kita harapan. Ada beberapa hal yang harus kita perhatikan :

Cerita Misteri Oleh: Al Ridwan™

Candi Wayang

Langit cerah, udara sejuk terasa. Pemandangan yang indah yang dipenuhi dengan dedaunan hijau yang rimbun, daun padi yang mulai menguning mengiringi langka rombongan pemuda untuk mendaki ke Samiaji yang terdiri dari lima orang laki-laki dan satu perempuan.

Puisi Oleh: Al Ridwan™

Cinta Terpendam

Apakah engkau merasa
kalau asmara di dalam dadaku
sedang bergelora

Puisi Oleh: Al Ridwan™

Pernikahan

Wanita kurang mampu melindungi dirinya
tetapi lebih mampu menjaga perbuatannya
Lelaki lebih mampu melindungi dirinya
tetapi kurang mampu menjaga perbuatannya

Tutor Blog Oleh: Al Ridwan™

Mengubah Icon Blog

Sebagian blogger menginginkan Icon dari blognya (Paficon) sesuai dengan gambar mereka (bukan icon bawaan dari blogger). Icon tersebut dapat diganti dengan cara sebagai berikut :

Tutor Blog Oleh: Al Ridwan™

Posting Artikel Multi Kolom

Sebagian blogger menginginkan Icon dari blognya (Paficon) sesuai dengan gambar mereka (bukan icon bawaan dari blogger). Icon tersebut dapat diganti dengan cara sebagai berikut :

Mengganti Tanggal Posting dengan Icon Kalender

Untuk mempercantik tampilan blog anda, salah satunya adalah mengganti tampilan tanggal posting dengan tanggal yang menggunakan Icon (gambar) Kalender. Anda dapat melihat contohnya pada tanggal posting yang ada di bog ini. Cantik bukan ?????

Penasaran ingin mencoba menggantinya ?????

Adapun cara menghilangkan atau menyembunyikan Tulisan Label di bawah posting adalah sebagai berikut :
1. Masuk ke Blogger dengan ID anda
2. Bila sudah masuk Dashboard klik tab Tata Letak
3. Klik tab Edit HTML
4. Backup template anda dengn mengklik Download Template Lengkap
5. Beri  centang  pada "Expand Template Widget" seperti  gambar  di     bawah ini





6. Cari kode seperti di bawah ini

<TITLE><data:blog.pageTitle/></TITLE>


7. Kopi dan pastekan kode berikut ini di bawah kode tersebut

<SCRIPT type='text/javascript'>
//<! [CDATA[
/*********************************/
/* http://al-ridwan.blogspot.com */
/*********************************/
function date_replace(date) {
var bul = date.split('.');
var hari = bul[1], bulan1 = bul[0], tahun = bul[2];
var bulan =
['0','Jan','Peb','Mar','Apr','Mei','Jun','Jul','Ags','Sep','Okt','Nop','Des'];
document.write("<div class='bulan'>"+bulan[bulan1]+" </div> <div class='hari'>"+hari+"</div> <div class='tahun'>"+tahun+"</div>");
}
//]]>
</SCRIPT>


8. Kemudian cari kode ini seperti di bawah ini:

.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
}


Kalau tidak ketemu coba cari kode seperti di bawah ini

h2.date-header {
margin:1.5em 0 .5em;
}


9. Letakkan kode berikut ini di bawah kode tadi

.tanggal {
background: url("http://i711.photobucket.com/albums/ww116/john_rodw/KalenderBiru.gif")no-repeat;
width: 55px;
margin: 0;
font-weight: bold;
height: 50px;
/*position: absolute;
top: 0;
left: 0;*/
float: left;
text-align: center;
}

.bulan {
font-size: 9px;
width: 37px;
margin: -3px 3px 0 0;
text-transform: uppercase;
color: #fff;
}

.hari {
color:#3366CC;
font-size: 17px;
width: 37px;
margin: -3px 3px 0 0;
;
}
.tahun {
color:#3366CC;
font-size: 9px;
width: 37px;
margin: -6px 4px 0 0;
}


10. Langkah selanjutnya cari kode seperti ini ini

<data:post.dateHeader/>


11. Ubah menjadi seperti di bawah ini

<DIV class='tanggal'>
<SCRIPT>date_replace('<data:post.dateHeader/>');</SCRIPT></DIV>


12. Kemudian klik tombol SIMPAN TEMPLATE
13. Langlah selanjutnya adalah klik tab Pengaturan
14. Kemudian klik tab Format
15. Pada Format Header Tanggal ubah menjadi (mm.dd.yyyy) atau bulan.tanggal.tahun.
16. Kemudian klik tombol SIMPAN SETELAH dan selesai

PENJELASAN :
Pada kode :

.tanggal {
background: url("http://i711.photobucket.com/albums/ww116/john_rodw/KalenderBiru.gif")no-repeat;
width: 55px;
margin: 0;
font-weight: bold;
height: 50px;
/*position: absolute;
top: 0;
left: 0;*/
float: left;
text-align: center;
}


http://i711.photobucket.com/albums/ww116/john_rodw/KalenderBiru.gif bisa anda ganti dengan URL Image Address anda
width : 55px : bahwa lebar dari gambar 55px bisa anda sesuaian dengan lebar gambar anda
Height: 50px : bahwa tinggi dari gambar 50px bisa anda sesuaian dengan tinggi gambar anda

Pada kode :

.bulan {
font-size: 9px; --------------------------- Ukuran Font untuk bulan
width: 37px; ----------------------------- Lebar
margin: -3px 3px 0 0; -------------------- Batas
text-transform: uppercase;
color: #fff; ------------------------------ Warna font
}


Anda dapat menyesuaikan dengan gambar dan kebutuhan anda. Pada hari dan tahun demikian juga

Pilihan Icon untk Kalender dan URLnya seperti dibawah ini
http://i711.photobucket.com/albums/ww116/john_rodw/KalenderBiru.gif, anda hanya mengganti kode yang berwarna biru untuk URLnya
TanggalanBiru.png
TanggalanMerah.png
TanggalanCoklat.png
TanggalanHijau.png
TanggalanHijauMuda.png
TanggalanUngu.png
TanggalanOrange.png
TanggalanKuning.png
TanggalanHitam.png
TanggalanPink.png

Selamat mencoba !!!!!

Semoga berhasil



Artikel Lain Yang Terkait :


Komentar :

ada 4 komentar ke “Mengganti Tanggal Posting dengan Icon Kalender”
ammar mengatakan...
pada hari 

di blog saya ada icon kalendernya udah dr template nya, tapi koq tanggal nya g berubah-rubah, slalu 17 april 2009, nah itu gmn biar sesuai ma tanggal sekarang y boz.mksh ya dah dibantuin

kho mengatakan...
pada hari 

mas setelah saya mengkuti petunjukny membuat tanggalan kalender mendapatkan kesulitan yaitu:

h2.date-header {
margin:1.5em 0 .5em;
}

tidak ditemukan padahal sya udah search jg g ada2 mohon pencerahan y mas.. mkasih

ridwan sukardi mengatakan...
pada hari 

kalau nggak ketemu cari yang ini
.date-header {

Giribig.com mengatakan...
pada hari 

terima kasihbanyak atas ifonya sob
giribig.com
blog.giribig.com
duniagame.info
idcheat.com

Posting Komentar

Next previous home