Jumat, 02 Agustus 2013

Cara Memasang Widget Jam dan Kalender Di Blog

Cara Memasang Widget Jam + Kalender Di Blog

Bagi seorang blogger ada berbagai macam aksesoris yang bisa di tambahkan pada blognya, salah satu widget yang mungkin berguna bagi seorang blogger ialah memasang jam + kalender di blognya tersebut, widget jam + kalender ini selain berfungsi untuk menghiasi blog bisa juga bermanfaat untuk mengingatkan atau menunjukkan waktu serta tanggal kepada kamu. yah siapa tau karena asik nge-blog jadinya lupa jika ada acara atau kegiatan yang harus di kerjakan pada waktu atau tanggal tertentu.

Kali ini Eno Parno Abiezz akan share Cara Memasang Widget Jam + Kalender Di Blog yang bisa dipasang di blog. widget jam + kalender ini tidak seperti widget yang lain yang terpisah. tetapi widget jam + kalender ini menyatu, dan bahkan kalendernya berbahasa INDONESIA lho :)

Oke saya rasa tidak perlu panjang lebar, ayo di mulai...

Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.

Ikutilah langkah-langkah di bawah ini :

1. Klik Tata Letak.
2. Klik Tambah Gadget.
3. Pilih Gadget HTML/Javascript.
4. Kemudian (copy & paste Kode di bawah ini untuk memasukkan widget ini pada blog kamu).

Ingat :
Kamu cukup pilih salah satu kode di bawah ini.

» Jam + Kalender Warna Merah :
<embed src="http://ximg.us/upload/1334283396.swf" quality="autohigh" allowscriptaccess="always"
wmode="transparent" menu="false" loop="false" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="600" width="300">
</embed><br />
<small><a href="http://zeswara.blogspot.com" target="_blank">Mau Widget Ini?</a></small>

Keterangan :
  • height="600" adalah ukuran tinggi, silahkan kamu ganti dengan selera yang kamu mau.
  • width="300" adalah ukuran tinggi, silahkan kamu ganti dengan selera yang kamu mau.

» Jam + Kalender Warna Kuning :
<embed src="http://ximg.us/upload/1334283483.swf" quality="autohigh" allowscriptaccess="always"
wmode="transparent" menu="false" loop="false" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="600" width="300">
</embed><br />
<small><a href="http://zeswara.blogspot.com" target="_blank">Mau Widget Ini?</a></small>

Keterangan :
  • height="600" adalah ukuran tinggi, silahkan kamu ganti dengan selera yang kamu mau.
  • width="300" adalah ukuran tinggi, silahkan kamu ganti dengan selera yang kamu mau.

» Jam + Kalender Warna Hijau :
<embed src="http://ximg.us/upload/1334283153.swf" quality="autohigh" allowscriptaccess="always"
wmode="transparent" menu="false" loop="false" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="600" width="300">
</embed><br />
<small><a href="http://zeswara.blogspot.com" target="_blank">Mau Widget Ini?</a></small>

Keterangan :
  • height="600" adalah ukuran tinggi, silahkan kamu ganti dengan selera yang kamu mau.
  • width="300" adalah ukuran tinggi, silahkan kamu ganti dengan selera yang kamu mau.

» Jam + Kalender Warna Biru :
<embed src="http://ximg.us/upload/1334282156.swf" quality="autohigh" allowscriptaccess="always"
wmode="transparent" menu="false" loop="false" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="600" width="300">
</embed><br />
<small><a href="http://zeswara.blogspot.com" target="_blank">Mau Widget Ini?</a></small>

Keterangan :
  • height="600" adalah ukuran tinggi, silahkan kamu ganti dengan selera yang kamu mau.
  • width="300" adalah ukuran tinggi, silahkan kamu ganti dengan selera yang kamu mau.

5. Simpan Pengaturan.

Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat :)

0 komentar:

Cara Membuat Emoticon "Onion Head" Pada Komentar Blogger Di Blog

