Cara Membuat Link Dengan efek Pelangi

OK di sore hari yang indah ini kitta bertemu lagi yah dengan sobat" sekalian hehee :D kali ini saya akan membahas tentang Cara membuat link dengan efek pelangi, yg saya mksud itu kalo kursor sobat menyentuh link tersebut itu linknya akan menyala seperti lampu, tapi dengan model pelangi, gmna sobat ? tertarik ga ? kalo sobat tertarik dengan trik ini silahkan sobal ikuti langkah-langkah berikut :

1. Seperti biasa sobat login dulu ke Blogger
2. klik Rancangan
3. Edit HTML
4. cari kode <title><data:blog.pageTitle/></title>

kalo udah ketemu, silahkan copy kode script di bawah ini di bawah kode tadi.

<script src="http://supprapto.googlecode.com/files/Link%20dengan%20efek%20pelangi.js"
type="text/javascript"></script>

Selamat mencoba dan Semoga SUKSES yah sobat-sobat :D

»»  

Download Template Red hecker

Halo Selamat Datang Di template Red hecker Kali ini Saya akan memberi agan template keren dan gratis
kalau agan mau  pakai ini terbaru loh 2013 Dan  Agan Bisa memakai Oke Sekarang Saya Bisa Shere Terlebih dahulu

                                     


                                                                Download Template

»»  

Cara Membuat Effect Bintang Pada Link Blog

Sebelumnya Saya sudah pernah Posting tentang "Cara Membuat Effect Pelangi Pada Link Blog", "Cara Membuat Effect Bayangan Api Pada Link Blog", dan "Cara Membuat Link Bergerak",  dan kali ini Saya akan Posting tentang "Cara Membuat Effect Bintang Pada Link Blog". Sebenarnya Tips kali ini sudah pernah di Posting oleh Sobat2 Blogger yang lain, dan karena Saya baru sempat Update, maka Saya Share.

OK, kita langsung ke langkah-langkahnya saja.

