Senin, 01 Oktober 2012

Kode Warna HTML

Kode Warna HTML
Kode Warna HTML

Kode Warna HTML - Posting kali ini saya akan menshare widget kode warna html yang bisa teman gunakan secara gratis. Kode warna ini bisa dengan berisi tampilan warna yang bisa teman sesuaikan dengan warna yang teman inginkan, jadi teman tidak perlu untuk menghafal satu persatu warna dalam html, cukup dengan memilih warna yang diinginkan maka teman akan mendapatkan kode dari warna tersebut, tinggal copy kode warnanya dan tempelkan. Mudah bukan? Langsung saja, silahkan gunakan kode warna html dibawah ini :



Berikut ini tabel warna HTML beserta kode warnanya.

FFF
FFF
CCC
CCC
999
999
666
666
333
333
000
000
FFC
C00
FF9
900
FF6
600
FF3
300

99C
C00

CC9
900
FFC
C33
FFC
C66
FF9
966
FF6
633
CC3
300

CC0
033
CCF
F00
CCF
F33
333
300
666
600
999
900
CCC
C00
FFF
F00
CC9
933
CC6
633
330
000
660
000
990
000
CC0
000
FF0
000
FF3
366
FF0
033
99F
F00
CCF
F66
99C
C33
666
633
999
933
CCC
C33
FFF
F33
996
600
993
300
663
333
993
333
CC3
333
FF3
333
CC3
366
FF6
699
FF0
066
66F
F00
99F
F66
66C
C33
669
900
999
966
CCC
C66
FFF
F66
996
633
663
300
996
666
CC6
666
FF6
666
990
033
CC3
399
FF6
6CC
FF0
099
33F
F00
66F
F33
339
900
66C
C00
99F
F33
CCC
C99
FFF
F99
CC9
966
CC6
600
CC9
999
FF9
999
FF3
399
CC0
066
990
066
FF3
3CC
FF0
0CC
00C
C00
33C
C00
336
600
669
933
99C
C66
CCF
F99
FFF
FCC
FFC
C99
FF9
933
FFC
CCC
FF9
9CC
CC6
699
993
366
660
033
CC0
099
330
033
33C
C33
66C
C66
00F
F00
33F
F33
66F
F66
99F
F99
CCF
FCC

CC9
9CC
996
699
993
399
990
099
663
366
660
066
006
600
336
633
009
900
339
933
669
966
99C
C99

FFC
CFF
FF9
9FF
FF6
6FF
FF3
3FF
FF0
0FF
CC6
6CC
CC3
3CC
003
300
00C
C33
006
633
339
966
66C
C99
99F
FCC
CCF
FFF
339
9FF
99C
CFF
CCC
CFF
CC9
9FF
996
6CC
663
399
330
066
990
0CC
CC0
0CC
00F
F33
33F
F66
009
933
00C
C66
33F
F99
99F
FFF
99C
CCC
006
6CC
669
9CC
999
9FF
999
9CC
993
3FF
660
0CC
660
099
CC3
3FF
CC0
0FF
00F
F66
66F
F99
33C
C66
009
966
66F
FFF
66C
CCC
669
999
003
366
336
699
666
6FF
666
6CC
666
699
330
099
993
3CC
CC6
6FF
990
0FF
00F
F99
66F
FCC
33C
C99
33F
FFF
33C
CCC
339
999
336
666
006
699
003
399
333
3FF
333
3CC
333
399
333
366
663
3CC
996
6FF
660
0FF
00F
FCC
33F
FCC
00F
FFF
00C
CCC
009
999
006
666
003
333
339
9CC
336
6CC
000
0FF
000
0CC
000
099
000
066
000
033
663
3FF
330
0FF
00C
C99
009
9CC
33C
CFF
66C
CFF
669
9FF
336
6FF
003
3CC

330
0CC
00C
CFF
009
9FF
006
6FF
003
3FF

Selasa, 14 Agustus 2012

Auto Post Facebook Twitter

adverticement
Cara Auto Post dari Blog ke Facebook dan Twitter Otomatis. apa sih yang dimaksud Auto Post Facebook Twitter ?
yang dimaksud Auto Post dari Blog ke Facebook dan Twitter Otomatis adalah bagaimana cara agar ketika kita ingin melakukan posting atau menulis artikel di blog kita maka secara langsung terkirim ke facebook wall dan twitter wall kita secara otomatis. artinya kita tidak perlu lagi login ke facebook atau twitter jika jika ingin share artikel yang kita posting sebelumnya di blogspot.