Cara Membuat Emoticon "Onion Head" Pada Komentar Blogger Di Blog

Hai sobat blogger, wah semangat nih karena sekarang ada postingan bagus tentang Cara Membuat Emoticon "Onion Head" Pada Komentar Blogger Di Blog.

Sebelumnya sudah tahu kan apa itu emoticon? ya, gambar yang menampilkan emosi atau suasana hati seseorang yang ditampilkan di komentar ataupun chatting, dan lain sebagainya.

Nah, sudah pada dipasang belum emoticon-nya di blog kamu? kalo belum, berikut akan saya share salah satu emoticon yang bernama Onion Head atau bahasa indo-nya Kepala Bawang. karena memang gambar emoticonnya berbentuk bawang :D

Oke saya rasa tidak perlu panjang lebar, ayo di mulai...

Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.

Ikutilah langkah-langkah di bawah ini :

Ingat : Sebelum kamu mengedit HTML, sebaiknya BACKUP dulu template blog kamu.

1. Klik Template.
2. Klik Edit HTML.
3. Pilih Format Template.
4. Cari Kode (agar lebih mudah mencari kode di kotak template kamu, gunakan tombol ctrl+f » tunggu sebentar » jika berhasil maka akan terlihat Di Dalam Kotak Template Kamu).

» Cari kode : <div class='post-footer-line post-footer-line-3'> atau kode : <p class='post-footer-line post-footer-line-3'>
» Setelah kode tersebut sudah ditemukan, cari kode di bawah ini (di bawahnya kode yang ada di atas)
</div>
</b:includable>
» Setelah kode tersebut sudah ditemukan, silahkan pasang kode di bawah ini tepat di tengahnya.
<b:if cond='data:blog.pageType == "item"'>
<div style=' width: auto; text-align: left; border: 4px double #0084ce;background: #FFFFFF;  padding: 10px; color:#000000; font-weight:bold; margin-left:40px;'>
<h3 style='text-align: center;'>
<a style='color: #3d85c6;'>Kode Emoticon Untuk Komentar :</a></h3>
<br/>
 <img border='0' src='http://3.bp.blogspot.com/-_-f2HKRWDnE/UZmH7Fr59aI/AAAAAAAAAjk/Kyeg3Lh_Gvg/s1600/a.gif'/>:a
 
 <img border='0' src='http://1.bp.blogspot.com/-c2GYIse0h94/UZmH7iv2a9I/AAAAAAAAAjs/bHgwTKcb2Es/s1600/b.gif'/>:b
 
 <img border='0' src='http://1.bp.blogspot.com/-MuJk7zIAwfk/UZmIHeIKysI/AAAAAAAAAkE/hndZOHO7qgY/s1600/c.gif'/>:c
 
 <img border='0' src='http://3.bp.blogspot.com/-JG6Y4KgBzgs/UZmIGtGmqBI/AAAAAAAAAj8/Qh_rCKbM3Jc/s1600/d.gif'/>:d
 
 <img border='0' src='http://4.bp.blogspot.com/-t1QdvGo95hI/UZmIHyVqVSI/AAAAAAAAAkM/1iiaKnhN418/s1600/e.gif'/>:e
 
 <img border='0' src='http://1.bp.blogspot.com/-9VLGZSxoPgs/UZmUkjw65TI/AAAAAAAAAmU/wQylGHX76bg/s1600/f.gif'/>:f
 
 <img border='0' src='http://4.bp.blogspot.com/-Mcy-6Go-WhE/UZmINgOTP8I/AAAAAAAAAkU/ek84Ky95qx0/s1600/g.gif'/>:g
 
 <img border='0' src='http://3.bp.blogspot.com/-oUacvmRTDqk/UZmINwvAuEI/AAAAAAAAAkg/-_RCsIPT-Y0/s1600/h.gif'/>:h
 
 <img border='0' src='http://3.bp.blogspot.com/-TfwrFtIZ_AE/UZmIYJNiz0I/AAAAAAAAAks/MtSHCR9Gdis/s1600/i.gif'/>:i
 
 <img border='0' src='http://1.bp.blogspot.com/-rk8-e5yfC4U/UZmIe8fZ0tI/AAAAAAAAAk0/ewgj1tvPOxU/s1600/j.gif'/>:j
 
 <img border='0' src='http://2.bp.blogspot.com/-24C6X0Bv3Ho/UZmIgiMwZlI/AAAAAAAAAk8/nDMJTqV_1i8/s1600/k.gif'/>:k
 
 <img border='0' src='http://3.bp.blogspot.com/-THkSVkqacPg/UZmIlvqbRrI/AAAAAAAAAlE/xR5G8xZ9oPk/s1600/l.gif'/>:l
 
 <img border='0' src='http://3.bp.blogspot.com/-cUzrnPmRnoI/UZmInIzwiFI/AAAAAAAAAlM/y1qaTyaNur8/s1600/m.gif'/>:m
 
 <img border='0' src='http://4.bp.blogspot.com/-XQc6kTmARXY/UZmIxAWA3HI/AAAAAAAAAlU/aeRMZHgIz7A/s1600/n.gif'/>:n
 
 <img border='0' src='http://1.bp.blogspot.com/-yrxtZ-Jz4TI/UZmIy59BB5I/AAAAAAAAAlc/DndPlxVxW30/s1600/o.gif'/>:o
 
 <img border='0' src='http://2.bp.blogspot.com/-gcHTn7L62Qc/UZmI5EUWQdI/AAAAAAAAAlk/Wsy8aH151aI/s1600/p.gif'/>:p
 
 <img border='0' src='http://1.bp.blogspot.com/-IbmRfS94_6g/UZmJWJckVwI/AAAAAAAAAl8/FkSBqim3dm0/s1600/q.gif'/>:q
 
 <img border='0' src='http://1.bp.blogspot.com/-iMxgwOu11ls/UZmJHoDRU5I/AAAAAAAAAls/xZ2i-RKtbXk/s1600/r.gif'/>:r
 
 <img border='0' src='http://4.bp.blogspot.com/-5mZN40zZBGs/UZmJVQItw8I/AAAAAAAAAl0/Qld129GjmUU/s1600/s.gif'/>:s
 
 <img border='0' src='http://2.bp.blogspot.com/-7BWljhlUlzc/UZmJdfUZscI/AAAAAAAAAmE/MOYYmiNGNFk/s1600/t.gif'/>:t
   
