SEXY BLOGSPOT kreasi MAZ BROW

Cara Memasang Fibox di Blog

2012-12-26T11:01:00.001-08:00

Wah.. sudah cukup lama nich nggak posting tutorial blog.. Mumpung berkesempatan, dan mumpung ane lagi mood, ni ane kasih tahu sesuatu untuk sobat blogger.

Kali ini saya akan coba share pada sobat blogger widget yang namanya Fibox.

Bagi sobat yang tertarik memasangnya, ikuti langkah - langkah berikut :

1. Buka situs www.fibox.ws, kemudian klik Sign Up

2. Masukkan alamat email dan password sobat kemudian centang kotak kecil pada term of service kemudian klik continue

3. Akan terlihat tampilan berikut. kemudian buka email yang sobat daftarkan tadi .

4. Buka email dan klik pada link yang diberi seperti yang tampil di bawah ini.

5. Akan muncul tampilan berikut yang menyatakan bahwa akun sobat telah aktif.
kemudian log in dengan email dan password sobat tadi.

6. Buat nama Shuotbox kesukaan sobat, Klik Continue dan sobat akan otomatis di arahkan ke dashboard baru sobat.

7. Pada dashboard, atur tampilan shuotbox sesuka hati sobat.

8. Copy code yang diberi dan paste ke dalam HTML/javascript blog sobat.

Dengan Cara :
Klik Rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript --> masukkan kode di atas kedalam kotak -->

9. Simpan dan lihat hasilnya.:)

Semoga ini bisa berguna untuk sobat blogger..

salam!!

ARTIKEL ini saya dapat dari tab SEBELAH

===== SETIAP POSTINGAN AKAN SELALU SAYA SERTAI FOTO SEXY SEBAGAI REFRESH =====

^_^ >>> KREASI-MAZ-BROW.BLOGSPOT.COM <<< ^_^

Cara Memasang Breaking News di Blog

2012-12-26T00:59:00.000-08:00

Breaking news adalah widget yang dipasang dengan tujuan memperindah tampilan blog dan juga untuk meningkatkan pageview blog. Widget ini berupa judul artikel yang ditampilkan secara bergantian yang terkadang juga di sertai dengan tanggal posting artikel tersebut.

Cara Memasang Breaking News di Blog

1. Login dulu ke akun blog sobat

2. Klik rancangan --> Edit HTML 3. Letakkan kode berikut di atas kode ]]></b:skin>

.newspic {background:#252525 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzS6krFzkug7Kwblr-RNT_f2AJ35VddW3kfLeg_9wE_lxbxVc4-dzyHpwwCr68f-A1Sxbfov0eIf-sBVpJkJH26oXwkJi-vFa4rNsetJKCY9XI9dnxghyDAGLxn82UFLBBBAQLJWGs_Kg/s1600/BRK+NW.png) no-repeat top left;width:979px;margin:0 auto;padding:0 auto; height:24px;color:#fff;}
.news {width: 979px;margin:0 auto;padding:0 auto;line-height: 1.2em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}
.news a:link, .news a:visited{color:#000000;text-decoration:none;}
.news a:hover {color:#ddd;text-decoration:underline;}

Catatan :
Sesuaikan kode yang berwarna biru dengan ukuran template blog sobat

4. Kemudian letakkan kode berikut di atas kode </head>

5. Cari kode <div id='header-wrapper'> ( gunakan Ctrl + F ) dan letakkan kode berikut tepat di bawahnya.

<div class='newspic'>
<div style='float:left;width:979px;padding:1px 0 6px 130px; position:relative; overflow:hidden;'>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker("example1", "example1class", 4000, "_new")
cssfeed.addFeed("Creating Website", "http://kreasi-maz-brow.blogspot.com/feeds/posts/default") //Specify "label" plus URL to RSS feed
cssfeed.displayoptions("date") //show the specified additional fields
cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, "date") //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
<div style='clear:both;'/>
</div>

Catatan :
Ganti http://kreasi-maz-brow.blogspot.com dengan url blog sobat.

6. Klik save dan lihat hasilnya.

ARTIKEL menarik ini didapat dari Christian Tatelu

===== SETIAP POSTINGAN AKAN SELALU SAYA SERTAI FOTO SEXY SEBAGAI REFRESH =====

^_^ >>> KREASI-MAZ-BROW.BLOGSPOT.COM <<< ^_^

Cara membuat READ MORE di BLOGSPOT

2012-12-25T21:14:00.001-08:00

Pemakaian fungsi read more adalah untuk menyembunyikan sebagian posting ditampilan halaman utama blog. Posting secara lengkap baru akan diperlihatkan di bagian yang lain halaman blog dengan alamat baru sesuai posting yang kita buat. Karena berfungsi untuk memotong atau menyembunyikan sebagian artikel, maka blogger berkesempatan untuk mengatur sendiri seberapa banyak kalimat atau teks yang akan di tampilkan. Untuk membangun sebuah fungsi read more, blogger harus melakukan penambahan kode html pada bagian template dan di halaman pengaturan - format. Read more sendiri nantinya dapat di variasikan penampilannya dalam sebuah teks atau sebuah gambar (image) dengan ukuran yang dapat di atur juga. Read more biasa dituiskan dalam bentuk teks seperti Read More, Klik di sini, Teruskan Baca , Lanjutkan Membaca atau bentuk kalimat yang lain yang memperlihatkan bahwa kata, gambar tersebut adalah sebuah link yang harus di KLIK untuk membuka halaman baru di mana kelanjutan posting akan ditemukan.

Cara Membuat Read More :

Login to Blogger (Login ke Blogger) »» Tuliskan Nama User (User Name) atau Alamat Email untuk melakukan Login.

Dasboard (Dasbor) »» KLIK pada link Layout (Tata Letak).

Edit HTML »» KLIK pada link tersebut.

Amankan Template »» Lakukan pengamanan terhadap template sebelum penambahan fungsi read more dilakukan.
Bagi kalian yang belum sempat membaca bagaimana cara mengamankan template, silahkan KLIK

di sini

Tetap di Edit HTML »» KLIK. Expand Template Widget.

<data:post.body/> »» Cari kode <data:post.body/>.
Gunakan Ctrl + F untuk mempercepat pencarian kode. Bila sampeyan blom tahu caranya, silahkan baca dulu

di sini

Ganti KODE »» Copy kode di bawah ini dan gunakan untuk mengganti kode yang di atas tadi (<data:post.body/>).

<b:if cond='data:blog.pageType == "item"'><style>.fullpost{display:inline;}</style><p><data:post.body/></p><b:else/><style>.fullpost{display:none;}</style><p><data:post.body/></p><a expr:href='data:post.url'>Read More......</a></b:if>

Read More ..... »» Bila perlu Ganti kata Read More ..... dengan kata lain yang menurut sampeyan bisa membuat pengunjung lebih tertarik.

SAVE Template (Simpan Template) »» KLIK Simpan Template (SAVE Template).

lanjut ke tahap selanjutnya

Settings (Pengaturan) »» Lanjutkan dengan KLIK link Settings (Pengaturan), kemudian lanjutkan dengan KLIK pada link formatting (format).
Templat Entri »» Tarik halaman ke bawah (dengan cursor). Temukan box di sebelah kanan Templat Entri Tuliskan kode <span class="fullpost"> di bagian atas box, dan </span> di bagian bawahnya.

3. SAVE Formatting (Simpan Setelan) »» Simpan kode html di atas dengan cara KLIK SAVE Formatting (Simpan Setelan).

Cara Membuat Posting Menggunakan Read More :

Posting Mode Edit HTML »» Lihat pada ruang posting mode Edit HTMl. Di dalamnya akan terdapat kode html :

<span class="fullpost">

</span>
Refress »» Bila kode html seperti di atas belum muncul, maka harus dilakukan refress hingga muncul kode html-nya (dijamin pasti muncul!).
Cara Posting »» Untuk melakukan posting dalam fungsi read more, cara penulisan di posting mode Edit HTML sebagai berikut :
"Teks posting yang akan dimunculkan di bagian depan<span class="fullpost">Posting yang kan disembunyikan (dimunculkan melalui Read More)</span>
Kelar ! »» Selesai sudah pembuatan Read More. Di posting selanjutnya kita akan membuat penampilan read more yang lebih bergaya dengan cara memanfaatkan beberapa effect teks sehingga read more menjadi lebih atraktif.
Silahkan baca juga beberapa tips penting berkaitan dengan read more yang sudah saya postingkan supaya penggunaan read more di blog sampeyan bisa lebih effektif.

Artikel ini yg sangat bermanfaat ini diperoleh dari TETANGGA

===== SETIAP POSTINGAN AKAN SELALU SAYA SERTAI FOTO SEXY SEBAGAI REFRESH =====

^_^ >>> KREASI-MAZ-BROW.BLOGSPOT.COM <<< ^_^

Cara menyimpan kode HTML di template blogger

2012-12-25T20:15:00.001-08:00

Posting kali ini memang denagn sengaja mengupas secara lengkap cara-cara menyimpan kode HTML di template blogger-blogspot secara khusus dengan harapan bahwa para blogger yang masih dalam tahap belajar memodifikasi blog dapat melakukan proses penyimpanan kode HTML dengan benar.
Penyimpanan kode HTML oleh beberapa blogger, terutama kode CSS, hingga detik ini masih terjadi bannyak

kekeliruan pada penggunaan tag style (<style type="text/css"> dan </style>). Bukan cara menuliskannya tetapi ketika kode CSS di simpan di atas kode ]]<>/b:skin>. Kasus yang banyak terjadi adalah melakukan penyimpanan kode CSS di atas kode tersebut dengan tetap mengikutsertakan tag style. meskipun kelihatannya seperti hal yang teramat sederhana, namun penggunaan tag tersebut di atas kode ]]<>/b:skin> justru akan merusak desain yang telah direncanakan (di buat).

Selain hal tersebut di atas tutorial ini juga mempunyai manfaat lain saat sebuah blog memberikan tutorial tentang kode HTML.

Lebih mengefektifkan halaman posting.
Menghemat waktu posting.
Memberi tutorial penyimpanan kode HTML secara komprehensif.

Menyimpan Kode CSS

Ada 4 cara dan tempat menyimpan kode CSS:

Menyimpan kode CSS di atas kode ]]></b:skin>.
Menyimpan kode CSS di bawah kode ]]></b:skin>.
Menyimpan kode CSS di tag body (antara tag pembuka body - <body> dan tag penutup body - </body>.
Menyimpan kode CSS dalam bentuk link. Kode CSS dalam bentuk link adalah kode CSS telah di upload terlebih dahulu di file Hosting (contoh: <link href="http://...../gubhugreyot/kode-csss.css" rel="stylesheet" type="text/css" />).

Agar kode dapat di simpan di halaman "Edit HTML", baik di atas kode ]]></b:skin>, maupun di bawah kode ]]></b:skin>, maka lakukan prosedur berikut:

Login : Login ke Blogger.

Tuliskan User Name (Nama Pengguna) atau Email Address.
Masukkan Password (Sandi).
KLIK "Login". Tunggu beberapa saat hingga halaman "Dasboard" terbuka.

Dasboard : Cari dan klik link "Design (Rancangan)". Kembali tunggu beberapa saat.
Design (Rancangan) : Bagian pertama yang akan sampeyan jumpai adalah "Page Elements (Elemen Laman)". Bukan di sini proses penyimpanan yang akan dilakukan.
Cari dan klik link "Edit HTML". Setelah halaman ini terbuka, maka sampeyan akan melihat halaman yang dipenuhi kode HTML. Disinilah semua kode HTML tersimpan yang berfungsi sebagai pembangun blog. Kode ]]></b:skin> terletak di atas tag pembuka body yang berbentuk <body>. Sampeyan dengan cepat dapat mencari kode-kode di halaman "Edit HTML ini dengan menggunakan "Ctrl+F". Klik bersamaan di keyboard kemudian tuliskan kode yang akan di cari pada box pencarian kode yang disediakan tiap-tiap browser. Lanjutkan dengan klik "Find". Akan lebih jelas jika sampeyan membaca tutorialnya dengan membuka tutorial yang terdapat di "Special Tutorials" (menu sebelah kiri atas).
Lanjutkan dengan copy paste kode CSS. Letakkan dengan benar, kemudian klik "SAVE Templates" atau "Simpan Template".

Cara menyimpan kode CSS di atas kode ]]></b:skin>

Untuk menyimpan kode CSS di atas kode ]]></b:skin> sampeyan tidak perlu menggunakan tag style.

Cara menyimpan yang salah

Perhatikan penggunaan tag style!

Cara Menyimpan yang benar

.box {
      width: 400px;
      height: 200px;
      padding: 10px;
      border: 2px solid green;
      margin: 20px auto;
      overflow: auto;
      color: white;
      background: black;
}

]]></b:skin>

Menyimpan Kode CSS di bawah kode ]]></b:skin>

Untuk menyimpan kode CSS di bawah kode ]]></b:skin>, silahkan lakukan penyimpanan dengan menggunakan tag style.

Contoh cara penyimpanan kode CSS di bawah ]]></b:skin>

]]></b:skin>

<style type="text/css">
.box {
      width: 400px;
      height: 200px;
      padding: 10px;
      border: 2px solid green;
      margin: 20px auto;
      overflow: auto;
      color: white;
      background: black;
}
</style>

Cara menyimpan kode CSS di bagian body di antara tag <body> dan tag </body> (lewat Add a Gadget)

Untuk melakukan penyimpanan kode CSS seperti ini, kita harus melakukannya melalui Add Gadget dengan cara :

Login : Login ke Blogger.

Tuliskan User Name (Nama Pengguna) atau Email Address.
Masukkan Password (Sandi).
KLIK "Login". Tunggu beberapa saat hingga halaman "Dasboard" terbuka.

Dasboard : Cari dan klik link "Design (Rancangan)". Kembali tunggu beberapa saat.
Design (Rancangan) : Bagian pertama yang akan sampeyan jumpai adalah "Page Elements (Elemen Laman)". Di sinilah kode CSS akan di simpan (Catatan: melalui cara ini dapat juga dilakukan penyimpanan xHTML dan javascript).
Akan terlihat beberapa box dengan tulisan "Add a Gadget".Silahkan klik salah satu "Add a Gadget" (yang terdapat di box dengan garis putus-putus), d tempat yang sampeyan inginkan (semua tempat bisa digunakan). Tunggu beberapa saat!
Add a Gadget (Tambahkan sebuah Gadget) : Jika sudah terlihat window baru dengan tulisan seperti di atas, silahkan cari sebuah widget yang bertuliskan "HTML/Javascript".
Silahkan klik HTML/Javascript" dan tunggu hingga box tempat penyimpanan kode HTML terlihat.
Simpan kode CSS di dalamnya dengan mengikutsertakan tag style. Bila dalam sebuah tutorial hanya di berikan kode CSS tanpa tag style, maka sampeyan harus menambahkan sendiri.
klik "SAVE/Simpan". Dengan langkah terakhir tadi maka selesai sudah proses penyimpanan kode CSS. Akan lebih sempurna jika setelah klik "SAVE/Simpan", sampeyan melanjutkan dengan klik "SAVE/Simpan" yang terdapat di ujung kanan atas "Elemen Laman". Setelah itu "Refresh" "Page Elemen". Langkah khusus ini dilakukan supaya tidak terjadi perpindahan/pergeseran posisi widget yang telah kita gunakan (misalnya tadinya di pasang di Add Gadget teratas bagian sidebar, tiba tiba setelah kita kembali buka Elemen Laman, e ... si widget sudah berpindah di bagian bawah sidebar).

Contoh Penyimpanan Kode CSS yang BENAR

Contoh Penyimpanan Kode CSS yang SALAH

Perhatikan kode CSS ini di simpan melalui Add a Gadget tanpa tag style

.box {
      width: 400px;
      height: 200px;
      padding: 10px;
      border: 2px solid green;
      margin: 20px auto;
      overflow: auto;
      color: white;
      background: black;
}

Menyimpan kode CSS berbentuk link

Kode CSS dalam bentuk link seperti contoh berikut:
<link href="http://wimg.co.uk/53P/tooltip.css" rel="stylesheet" type="text/css" media="all" />
dapat disimpan di atas kode <head>, di bawah kode ]]></b:skin>, di atas tag penutup body ("</body>") atau melalui Add a Gadget --> HTML/Javascript.. Silahkan pilih tempat yang paling sampeyan suka. Proses penyimpanan seperti halnya cara yang telah digunakan di atas (login ...dst).

Cara Menyimpan javascript

Javascript dapat di simpan di atas kode <head> (paling sering/umum dilakukan), di bawah <head>, di bawah ]]></b:skin>, di bawah <body>, di atas </body> (paling sering/umum dilakukan) atau melalui Add a Gadget --> HTML/Javascript (juga banyak dilakukan dengan cara ini).

Contoh penulisan javascript-1

Contoh penulisan javascript-2

Penggunaan kode khusus di javascript ini untuk mengatasi kesulitan karena penolakan oleh blogger saat dilakukan penyimpanan javascript. Javascript dengan kode tertentu di dalamnya (seperti misalnya "&" biasanya ditolak blogger saat proses penyimpanan dilakukan di "Edit HTML". Persoalan ini dapat diatasi dengan kode khusus ini.

Contoh penulisan javascript-3

Apabila javascript telah di upload di file/javascript hosting, penyimpanan dapat dilakukan di atas <head>, di atas </body> atau lewat Add a Gadget (tergantung sifat javascript-perhatikan perintah tutorial!). Javascript yang telah di upload dituliskan sebagai sebuah link dengan cara seperti ini:

Penulisan xHTML

xHTML disimpan dalam tag body diantara tag pembuka body - <body> dan tag penutup body - </body> baik dilakukan secara langsung di template (Edit HTML) atau melalui Add a Gadget dan di halaman posting

Contoh penulisan xHTML

<div style="width: 400px; height: 200px; background: #000; color: #eee; font-size: 14px; border: 2px solid red">
Abrakadabra, simslabimsemeleketekbuahpepayagedhedkalihehehehehehehehehehhehe!
Abrakadabra, simslabimsemeleketekbuahpepayagedhedkalihehehehehehehehehehhehe!
Abrakadabra, simslabimsemeleketekbuahpepayagedhedkalihehehehehehehehehehhehe!
</div>

Semoga menolong dan memberi manfaat bagi sobat blogger yang suka othak-athik template!

Artikel ini yg sangat bermanfaat ini diperoleh dari TETANGGA

===== SETIAP POSTINGAN AKAN SELALU SAYA SERTAI FOTO SEXY SEBAGAI REFRESH =====

^_^ >>> KREASI-MAZ-BROW.BLOGSPOT.COM <<<^_^

Cara Membuat Menu Terus Berada Di Atas (Floating Menu)

2012-12-25T19:59:00.000-08:00

Cara Membuat Menu Terus Berada Di Atas

Langkah pertama yang harus dilakukan sudah pasti kita harus masuk dahulu ke dasbor blogger, kemudian:

1. Klik Tata Letak

2. Klik Tambah Gadget / Add A Gadget

3. Pilih Gadget Html/JavaScript

4. Masukkan kode berikut di dalamnya

5. Simpan & Selesai.

Keterangan :

Silakan ganti tanda pagar (#) dengan link / url halaman yang kamu mau.
Dan gantu tulisan Edit Menu Ini dengan nama menu yang kamu mau.

Bagaimana cara mengganti warna latar menu tersebut?

Pada kode di atas ada kode #top {background:#eee;

Silakan ganti kode #eee dengan kode warna yang kamu mau, untuk menemukan kode warna silakan lihat di TABEL WARNA DAN KODE WARNA

Nah itulah tutorial cara membuat menu horizontal yang selalu berada di atas yang bisa saya tuliskan. Selamat mencoba dan semoga bermanfaat.

sumber artikel didapat dari tab SEBELAH

===== SETIAP POSTINGAN AKAN SELALU SAYA SERTAI FOTO SEXY SEBAGAI REFRESH =====

^_^ >>> KREASI-MAZ-BROW.BLOGSPOT.COM <<< ^_^

Cara menghilangkan logo obeng dan tang di BLOG

2012-12-25T19:40:00.001-08:00

Bung, mas, mbak, pak, dik, bu, tante, mbah, kek .....

Pernahkan sampeyan melihat orang membuang tang dan obeng ?

Barangnya masih kinyis-kinyis, lho!

Masih terbungkus rapi dalam plastik dan belum belepotan oli sama stempet.

Ditanggung dijual pun masih laku keras, he ....

Kalau memang mau dan buat simpanan atau jaga-jaga barangkali ada orang yang butuh mau perbaiki sepeda kumbang, atau .... eee ... barangkali rumah sampeyan dimasuki pencuri, tang atau obengnya bisa buat mukul atau ngelempar kepalanya biar benjol sebesar telur kerbau kemudian lari terkencing-kencing .. ha ...

Klo mau, nich, cari saja disekitar rumah blogger.

Banyak, kok, yang pada buang tang sama obeng baru.

Benar-benar baru dan asli barang impor, lho.

Tu ... tuh ..., yang buat langsung dari eyang buyut Blogspot, ... Ha ...

Cara Menghilangkan gambar tang dan obeng di blog :

Gambar tang dan obeng yang biasa kita lihat saat membuka blog, ketika kita tengah beraktifitas ngeblog atau membuat posting dan othak-athik desain blog, sebenarnya merupakan sebuah link quick edit.

Link ini disediakan oleh blogger supaya seorang blogger dapat melakukan edit ulang pada kode html dibagian tertentu yang diberi tanda gambar obeng dan tank tersebut.

Meskipun fasilitas ini sebenarnya juga mempunyai manfaat, akan tetapi dari berbagai pengamatan yang dilakukan terhadap para blogger, ternyata fasilitas quick edit sangatlah jarang dipergunakan.

Tentu saja apabila memang kita tidak pernah menggunakannya, tak ada jeleknya bila icon quick edit ini dibuang sekalian.

Ya ... daripada mengganggu pemandangan kretika kita sibuk melakukan posting atau meng-edit template.

E ... barangkali setelah dilepas kemudian dikumpulkan bisa dijual di bakul loakan.

Lumayan bisa buat beli rokok, ha ....

Cukup banyak, lho, tang dan obeng dalam blog kita.

Ha ... O ... o ...Jadi ngelantur!

Yo kita mulai saja mumpung mata blom ngantuk !

Login to Blogger (Login ke Blogger) » Lakukan Login ke Blogger dengan memasukkan User Name atau alamat email dan Password.
Lay Out (Tata Letak) »» KLIK link "Tata letak (Layout)".
Edit HTML »» KLIK "Edit HTML".
]]></b:skin> »» Cari kode " ]]></b:skin> ", kemudian letakkan kode html di bawah ini tepat di ATAS ]]><b/:skin.

