Cara Memasang Widget Background Berubah-Ubah Pada Blog

Ilustrasi Background Berubah-Ubah Pada Blog

Kreasi | Informasi | Selamat malam sobat, bagaimana kabarnya di malam hari ini? Semoga semuanya dalam keadaan baik-baik saja, amin. Siapa pun senang jika mempunyai blog yang keren dan tampil elegan. Kali ini saya akan berbagi info tentang cara memasang widget background berubah-ubah pada blog, sesuai dengan minat pengunjung, keren kan!! Saya melihat ini di blog teman Krisna Surya Blog, saya melihat background blognya bisa di ganti sesuai selera, lalu saya putuskan untuk berbagi dengan sobat sekalian. Bagi yang ingin melihat contohnya silahkan kunjungi blognya Krisna Surya atau klik disini. 

Kemudian untuk selanjutnya langsung aja kita action ke cara pemasangannya.

1. Login ke Blogger dengan ID sobat

2. Klik Dashboard >> Lalu Klik Design

3. Lalu Add Gadget >> HTML/Javascript.

4. Lalu copy dan paste kode HTML di bawah pada content HTML/Javascript.

<div class="widget-content">

<center><blink style="color: rgb(0, 102, 0);"><span style="font-weight: bold; color: rgb(0, 153, 0);">Ganti Background Blog Ini!</span></blink><br /><br />

<center><select onchange="document.body.style.background = this.value;this.style.background = this.value;" name="DADcbgc" title="Change Background Image" width="185" height="30">

<option value="url() repeat center center fixed" />None

<option value="url(http://cdn.indowebster.com/www42.indowebster.com/7dd2ae51f4b0cb792d3a435dc953f5cc_thumbnail.gif) repeat center center fixed" />Red Matrix

<option value="url(http://yahyarezpectors.files.wordpress.com/2011/01/sharingan_wheel_by_neronin2.gif) repeat center center fixed" />Sharingan

<option value="url(http://data0.eklablog.fr/hinata/mod_article214242.gif) repeat center center fixed" />Sharingan 2

<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnoDgsR-8t34RTmuBgdNDQMuV5-wkv2vlRXHVZFw_oUG0fyZ_mbkjVP0hPRVQ5P0gE8G4sk2S9mt6-Ml4y1ezutlUMvQgI-xRhJztWC9hF6r270IN5lFKtiTP-_Bpi6TlqAa-QW7b_ej16/s1600/death-note%25284%2529.jpg) repeat center center fixed" />Death Note 1

<option value="url(http://i469.photobucket.com/albums/rr57/dragonknight0000039/ae/death20note20L.jpg) repeat center center fixed" />L Lawliet 1

<option value="url(http://lh5.googleusercontent.com/_GaKwmMcf4N4/TZF_GOqPR_I/AAAAAAAAEsY/iGS-uTIVDs8/DADbg.JPG) repeat center center fixed" />Hidden Leaf

<option value="url(http://lh4.googleusercontent.com/_GaKwmMcf4N4/TZGC4NlmmMI/AAAAAAAAEvk/cma5mtW-beU/DADbg2.JPG) repeat center center fixed" />Rikimaru

<option value="url(http://lh6.googleusercontent.com/_GaKwmMcf4N4/TZGC24bJuCI/AAAAAAAAEvg/O1mDH3LU91w/DADbg0.jpg) repeat center center fixed" />Yu-Gi-Oh!

<option value="url(http://lh5.googleusercontent.com/_GaKwmMcf4N4/TZGDGbOqsnI/AAAAAAAAEwI/FWAbOOZu2go/DAD1.jpg) repeat center center fixed" />Deidara

<option value="url(http://lh4.googleusercontent.com/_GaKwmMcf4N4/TZGC7eK9TtI/AAAAAAAAEvw/Ly5L0UA3D4s/DADcloud.gif) repeat center center fixed" />Akatsuki Cloud

<option value="url(http://lh5.googleusercontent.com/_GaKwmMcf4N4/TZGC7UA67RI/AAAAAAAAEv0/ehJ-oez_akU/DADbluematrix.gif) repeat center center fixed" />Blue Matrix