<div style='text-align: right;'>
<a href='http://zeswara.blogspot.com/2013/08/cara-membuat-emoticon-onion-head-pada.html' title='Cara Membuat Emoticon "Onion Head" Pada Komentar Blogger Di Blog' style='color: #1e7ab7; font-size: x-small;' target='_blank'>Mau Emoticon Ini?</a></div>
</div>
</b:if>

» Sehingga akan menjadi seperti ini :
</div>
Di Sini Paste Kodenya
</b:includable>

Keterangan :
  • Warna hijau adalah judul tabel emoticon, silahkan kamu ganti dengan selera yang kamu mau.
  • Warna ungu adalah URL gambar emoticon, silahkan kamu ganti dengan selera yang kamu mau.
  • Warna merah adalah kode emoticon untuk komentar, silahkan kamu ganti dengan selera yang kamu mau.

» Cari kode : </body>
» Setelah kode tersebut sudah ditemukan, silahkan pasang kode di bawah ini tepat di atasnya.
<script src='http://umanibn-code.googlecode.com/files/smiley_komentar_blogger.js' type='text/javascript' />

5. Sebelum Kamu Klik Simpan Template, sebaiknya kamu klik Pratinjau Template terlebih dahulu untuk memeriksanya.
6. Jika Sudah Oke » Klik Simpan Template.

Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat :
)

0 komentar: