KODE WARNA HTML

Kode Warna memiliki peranan sangat penting dalam pengelollan Blog......sy katakan penting karena dengan warna yang terpasang dalam sebuah Blog akan memberi Ketertarikan akan keindahan di Pandang Mata pada Blog Mas Blog Semua...untuk mengetahui Kode warna dalam penerapan di Blog Mas Blog semua ...anda bisa melihat Kode-kodenya di Bawah ini  :

Powered By : Boedhye Thejoe

Read More

TOMBOL SPOILER POSTINGAN BLOG

TOMBOL SPOILER

Postingan saya kali ini akan membahas mengenai cara membuat tombol tampil dan sembunyi pada text atw pun image, tombol seperti ini biasanya sih di sebut dengan SPOILER.

Caranyapun Cukup Mudah Cukup Mas Blog Copy Code di bawah ini dan pastekan di tempat di mana MAS BLOG inginkan pada Postingan Sobat.

<div><input type="button" value="Lihat Gambar" style="margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Lihat Gambar'; }"><br /> </div><br /> <div style="background: #ffffff; margin: 10px auto;<br /> border: 0px solid #000;<br /> padding: 5px;"><br /> <div style="display: none;"><br /> <img src="http://a0.twimg.com/profile_background_images/314865843/mrpujiajadeh.gif" alt="Tombol Spoiler di Postingan Blog" title="Tombol Spoiler di Postingan Blog." width="300" height="200"/><br /> </div><br /> </div></div>

HASIL DARICODE Css SEPERTI DI ATAS BISA MAS BLOG LIHAT DI BAWAH 

Mas Blog bisa berkreasi dengan tulisan yang muncul pada Tombol Di atas
Cukup dengan mengganti tulisan LIHAT GAMBAR dan SEMBUNYIKAN, dengan kata-kata yang MAS Blog Senangi
Oh iyya.... Kalau Mas Blog kepingin melihat Hasil dari Contoh SPOILER yang kita buat di atas, bisa kalian Lihat DI SINI
 


Read More

MEMBUAT KOTAK PADA TEKS POSTINGAN

KOTAK PADA TEKS POSTINGAN

kali ini saya akan mempostingakan cara membuat kotak pada postingan blog. jika sobat ingin memposting tulisan script pada postingan blog, pasti kelihatannya acak acakan / gak karuan... kali ini saya akan memberikan cara untuk memberikan kotak pada postingan blog agar blog tampak rapi. langsung ajach dech...

1. copy script ini pada postingan sobat.

<p style="border: 1px solid rgb(204, 204, 204); padding: 15px; display: block; background-color: grey; text-align: center; color: rgb(255, 0, 0);"> <a href="http://kumputervsayam.blogspot.com/">About IT</a></p>

dan hasilnya akan seperti ini:

About IT

sebenarnya dari 1 script ini nisa di modifikasi menjadi banyak sekali macam kolomnya..

ok tak kasih yang instant ajach ya...

2. Teks otomatis rata kiri
Background warna hitam = background-color: black; black bisa diganti dengan warna lain seperti white, red, blue, green, dsb, Link diisi hingga baris pertama penuh kemudian akan berpindah ke baris 2
Tinggi kotak teks 100 px (pixel) = height: 100px; angka 100 bisa diubah sesuai kebutuhan

<div style="border: 1px solid rgb(202, 61, 217); padding: 1px; overflow: auto; height: 100px; background-color: black; "><br>
<a href="http://kumputervsayam.blogspot.com/">About IT</a> <a href="http://www.blogger.com/">Blogger</a><br>
</div>

dan hasilnya seperti ini

About IT Blogger

3. Teks otomatis rata kiri
Background transparan
Link diisi per baris 1 link
Tinggi kotak teks 200 px (pixel) = height: 100px; angka 100 bisa diubah sesuai kebutuhan

<div style="border: 1px solid rgb(202, 61, 217); padding: 1px; overflow: auto; height: 200px; "> <br>
<a href="http://www.blogger.com/">Blogger</a> <br><a href="http://kumputervsayam.blogspot.com/" target="_blank">About IT</a>
<br>
</div>

dan hasilnya seperti ini

Blogger
About IT

Silahkan Berkreasi Mas Blog....semoga apa yang sy sampaikan ini Mampu menambah daya imajnasi Mas Blog dalam mengelola Blog Anda.
Untuk Melihat Hasil Dari Apa yang saya Jelaskan Diatas Mas BLOG bisa MElihatx DI SINI

Read More

MENGGANTI WARNA WIDGET TWITTER BURUNG TERBANG

Pilihan warna widget twitter burung terbang