.quickedit{
display:none;
}

SAVE Template (Simpan Template) »» KLIK "Simpan Template"
TAMAT / SELESAI

Mudah kan unuk melakukannya..

mungkin sudah banyak BLOGGER yang tau dan buat yang belum tau mudah"an ARTIKEL ini bisa membantu sobat BLOGGER yg masih NEWBIE seperti saya ini....

ARTIKEL menarik ini saya dapatkan dari TETANGGA sebelah...

===== SETIAP POSTINGAN AKAN SELALU SAYA SERTAI FOTO SEXY SEBAGAI REFRESH =====

^_^ >>> KREASI-MAZ-BROW.BLOGSPOT.COM <<< ^_^

Tabel warna dan KODE warna

2012-12-24T12:16:00.001-08:00

Posting dalam Tutorial BloGGeR kali ini aku sengaja membuat sebuah tabel nama dan kode warna dengan tujuan supaya sobat blogger tidak kesulitan ketika harus menggantikan sebuah kode warna dengan nama warna.
Penggunaan nama warna sering kali digunakan dijavascript, sehingga perbendaharaan nama warna yang mencukupi akan sangat menolong kita untuk menggunakan warna lebih lengkap dan variatif.
Ya ..., meskipun tidak selengkap yang diharapkan, tetapi setidak-tidaknya sudah cukup banyak nama warna yang berhasil aku sediakan.
Terus terang saja membuatnya njelimet sekali, sehingga hanya seperti inilah yang bisa aku sediakan.
Semoga cukup menolong dan memberi banyak manfaat.

Daftar Nama Warna dan Kode Warna :