<option value="url(http://lh3.googleusercontent.com/_GaKwmMcf4N4/TZGC9O9ZNUI/AAAAAAAAEv8/Idjb8xIrw60/DADgreenmatrix.gif) repeat center center fixed" />Green Matrix

</select></center></center>

</div><br/><center><a href="http://gedesitdownblog.blogspot.com/2013/05/cara-memasang-widget-background-berubah.html" target="_blank">Get Widget</a></center>

5. Kemudian Klik Save.

6. Selesai

Sekarang blog sobat sudah bisa diganti-ganti backgroundnya. Judulnya boleh kosong atau boleh juga diisi, saya anjurkan di simpan di bawah header halaman atau dimana saja terserah anda yang penting mudah untuk dilihat oleh pengunjung.

Demikian informasi cara memasang widget background berubah-ubah pada blog, sebagai suatu kreasi tersendiri dan untuk mempercantik tampilan blog kita. Semoga bermanfaat. 

Kumpulan Kode HTML

Informasi | Berikut beberapa kumpulan kode HTML yang bisa anda gunakan dalam mengelola sebuah blog :

1. Untuk menampilkan gambar

<img src="http://url gambarmu"</a> 

2. Untuk membuat text area tempat copy paste ( tulisan textarea tidak boleh pakai spasi )

<text area cols="20" rows="2"> isi teks kamu disini </text area>

3. Untuk membuat link dengan teks

<a href="http://url tujuan">teks kamu disini</a>     

4. Untuk membuat link dengan gambar

<a href="http://url tujuan"><img src ="http://url gambarmu"/></a> 

5. Untuk membuat garis

<hr color="red">

6. Untuk membuat teks shadow/berbayang

<style type="text/css">b.drop-shadow { text-shadow: 2px 2px 3px red }</style><font color="yellow"><b class="drop-shadow"><b>text berbayang</b></font></b>

7. Untuk membuat baris dan paragraf baru

Baris baru/enter = <br/>

Paragraf baru = <p/>

8. Untuk membuat teks berwarna, untuk pilihan warna klik disini

<span style="color:#ff0000">teks anda disini </span> 

9. Untuk membuat teks berada di tengah

<center>teks anda disini </center>

10. Untuk membuat teks berada di kanan

<center><div style="text-align: right;"> Teks Rata Kanan </div> </center>

11. Untuk membuat teks berada di kiri

<center><div style="text-align: left;"> Teks Rata Kiri </div> </center>

12. Untuk membuat list / daftar

<center><div style="text-align: left;"> Teks Rata Kiri </div> </center>

13. Untuk membuat teks bergaris

<center><span style="text-decoration: line- through;">teks anda </span> </center>

14. Untuk membuat garis bawah pada teks

<center><span style="text-decoration: underline;">teks anda </span></center>

15. Untuk membuat teks efek stabilo

<center> <span style="background-color:

#ffc1e0;">kata/kalimat  yang ingin di beri efek stabilo</span> </center>

Demikian info mengenai kumpulan kode HTML yang dapat kita gunakan dalam mengelola sebuah blog, semoga artikel ini bermanfaat terutama bagi para sobat blogger pemula. Terima kasih admin ucapkan kepada sobat yang sudah membaca artikel ini. Salam blogger...!!!

Cara Memasang Widget Melayang Share Button Facebook, Twitter dan Google di Blog

Kreasi | Informasi | Beberapa hari ini saya blogwalking  ke sebuah blog, dan saya melihat sesuatu yang unik di blog sahabat tersebut. Saya menemukan widget melayang share botton facebook, twitter dan google. Kemudian saya mencoba memasangnya, karena widget ini akan memudahkan pengunjung blog kita untuk menshare apa yang ada di blog kita. Dan hal ini juga akan berdampak positif bagi blog kita. Ini bisa menjadi media marketing gratis buat para blogger, untuk itu saya akan share kepada para sobat blogger sekalian tentang cara membuat widget melayang share botton. 

Berikut cara pemasangannya :

1. Login ke akun blog anda
2. Pilih rancangan=>>tambah gadget
3. Pilih Html/Java script
4. Copy kode Html di bawah ini
5. Pastekan di Html/ Java Script tadi
6. Simpan/save
7. Selesai