[1]. Pertama pastinya LogIn dulu ke BLOG Kalian.
[2]. Kemudian, dari Dasbor cari Template --> Edit HTML.
[3]. Lanjut, sekarang cari Code a:link { atau a:link{. (Gunakan CTRL + F atau F3 untuk mempermudah pencarian).

Kira-Kira Codenya Seperti Gambar Di Bawah.

[4]. Nah kalau sudah ketemu, sekarang HAPUS semua Codenya. Dari Code a:link { atau a:link{ SAMPAI Code } dan ganti dengan Code di bawah.

a:hover {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGryLJedEfDueikLteRgqjEA1uDm8sP3UM5aR9vlvSQCRy2LFTLu3zp_qTM2F5jY3CZa8KkLKDt-5C7UZt17lHu7QWzsud-qIHPp404UN5-wlEqnPfteXu_Q6G5w5ostWZQJnNDCpbL3w/s1600/stars.gif);
}

Sehingga Menjadi Seperti Gambar Di Bawah.

[5]. Dan terakhir, tinggal di SIMPAN dan lihat hasilnya.

OK, sekian dulu Tips Blogger kali ini, semoga Tips kali ini bermanfaat buat para Blogger semua, dan jika ada pertanya tentang Tips ini, silahkan Kalian tinggalkan pertanyaan Kalian di Kotak Komentar di bawah.

Salam Blogger Indonesia.

Baca Selengkapnya Di : http://indonesiablog-lbg.blogspot.com/2012/12/cara-membuat-effect-bintang-pada-link.html#ixzz2Gb4TA0hy

»»  

Cara Mendisbled (Mematikan) Klik Kanan Dengan Gambar Pada Blog

Hello Sobat Blogger, kembali Saya sapa Kalian, dan kali ini Saya akan memberikan sebuah Tips Blogger, yaitu "Cara Mendisbled (Mematikan) Klik Kanan Dengan Gambar Pada Blog". Sebelumnya Saya sudah pernah Posting tentang "Cara Mendisbled (Mematikan) Klik Kanan Pada Blog", dan "Cara Mendisable Klik Kanan Pada Gambar Di Blog". Sebenarnya Tips ini tidak jauh berbeda dengan Tips sebelumnya, yang membedakannya hanyalah Tips ini menggukan Gambar. OK kita langsung ke langkah-langkahnya saja.

[1]. Pertama, pastinya LogIn dulu ke BLOG Kalian masing2.

[2]. Trus cari Rancangan --> Elemen Laman --> Tambah Gadget (HTML/JavaScript).

[3]. Lalu Copy dan Paste-kan Code dibawah ini ke dalamnya.

<script type='text/javascript'>
var DADrightclicktheme = 'light';
var DADrightclickimage = 'https://sites.google.com/site/rakasajmk/home/page-4/Right%20Click%20Is%20Disabled.jpg';
</script>
<script type='text/javascript' src="http://jmk-js.googlecode.com/files/Right%20Click%20Is%20Disabled.js"> </script>

KETERANGAN :
* Tulisan yang berwarna Merah, ganti sesuai dengan latar belakan Template Blog Kalian. (Misalnya latar belakan Template Blog Kalian berwarna Gelap, ganti dengan "dark" [tanpa tanda petik] ).

* Dan tulisan yang berwarna Biru, Kalian bisa menggantinya dengan Gambar Kalian sendiri.

[4]. Dan langkah terakhir tentunya SIMPAN dan lihat hasilnya.

OK, sekian dulu Tips Blogger kali ini, semoga Tips kali ini bermanfaat buat para Blogger semua, dan jika ada pertanya tentang Tips ini, silahkan Kalian tinggalkan pertanyaan Kalian di Kotak Komentar di bawah.

Salam Blogger Indonesia.

Baca Selengkapnya Di : http://indonesiablog-lbg.blogspot.com/2012/12/cara-mendisbled-mematikan-klik-kanan.html#ixzz2Gb4Mrydx

»»  

Cara Membuat Judul Widget (Gadget) Menjadi Di Tengah Pada Blog

Hello Sobat Blogger, bagaimana kabar Kalian semua, semoga TYME melindungi Kalian. Baik kita masuk ke Tips Blogger. Kali ini Saya akan Share "Cara Membuat Judul Widget (Gadget) Menjadi Di Tengah Pada Blog". Kalian sudah tahukan apa itu Widget atau biasa kita sebut Gadget, dan biasanya Judul Widget Blog Kita berada di sebelah kiri atau left, nah jika Kalian ingin merapikannya atau membuatnya menjadi di tengan atau center, Kalian bisa ikuti Tips berikut. Tips ini berguna untuk merapikan tampilan Widget Kalian. OK, itu sedikit penjelasannya, kini kita masuk ke langkah-langkahnya.

[1]. Pertama, LogIn dulu ke Blog Kalian.

[2]. Dari Dasbor, cari Rancangan --> Edit HTML.

[3]. Kemudian Centang "Expand Templte Widget".

[4]. Lalu cari Code ".sidebar h2 {" (Tanpa Tanda Petik).

[5]. Kalau sudah ketemu, sekarang tambahkan Code di bawah di belakangnya.

text-align:center;

* Apabila di gabungkan menjadi seperti di bawah.

.sidebar h2 {text-align:center;

KETERANGAN :

* Jika di Blog Kalian sudah ada Code seperti Code text-align:left; Kalian hanya perlu mengganti Code left menjadi center. Dan Kalian tidak perlu menambahkan Code di atas.

[6]. Terakhir tinggal di SAVE dan lihat hasilnya.

Bagaiman Tips di atas begitu simpel kan. Nah sekian dulu Tips Blogger kali ini, semoga Tips ini BERMANFAAT buat Kalian semua.

Salam Blogger Indonesia.

Baca Selengkapnya Di : http://indonesiablog-lbg.blogspot.com/2012/12/cara-membuat-judul-widget-gadget.html#ixzz2Gb4H0qjJ

»»  

Cara Memasang Kotak Komentar Facebook Di Blog

Sebelumnya Saya sudah pernah Posting tentang "Cara Menambahkan Kotak Komentar Menarik Di Blogger", dan kali ini Saya akan Posting tentang "Cara Memasang Kotak Komentar Facebook Di Blog". Mungkin Tips ini sudah banyak yang di Share oleh Sobat2 Blogger yang lainnya, tapi tidak ada salahnya-kan, kalau Saya Nge-Sharenya juga. OK, kita langsung ke langkah-langkahnya saja.

[1]. Pertama, pastinya LogIn dulu ke Blog Kalian.

[2]. Kemudian Dari Dasbor, cari Rancangan --> Edit HTML.

[3]. Lanjut, Centang kotak "Expand Templte Widget".

[4]. Lalu cari Code di bawah.

</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>

[5]. Kalau sudah ketemu, sekarang Copy dan Paste-kan Code di bawah tepat di ATAS Code </b:includable>.  

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/>
<script src=' http://connect.facebook.net/en_US/all.js#appId=323420961010532&amp;xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='477'/>
</b:if>

Maka Keseluruhan Codenya Seperti Di Bawah.

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/>
<script src=' http://connect.facebook.net/en_US/all.js#appId=323420961010532&amp;xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='477'/>
</b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>

KETERANGAN :
* Tulisan yang berwarna Merah (477), adalah panjang Kotak Komentarnya, Kalian bisa menggantinya sesuai dengan kebutuhan Kalian.


[6]. Terakhir, tinggal di SAVE dan lihat hasilnya.

Sekian dulu Tips Blogger kali ini, semoga Tips ini bermanfaat buat Kalian.

Salam Blogger Indonesia.

Baca Selengkapnya Di : http://indonesiablog-lbg.blogspot.com/2012/12/cara-memasang-kotak-komentar-facebook.html#ixzz2Gb49ns9F

»»  

Cara Membuat Fans Page Facebook Melayang Di Blog

Sebelumnya Saya sudah pernah Post tentang Tips ini, namun cara itu sudah tidak bisa di gunakan lagi, jadi Saya hapus saja Post itu, tapi Saya kembali Update lagi caranya. OK, sebelum kita masuk ke langkah-langkahnya, Kalian pasti sudah tahu-kan apa itu Fans Page Facebook, itu lo SS-nya ada di atas. Baiklah, kita langsung saja ke langkah-langkahnya.

[1]. Pertama, pastinya LogIn dulu ke Blog Kalian.

[2]. Kemudian, dari Dasbor, cari Template --> Edit HTML. (Buat yang masih menggunakan tampilan Blogger lama, cari Rancangan --> Edit HTML).

[3]. Lalu cari Code </head>. (Gunakan CTRL + F atau F3, pada Keyboard untuk mempermudah pencarian).

[4]. Kalau sudah ketemu, sekarang Copy dan Paste-kan Code di bawah, tepat di ATAS Code </head>.

<script src='http://jmk-js.googlecode.com/files/Fans%20Page%20FB.js' type='text/javascript'/>

[5]. Nah kalau sudah dengan yang di atas, kemudian Simpan Perubahan.

[6]. Sekarang lanjut, cari Tata Letak --> Add Gadget --> HTML/JavaScript.

[7]. Kemudian masukan Code di bawah ke dalamnya.

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".sektimlikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.sektimlikebox{background: url("https://sites.google.com/site/rakasajmk/download-1/download-2/Fans%20Page%20FB.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 100px;padding: 0 5px 0 30px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:300px;}
.sektimlikebox div{border:none;position:relative;display:block;}
.sektimlikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.sektimlikebox span a{color: #808080;text-decoration:none;}
.sektimlikebox span a:hover{text-decoration:underline;}
</style><div class="sektimlikebox" style=""><div>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Fb-Blog-JmK-/237053579685991&amp;width=245&amp;height=330&amp;colorscheme=dark&amp;show_faces=true&amp;border_color=FFFFFF&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="background:#0099FF; -moz-opacity: 0.1; opacity: 0.9; -khtml-opacity: 0.0; margin:0 auto 10px; padding:3px; border:none; overflow:hidden; width:245px; height:330px;" allowtransparency="true" ></iframe><span></span></div></div>

KETERANGAN :

* Code yang berwarna Kuning, adalah tinggi atau rendah posisinya, Kalian bisa menggantinya sesuai keinginan Kalian. (Semakin kecil angkanya, semakin Tinggi posisinya, dan semakin besar angkanya, semakin rendah posisinya).
* Code yang berwarna Biru, ganti dengan URL Fans Page Facebook Kalian.

* Sedangkan Code yang berwarna Merah, adalah Backgroundnya, Kalian bisa menggantinya dengan warna yang lain. Code Warna HTML...??? Klik di SINI.

[8]. Terakhir, tinggal di SAVE dan lihat hasilnya.

Sekian dulu Tips Blogger kali ini, semoga Tips ini bermafaat buat Kalian semua, dan semoga Tips ini tidak kalah dengan Tips Blogger yang lain.

Salam Blogger Indonesia.

Baca Selengkapnya Di : http://indonesiablog-lbg.blogspot.com/2012/12/cara-membuat-fans-page-facebook.html#ixzz2Gb41uFmo

»»  

Cara Membuat Buku Tamu Di Sebelah Kiri

Sebelumnya Saya sudah pernah Posting tentang "Cara Membuat Buku Tamu Tersembunyi", dan itu Buku Tamunya berada di sebelah Kanan. Nah kali ini Saya akan Posting "Cara Membuat Buku Tamu Di Sebelah Kiri". Kalian mungkin sudah tahu apa itu Buku Tamu, jadi Saya tidak perlu menjelaskannya lagi. OK, kita langsung ke langkah-langkahnya saja.

[1]. Seperti biasa Login dulu ke BLOG Kalian.
[2]. Trus dari Dasbor, cari Tata Letak --> Klik Tambahkan Gadget --> HTML/JavaScript.
[3]. Kemudian Kalian CoPas Code di bawah ini, ke dalamnya.

<style> #hcl { position:fixed; top:30px; left:20px; z-index:+500; } * html #hcl {position:relative;} .hcltab { height:200px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ6Upk_SNVPZbv-yg-ksvKBrOZwJfqc2RBbmWkS2jrub2Yhfe2XZgRmHT8GEPLxfXB-QN6CqVx-SjxePLh4d9pWUxLrApcG5bM1olaT9zW6wusWSG-e-ohCrgnYUb8uIixxAYdcaxq9vFR/s1600/buku-4.png') no-repeat; } .hclcontent { float:left; border:2px solid #3366ff; background:#ffffff; -moz-opacity: 0.1; opacity: 0.9; -khtml-opacity: 0.0; margin:0 auto 10px; padding:3px; }
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none} </style> <script type="text/javascript"> function showHidehcl(){ var hcl = document.getElementById("hcl"); var w = hcl.offsetWidth; hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0); hcl.opened = !hcl.opened; } function movehcl(x0, xf){ var hcl = document.getElementById("hcl"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hcl.style.left = x.toString() + "px"; if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);} } </script> <div id="hcl"> <div class="hclcontent">

LETKAN CODE BUKU TAMU KALIAN DI SINI

<br /> <div class="hc-credit"> <span style="float:left"></span> <span style="float:right"> <a href="javascript:showHidehcl()">  </a> </span> </div> </div> <div class="hcltab" onclick="showHidehcl()"> </div>   <script type="text/javascript"> var hcl = document.getElementById("hcl"); hcl.style.left = (30-hcl.offsetWidth).toString() + "px"; </script></div>

KETERANGAN :

* Code yg berwarna Kuning, ganti dengan selera Kalian. [Semakin Besar Angkanya, Maka Semakin Rendah Posisi Buku Tamunya].

* Code yg berwarna Merah, Kalian bisa menggantinya dengan URL Buku Tamu Kalian.

* Code yg berwarna Orange, ganti dengan Garis Pinggir dan Warna Background yg Kalian suka. Code Warna HTML.

* Dan Tulisan yg berwarna Biru, ganti dengan Code Buku Tamu Kalian.

[4]. Dan terakhir tinggal di SIMPAN dan lihat hasilnya.

OK, sekian Tips Blogger kali ini, semoga Tips kali ini bermanfaat buat Kalian, dan jika ada pertanyaan, tulis saja pertanyaan Kalian di Kotak Komentar di bawah.

Salam Blogger Indonesia.

Baca Selengkapnya Di : http://indonesiablog-lbg.blogspot.com/2012/12/cara-membuat-buku-tamu-di-sebelah-kiri_7.html#ixzz2Gb3w2YF9

»»  

Cara Memasang Lagu Di Blog Secara Otomatis ( AutoPlay)

Diposkan oleh andi adrizal on Jumat, 16 November 2012
Cara Memasang Lagu Di Blog Secara Otomatis ( AutoPlay) - hallo sobat saya pada malam ini kembali lagi posting tentang cara memasang lagu di blog bagi sobat yang ingin memasang lagu di blognya saya akan memberikan caranya , nah mari kita liat di bawah ini.

liat caranya sebagai berikut.
1. Log in dulu ke akun blogger sobat!!
2. terus klik tata letak
3. setelah itu klik add gadget
4. pilih edit HTML
5. masukkan script lagunya ada bisa mendapat kan script lagunya di fullmusik.net
 contoh : script lagu Noah Band - Separuh Aku
 <div style="text-align: center;"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://freewidget.info/izafullmusik/indo/13.8%20noah_-_separuh_aku%20(www.fullmusik.net).swf" wmode="transparent" type="application/x-shockwave-flash" quality="high" title="Noah - separuh aku@fullmusik" width="165" height="53"></embed></div>


Pilih Musik Kamu Sendi yang Di Oren kan

Baca Selengkapnya Di : http://indonesiablog-lbg.blogspot.com/2012/12/cara-memasang-lagu-di-blog-secara.html#ixzz2Gb3eO1P7

»»  

Cara Membuat Blog Di Blogspot

Sedikit penjelasan tentang Blogger...! Blogger adalah sebuah layanan publikasi Blog yang didirikan oleh [Pyra Labs], dan diakui oleh OM Google pada tahun 2003. Bloggger berguna sebagai media untuk Mencari atau Berbagi Ilmu, Menyalurkan Hobi, dan bahkan bisa Menghasilkan Uang, atau sekedar untuk Menambah Teman. OK, itu sedit penjelasan tentang Blogger, dan tidak usah berlama-lama, kita langsung masuk ke langkah-langkahnya saja. Berikut Langkah-Langkah Membuat Blogger.

[1]. Pertama, Klik Link Berikut.

[2]. Kalau sudah, maka Kalian akan berada di HomePage Blogger. Kemudian Klik "Get Started".

[3]. Lalu akan menuju ke Awal Pembuatan Blogger. Lihat Gambar Di Bawah.

[4]. Kemudian dilanjutkan dengan Tahap Ke-Dua. Lihat Gambar Di Bawah.

[5]. Dan terakhir, ke Tahap Ke-Tiga, yaitu Finisher. Lihat Gambar Di Bawah.

[6]. Dan... Tara, Blog Kalian sudah jadi. Sekarang Kalian siap untuk memulai Nge-Blog.

Semoga Kalian Mengerti dengan Postingan yang Saya buat, dan apabila Kalian masih belum mengerti, Kalian bisa tulis Pertanyaan Kalian di Kotak Komentar di bawah.

Semoga Bermanfaat...!!!

Baca Selengkapnya Di : http://indonesiablog-lbg.blogspot.com/2012/12/cara-membuat-blog-di-blogspot.html#ixzz2Gb3X5GFf

»»  

Cara Membuat Readmore Otomatis di Blogspot

10:43:00 AM  Blog, Info, Tips Blog  77 comments

Sebenarnya banyak blogger yang mempostingkan Tips ini, saya menulis ini juga supaya saya tidak lupa
Langsung saja
1. Masuk Blogger pilih Template
2. Centang Expand Template Widget
3. Cari kode </head> Supaya cepat klik Ctrl F dan tuliskan </head>
4. Masukkan kode dibawah ini tepat dibawah </head>

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

5. cari kode <data:post.body/> dan Ganti dengan kode dibawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan :
READ MORE : bisa diganti sesuai selera
summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar, bisa diganti sesuai selera
summary_img = 340; adalah tinggi potongan artikel dengan gambar, bisa diganti sesuai selera
img_thumb_height = 100; adalah ukuran tinggi thumbnail, bisa diganti sesuai selera
img_thumb_width = 120; adalah ukuran lebar thumbnail, bisa diganti sesuai selera


Save Template dan lihat hasilnya
Selamat mencoba

»»