Nama Warna	Hexadecimal	Desimal
01. aliceblue	#f0f8ff	240,248,255
02. antiquewhite	#faebd7	250,235,215
03 aqua	#00ffff	0,255,255
04. aquamarine	#7fffd4	127,255,212
05. azure	#f0ffff	240,255,255
06. beige	#f5f5dc	245,245,220
07. bisque	#ffe4c4	255,228,196
08. black	#000000	0,0,0
09. blanchedalmond	#ffebcd	255,235,205
10. blue	#0000ff	0,0,255
11. blueviolet	#8a2be2	138,43,226
12. brown	#a52a2a	165,42,42
13. burlywood	#deb887	222,184,135
14. cadetblue	#5f9ea0	95,158,160
15. chartreuse	#7fff00	127,255,0
16. chocolate	#d2691e	210,105,30
17. coral	#ff7f50	255,127,80
18. cornflowerblue	#6495ed	100,149,237
19. cornsilk	#fff8dc	255,248,220
20. crimson	#dc143c	220,20,60
21. cyan	#00ffff	0,255,255
22. darkblue	#00008b	0,0,139
23. darkcyan	#008b8b	0,139,139
24. darkgoldenrod	#b8860b	184,134,11
25. darkgray	#a9a9a9	169,169,169
26. darkgreen	#006400	0,100,0
27. darkgrey	#a9a9a9	169,169,169
28. darkkhaki	#bdb76b	189,183,107
29. darkmagenta	#8b008b	139,0,139
30. darkolivegreen	#556b2f	85,107,47
31. darkorange	#ff8c00	255,140,0
32. darkorchid	#9932cc	153,50,204
33. darkred	#8b0000	139,0,0
34. darksalmon	#e9967a	233,150,122
35. darkseagreen	#8fbc8f	143,188,143
36. darkslateblue	#483d8b	72,61,139
37. darkslategray	#2f4f4f	47,79,79
38. darkslategrey	#2f4f4f	47,79,79
39. darkturquoise	#00ced1	0,206,209
40. darkviolet	#9400d3	148,0,211
41. deeppink	#ff1493	255,20,147
42. deepskyblue	#00bfff	0,191,255
43. dimgray	#696969	105,105,105
44. dimgrey	#696969	105,105,105
45. dodgerblue	#1e90ff	30,144,255
46. firebrick	#b22222	178,34,34
47. floralwhite	#fffaf0	255,250,240
48. forestgreen	#228b22	34,139,34
49. fuchsia	#ff00ff	255,0,255
50. gainsboro	#dcdcdc	220,220,220
51. ghostwhite	#f8f8ff	248,248,255
52. gold	#ffd700	255,215,0
53. goldenrod	#daa520	218,165,32
54. gray	#808080	128,128,128
55. green	#008000	0,128,0
56. greenyellow	#adff2f	173,255,47
57. grey	#808080	128,128,128
58. honeydew	#f0fff0	240,255,240
59. hotpink	#ff69b4	255,105,180
60. indianred	#cd5c5c	205,92,92
61. indigo	#4b0082	75,0,130
62. ivory	#fffff0	255,255,240
63. khaki	#f0e68c	240,230,140
64. lavender	#e6e6fa	230,230,250
65. lavenderblush	#fff0f5	255,240,245
66. lawngreen	#7cfc00	124,252,0
67. lemonchiffon	#fffacd	255,250,205
68. lightblue	#add8e6	173,216,230
69. lightcoral	#f08080	240,128,128
70. lightcyan	#e0ffff	224,255,255
71. lightgoldenrodyellow	#fafad2	250,250,210
72. lightgray	#d3d3d3	211,211,211
73. lightgreen	#90ee90	144,238,144
74. lightgrey	#d3d3d3	211,211,211
75. lightpink	#ffb6c1	255,182,193
76. lightsalmon	#ffa07a	255,160,122
77. lightseagreen	#20b2aa	32,178,170
78. lightskyblue	#87cefa	135,206,250
79. lightslategray	#778899	119,136,153
80. lightslategrey	#778899	119,136,153
81. lightsteelblue	#b0c4de	176,196,222
82. lightyellow	#ffffe0	255,255,224
83. lime	#00ff00	0,255,0
84. limegreen	#32cd32	50,205,50
85. linen	#faf0e6	250,240,230
86. magenta	#ff00ff	255,0,255
87. maroon	#800000	128,0,0
88. mediumaquamarine	#66cdaa	102,205,170
89. mediumblue	#0000cd	0,0,205
90. mediumorchid	#ba55d3	186,85,211
91. mediumpurple	#9370db	147,112,219
92. mediumseagreen	#3cb371	60,179,113
93. mediumslateblue	#7b68ee	123,104,238
94. mediumspringgreen	#00fa9a	0,250,154
95. mediumturquoise	#48d1cc	72,209,204
96. mediumvioletred	#c71585	199,21,133
97. midnightblue	#191970	25,25,112
98. mintcream	#f5fffa	245,255,250
99. mistyrose	#ffe4e1	255,228,225
100. moccasin	#ffe4b5	255,228,181
101. navajowhite	#ffdead	255,222,173
102. navy	#000080	0,0,128
103. oldlace	#fdf5e6	253,245,230
104. olive	#808000	128,128,0
105. olivedrab	#6b8e23	107,142,35
106. orange	#ffa500	255,165,0
107. orangered	#ff4500	255,69,0
108. orchid	#da70d6	218,112,214
109. palegoldenrod	#eee8aa	238,232,170
110. palegreen	#98fb98	152,251,152
111. paleturquoise	#afeeee	175,238,238
112. palevioletred	#db7093	219,112,147
113. papayawhip	#ffefd5	255,239,213
114. peachpuff	#ffdab9	255,218,185
115. peru	#cd853f	205,133,63
116. pink	#ffc0cb	255,192,203
117. plum	#dda0dd	221,160,221
118. powderblue	#b0e0e6	176,224,230
119. purple	#800080	128,0,128
120. red	#ff0000	255,0,0
121. rosybrown	#bc8f8f	188,143,143
122. royalblue	#4169e1	65,105,225
123. saddlebrown	#8b4513	139,69,19
124. salmon	#fa8072	250,128,114
125. sandybrown	#f4a460	244,164,96
126. seagreen	#2e8b57	46,139,87
127. seashell	#fff5ee	255,245,238
128. sienna	#a0522d	160,82,45
129. transparent	#c0c0c0	192,192,192
130. skyblue	#87ceeb	135,206,235
131. slateblue	#6a5acd	106,90,205
132. slategray	#708090	112,128,144
133. slategrey	#708090	112,128,144
134. snow	#fffafa	255,250,250
135. springgreen	#00ff7f	0,255,127
136. steelblue	#4682b4	70,130,180
137. tan	#d2b48c	210,180,140
138. teal	#008080	0,128,128
139. thistle	#d8bfd8	216,191,216
140. tomato	#ff6347	255,99,71
141. turquoise	#40e0d0	64,224,208
142. violet	#ee82ee	238,130,238
143. wheat	#f5deb3	245,222,179
144.white	#ffffff	255,255,255
145. whitesmoke	#f5f5f5	245,245,245
146. yellow	#ffff00	255,255,0
147. yellowgreen	#9acd32	154,205,50