Kode Widget Share button melayang

<!--Widget Share Button Melayang Start-->

<style>

#pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>

<div id='pageshare' title="bagikan ke teman anda">

<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>

<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>

<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>

<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>

<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>

<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href=http://gedesitdownblog.blogspot.com/2013/05/cara-memasang-widget-melayang-share.html" target="blank" title="Cara Memasang Widget Share Button"><font color="blue">[Get Widget]<font></font></font></a></div></div>

<!--Widget Share Button Melayang End-->

Penting : untuk tulisan warna hijau anda dapat mengeditnya sesuai keinginan anda. Dan tulisan warna merah bisa anda hapus jika anda ingin tampilan yang sederhana. Hasilnya bisa anda lihat seperti gambar di atas postingan ini.

Demikian informasi tentang cara memasang widget melayang share button facebook, twitter, google, stumbleupon dan digg sebagai kreasi pada blog, khususnya di blogspot. Selamat mencoba, semoga bermanfaat!

                                                                             

Pemilu Kada Bali

Informasi | Pendidikan | Hari Pemilihan Gubernur dan Wakil Gubernur sebagai Kepala Daerah Bali akhirnya tiba. Hari ini tanggal 15 Mei 2013 sudah ditetapkan sebagai hari bagi masyarakat Bali untuk menentukan pilihannya yaitu untuk memilih salah satu dari dua pasangan calon Gubernur dan Wakil Gubernur Bali, Puspayoga-Sukrawan dengan Nomor Urut 1 diusung oleh Partai PDIP atau Pastika-Sudikerta dengan Nomor Urut 2 diusung oleh partai koalisi yaitu Partai Demokrat dan Partai Golkar. Masyarakat tentu memiliki hak untuk memilih yang mana, tidak boleh ada paksaan dari siapapun.

Semoga saja masa kampanye kemarin sudah cukup bagi masyarakat untuk melihat dengan jelas tentang apa yang dijanjikan oleh masing-masing pasangan Cagub dan Cawagub. Karena di satu sisi menurut saya apa yang dilakukan kedua pasangan pada masa kampanye kemarin masih sangat kurang dalam mensosialisasikan program-program kerja mereka kepada masyarakat. Kedua pasangan calon Cagub dan Cawagub hanya menampilkan baliho-baliho berukuran besar yang berisi foto dan jargon masing-masing. Kalaupun ada yang menampilkan janji atau program kerja, isinya masih kurang jelas dan kurang di mengerti dan masyarakat tentu butuh penjelasan lebih detil.

Memang ada juga cara kampanye model lain seperti iklan di televisi dan radio bahkan internet, atau ada juga lagu-lagu Bali yang memang dibuat khusus untuk media kampanye, tapi isinya tentu saja jauh dari esensi yang diharapkan karena tidak menjelaskan dengan lebih jelas tentang program kerja yang mereka tawarkan. Sedangkan kalau kampanye model rapat terbuka dan pengerahan massa, semua sudah tahu bahwa isinya biasanya lebih pada orasi-orasi biasa, bukan pemaparan program kerja dengan lebih jelas.

Sebenarnya ada cara kampanye yang lebih efektif seperti acara-acara debat yang disiarkan di televisi namun tetap saja waktunya terbatas. Apalagi isi debat lebih banyak saling menyerang pihak lain dengan cara mengkritik program yang ditawarkan, dimana seharusnya masing-masing pasangan lebih memanfaatkan waktu yang terbatas itu untuk menyampaikan programnya sendiri dan solusinya terhadap masalah yang dihadapi oleh Bali.

Dengan berbagai kekurangan itu, bagaimana pun juga kita harus tetap memilih. Dan yang terpenting selain melakukan kewajiban memilih tentu saja kita tetap harus menjaga keamanan. Jangan sampai Pilgub Bali yang merupakan pesta demokrasi ini menimbulkan hal-hal negatif seperti kericuhan yang dapat meresahkan semua orang. Di jaman yang sudah semakin modern ini, masyarakat sudah sepatutnya belajar untuk lebih dewasa lagi, belajar untuk bisa menerima perbedaan, belajar untuk menghormati perbedaan.