Semakin ramainya pengguna twitter di seluruh penjuru dunia membuat mereka para webmaster berinovasi dan mengekspresikan kemampuan mereka dibidang bahasa pemograman dengan membuat berbagai macam widget blog atau fitur-fitur blog agar dapat ditampilkan di blog atau website dengan harapan dapat menarik pengunjung. salah satunya dengan widget twitter terbang (flying bird), widget twitter ini akan mengikuti layar dimanapun layar monitor, ketika halaman blog di scroll kebawah maka burung lucu yang membawa akun twitter kamu. seperti kita ketahui mencari follower / pengikut twitter lebih sulit ketimbang facebook karena di twitter orang yang kita follow belum tentu memfollow kita balik, sangat berbeda jika di facebook orang yang kita follow secara otomatis dia juga memfollow kita.

Nah dengan twitter terbang yang lucu kesana-kemari ini mungkin dapat membantu kita untuk mencari pengikut twitter, dibawah ini kode untuk widget twitter terbang dengan 5 jenis pilihan warna jadi kita bisa menyesuaikan dengan warna blog ataupun selera warna kita. sebelumnya difollow dung twitter saya hehe.... http://twitter.com/#!/boedhye2

1. Silahkan masuk ke akun blogger mAS BrO
2. Klik Rancangan >> Edit HTML
3. Kemudian letakkan kode berikut ini tepat diatas (gunakan CTRL+F untuk mempermudah pencarian)

 <!--- AWAL KODE TWITTER --->
<script type="text/javascript" src="http://u-sup.googlecode.com/files/twitterbang.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX5gnyoZszWZCDymghX-NiRFrOysL49P2L938XlN9z0s7P-DlZf-7n6u9pRbhSWfyxo5XVvuK8fe8rt2iGSLNyIdDqjF4LEy0OAz6pFLRS7CUYb7CxMXPZ8dJrFCsACU2APQqQy75iIWmn/s1600/u-sup-birdsprite.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/IDTwitterKamu";var tweetThisText = "Twitter - IDTwitterKamu http://www.url-kamu.blogspot.com/";tripleflapInit();</script>
<!--- AKHIR KODE TWITTER --->

• Gantilah teks hijau dengan ID twitter kamu 
• Gantilah teks Kuning dengan url blog kamu yang dipasang widget ini

 Contoh untuk kode punya saya :

<script src='http://u-sup.googlecode.com/files/twitterbang.js' type='text/javascript'/>
<script type='text/javascript'>
var birdSprite=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX5gnyoZszWZCDymghX-NiRFrOysL49P2L938XlN9z0s7P-DlZf-7n6u9pRbhSWfyxo5XVvuK8fe8rt2iGSLNyIdDqjF4LEy0OAz6pFLRS7CUYb7CxMXPZ8dJrFCsACU2APQqQy75iIWmn/s1600/u-sup-birdsprite.png&quot;; var targetElems=new Array(&quot;img&quot;,&quot;hr&quot;,&quot;table&quot;,&quot;td&quot;,&quot;div&quot;,&quot;input&quot;,&quot;textarea&quot;,&quot;button&quot;,&quot;select&quot;,&quot;ul&quot;,&quot;ol&quot;,&quot;li&quot;,&quot;h1&quot;,&quot;h2&quot;,&quot;h3&quot;,&quot;h4&quot;,&quot;p&quot;,&quot;code&quot;,&quot;object&quot;,&quot;a&quot;,&quot;b&quot;,&quot;strong&quot;,&quot;span&quot;); var twitterAccount = &quot;http://twitter.com/#!/boedhye2&quot;;var tweetThisText = &quot;Twitter &#8211; usupnew http://KOMPUTERVSAYAM.blogspot.com/&quot;;tripleflapInit();
</script> 

5.  Kemudian simpan template dilihat dulu hasilnya.

13 Pilihan warna untuk  twitter terbang
Gantilah URL/teks warna merah diatas dengan memilih salah satu URL dibawah ini kemudian simpan.

- Warna Standar (biru muda)

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX5gnyoZszWZCDymghX-NiRFrOysL49P2L938XlN9z0s7P-DlZf-7n6u9pRbhSWfyxo5XVvuK8fe8rt2iGSLNyIdDqjF4LEy0OAz6pFLRS7CUYb7CxMXPZ8dJrFCsACU2APQqQy75iIWmn/s1600/u-sup-birdsprite.png

- Warna Pelangi :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiBcs5KxhOJGZJbYy2Z7RK_yHIrzUiwwv5WD53At1hYjSJM_x8lREFyyebVZO2HyDNk-uH7NnhyphenhyphenrJLN_Mcz_x0kf7yDQgZDvSoOoR1DEdrxU8x-c2jNJd_YtS82AwjOjNDGLD4MSJqHyD0/s1600/u-sup-pelangi.png 