Cara membuat tabel Nama dan KODE Warna :

xHTML Tabel Nama & Kode Warna :

<table cellpadding="5" style="border:10px ridge #996633;">
<tbody style="font-size:16px; font-family:cursive; font-weight:bolder;">
<tr>
<th style=background:#242020>Warna/Color</th>
<th>Nama Warna</th>
<th>Hex</th>
<th>Desimal</th>
<tr>
<td style=background:aliceblue>
<td>01. aliceblue
<td style=background:transparent>#f0f8ff
<td style=background:transparent>240,248,255
<tr>
<td style=background:antiquewhite>
<td>02. antiquewhite
<td style=background:transparent>#faebd7
<td style=background:transparent>250,235,215<tr>
<td style=background:aqua>
<td>03  aqua
<td style=background:transparent>#00ffff
<td style=background:transparent>0,255,255
<tr>
<td style=background:aquamarine>
<td>04. aquamarine
<td style=background:transparent>#7fffd4
<td style=background:transparent>127,255,212
<tr>
<td style=background:azure>
<td>05. azure
<td style=background:transparent>#f0ffff
<td style=background:transparent>240,255,255 
</tbody>
</table>

Artikel menarik ini saya dapatkan dari gubhugreyot

===== SETIAP POSTINGAN AKAN SELALU SAYA SERTAI FOTO SEXY SEBAGAI REFRESH =====

^_^ >>> KREASI-MAZ-BROW.BLOGSPOT.COM <<< ^_^

PENULISAN KODE BACKGROUND IMAGE

2012-12-24T12:07:00.000-08:00

Mengenal dan memahami cara penulisan dan penggunaan kode, baik kode CSS, javascript, xHTML ataupun kode yang lain seperti php menjadi satu kunci keberhasilan blogger agar mampu melakukan berbagai perubahan (modifikasi) hingga membuat template sendiri. Sekalipun belajar tentang kode HTML banyak menjadi sesuatu hal yang baru bagi banyak blogger, tetapi jika dilakukan dengan sungguh-sungguh dan telaten niscaya dalam waktu relatif singkat hal yang berkaitan dengan kode dan desain template dengan cepat akan segera dikuasai. Langkah termudah dan yang nantinya akan sangat menunjang kecepatan memahami kode HTML adalah dengan belajar tentang cara penulisan dan fungsi kode CSS. Banyak yang musti kita pelajari dan tentu saja cepat atau lambatnya pemahaman ini bergantung juga pada frekwensi latihan penulisan kode yang langsung diterapkan pada sebuah fungsi atau desain dalam blog atau dengan menggunakan bentuk software yang memang diperuntukkan untuk membuat desain melalui kode HTML seperti halnya dreamweaver. Penulisan kode background menjadi salah satu penulisan kode yang patut kita ketahui agar dapat menggunakan sebuah background yang berupa gambar secara benar. Untuk memunculkan sebuah background image dapat digunakan 2 buah kode yang berbeda.

background-image
background

Kedua kode di atas kemudian diikuti sebuah URL yang merupakan alamat dari gambar/image yang tersimpan di file/image hosting yang akan dimunculkan sebagai background image.

Untuk lebih jelasnya sampeyan bisa melihat contoh metode penulisan kode background yang bertujuan untuk menampilakan image sebagai background.