Dan terakhir, saya ucapkan selamat memilih untuk seluruh masyarakat Bali. Siapapun yang terpilih, itulah pilihan masyarakat Bali dan kita semua harus menerimanya karena setelah terpilih maka pasangan tersebut akan menjadi Gubernur dan Wakil Gubernur Bali yang notabene melayani seluruh rakyat Bali, milik seluruh rakyat Bali.

Demikian informasi mengenai Pemilu Kada Bali sebagai sarana pendidikan bagi masyarakat Bali, semoga ke depannya Bali bisa lebih maju dalam segala hal.

Cara Memasang TV Online di Blog

Informasi | Kreasi | Cara Memasang TV Online di Blog. Kali ini, saya ingin share tentang bagaimana menambahkan TV Online di Blog. Cara memasangnyapun sangat mudah, karena kita hanya menaruh script (embed) saja.

Kode yang akan kita gunakan adalah kode script gratis dari Mivo.TV. Kode script Embed MIVO TV gratis ini bisa anda pergunakan jika ingin nonton TV Indonesia secara online, Flash Live Streaming di internet baik itu berita, music, film, gossip dan masih banyak lagi. Cukup Anda copy dan paste kode Mivo TV di blog Anda.

Pastikan, anda sudah install adobe flash player. Karena siaran yang di tampilkan oleh mivo tv ini dalam bentuk flash, jadinya untuk menonton siaran TV di perlukan adanya pemutar file flash. 

Inilah Kode Mivo TV :

 <center><embed allowfullscreen="true" allowscriptaccess="sameDomain" bgcolor="#AAAAFF" devicefont="false" menu="true" name="ImediabizTV" pluginspage="http://mivo.tv/ImediabizTV.swf?r=50000" quality="high" scale="noscale" src="http://id.imediabiz.com/MivoTV.swf?r50000" style="margin: 0px; padding: 0px;" type="application/x-shockwave-flash" wmode="transparent" align="top" width="600" height="800"></embed></center>

</div><br/><center><a href="http://gedesitdownblog.blogspot.com/2013/05/cara-memasang-tv-online-di-blog.html" target="_blank">Get Widget</a></center>

Cara memasangnya adalah sebagai berikut : 

Cara 1 :

1. Login Ke Blogger.com dengan ID  sobat.
2. Klik Tab Layout =>>Lalu klik tambah Gadget.
3. Pilihan menu HTML/JavaScript =>>Pastekan kode HTML JavaScript disitu.
4. Klik Simpan
5. Selesai

Cara 2 :

1. Login Ke Blogger.com dengan ID  sobat.
2. Klik Tab Laman =>>Lalu klik Laman Baru.
3. Pilihan menu HTML/JavaScript =>>Paste Kode HTML JavaScribnya disitu.
4. Klik Simpan
5. Lalu publikasikan
6. Selesai.

Cara 3 :

1. Login Ke Blogger.com dengan ID  sobat.
2. Klik Entri baru pada dashbor.
3. Pilihan menu HTML/JavaScript =>>Paste kode HTML JavaScriptnya disitu.
4. Klik Simpan
5. Lalu publikasikan
6. Selesai.

Demikian informasi mengenai Cara Memasang TV Online di Blog sebagai suatu kreasi untuk memperindah tampilan blog dan menarik pembaca pengunjung blog kita. Semoga bermanfaat. Salam Blogger...!

Cara Mudah Merubah Kursor Menjadi Ber-Icon Bendera Merah Putih di Blog

Informasi | Kreasi | Selamat siang sobat, bagaimana kabarnya hari ini? Admin berdoa semoga semua sahabat blogger selalu dalam keadaan baik dan sehat atas lindungan-Nya. Baiklah sobat sekalian, hari ini saya akan posting artikel tentang Cara Merubah Kursor Menjadi Ber-Icon Bendera Merah Putih di Blog yaitu warna bendera kita bangsa Indonesia, dimana pada postingan saya yang terdahulu juga pernah posting tentang cara mudah merubah kursor pada blog blogger.

Untuk merubah kursor menjadi Ber-Icon Bendera Merah Putih pada blog ikuti langkah berikut :