- Warna Biru tua : 

  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQgDXaIIx9bUwSinaH2wzvpWesppn_gEXhr891BJyURWHv7Bi-uTv97M979WfVvBsN3jfayFS0GH0eH3Hojf4taGQ6ebGYxwLrpIx2RtOpra77zTEKco9MDs_U7dCC9ENLFLe8ldMHMv4Z/s1600/u-sup-Blue.png

- Warna Merah :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8IbNGmJP9hwJkncbvKdC2RmEAVKggm6qClYTp27cKPIUfnEGcnN5YU0VJM7uaKAJbchzPm48AillSOcVmeSv-ZZoSGENoZA1-2AqShqRblwK6EuQwo_PB90jvJmwWHDN2xOmoffkef5IC/s320/u-sup-red.png

- Warna Ungu : 

  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoyhJS78T9NgANpH-fjTEy8_RzXBfQ_57opAgOB6H7hztsByn0__PzBf6o0EyTbJbS-W8mAKf2-_WTmjC7TqnGFjRYrjAjKOQSzSD2yzQ0YhI1pZmKsUnwQjszMeOIMzT0eohjaX9QF-U9/s1600/u-sup-ungu.png

- Warna Purple :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT1fykDMYUJzAFeG9bXgI7c2X9rrnXp8fGBXTU44W8utrUTJfse3aUX92mIgQBxGxYo9zFLXNTXcSIakx78jOAWl_ftoY5LGFFDfrzGMrAe50Sar-ElUlsJS-CHHGfg9Tx_qlTd6c5mRbQ/s1600/u-sup-purple.png 

- Warna hitam :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBQAb4GeoFVOxelBzPuq3tjgiq4swZU4ESvbXD4o0NNsEqOquknDPnkxrvAj4ckFDleUZ2can5qU2V53OlmrDIIy6UCQtHV3a0gdtV1gMBv7TwxWOGnUCIYytu583KWfLrPXdfG_YpdBrV/s1600/u-sup-black.png 

- Warna hijau :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4xWswL7Q5lasVAIy78_hqM-9L1umx_tpc8ya8HrfnuQpBKDuCozgcFxE6dLn5b0_QI3yy778kKDBVT-2A0n3fGDXdt6uBcIULbOxBIyWYMDdSKALhnHW4BM1YNT1iey8Bl8w7bs8mhB46/s1600/u-sup-Green.png 

- Warna Kuning :

  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEintjGqy2W-7ev9sFiH2m0prP5VR2C7BH6WlNEZmNbh630h30ePN1Bu9CXYTsBZYXJNhbvQdGft2QquR5psZILbyOeAqYG9Skmg0O3pmUJ5QYsgODOQ0x8hkb9dOivmWJtfwBjwvP6P0Xhm/s1600/u-sup-yellow.png   

- Warna Putih :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1cUbrCD9OyegE00zeHc5LQabxP2D5aJeTkWk_NFS3ndeYggrjJoQrZYEykgR4_yCi5jAjE6uYPUe6VRH2HkB4UsXcsLLHfwq9jfN9TJ1bJS4kq-YTX74f_-iXq4z4V6aQ-Th_sXQALqtv/s1600/u-sup-white.png

- Warna Transparan :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr9VvhhKEY9bLsyUiaLwIV3Y5cKRjLxah4HDV0Sfi5DCx6hagyi5_O4npnPETF4UZJDNaHQTcVMPbUWs3aicahh-VI6BWQQvdgKzFUyaxk3k9w63ACjwgxjl2cv2cz_yR9VKQDyq7m4zRp/s1600/u-sup-transparan.png 

- Warna Cokelat :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDSNPYrfJEKs7DoCqxZKkyrdkKmQnFa8C5E03Levk4QiFQunaBVee-IG9a2amCsWsyeqsHYvVBIO1LEd-cTFGUa0VfH_G-Q6gxTqk1p2OdbLpe0k0wor6UYEZu5OotCHhqu8pK6EThLVS7/s1600/u-sup-brown.png 

- 2 Warna Ungu - Oren

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQJHpm0rdz32y0UIvfxnTBs_VlmvORxNZZXykQ5rRFDa70T1cB3-b48GaxBtERV0Iyq5sk0Tb2UhQMRDHOCKnD2oyi-vZImqwXqRMzUvFUefyaOCNTE49xUL4xTS7ZlxLj9ztXI5O8pPI0/s1600/u-sup-ungu-orange.png

Gampang Khan....!!! 

Untuk cara pemasangan Burung Twitter terbang pada blog bisa kalian lihat DI SINI

Read More