Cara Auto Post dari Blog ke Facebook dan Twitter Otomatis dapat dilakukan dengan menggunakan pihak ke 3 yaitu website penyedia auto post Facebook Twitter. ada beberapa yang bisa dijadikan alternatif diantaranya :
1. http://dlvr.it/
2. http://twitterfeed.com/
3. http://www.tweetdeck.com/

Mana dari ketiga website diatas yang lebih baik ?
yang jelas semua web punya kelebihan dan kekurangan. adapun yang saya pakai adalah no 1 dan terbukti berhasil. untuk web no 2 dan 3 belum mencoba.

Bagaimana  Cara Membuat  Auto Post dari Blog ke Facebook dan Twitter Otomatis dlvr.it, twitterfeed.com dan tweetdeck.com ? caranya cukup mudah, dengan mendaftar beberapa menit dan langsung kita bisa membuat auto post.

Cara Membuat  Auto Post dari Blog ke Facebook dan Twitter Otomatis dlvr.it
1. daftar dulu ke dlvr.it
2. tambahkan feed blog atau website kita. contoh : http://tipngeblog.blogspot.com/feeds/posts/default
3. pilih network media yang di tuju dalam hal ini twitter dan facebook
4. kemudian kita harus melakukan ferivikasi baik di twitter maupun facebook. jika sukses maka kita mempunyai 2 route. yaitu route dari blog ke twitter dan route dari blog ke facebook. eperti gambar di bawah.

Bukti auto post Twitter dan Facebook berhasil

demikian yang bisa di sharing. selamat mencoba dan semoga berhasil.

Senin, 13 Agustus 2012

Twitter Widget for Blogger

adverticement
Widget Twitter di Blog. Apa sih gunanya memasang widget twitter di blog kita? 
ada banyak kegunaan tergantung juga dengan jenis widget dari twtiter yang di pasang. diantaranya :
  1. profile twitter. biasanya digunakan untuk memuat link dari apa saja yang kita tweet dan kita letakkan di blog kita sehingga pengunjung blog kita selalu mengikuti tweet kita.
  2.  follower twitter. widget ini berfungsi untuk menampilkan siapa saja yang menjadi follower kita dan di tempelkan di blog kita sehingga pengunjung blog kita tahu berapa banyak follower kita. disamping itu mereka juga bisa melakukan follow twitter kita.
Apakah keduanya harus di pasang di blog kita ?
terserah Anda. semuanya sesuai kebutuhan. menurut penulis salah satu saja karena lebih menghemat ruang.

Bagaimana cara membuat widget profile twitter dan follower box ?
cara membuat  widget profile twitter dan follower box cukup mudah dan sederhana tidak memerlukan keahlian khusus. silahkan ikuti langkah2 dibawah ini.


Cara membuat widget profile :
1. klik link berikut https://twitter.com/about/resources/widgets/widget_profile
2. isi nama twitter Anda pada kotak username.
3. klik Finish & Grab Code. (copy kode nya )
4. Masuk ke blogspot dan Pilih Tata Letak
5. Pilih Add Gadget kemudian pilih HTML/Java Script (copy kan kode yang telah copy sebelumnya)

Twitter Widget for Blogger


Cara Membuat Follower Box Twitter :
1. Masuk ke blogspot dan Pilih Tata Letak
2. Pilih Add Gadget kemudian pilih HTML/Java Script
3. copy script dibawah



Catatan : ganti Tips_Ngeblog dengan nama twitter Anda.

Twitter Widget for Blogger

Membuat Readmore Pada Blog

adverticement
Buat Read More Otomatis blog. Cara membuat auto read more atau readmore otomatis ada beberapa cara mulai dari yang mudah sampai yang sulit, dari yang tinggal klik Menu Insert Jump Break sampai yang memakai javascript. pada kesempatan kali ini akan di bahas semuanya bagaimana cara buat read more atau yang biasa di Baca Selengkapnya dalam bahasa Indonesia.

Mana yang lebih enak, memakai Insert Jump Break atau memakai atau memakai javascript? 
semua cara mempunyai kelebihan dan kekurangan masing-masing. jika  Menu Insert Jump Break, caranya mudah hanya tinggal klik pada Menu tapi harus dilakukan terus menerus setiap membuat postingan baru. disamping itu kita harus menentukan sendiri dimana letak potongan (break) pada setiap artikel baru. hal ini tidak akan terjadi jika kita memakai javascript karena kita tidak perlu menentukan dimana letak break pada setiap postingan baru tapi hanya menentukan berapa jumlah huruf yang akan ditampilkan pada display. tapi dengan cara javascript perlu hati-hati dalam embeded di expand HTML mode.