1. Login ke blog anda

2. Klik Desain =>> Tata Letak

3. Klik Tambah Gadget =>> HTML/Java Script

4. Copy Kode HTML dibawah ini :

<div align="center" style="z-index:9;visibility:visible;"><a href="http://www.totallyfreecursors.com/" target="_blank" class="tfc"><img src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif" border="0" width="88" height="31" alt="Free INDONESIA Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/indonesia.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/indonesia.gif"), auto;}</style>

5. Lalu Pastekan Kode tersebut di Kotak HTML/Java Script
6. Lalu Simpan/Save
7. Selesai

Demikian informasi tentang Cara Mudah Merubah Kursor Menjadi Ber-Icon Bendera Merah Putih di Blog sebagai sebuah kreasi untuk mempercantik tampilan blog kita.

Salam Blogger..!!!

Daftar Isi

Mohon di tunggu sebentar...

 

Cara Submit Blog ke Google Webmaster Tool

Informasi | Pendidikan | Selamat siang sobat, setiap kita membuat blog sudah menjadi suatu keharusan untuk mendaftarkan blog kita ke mesin pencari seperti google, yahoo dll. Walaupun blogger “anak kandung” google, namun kita juga tidak bisa berdiam diri begitu saja. Tak terkecuali untuk blog seperti wordpress ataupun multiply.

Pada posting kali ini kita akan bersama-sama mengetahui bagaimana cara mendaftarkan atau submit blog ke mesin pencari google sekaligus menambahkan dan verifikasi blog tersebut di google webmaster tools. Postingan ini saya tujukan buat para sobat blogger pemula yang belum mengetahui cara submit blog ke google webmaster tool. Tujuannya agar blog mudah dikelola seperti submit sitemap dll.

Mendaftarkan blog di Google 

Silahkan klik dan buka link url dibawah ini di tab baru

https://www.google.com/webmasters/tools/submit-url?continue=/addurl

Akan muncul gambar seperti di bawah ini, masukkan url lengkap blog Anda, kemudian masukkan code captcha yang ada , klik Kirim Permintaan. Selesai.

Menambahkan blog ke google webmaster tools.

Sekarang masuk ke tautan di bawah, sama seperti cara di atas.

https://www.google.com/webmasters/tools/home?hl=in

Kemudian klik tambahkan situs, letaknya di bagian kanan atas. Klik Terus. Selesai ditandai dengan munculnya “situs Anda telah di tambahkan”.

Selesai...? Eit tunggu dulu, jika muncul gambar seperti di bawah bahwa situs tidak terverifikasi, maka kita harus memverifikasinya terlebih dulu, jika belum tahu klik di sini.

Klik 'Verifikasi situs ini', kemudian pilih metode alternatif, klik / pilih item pertama ;

 

Kemudian copy kode yang didapat seperti contoh di bawah;

<meta name="google-site-verification" content="TiIp6ySW23o-RV9pvN8hlDG6oLRqTZvthyaSuFHOBEc" />

• Buka akun blogger > Dasbor> Template> Edit HTML
• Masukkan kode di atas, tepat di bawah / di dalam kode <head> 
• Kemudian simpan template.

contoh;

<head> 

<meta name="google-site-verification" content="TiIp6ySW23o-RV9pvN8hlDG6oLRqTZvthyaSuFHOBEc" /> 

<title> Judul saya </title>

</head>

Kembali lagi ke google webmaster tools, kemudian klik Verifikasi. Selesai. Situs anda sudah terverifikasi dan siap dikelola. Jangan menghapus kode tersebut, simpan kode meta tag yang didapat, agar sewaktu-waktu kita mengganti template, jika lupa memback up, kita tinggal memasukkan ulang.

Demikian informasi tentang cara submit blog ke google webmaster tool yang bisa dianggap sebagai pendidikan bagi sobat blogger yang belum mengetahuinya. Namun bagi sobat yang sudah mengetahuinya mungkin artikel ini tidak begitu penting. Untuk langkah selanjutnya adalah cara membuat sitemap blog yang telah saya posting sebelumnya di blog saya yang lainnya. Salam Blogger!