background-image: url(http://...../images/bg.jpg);
background: url(http://...../images/bg.jpg);
background: color url(http://...../images/bg.jpg);

Contoh-contoh penulisan KODE:

background-image:gray url(https://lh5.googleusercontent.com/-yYzByHWJtrI/T24kWrW8TXI/AAAAAAAAAhM/JoVhKrFHCHk/h120/logoGR-CircleGRV66H66.jpg) top right no-repeat;
background: url(https://lh6.googleusercontent.com/-bVNeoiocOiE/T24fY4ic83I/AAAAAAAAAgc/7_uZ-DFjdqI/h768/gubhugreyot_penelopecruz.jpg) top center no-repeat;
background: #f00 url(https://lh6.googleusercontent.com/-I4jXT-3UIzE/T2OFEwW7CFI/AAAAAAAAAas/Ao2K4KgKrNQ/s500/pink-Vgrad-3x500.png) top left repeat-x;
background:url(https://lh6.googleusercontent.com/-WtyZZs2AcDs/T24gaEST_hI/AAAAAAAAAg0/Dk9DG4WSqyU/h120/gubhugreyot_emboss-01.gif);

Catatan/Keterangan:

Dari ke-4 contoh di atas semua kode yang dituliskan akan memunculkan sebuah background yang berupa image, hanya pada contoh ke-3 dan ke-4 juga dilibatkan background warna yang memanfaatkan kode warna dalam bentuk angka dan huruf (contoh ke-3) dan kode warna dalam bentuk teks yang menyatakan warna (contoh ke-1).
Dengan digunakannya warna maka selain akan terlihat background dalam bentuk gambar maka sekaligus di dalamnya akan ditampilan background yang lain dalam rupa warna secara bersamaan.
Dalam perkembangannya, sebuah penulisan kode background juga masih memungkinkan dikembangkan melalui penambahan beberapa kode lain untuk membuat berbagai pengaturan yang memungkinkan sebuah backgrund image tertata dengan baik, rapi dan tepat terpasang pada posisi dan keadaan tertentu sesuai dengan desain yang direncanakan.
Beberapa contoh kode pada background juga ditambahkan kode background-repeat » repeat-x, repeat-y, no-repeat serta background-position.
background-repeat adalah suatu perintah pengulangan background image secara vertical (repeat-y), horizontal (repeat-x), vertical-horizontal (repeat), tak berulang (no-repeat).
background-position berfungsi untuk menentukan posisi image sebagai background terhadap bidang/box/kolom/ruang yang akan akan diberi background. value background position dinyatakan dalam top, left, right, bottom, center serta % (persen) dan pixel (px)..

Artikel menarik ini saya dapatkan dari gubhugreyot

===== SETIAP POSTINGAN AKAN SELALU SAYA SERTAI FOTO SEXY SEBAGAI REFRESH =====

^_^ >>> KREASI-MAZ-BROW.BLOGSPOT.COM <<< ^_^

TUTORIAL cara membuat CURSOR di ikuti TULISAN di BLOG

2012-12-23T13:58:00.002-08:00

OKE jumpa lagi dengan saya sobat BLOGGER.....
Liat kan CURSOR BLOG saya...
Mau buat seperti ini... kebetulan sobat BLOGGER.......
Malam ini saya mau SHARE cara membuat CURSOR di ikuti TULISAN di BLOG...
Efek dari TRIK yg saya berikan ini adalah membuat sebuah text mengikuti kemana arah cursor mouse digerakkan di dalam BLOG, dan text itu akan bergerak mengitari CURSOR jika tidak ada aktifitas / di diamkan saja....
gimana keren ga menurut sobat....
Dan yang menarik lagi TEXT itu bisa sobat ganti dengan TEXT yg sobat inginkan, termasuk WARNAnya juga bisa sobat ganti sesuai keinginan sobat...
Mungkin sudah banyak yang tau cara ini tapi saya coba aja SHARE lagi buat sobat BLOGGER yg masih pemula seperti saya ini...
Mudah - mudahan ARTIKEL ini bermanfaat dan bisa membuat BLOG milik sobat makin KEREN....

Sudah siap sobat buat memulainya
Langsung aja ya
Jangan takut gagal sobat , saya sudah coba dan 100% bekerja dengan baik.

ini langkah langkahnya...
Jika tertarik silahkan di praktekkan sendiri......

1. Pertama LOG IN dulu BLOG milik sobat
2. Pada " DASHBOARD " tampilan BLOG milik sobat
    > Klik TATA LETAK
    > Klik TAMBAH GADGET
    > Pilih HTML / Java Sript lalu klik tanda +
    > COPY kode dibawah ini dan PASTE semua kode dibawah ini masukkan ke dalam kotak HTML / Java Script

3. Langkah terakhir setelah sobat PASTE code tadi ke kotak HTML / Java Script.

Sobat Klik SIMPAN dan lihat hasilnya..
Gimana keren dan bermanfaat bukan.......

sobat pasti bingung gimana ganti TEXTdan WARNA nya...
ni saya kasih tau cara gantinya....

Sobat lihat tulisan yang berwarna MERAH dan BIRU pada code diatas tadi....
yang warna MERAH buat ganti WARNA TEXT
yang warna BIRU buat ganti TEXT yg mau ditampilkan..

Selamat bagi sobat BLOGGER yg berhasil membuat CURSOR diikuti TULISAN di BLOG.
Jika ada kesulitan tinggallkan saja komentar di ARTIKEL ini dan saya akan segera membalasnya.

Semoga ARTIKEL ini bisa bermanfaat buat sobat BLOGGER semua...
SALAM BLOGGER......

===== SETIAP POSTINGAN AKAN SELALU SAYA SERTAI FOTO SEXY SEBAGAI REFRESH =====

^_^ >>> KREASI-MAZ-BROW.BLOGSPOT.COM <<< ^_^

WELCOME TO MY BLOG

2012-12-23T13:04:00.000-08:00

Salam kenal sobat BLOGGER dari saya...
Kebetulan saya masih sangat NEWBIE di dunia BLOGGING jadi mohon bantuannya supaya BLOG punya saya yg masih BERANTAKAN ini bisa jadi KEREN dan yg pasti tetap harus dengan tema SEXY background aja.
Soal isi ARTIKEL semua just for SHARING and FUN aja ga harus berhubungan dengan SEX, cuma TEMPLATE aja yg sexy......
Karena saya kebetulan penggemar WALLPAPER sexy ...hehehehhe
Mudah - mudahan nanti BLOG ini bisa muncul juga diurutan atas search engine GOOGLE.....

tapi ya ga harus buru - buru.....
Soalnya belum ngerti banget soal BLOGGING...
Tapi kan kl gak pernah coba mana bisa tau ...
Bener ga sobat BLOGGER..
Jadi intinya " COBA AJA DULU DAN SOAL HASIL URUSAN BELAKANG"
Dan juga kl ada yg mau ngajarin saya tentang dunia BLOGGING makasih banget buat sobat semua.
Karena sudah mau berbagi ILMUnya.....

oke deh segitu aja perkenalan dari saya ...
sampai jumpa di postingan selanjutnya

===== SETIAP POSTINGAN AKAN SELALU SAYA SERTAI FOTO SEXY SEBAGAI REFRESH =====

^_^ >>> KREASI-MAZ-BROW.BLOGSPOT.COM <<< ^_^