Cara menampilkan realtime ini sangat mudah sekali, hanya membutuhkan kode javascript dan penempatan real timenya bisa menurut selera sobat blogger.
Langkah-langkah menampilakan real time di blogspot:
1. Login terlebih dahulu ke blogspot masuk ke Tata Letak > Edit HTML dan jangan lupa untuk membackup template sobat
2. Jangan centang , letakan script ini di bawah </head>
<script src='http://subagya.googlepages.com/tampil_tanggal.js' type='text/javascript'/>
3. Kemudian untuk penempatan real time ini bisa di sesuaikan dengan keinginan sobat dengan menaruh kode di bawah ini ke dalam struktur template:
Hari ini : <script>tampiltanggal();</script>
4. Pada contoh ini saya menaruh kode tersebut di dalam header-wrapper yang sebelumnya saya tulis untuk code cssnya :
.realtime {
margin:10px;
text-align: left;
color:#ffffff;
float:right;
font-weight: bold;
}
Taruh kode tersebut di atas ]]></b:skin>
5. Langkah selanjutnya masukkan kode yang berwarna merah ke dalam struktur header-wrapper :
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Thinking Out Of The Box (Header)' type='Header'/>
</b:section>
<div class='realtime'>
Hari ini : <script>tampiltanggal();</script>
</div>
</div>
NB : Perhatikan kode header-wraper dan tag penutupnya </div>!!
6. Langkah terakhir adalah save hasil pekerjaan sobat
Apakah blog kita akan jadi berat mas? Mengingat itu javascript..... ato, apakah javascriptnya itu ringan?
ReplyDeleteOh iya... lupa.... pertamax........
@ alam > yup sangat ringan sekali... hampir ga begitu penagruh
ReplyDeletejamnya mana mas?????
ReplyDeletewah JS-nya oke punyaaa
@ anas > wekekekkekeek nanti tanya yang punyanya langsung
ReplyDeletebagaimana caranya kang boleh dong aku ambil buat nambah berat blog aku....wuakekekekekekekek...berad banged blog ku, kang link aku masukin dong yang ini.....makasih yah kang
ReplyDeletewew edit HTML yaks *ngeri*
ReplyDeleteerror
yang kemaren belom ae teratasi. entar malah quad error
sip, menarik dan tertarik nih gw. ntar jika ada waktu pasti kubabat habis deh..he..he...*dah mulai aktif lagi khan?*
ReplyDeletewehehehhehehe komennya tetep mochal is black eh salah mochal is back
ReplyDeletechal..ama tampilin jam dung real time
ReplyDelete@harry > seep kang
ReplyDelete@ diah > ya gitu degh :p
@ eros > kan saya sudah kasih solusinya om
@ cebong 1> calaaan
@ cebong 2 > ya nanti di tanyakan sama yang punya wekekekekek
oke deh mas sip boleh juga di coba ntar
ReplyDeleteKok jadi ga tau kamu kembali chal...
ReplyDeletewah2 keren neh kang suhu..makin cantik blog dibuat, saya simpen dulu suhu, karena ini saangat bermanfaat
ReplyDeleteweleh2, kok namaku disebut2?? hehehe. bs aja suhu ini. cb pake yg ini http://herrolim.googlepages.com/tampil_tanggal_jam.js. cm masih tampilan statik, ga dinamik/berjalan jamnya. ubah sendiri yah. :D.
ReplyDeleteane ga pake yg ini lagi, pake kode yg lebih simple aja tapi agak berantakan. wekekeke.
wah.. ak lagi males utak atik blog... males liat kode2 dsb :(
ReplyDeleteWah, mantap nie.. saya simpan dulu.. kapan2 dicoba..
ReplyDeleteberapaan jamnya bro? pengen juga dong jamnya :)
ReplyDeletegimana kalau bikin realtime sekalian untuk bayaran dr masang adsense yak....hehehe
ReplyDeletehahahha... gue cari2 semalam kemarin pake mbah google tidak nemu.. nyata ngga perlu jauh2 ada di sini...
ReplyDeletenoh liat suhu.. dah sy pasang tuh.. thank berat neh tutornya...
@ gadankota > silahkan om
ReplyDelete@ indungg >wekekekkek miss me yak bro
@ enhal > silahkan bro
@ herro > ane udah punya trik yang baru bro jamnya dinamis ga statis
@ lyla > mba istirahat aja dulu
@ wendra > ok bro
@ yoyo > free ambilnya di polsek wekekekke
@ gus > wekekkekke bisa aja niee suhu gus
@ jaloee > pohon memang ga jauh dari buahnya suhu wekekkekek....
hohoho, akhirnya suhu mochal keluar elmunya nehhh..huehehe
ReplyDeletesippp challl, wah dapet inspirasi dari kang herro neh..hehehe
emang harus kompak tuh ;)
ok chal sukses :)
Maaf kemaren blog abang tutup chal, tp masih bisa ngintip kan lewat jendela hue he he, skr dah dibuka chal
ReplyDelete@ gdenarayana > yups suhu herro memang good
ReplyDelete@ abang > ya bang lagi maintenace yak
ini bikin blognya lewat fs yaw??? :)
ReplyDelete@ acy > wekekekekek.... cuman intip aja codenya
ReplyDeleteKeren mas..
ReplyDeleteTapi mo nanya yg laen nih, ntu iklan GA bisa nongol gimana caranya?
ngerobah script kah?
okkkk...bagus tuhhhh
ReplyDeletebagus-bagus info di blognya mas
ReplyDeletekok tetep gak bisa ya,...yang muncul tetep codenya,..
ReplyDeletesiip dech tutorialnya
ReplyDeleteTrik ini yg sy cari, tks infonya...
ReplyDeleteduh, kok masih gagal ya?
ReplyDeletesalahnya di mana ya?
Sekalian jamnya gimana ya ?
ReplyDelete