Di trik jQuery saya kali ini saya akan membagikan trik bagaimana cara Membuat Kode Warna JQuery Color Picker di Blog 'New' pasti kalian sudah tau kan trik yang satu ini, di
blog blog yang lain sangat banyak trik memasang atau membuat kode warna
di blog. Tapi trik kali ini sangat berbeda dari trik
membuat kode warna yang lain (color picker). Pembuatannya pun sangat
mudah tidak perlu memasang kode warna terlalu banyak seperti color
picker yang lainnya. Cukup meletakan kode CSS dan jQuery di Edit HTML
dan kode HTML di posting atau juga di sidebar kamu, kodenya pun cukup
simple jadi tidak akan membuat blog kamu tambah berat, tertarik ingin
mencobannya ikuti langkah pembuatanya sebagai berikut, kamu bisa lihat
dulu contohnya disini sobat tinggal lihat di bagian paling atas. Tertarik untuk membuatnya?langsung saja ikuti langkah-langkahnya di bawah ini:
1. Masuk ke dashboard blogger, pilih template, edit html, lanjutkan,
centang pada tulisan 'Expand Template Widget', Kemudian cari kode
</head> untuk memudahkan pencarian kode </head> . Tekan Ctrl
dan F secara bersamaan pada keyboard sobat. Dan kemudian masukan kode CSS dan jQuery dibawah ini, dibawah kode <head>
<link href='https://sites.google.com/site/shofisanjaya/colorpicker/colorpicker.css' rel='stylesheet' type='text/css'/>
<link
href='https://sites.google.com/site/shofisanjaya/colorpicker/layout.css'
media='screen' rel='stylesheet' type='text/css'/>
<script src='https://sites.google.com/site/shofisanjaya/colorpicker/jquery.js' type='text/javascript'/>
<script src='https://sites.google.com/site/shofisanjaya/colorpicker/colorpicker.js' type='text/javascript'/>
<script src='https://sites.google.com/site/shofisanjaya/colorpicker/eye.js' type='text/javascript'/>
<script src='https://sites.google.com/site/shofisanjaya/colorpicker/utils.js' type='text/javascript'/>
<script src='https://sites.google.com/site/shofisanjaya/colorpicker/layout.js' type='text/javascript'/>
* Penting! kalau di template kamu sudah ada jquery v1.3.2 , alamat kode yang ini https://sites.google.com/site/shofisanjaya/colorpicker/jquery.js tinggal dihapus saja contohnya seperti ini colorpicker/jquery.js
* Simpan template sobat.
* Sobat bisa menaruhnya di posting atau di sidebar/html javascrift, letakan kode
dibawah ini diposting baru atau disidebar/html javascrift
<div id="colorSelector">
<div style="background-color: blue;">
</div>
</div>
Untuk menaruhnya di sidebar:
1. Masuk ke dasboard blogger
2.Tambah gadget
3.Pilih html/javasript
4.dan kemudian masukan kode scrift dibawah ini
Untuk menaruhnya di postingan:
1. Masuk ke dashboard
2. Pilih postingan baru
3. Pilih html
4. Masukan kode yang tadi
Selesai, dan semoga bermanfa'at
Friday, February 24, 2012
0 Membuat Kode Warna JQuery Color Picker di Blog 'New'
Subscribe to:
Post Comments (Atom)
Post a Comment
Panduan Memberi Komentar
1.Masukan komentar anda
2.Lalu pada kata 'beri komentar sebagai' , pilih account yang anda punya, bagi yang belum mempunyai account pilih Name/url, isi nama anda dan Kosongkan URL atau isi dengan alamat facebook anda(untuk mengetahui alamat facebook anda silahkan login ke facebook dan pilih profile anda, anda dapat melihat alamat Facebook anda di atas, contoh alamat Facebook punya saya http://www.facebook.com/profile.php?id=1823916177
3.dan kemudian Publikasikan
4.Selesai dan anda tinggal menunggu komentar anda muncul
Semoga bermanfa'at.