Iklan

Jumat, 20 Mei 2011

Kode-kode Warna HTML

- bazComp share -


Gunakan kode kode warna html untuk mempercantik tampilan blog maupun website anda.


Untuk menerapkan kode kode warna html dalam blog berikut contoh nya
<div style="color:#BB0000;"> tulisan disini </div>

Berikut daftar kode warna html yg bisa di terapkan.

#000000 #000055 #0000AA #0000FF #002400
#0024AA #0024FF #004800 #004855 #0048AA
#0048FF #006D00 #006D55 #006DAA #006DFF
#009100 #009155 #0091AA #0091FF #00B600
#00B655 #00B6AA #00B6FF #00DA00 #00DA55
#00DAAA #00DAFF #00FF00 #00FF55 #00FFAA
#00FFFF #240000 #240055 #2400AA #2400FF
#242400 #242455 #2424AA #2424FF #244800
#244855 #2448AA #2448FF #246D00 #246D55
#246DAA #246DFF #249100 #249155 #2491AA
#2491FF #24B600 #24B655 #24B6AA #24B6FF
#24DA00 #24DA55 #24DAAA #24DAFF #24FF00
#24FF55 #24FFAA #24FFFF #480000 #480055
#4800AA #4800FF #482400 #482455 #4824AA
#4824FF #484800 #484855 #4848AA #4848FF
#486D00 #486D55 #486DAA #486DFF #489100
#489155 #4891AA #4891FF #48B600 #48B655
#48B6AA #48B6FF #48DA00 #48DA55 #48DAAA
#48DAFF #48FF00 #48FF55 #48FFAA #48FFFF
#6D0000 #6D0055 #6D00AA #6D00FF #6D2400
#6D2455 #6D24AA #6D24FF #6D4800 #6D4855
#6D48AA #6D48FF #6D6D00 #6D6D55 #6D6DAA
#6D6DFF #6D9100 #6D9155 #6D91AA #6D91FF
#6DB600 #6DB655 #6DB6AA #6DB6FF #6DDA00
#6DDA55 #6DDAAA #6DDAFF #6DFF00 #6DFF55
#6DFFAA #6DFFFF #910000 #910055 #9100AA
#9100FF #912400 #912455 #9124AA #9124FF
#914800 #914855 #9148AA #9148FF #916D00
#916D55 #916DAA #916DFF #919100 #919155
#9191AA #9191FF #91B600 #91B655 #91B6AA
#91B6FF #91DA00 #91DA55 #91DAAA #91DAFF
#91FF00 #91FF55 #91FFAA #91FFFF #B60000
#B60055 #B600AA #B600FF #B62400 #B62455
#B624AA #B624FF #B64800 #B64855 #B648AA
#B648FF #B66D00 #B66D55 #B66DAA #B66DFF
#B69100 #B69155 #B691AA #B691FF #B6B600
#B6B655 #B6B6AA #B6B6FF #B6DA00 #B6DA55
#B6DAAA #B6DAFF #B6FF00 #B6FF55 #B6FFAA
#B6FFFF #DA0000 #DA0055 #DA00AA #DA00FF
#DA2400 #DA2455 #DA24AA #DA24FF #DA4800
#DA4855 #DA48AA #DA48FF #DA6D00 #DA6D55
#DA6DAA #DA6DFF #DA9100 #DA9155 #DA91AA
#DA91FF #DAB600 #DAB655 #DAB6AA #DAB6FF
#DADA00 #DADA55 #DADADA #DADAFF #DAFF00
#DAFF55 #DAFFAA #DAFFFF #FF0000 #FF0055
#FF00AA #FF00FF #FF2400 #FF2455 #FF24AA
#FF24FF #FF4800 #FF4855 #FF48AA #FF48FF
#FF6D00 #FF6D55 #FF6DAA #FF6DFF #FF9100
#FF9155 #FF91AA #FF91FF #FFB600 #FFB655
#FFB6AA #FFB6FF #FFDA00 #FFDA55 #FFDAAA
#FFDAFF #FFFF00 #FFFF55 #FFFFAA #FFFFFF

salam bazComp..
readmore »»  

Membuat tombol like Facebook

- bazComp share -

membuat tombol like facebook pada blogBerikut kode tombol like facebook untuk homepage saja, jadi jika ada yang nge-like maka yg di like hanya homepage saja.

<iframe src="http://www.facebook.com/plugins/like.php?href=http:// www.bazcomp.co.cc&layout=button_count&show_faces=true&width=100&action=like&font=lucida%2Bgrande&colorscheme=light&height=21"
scrolling="no"
frameborder="0"
style="border:none; overflow:hidden; width:100px; height:21px;"
allowTransparency="true">
</iframe>

Ganti text yang berwarna ungu dg alamat homepage blog kamu.Berikut kode tombol like facebook untuk setiap postingan dan homepage juga, jadi jika ada yang nge-like maka hanya halaman yang di lihat yg di like, atau mudah singkatnya kode tombol like facebook otomatis.


<script type="text/javascript">
document.write ('<iframe src="http://www.facebook.com/plugins/like.php?href=' + escape (location.href) + '&action=like&layout=standard&show_faces=true&width=100%&font=arial&colorscheme=light"
allowTransparency="true"
frameborder="0"
scrolling="no"
style="border:none; overflow:hidden; width:100%; height:25px;">
</iframe>'); </script>

Tempatkan salah satu script diatas pada widget HTML/javascript agar bekerja secara maximal, pilih script mana yang kamu suka. Oh ya jika kamu menginginkan tombol share facebook dan twitter dg counter / penghitung, kamu bisa membaca artikelnya pada membuat tombol share facebook dan twitter dg penghitung..
salam bazComp..
readmore »»  

Membuat tombol share Facebook Twitter dengan penghitung

- bazComp share -

membuat tombol share facebook dan twitter dengan counter penghitung      Langsung saja membuat sendiri tombol share facebook dan twitter dengan penghitung
Oh ya tombol share ini akan menunjukan jumlah (counter/penghitung) berapa kali artikel tersebut di share ke facebook dan twitter .

  • Login ke dashboard blogspot kamu
  • pilih Rancangan »» Edit HTML
  • Checlist pada tulisan Expand Widget Template
  • Cari kode <data:post.body> (Gunakan tombol F3 untuk mempermudah mencarinya)
  • Tempatkan script berikut dìatas kode <data:post.body>
  • Scriptnya
    <p><a href='http://www.facebook.com/sharer.php' name='fb_count' type='button_count'>share</a>
    <script type='text/javascript' src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'/><br/>
    <a class='twitter-share-button' data-count='horizontal' data-via='bazcomp' href='http://twitter.com/share'>share</a></p>
  • Kemudian tempatkan script berikut ini di bawah kode <head>
    <script type='text/javascript' src='http://platform.twitter.com/widgets.js'/>
  • terakhir klik Save Template
Hasilnya terlihat pada bagian atas title artikel. Jika ingin di tempatkan di bagian bawah artikel maka tempatkan script yang no.1 di bawah kode <data:post.body> Jika ada yang ingin di tempatkan di bagian lain bisa bertanya pada kotak komentar, secepatnya akan di bantu tentang membuat sendiri tombol share facebook dan twitter dg counter.

salam bazComp..
readmore »»