Jadi harus memakai cara yang mana ?
semuanya terserah kawan-kawan semua. kalau cara  Buat Read More Otomatis yag dipakai penulis adalah dengan javascript karena hanya dilakukan sekali saja.

Bagaimana cara membuat  link Baca Selengkapnya tersebut ?

Cara 1
Membuat Readmore dengan  Menu Insert Jump Break.
ketika membuat entri baru pada blogspot, tulis beberapa baris kalimat yang mewakili isi postingan tersebut kemudian klik  Insert Jump Break pada Menu pada Mode Compose.

Membuat Readmore Pada Blog

dan jika memakai mode HTML kita tambahkan kata <--more--> (ditambah tanda seru seperti pada gambar dibawah ini) setelah kita tulis beberapa baris kalimat yang mewakili isi postingan tersebut.

Membuat Readmore Pada Blog


Cara 2
 Membuat Readmore dengan javascript
1. masuk ke Menu Template blogspot (jangan lupa untuk backup template dulu, buat jaga2)
2. klik Edit HTML kemudian klik Lanjutkan
3. jangan lupa klik Expand Template Widget
4. cari kode dan taruh script dibawah ini diatas kode tersebut.



Catatan:
- untuk mengubah banyaknya teks pada display posting silahkan diatur nilai pada summary_noimg dan summary_img.
- untuk ukuran tinggi dan lebar gambar silahkan diatur nilai pada img_thumb_height dan img_thumb_width.

5. kemudian cari kode  Photobucket taruh script dibawah ini diatas kode tersebut.



Catatan : untuk kata READMORE pada script diatas bisa diganti dengan kata Baca Selengkapnya atau Baca Lebih Lengkap atau lainnya sesuka Anda. Link tersebut yang akan muncul di display posting.

demikian artikel Cara Membuat Readmore Pada Blog. silahkan mencoba dan semoga berhasil.
gambar diatas ambil disini

Kamis, 09 Agustus 2012

Cara Mudah Rubah Older Post

adverticement
Cara ganti Older Post - Newer Post dengan Angka . Disini akan sedikit dibahas tentang bagaimana cara merubah atau mengganti link Older Post dan Newer Post dari blog Anda menjadi tampilan angka dengan cara yang mudah.

Sebenarnya  tidak harus dirubah dengan angka saja kita juga bisa mengganti dengan icon atau gambar apapun yang kita sukai. gambar atau icon yang biasa dipakai untuk merubah Older Post dan Newer Post di blogspot kita adalah tanda panah ke kanan dan ke kiri.

Namun pada kesempatan kali ini akan dibahas tentang bagaimana merubah Older Post dan Newer Post dengan angka seperti tampak pada gambar di bawah ini.

Cara Rubah Older Post

Page (45) menunjukkan banyaknya halaman atau page pada suatu blog. sedangkan 1 - 6 menunjukkan halaman ke 1 sampai ke 6 dan jika kita ingin telusur lebih lanjut klik Next.

Dengan merubah Older Post dan Newer Post menjadi angka maka kita memudahkan pengunjung setia blog kita menelusuri konten blog kita perhalaman. disamping itu juga memudahkan blog walker ataupun lainnya untuk melihat isi dari artikel-artikel yang kita tulis.

Bagaimana cara membuat Older Post dan Newer Post dengan Angka?

1. Login/masuk ke blogspot.com
2. Pada menu klik Template dan klik Edit HTML
3. Biar aman backup dulu template anda dengan klik Download Full Template (hal ini berguna ketika terjadi kesalahan atau perubahan yang tidak kita inginkan nantinya)
3. Beri tanda centang pada kotak "Expand Widget Template"
4. Lalu cari kode Photobucket
5. Masukkan kode di bawah ini di atasPhotobucket

 .showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

6.kemudian cari kode Photobucket dan taruh script dibawah ini sebelum kode tersebut.

Photobucket

7. Selesai dan Taarrraaaa Older Post dan Newer Post blog Anda sudah berubah dengan Angka. Selamat mencoba.

semua script diatas bisa di download di Script OlderPost

 

Copyright @ 2013 Tips ngeBlog.