Cara Membuat Header Blog Transparan Dan Memberi Effect Perbatasan Radius

Sesuai permintaan Sobat Blogger, kali ini Saya akan memberikan Tips Cara Membuat Header Transparan Dan Memberi Effect Perbatasan Radius, seperti yang Kalian lihat pada Header Blog Saya ini. Bagaimana Kalian tertarik...??? kalau Kalian tertarik, silahkan ikuti langkah-langkah berikut.

[1]. Pertama pastinya Login dulu ke Blog Kalian.

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

[3]. Kalau sudah, cari Code #header-wrapper (Agar mempermudah pencarian, tekan CTRL + F atau F3 pada Keyboard.)

• Kira2 Codenya seperti Gambar di bawah. Dan tidak sumua Template itu sama Codenya, tapi yang penting di bawah Code #header-wrapper, pasti ada Code Gambar juga. Seperti ini Code gambarnya [background-image: url(URL Gambar);], dan apabila tidah ada Code Gambar pasti ada Code Warna seperti berikut [background:#0d0d0d;].

[4]. Nah kalau sudah ketemu, sekarang ganti Code tersebut dengan Code di bawah ini.

#header-wrapper{ background:#0d0d0d; -moz-opacity: 1.0; opacity: 0.8; -khtml-opacity: 0.0; -moz-border-radius-bottomleft:30px; -moz-border-radius-bottomright:30px; border:1px solid #ccc; width:980px; height:120px; margin:0 auto 10px; padding:0px;}

KETERANGAN :

* Jika Kalian ingin mengganti Warna Headernya, Kalian tinggal ganti saja Code Warna HTML-nya yang berwarna Merah. Dan apabila Kalian tidak punya Code Warna HTML, tenang saja Say sudah mempersiapkannya, klik saja di SINI.

Maka hasilnya seperti terlihat pada Gambar di bawah.

[5]. Nah kalau sudah seperti itu, tinggal di SAVE saja, dan lihat hasilnya.

Selamat Mencoba dan Semoga Berhasil...!!!

Read More

Cara Membuat Screensaver Pada Blog

Kalian pasti sudah tahu-kan apa itu Screen Saver...?, kalo Screen Saver pada Blog, juga pasti sudah tahu dong...?, itu lo pada saat kita meninggalkan Blog kita terlalu lama, dan kita kembali lagi ke Blog kita,  maka Screensavernya akan keluar. OK, kalo sudah tahu, mari kita praktekan cara membuatnya. Silahkan ikuti langkah-langkah berikut ini :

[1]. Pertama pastinya Login dulu ke Blog Kalian

[2]. Trus cari Rancangan --> Elemen Laman --> Tambahkan Gadget

[3]. Copy dan Paste-kan Code di bawah ini ke dalamnya.

<style type="text/css">body .saving{position: fixed;width: 100%;top: 0;left:0;height: 100%;opacity: 0.98;filter: alpha(opacity=98);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";background: #000;border-bottom: 3px solid transparent;z-index: 999999;-o-transition: all 3s ease-in-out 10s;-moz-transition: all 3s ease-in-out 10s;-webkit-transition: all 3s ease-in-out 10s;}body:hover .saving {opacity: 0.0;height:0.001%;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";background: #0a7f01;border-bottom: 5px solid #333;-o-transition: opacity 2s ease-in-out 2.5s, background-color 3s linear 0.5s, height 1s ease-in 1.8s;-moz-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;-webkit-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;}body .saving p.esm1{margin: 0;padding: 0;width: 92%;background: transparent;font-size: 100px;font-family: "Serif", Times New Roman;color: #FF0000;text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;position: relative;margin-top: 200px;line-height: 20px;font-weight: bold;text-align: center;border: 30px solid transparent;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;-o-transition: -o-transform 5s ease-out 8s, background-color 4s ease-out 12s;-moz-transition: -moz-transform 5s ease-out 8s, background 4s ease-out 12s;-webkit-transition: -webkit-transform 5s ease-out 8s, background 4s ease-out 12s;}body:hover .saving p.esm1{font-size: 10px;color: red;width: 25%;margin: 340px 0 0 300px;padding: 25px;background: #aaa;border: 20px solid #888;border-radius: 170px;-moz-border-radius: 170px;-webkit-border-radius: 170px;-o-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-moz-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-webkit-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-o-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -o-transform 1.2s linear 1.5s, background-color 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-moz-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -moz-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-webkit-transition: font 1.1s 0.1s, width 1.7s 0s, margin-left 0.8s 1.2s, -webkit-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1s ease-in 0.5s, border 3s ease-in, -webkit-border-radius 3s ease-in;}.saving p span.esm2{font-size: 18px;opacity: 0.5;filter: alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";display: block;text-align: center;width: 300px;margin: -10px auto; font-weight: normal;padding: 2px 8px;background: #000;border: 1px solid #333;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;color: #0000FF;text-shadow: none;font-family: Arial, Helvetica, sans-serif;-o-transition: 1s ease-out;-moz-transition: 1s ease-out;-webkit-transition: 1s ease-out;}.saving:hover p span.esm2{font-size: 10px;width: 200px;padding: 0;}.saving p span.esm3{color: #ccc;font-family: "Tahoma", Arial, Helvetica;display: block;margin:10px auto;background: url http://i964.photobucket.com/albums/ae124...) left center repeat-x;background: -moz-linear-gradient(top,#666,#111);background: -webkit-gradient(linear,0% top,0% bottom,from(#111),to(#666));opacity: 0.6;filter: alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";width: 250px;text-shadow: 1px 1px 1px #000;border: 1px solid #333;border-radius: 4px;padding:2px 10px;-moz-border-radius: 4px;-webkit-border-radius: 4px;font-size: 12px;font-weight: normal;line-height: 16px;}.saving .by : Copyright Tanpa Nama {margin-left: 30px;text-align: center;color: #015828;font-size: 12px;font-weight: normal;position: absolute;bottom: 30px;width: 100%;height: 20px;left: 0;}.saving .by : Copyright Tanpa Nama span.esm4 {color: #aaa;font-style:italic;font-size:14px;font-weight:bold;text-transform:uppercase;}#recpost {width:210px;overflow: hidden;height: 327px;float: right;margin-top: 10px;padding: 4px 2px;background: transparent;border: 1px solid transparent;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-webkit-transition: all 1.5s ease-out;}</style>
<div class='saving'>
<p class='esm1'>??[�_J�__.�_m�___.�_K�_]�<br/>

<br/><br/>
<span class='esm3'><blink>Gerakkan Mouse Kalian dan Silahkan Surfing Kembali...!!!</blink></span></p></div>

KETERANGAN :
* Tulisan yang berwarna Merah, ganti dengan Nama Blog atau Nama Kalian sendiri.

* Dan tulisan yang berwarna Biru, ganti dengan Pesan yang Kalian inginkan.

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

Semoga Bermanfaat...!!!

Read More

Cara Membuat Effeck Balon Gelembung Di Blog

Mungkin Tips ini tidak asing buat Kalian, dan mungkin Tips ini sudah di Posting-kan oleh Sobar2 Blogger yang lain. Dan Saya hanya mengenalkannya kembali. OK, kita langsung ke langkah-langkahnya saja :

[1]. Pertama tidak lain dan tidak bukan, Login dulu ke Blog Kalian
[2]. Trus cari Rancangan --> Edit HTML
[3]. Lalu cari Code </body> (agar lebih mudah mencari tekan CTRL + F atau F3 pada Keyboard)
[4]. Copy dan Paste-kan Code di bawah ini tepat di bawah Code tadi

<script src=
"http://jmk-js.googlecode.com/files/Bubble%20JmK.js">
</script>

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

Semoga Bermanfaat...!!!

Read More

Cara Membuat Kursor Bertabur Bindang Pada Blog V.02

Sebelunya Saya sudah pernah singgung tentang Cara Membuat Kursor Bertabur Bintang v.01, dan kali ini Saya akan bahas v.02-nya. Seperti yang Kalian lihat pada Blog ini, pada saat Kalian gerakan Mouse pasti akan ada Efect Bintangnya-kan. Kalo Kalian tertarik membuatnya, silahkan ikuti langkah-langkah berikut ini :

[1]. Seperti biasa login dulu ke Blog Kalian

[2]. Cari Rancangan --> Elemen Laman

[3]. Klik "Tambahkan Gadget" --> "JavaScript/HTML"

[4]. Pilih salah satu Bintang di bawah ini. trus Copy dan Paste-kan Code di bawah, kedalamnya.

Bintang Merah :

<script src="http://jmkjs.googlecode.com/files/Bintang%20Merah%20JmK.js" type="text/javascript"></script>

Bintang Biru :

<script src="http://jmkjs.googlecode.com/files/Bintang%20Biru%20JmK.js" type="text/javascript"></script>

Bintang Hijau :

<script src="http://jmkjs.googlecode.com/files/Bintang%20Hijau%20JmK.js" type="text/javascript"></script>

Bintang Ungu :

<script src="http://jmkjs.googlecode.com/files/Bintang%20Ungu%20JmK.js" type="text/javascript"></script>

Bintang Silver :

<script src="http://jmkjs.googlecode.com/files/Bintang%20Silver%20JmK.js" type="text/javascript"></script>

Bintang Kuning :

<script src="http://jmkjs.googlecode.com/files/Bintang%20Kuning%20JmK.js" type="text/javascript"></script>

Bintang Hitam :

<script src="http://jmkjs.googlecode.com/files/Bintang%20Hitam%20JmK.js" type="text/javascript"></script>

[5]. Simpan dan lihat hasilnya.

Happy Blogging...!!!

Read More

Cara Mengganti Kursor Di Blog

Kalian pasti pernah merasa bosan dengan tampilan Kursor Blog Kalian yang masih Standar, dan ingin menggantinya dengan Kursor yang Kalian suka. Mengganti Kursor di Blog Sangatlah Mudah, Kalian Tinggan Simak Langkah-Langkah Berikut Ini :

[1]. Seperti Biasa Login Dulu Ke Blog Kalian

[2]. Trus Cari Rancangan --> Trus Klik Tambahkan Ganget

[3]. Copy dan Paste-kan Code Di Bawah Ini 

<style type="text/css">body {cursor:url("http://img90.imageshack.us/img90/5195/cursorbc.png"),default}</style>

[4]. Simpan dan Lihat Hasilnya.

KETERANGAN :

* Tulisan yang berwarna merah ganti dengan button Kursor yang kalian suka...

Semoga Berhasil...^_^

Read More

Cara Membuat Link Bergerak

Kalian pasti sudah tahukan, apa itu link bergerak, tu tuh kalo kita sorot kursor ke link blog kita, maka linknya akan bergerak. Ok, pasti Kalian sudah tahukan, langsung saja ke materi.

Ikuti langkah-langkah berikut ini :

[1]. Seperti biasa Login dulu ke Blog Kalian Masing2
[2]. Trus cari Rancangan --> Edit HTML
[3]. Cari Code </head>, trus Copy dan Paste-kan Code di bawah ini, tepat di atas Code </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>         
$(document).ready(function()  {          
$(&#39;a&#39;).hover(function() {  //mouse in          
$(this).animate({ marginLeft:  &#39;12px&#39; }, 400);          
}, function() { //mouse out           
$(this).animate({ marginLeft: 0 }, 400);          
});           
});</script>

[4]. Simpan dan lihat hasilnya.

Semoga Berhasil...!!!

Read More

Cara Menghilangkan Tulisan Diberdayakan Oleh Blog

Bagi Kalian yang menggunakan Template yang di sediakan oleh Blog, pasti di bawah Template ada tulisan Di Berdayakan Oleh Blog. Nah kalo Kalian merasa terganggu dengan tulisan tersebut, dan ingin menghilangkannya, maka Saya punya solusinya. Tinggal ikuti langkah-langkah berikut ini :

[1]. Seperti Biasa Kalian Login Dulu Ke Blog Kalian Masing-Masing

[2]. Kemudian Cari Tata Letak --> Edit HTML

[3]. Trus cari Code Berikut Ini ]]></b:skin>

[4]. Copy dan Paste-kan Code Di Bawah Ini Tepat Di Atas Code Tadi.

#Attribution1 {

height:0px;

visibility:hidden;

display:none

}

[5]. Kemudian Save dan Lihat Hasilnya

Semoga Berhasil...!!!

Read More

Cara Memngganti Tulisan Home, Postingan Lebih Baru, dan Postingan Lama Dengan Gambar Pada Blog

Sebelumnya Saya minta maaf apabila judul Postingan kali ini sangat panjang, karena Saya bingung mau kasih judul apa, jadi biar gak ribet Saya kasik aja judul bergitu, hehehe. OK, masalah judul tidak perlu di permasalahkan, kita masuk ke langkah-langkahnya. Berikut langkah-langkahnya.

[1]. Pertama Login dulu ke Blog Kalian.

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

[3]. Centang kotak Expand Template Widget, dan cari Code2 di bawah.

A. Untuk Home, cari Code <data:homeMsg/>, nanti jika ada 2 atau 3 Code seperti itu, ganti saja semuanya, dan ganti Code tersebut dengan Code berikut :

<img src="http://roele112.googlepages.com/home.png"/>

B. Untuk Postingan Lama, cari Code <data:olderPageTitle/>, dan ganti dengan Code berikut :

<img src="http://roele112.googlepages.com/older.png"/>

C. Untuk Postingan Baru, cari Code <data:newerPageTitle/>, dan ganti dengan Code berikut :

<img src="http://roele112.googlepages.com/newer.png"/>

NB :

- Tulisan yang berwarna Biru, Kalian bisa ganti dengan URL gambar Kalian.

[4]. Simpan dan lihat hasilnya.

Selamat Mencoba dan Semoga Berhasil...!!! Ohh Ya Jangan Lupa Tinggalkan Komentarnya Ya...!!!

Read More

Cara Membuat Gambar Berjalan Di Blog

Sebelumnya pasti Kalian sudah tahu apa itu Gambar Berjalan kan..?, kalo Kalian sudah tahu apa Kalian tidak tertarik membuatnya..?, oke deh, buat yang tertarik silahkan ikuti langkah-langkah berikut :

A. Gambar Berjalan Dari Bawah Ke Atas

Langkah-langkahnya :

[1]. Login dulu ke Blog Kalian

[2]. Trus masuk ke Rancangan --> Elemen Laman

[3]. Trus klik Tambahkan Gadget --> HTML/JavaScript

[4]. Lalu Copy dan Pastekan Code Dibawah ini

<table border="10" cellpadding="6" height="135" width="195"/>

<tr>

<td>

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="5" direction="up" width="192" height="132" align="center">

<img src="http://farm5.static.flickr.com/4017/4274096032_8bf5bd349a_o.jpg" height="130" width="190" />

<br/>

<img src="http://farm5.static.flickr.com/4046/4273351371_7c1ceb936b_o.jpg" height="130" width="190" />

</marquee>

</td>

</tr>

</table>

[5]. Simpan dan lihat hasilnya. 

NB :

-  Tulisan yang berwarna Kuning, adalah kecepatan gerak gamba, Kalian bisa sesuaikan dengan keinginan Kalian. (Perbandingan : misalnya cellpadding="6", dan scrollamount="5").

- Tulisan yang berwarna Biru, ganti dengan link gambar yang Kalian inginkan.

- Tulisan yang berwarna Merah, adalah ukuran gambar, ganti sesuai keinginan Kalian

- Tulisan yang berwarna Putih, adalah ukuran kotak gambar, sesuaikan dengan keinginan.

B. Gambar Berjalan Dari Kiri Ke Kanan

Langkah-langkahnya :

[1]. Login dulu ke Blog Kalian

[2]. Trus masuk ke Rancangan --> Elemen Laman

[3]. Trus klik Tambahkan Gadget --> HTML/JavaScript

[4]. Lalu Copy dan Pastekan Code Dibawah ini

<marquee align="center" direction="left" height="200" scrollamount="5" width="100%" >

<img src="http://farm5.static.flickr.com/4017/4274096032_8bf5bd349a_o.jpg" width="190" height="130" />

</marquee>

[5]. Simpan dan lihat hasilnya

NB :

- Tulisan yang berwarna Merah, adalah kecepatan gambar.

- Tulisan yang berwarna Biru, adalah link gambar, ganti dengan link gambar Kalian

- Tulisan yang berwarna Kuning, adalah ukuran gambar.

SelamatMemcoba...!!!

Read More

Cara Membuat Buku Tamu Tersembunyi

Buku Tamu, hemm tak lengkap rasanya kalau tanpa Buku Tamu di Blog. Buku Tamu adalah tempat pengunjung memberikan Komentar selain Kotak Komentar. Banyak cara bisa dilakukan untuk memperindah Buku Tamu, tapi Saya hanya memberikan Buku Tamu yang Tersembunyi. OK, kalau Kalian tertarik membuat Buku Tamu tersembunyi silahkan ikuti langkah-langkah berikut ini :

[1]. Seperti biasa Login dulu ke Blog Kalian
[2]. Trus cari Rancangan --> Klik Tambahkan Gadget
[3]. Pilih  HTML/Java Script
[4]. Copy dan Paste-kan Code di bawah in, ke dalamnya.

<style type="text/css">

#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPzLF49CUL63yT3iD0-twTKWgBDKHhEwFt4BNUd-BEDHnlMsiHMszjI3pV8NLRcwk0aPGEvVn0xWgP_4HzCq-pqvIjBc0K2KnI1BQrHLjrn-dCcne-NLMXrOCNmsxMCvlARO46dU9lnlI/s1600/Teoringeblog-buku+tamu+1+(78+x+190).gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
Code HTML Buku Tamu Kalian

</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

NB : 
- Tulisan yang berawarna MERAH ganti dengan ukurang yang kalian inginkan
- Tulisan yang berawarna BIRU ganti dengan gambar buku tamu kalian.... Kalo Kalian tidak punya gambar buku tamu Klik saja di SINI...
- Dan Pada Tulisan yang berwarna KUNING ganti dengan SCIPT buku tamu Kalian.

[5]. Simpan dan Lihat Hasilnya.

Semoga Berhasil Ya...^_^

Read More

Cara Mendisbled (Mematikan) Klik Kanan Pada Blog

Kalian pasti tahu apa itu Disable Klik Kanan di Blog, Kalo tidak tahu, Saya akan beritahu rinciannya saja, itu lo kalo kita klik kanan di Blog orang lain, kita pasti ingin meng-Copy postingan yang ada di Blog itu, pastinya Kalian menggunakan Klik Kanan kan, nah sekarang Saya akan posting Bagaimana Cara Mendisable Kilk Kana di Blog kita. Agar postingan kita tidak di CoPas oleh orang lain. Pasti Kalian sudah tahu kan. OK, dari pada kita berlama2, mending kita masuk ke langkah-langkahnya saja.

Berikut langkah-langkahnya :

[1]. Pertama Login dulu ke Blog Kalian

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

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

<script language="JavaScript">
<!--
//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://indonesianblog-jmk.blogspot.com
var message="Mau Copas...??? Ooo,,, Tidak Bisa...!!! HaHaHiHiHi...!!!";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>

NB :

- Ganti tulisan yang berwarna Merah, dengan URL Blog Kalian.
- Dan ganti tulisan yang berwarna Biru, dengan kata-kata Kalian.

[4]. Terakhir tinggal di SAVE.

Sekarang coba buka Blog Kalian dan coba Klik Kanan pada Blog Kalian untuk mengetahui cara ini bekerja atau tidak.

Semoga Berhasil Ya...!!!

Read More

Cara Menambahkan Search Engine Pada Blog

Search Engine atau Mesin Pencari adalah sebuah terobosan Canggih di dunia Internet. Saat ini Search Engine tidak bisa dipisahkan dalam dunia Internet. Dengan Search Engine kita bisa mencari tahu tentang suatu hal yang kita inginkan sesuai dengan kata-kata yang kita ketikkan.

Pasti sudah paham kan, OK tidak usah basa basi langsung saja ini langkah-langkahnya :

[1]. Seperti Biasa Login Dulu Ke Blog Kalian
[2]. Trus Cari Rancangan --> Tambahkan Gadget
[3]. Copy dan Paste-kan Code Di Bawah Ini

<form action="http://indonesianblog-jmk.blogspot.com/search"

method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

[4]. Simpan dan Lihat Hasilnya


NB : 
- Tulisan http://indonesianblog-jmk.blogspot.com, Ganti dengan URL blog kalian
- Tulisan 30, Ganti dengan ukuran Text-Box yang kalian inginkan


Semoga berhasil Ya...!!! ^_^

Read More

Cara Menampilkan Postingan Pada Blog Hanya Judulnya Saja

Seperti judul kali ini, saya akan memberikan Tips Cara Menampilkan Postingan Pada Blog Hanya Judulnya Saja. Seperti yang Kalian lihat pada Blog ini. OK, kita langsung ke materinya saja. Berikut langkah-langkahnya.

[1]. Pertama pastinya Login dulu ke Blog Kalian.

[2]. Trus cari Rancangan --> Edit HTML.

[3]. Download Template Lengkap (untuk berjaga-jaga apabila ada kesalahan).

[4]. Lalu cari Code ]]></b:skin>.

[5]. Copy dan Paste-kan Cedo de bawah ini, tepat di BAWAH Code tadi.

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body, .post-footer, .jump-link,
.post-timestamp, .reaction-buttons,
.star-ratings, .post-backlinks,
.post-icons, .date-header{display:none;}
</b:if>
</b:if>
</style>

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

Semoga Bermanfaat...!!!

Read More

Cara Membuat Efek Ketikan Pada Judul Blog

Effect ketikan pada judul Blog, mungkin Kalian sudah tahukan, seperti kalau Kalian lihat pada Blog ini, pasti pada bagian Tab Browser Kalian ada tulisan yang bergerak. Nah kita akan membuat yang seperti itu. OK buat yang tertarik, silahkan ikuti langkah-langkah berikut :

[1]. Seperti biasa Login ke Blog Kalian
[2]. Trus pilih Tata Letak
[3]. Klik Edit HTML
[4]. Cari Code </body>
[5]. Paste Code di bawah ini tepat diatas Code yang tadi.

<script>
var tit = document.title;
var c = 0;
function writetitle() {
document.title = tit.substring(0,c);
if(c==tit.length)
{
c = 0;
setTimeout("writetitle()", 2000)
}
else {
c++;
setTimeout("writetitle()", 275)
}
}
writetitle()
</script>

[6]. Simpan dan Lihat Perubahannya

Selamat Mencoba...!!!

Read More

Cara Membuat Cursor Bertabur Bintang Di Blog V.01

Adakah Kalian suka kalau Kursor yang Kalian gunakan untuk Blog ada beberapa Bintang Kecil Berwarna yang mengikutinya.? ini juga sebagai media untuk membuat pengunjung merasa tertarik dengan Blog kita. Bagaimana, Kalian tertarik...??? kalau Kalian tertarik, silahkan ikuti langkah-langkahnya.

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

[2]. Dari Dasbor, cari Rancangan --> Elemen Laman --> Tambah Gadget --> HTML/Javascript.

[3]. Pilih salah satu Script di bawah.

[4]. Copy dan Paste-kan Code di bawah ke Dalam kotak HTML/Javascript.

A. Bintang Warna Warni

<script type="text/javascript" src="http://jmkjs.googlecode.com/files/Bintang%20Warna%20Warni.js"></script>

B. Bintang Warna Biru

<script type="text/javascript" src="http://jmkjs.googlecode.com/files/Bintang%20Biru.js"></script>

C. Bintang Warna Ungu

<script type="text/javascript" src="http://jmkjs.googlecode.com/files/Bintang%20Ungu.js"></script>

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

Semoga Berhasil...!!!

Read More

Cara Merubah Font Judul Postingan Blog Menjadi [Bold, Italic, Underline]

Kadang kala kita ingin mempertegas kata-kata dalam sebuah judul postingan blog dengan huruf ditebalkan (bold), atau karena ada kata atau kalimat berbahasa asing sehingga perlu dimiringkan (italic), atau ingin digaris bawahi (underline).

Di Blogspot, untuk membuat tulisan di judul postingan dibuat bold, italic atau underline, caranya sama seperti pada isi postingan, yaitu menggunakan Code standar HTML, yang dapat dibaca oleh semua browser. Berikut standar HTML tersebut :

- <b>Bold</b>
- <i>Italic</i> dan
- <u>Underline</u>

Seperti contoh dalam Judul Postingan Ini.

Untuk membuatnya sangat mudah tinggal Kalian copy dan paste-kan salah satu code di atas, di depan dan di belakang judul postingan Kalian.

Sebaga contoh coba lihat di bawah ini.

<u>Cara Merubah Font Judul Postingan Blog Menjadi [Bold, Italic, Underline]</u>

(Contoh di atas memberikan efect Font garis bawah, atau Underline)

Atau Kalian bisa lihat pada gambar di bawah.

Maka Hasilnya Seperti Di Bawah :

Semoga Bermanfaat...!!!

Read More

Cara Menghilangkan Tanda Icon Pensil Di Postingan

Ok, sebelumnya Saya sudah pernah bahas tentang Cara Menghilangkan Tanda Obeng dan Tang Pada Blog, dan kali ini Saya akan membahas tentang Cara Menghilangkan Tanda Icon Pensil Di Postingan. Seperti terlihat pada gambar di bawah ini.

Langkah-langkahnya sebagai berikut :

[1]. Pertama-tama Login dulu ke Blog Kalian

[2]. Dari Dasbor klik "Rancangan" atau "Setting"

[3]. Kemudian, pada bagian "Dasar" cari bagian "Tampilkan Editing Cepat di Blog Anda?". Lihat gambar di bawah.

[4]. Kemudian tinggal di pilih "Ya" atau "Tidak".

[5]. Terakhir tinggal di "SAVE" dan lihat hasilnya, Icon Pensil pada Postingan Kalian sudah hilang.

Selamat Mencoba...!!!

Read More

Cara Mengganti Logo Blog

Kalian pasti sudah tau dong logo Blog, itu tuh yang ada di bagian kiri atas pada Tab Browser. Dan mungkin Kalian mau menggantinya. Untuk mengganti logo Blog sangatlah mudah, tinggal Kalian ikuti langkah-langkah berikut ini :

[1]. Seperti biasa login dulu ke Blog Kalian

[2]. Trus cari Rancanga --> Edit HTML

[3]. Kemudian cari code </head>
[4]. Kalo sudah ketemu, Copy dan Paste-kan Code di bawah ini tepat di atas Code tadi

<link href='http://dc483.4shared.com/img/A1xgPIbB/0.7383929885741486/Logo_JmK.jpg' rel='shortcut icon'/>

NB :
- Tulisan yangberwarna Biru adalah Link Logo-nya, Kalian bisa ganti dengan Logi yang Kalian inginkan.

[5]. Lalu Save dan lihat hasilnya

Selamat Mencoba...!!!

Read More

Cara Menambahkan Efeck Daun Jatuh Di Postingan

Seperti pada judul kali ini, saya akan memberikan Tips Menambahkan Efeck Daun Jatuh Di Postingan. Maksudnya adalah ketika kita membuka postingan blog kita, "Seperti Pada Postingan Ini" maka akan ada Daun Jatuh pada postingan. Ok langsung saja, berikut langkah-langkahnya :

[1]. Seperti biasa Login dulu ke Blog Kalian masing2

[2]. Trus cari Postingan mana yang akan Kalian beri Efeck

[3]. Klik Edit, lalu pilih HTML pada menu postingan.

[4]. Kalo sudah Copy dan Paste-kan Code di bawah ini, tepat di bawah Code Postingan Blog Kalian.

<script src="http://encepfrblog.googlecode.com/files/www.encepfr.blogspot.com-daun.js"/></script>

Untuk lebih jelasnya, Lihat Gambar di Bawah ini :

[5]. Terakhir tinggal di Save, dan lihat hasilnya. Postingan Kalian sekarang bertabur daun berjatuhan.

Selamat Mencoba...!!!!

Read More

Cara Menambahkan Lagu Di Blog

Banyak yang bisa kita perbuat untuk mempercantik blog kita, seperti menambahkan lagu di blog. Nah kali ini saya aka pos tentang Cara Menambahkan Lagu Di Blog.

Yang Tertarik Silahkan Ikuti Langkah-Langkah Berikut Ini :

[1]. Seperti Biasa Login Dulu Ke Blog Kalian

[2]. Trus Cari Rancangan --> Tambahkan Gadget --> HTML/Java Script

[3]. Copy dan Paste-kan Salah Satu Scrip Lagu Di Bawah ini

Linkin Park :

--------------
- What I've Done

<center>
<EMBED SRC="http://divine-music.info/musicfiles/Linkin Park - Transformers Soundtrack - 01 - What Ive Done.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

- In Pieces

<center>
<EMBED SRC="http://divine-music.info/musicfiles/Linkin Park - In Pieces.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

- Breaking The Habit

<center>
<EMBED SRC="http://divine-music.info/musicfiles/Linkin Park - Breaking The Habit.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

- In The End

<center>
<EMBED SRC="http://divine-music.info/musicfiles/Linkin Park - In the end.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

- Bleed It Out

<center>
<EMBED SRC="http://divine-music.info/musicfiles/Linkin Park - Bleed It Out.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

- Shadow Of The Day

<center>
<EMBED SRC="http://divine-music.info/musicfiles/Linkin Park - Shadow Of The Day.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

- Leave Out All The Rest

<center>
<EMBED SRC="http://divine-music.info/musicfiles/Linking Park - Leave Out All The Rest.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

LMFAO :
------------
- Party Rock Anthem

<center>
<EMBED SRC="http://divine-music.info/musicfiles/01 Party Rock Anthem (feat. Lauren B.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

 
Black Eyed Peas :
---------------------
- Don't Phunk With My Heart

<center>
<EMBED SRC="http://divine-music.info/musicfiles/bep-dontphunkwithmyheart.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

- Pump It

<center>
<EMBED SRC="http://divine-music.info/musicfiles/bep-pumpit.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

- Imma Be

<center>
<EMBED SRC="http://divine-music.info/musicfiles/104  Black Eyed Peas - Imma Be.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

- Meet Me Half Way

<center>
<EMBED SRC="http://divine-music.info/musicfiles/Black eyed peas - meet me half way.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

- Boom Boom Pow

<center>
<EMBED SRC="http://divine-music.info/musicfiles/Black Eyed Peas - Boom Boom Pow.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

- I Gotta Feeling

<center>
<EMBED SRC="http://divine-music.info/musicfiles/I Gotta Feeling - The Black Eyes Peas.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

- Rock That Body

<center>
<EMBED SRC="http://divine-music.info/musicfiles/02-black_eyed_peas-rock_that_body.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

- The Time (Dirty Bit)

<center>
<EMBED SRC="http://divine-music.info/musicfiles/01 The Time (Dirty Bit).swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

- I Just Cant Get Enough

<center>
<EMBED SRC="http://divine-music.info/musicfiles/1-14 Just Can_t Get Enough.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

Train :
----------
- Hey Soul Syster

<center>
<EMBED SRC="http://divine-music.info/musicfiles/34-train-hey_soul_sister.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

Jennifer Lopez (feat. Pitbull) :
-------------------------------
- On The Floor

<center>
<EMBED SRC="http://divine-music.info/musicfiles/01 On the Floor (feat. Pitbull).swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

NB :

- Kalian Juga Bisa Memilih Yang Lainnya. Klik Saja Di SINI.

[5]. Simpan dan Lihat Hasilnya

 

Selmat Mencoba Ya...

Read More

Cara Memasang Tombol Like Facebook Pada Postingan Blog

Kali ini Saya akan membahas tentang Tombol Like Facebook, hemm, Kalian pasti sudah tahu Tombol Like Facebook kan...??? kalo orang Facebooker pasti tahu. OK kita masuk ke langkah-langkahnya saja.

[1]. Pertama pastinya Login dulu ke Blog Kalian.
[2]. Dari Dasbor, cari Rancangan --> Edit HTML.
[3]. Centang kotak Expand Template Widget.
[4]. Lalu cari Code <data:post.body/>.
[5]. Copy dan Paste-kan Code di bawah ini, tepat di bawah Code tadi.

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url +
&quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&
amp;colorscheme=dark&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:24px;'/>
<br/>

NB :
- Kalo Kalian menaruhnya di atas Code <data:post.body/>, maka Tombolnya akan berada di atas Postingan Kalian. Begitupun sebaliknya.

[6]. Simpan dan Lihat Hasilnya.

Semoga Bermanfaat...!!!

Read More

Cara Membuat Footer Melayang Atau Strip Footer

Salah satu Tips untuk memikat pengunjung bukan hanya pada artikel kalian tapi penampilan Blog Kalian merupakan pandangan pertama yang dapat memikat mereka. Jika Kalian merasa Blog Kalian belum tampil menarik maka Tips yang satu ini akan membuatnya lebih menarik. Pada kesempatan ini Saya akan mengajarkan Tips untuk membuat Footer Bar yang statis. Footer Bar akan selalu muncul walaupun Kalian mengscroll ke bawah halaman. Pada Footer Bar atau strip Footer ini Kalian dapat memasang Iklan atau pun pesan kepada pengunjung. Tentunya pengunjung akan mudah melihat pesan tersebut apabila mereka mendatangi Blog Kalian.

Jika Kalian merasa tertarik untuk membuatnya. Maka ikuti langkah-langkah berikut :

[1]. Seperti biasa Login dulu ke Blog Kalian
[2]. Lalu pilih Tata Letak Klik Edit HTML
[3]. Centan Expand Widget Template
[4]. Cari Code "]]></b:skin>" (Tanpa Tanda Petik) dan Paste Code di bawah sebelum Code tadi

#navbar-footer p.info {

float: right;

padding-right:40px;

line-height: 1.2;

height: 100%;

vertical-align: bottom;

}

#navbar-footer p {

float: left;

margin: 0px;

padding-top:4px;

padding-left:40px;

vertical-align: bottom;

line-height: 1.2;

}

#navbar-footer a {

color: #333;

}

#navbar-footer {

align: center;

position: fixed;

border-top: 1px solid #ddd;

border-bottom: 10px solid #f5f5f5;

background-color: #f5f5f5;

width: 100%;

left: 0px;

text-align: left;

color: #888;

font-family: Verdana;

font-size: 11px;

z-index:10000;

opacity: 0.9;

filter: alpha(opacity: 90);

bottom:0;

}

[5]. Kemudian Copy dan Paste-kan Code di bawah sebelum Code "</body>" (Tanpa Tanda Petik)

<div id='navbar-footer'>

<p>

Agar <a href='http://www.blogger.com'>IndonesianBlog-JmK</a> lebih bermanfaat dan menarik lagi,<br/> diharap anda dapat meninggalkan komentar....

</p>

<p class='info'>Powered by <a href='http://www.blogger.com'>Blogger</a> | Created by <a href='http://www.facebook.com/gusti.ngurah.jumaika?ref=profile' target='_blank'>??[_�I_n_�do�n_e��si_�a�n] [�_Bl�_og�_] [�_J.__�m.�K�_��_�]�</a><br/>Copyright 2008 - 2009 All Rights Reserved: <a href='http://indonesianblog-jmk.blogspot.com/'>??[_�I_n_�do�n_e��si_�a�n] [�_Bl�_og�_] �_J.__�m.�K�_��_�]�</a>

<br/>

</p>

</div> 

[6]. Simpan Template Kalian dan Lihat Hasilnya...

- Ganti Tulisan Yang Berwarna Merah Dengan Kata-Kata Kalian, Profile Facebook Kalian, Nama Blog Kalian, dan URL Blog Kalian.

Selamat Mencoba...!!!

Read More

Cara Membuat Background Blog Berubah Warna Secara Otomatis

Membuat Background Blog Berubah Warna, hemm mungkin Tips kali ini agak unik ya...??? Background Blog Berubah pada saat Kalian me-Refrese Blog. Dan warnanya pasti akan berubah-ubah. Bagaimana Kalian tertarik...??? kalau tertarik, silahkan ikuti langkah-langkah di bawah ini.

[1]. Login dulu ke Blog Kalian.

[2]. Dari Dasbor, cari Rancangan --> Elemen Lamat.

[3]. Klik Tambahkan Gadget --> HTML/Java Script.

[4]. Copy dan Paste-kan Code di bawah ke dalamnya.

<script type='text/javascript'>
//CDATA[
//Created Ageboy:
var bgcolorlist=new Array("#FFFFFF", "#B30000", "#EEFF00", "#11FF00", "#FF8A14", "#0008FF", "#4AFFF3", "#000")
document.body.style.background=bgcolorlist [Math.floor(Math.random()*bgcolorlist.length)]
//]]>
</script>

NB :

- Tulisan yang berwarna Merah, adalah warna Backgroundnya. Kalian bisa ganti dengan warna yang Kalian suka. Kalau Kalian tidak punya Code warna, klik saja di SINI. 

[5]. Terakhir tinggal di Save, dan lihat hasilnya.

Selamat Mencoba...!!! 

Read More

Cara Membuat Effect Pelangi Pada Link Blog

Sebelunya Saya sudah pernah bahas tentang Cara Membuat Effect Bayangan Pada Link Blog, dan kali ini Saya kembali Update yang Effect Pelangi. Seperti yang Kalian lihat pada Blog ini, pada saat Kalian menyorot Link Blog ini, pasti Linknya berubah warna secara otomatis. OK, kita masuk ke materi.

[1]. Login dulu ke Blog Kalian.

[2]. Dari Dasbor, cari Rancangan --> Elemen Lamat.

[3]. Klik Tambahkan Gadget --> HTML/Java Script.

[4]. Copy dan Paste-kan Code di bawah ke dalamnya.

<script src="http://jmkjs.googlecode.com/files/Pelangi%20JmK.js">
</script>

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

Semoga Berhasil...!!! Ohh ya, jangan lupa Komentarnya Ya...!!!

Read More

Cara Mengganti Background Kotak Komentar Blog

Kali ini Saya akan memberikan Tips Cara Mengganti Background Kotak Komentar Blog. Tips ini mungkin sudah tidak asing lagi buat Sobat2 Blogger. Dan mungkin Kalian juga sudah tahu arti judul Postingan kali ini. Seperti yang Kalian lihat pada Kotak Komentar di bawah.

OK, kita langsung masuk ke langkah-langkahnya.

[1]. Pertama pastinya Login dulu ke Blog Kalian.
[2]. Dari Dasbor, cari Rancangan --> Edit HTML.
[3]. Centang kotak Expand Widget Template.
[4]. Lalu cari Code <div class='comment-form'>, lalu ganti Code
itu dengan Code di bawah.

<div id='ib-form'>

NB :

- Berhubung semua Template berbeda-beda jadi bisa saja ada 2 atau lebih Code seperti dia atas, jadi kalo Kalian menemukan ada Code yang sama, cari saja Code yang Pertama atau Paling Atas.

[5]. Kalo sudah, cari Code ]]></b:skin>, lalu Copy dan Paste-kan Code di bawah ini, tepat di atas Code Tersebut.

#ib-form iframe{
background:#ffffff url(https://sites.google.com/site/rakasajmk/download-1/download-2/JmK%20BG.jpg) no-repeat bottom right;
border:7px solid #C7C7C7;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#7EB2AC;
width:95%;height:250px;}
#ib-form iframe:hover{
background:#ffffff url(https://sites.google.com/site/rakasajmk/download-1/download-2/JmK%20BG.jpg) no-repeat bottom right;
border:7px solid #7EB2AC;}
#ib-form a{
color:#7EB2AC;}

NB :

- Tulisan yang berwarna Merah, Kalian bisa ganti dengan URL Background Kalian.

- Dan yang berwarna Biru, adalah wah pinggirannya. Kalian bisa ganti sesuka hati. Jika Kalian tidah punya Code warna klik saj di SINI.

[6]. Simpan dan lihat hasilnya.

Semoga Berhasil...!!!

Read More

Cara Membuat Effect Terang dan Gelap Pada Gambar

Setelah sebelunya Saya sudah pernah bahas tentang Cara Membuat Effect Zoom Pada Gambar Di Blog, maka kali ini Saya akan bahas tentang Cara Membuat Effect Terang dan Gelap Pada Gambar. OK kita masuk ke langkah-langkahnya. 

[1]. Pertama pastinya Login dulu ke Blog Kalian.

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

[3]. Cari Code ]]></b:skin>.

[4]. Kalo sudah ketemu, Copy dan Paste-kan Code di bawah, tepat di atas Code tadi.

A. Dari Gelap Menjadi Terang.

.post img{opacity:.5;filter:alpha(opacity=100); this.style.opacity=1}
.post img:hover{opacity:1;filter:alpha(opacity=1); this.style.opacity=6}

B. Dari Terang Menjadi Gelap.

.post img{opacity:1;filter:alpha(opacity=1); this.style.opacity=6}
.post img:hover{opacity:.5;filter:alpha(opacity=100); this.style.opacity=1}

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

Semoga Bermanfaat...!!! Jangan lupa tinggalkan Komentar Kalian Ya...!!!

Read More

Cara Membuat Daftar Isi Di Blog v.02

Sebelumnya Saya sudah pernah Posting tentang Cara Membuat Daftar Isi Di Blog v0.1, dan kali ini Saya kembali Posting v.02-nya. Berikut langkah-langkahnya.

[1]. Pertama pastinya Login dulu ke Blog Kalian.

[2]. Dari Dasbor, cari Rancangan --> Elemen Laman.

[3]. Klik Tambahkan Gadget --> HTML/JavaScript.

[4]. Copy dan Paste-kan Code di bawah ke dalamnya.

<div style="overflow:auto;width:120px;height:350px;padding:5px;border:5px solid #FF0000"><script style="text/javascript" src="https://sites.google.com/site/rakasajmk/download-1/download-3/DaftarIsiJmK.js"></script><script src="http://indonesianblog-jmk.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>
Created By: <a href="
http://indonesianblog-jmk.blogspot.com/
">??[_�I__�n_�d_�o�_�n__�e��_�s_�i_�a�_�n_�][�_B_�l�_o_�g�_][�_J�__.�_m�___.�_K�_]�</a>

NB :

- Ganti tulisan yang berwarna Merah, dengan Tinggi, Lebar, Warna Pingginrnya, dan Tebal Warna Pinggirnya.

- Dan yang berwarna Biru, ganti dengan URL Blog Kalian, dan Nama Blog Kalian.

- Jika Kalian tidak punya Code Warna, tenang saja Saya sudah mempersiapkannya. Klik Di SINI.

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

Semoga Berhasil...!!! dan jangan lupa tinggalkan Komentar Kalian Ya....!!!

Read More

Cara Membuat Kursor Berubah Saat Menyorot Link

Sebelunya Saya sudah pernah bahas tentang Cara Mengganti Kursor Di Blog, dan itu hanya satu Kursor saja, tapi kali Saya akan memberikan Tips Cara Membuat Kursor Berubah Saat Menyorot Link. Kalau Kalian tertarik silahkan ikuti langkah-langkah di bawah ini.

[1]. Pertama pastinya Login dulu ke Blog Kalian masing2

[2]. Trus cari Rancangan --> Edit HTML

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

[4]. Copy dan Paste-kan Code di bawah ini, tepat di atas Code </head>

<style type='text/css'>body, a, a:link{cursor:url(https://sites.google.com/site/rakasajmk/download-1/download-2/KursorJmK.gif), default;} a:hover {cursor:url(https://sites.google.com/site/rakasajmk/download-1/download-2/JmKKursor.gif),wait;}</style>

NB :

- Ganti tulisan yang berwarna Merah dengan URL Kursor Kalian

[5]. Terakhir tinggan di SAVE dan lihat hasilnya. Pasti Kursor Blog Kalian berubah saat menyorot Link. Oh ya Saya hampir lupa, "Tidak Semua Link Ya".

Sekian dulu Tips kali ini, N' jangan lupa tinggalkan Komentar Kalian di bawah ya. Semoga Bermanfaat...!!!

Read More

Cara Membuat Pesan Maintenance Pada Blog

Pada saat kita mengedit Blog kita apakah mengedit Template atau apapu, dan ingin mengisi pesan pada Blog kita, maka Saya punya Tipsnya. Silahkan ikuti langkah-langkah di bawah untuk membuatnya.

[1]. Pertama pastinya Login dulu ke Blog Kalian.

[2]. Trus cari Rancangan --> Edit HTML.

[3]. Cari Code ]]></b:skin>.

[4]. Lalu Copy dan Paste-kan Code di bawah ini, tepat di atas Code tadi.

html {
  height: 100%;
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9XhhmgPAk6Cb2cEFot4KpglmWFOEARDlRgmj3tOQdwH2UuipCo8v10_HWPr69aliF8cCL0kZ9YVccX8jnZ1aQprSKOYu4YqvBmLnYcgz07UJCGcZQAXJ1YWVS-cdUbL18ozVoSt3xDZs/s1600/under-maintenance.gif) no-repeat center 50%;
  margin: 0;
}
body {
  display: none;
}

NB :

- Tulisan yang berwarna Biru, ganti dengan URL gambar Maintenance Kalian.

[5]. Simpan dan lihat hasilnya, pasti Blog Kalian ada pesan Maintenancenya.

NB :

- Dan jika Kalian ingin menghilangkannya, tinggal hapus Code tersebut dan simpan kembali.

Semoga Bermanfaat...!!!

Read More

Kumpulan Button Buku Tamu V.02

Sebelumnya Saya sudah pernah Posting tentang Kumpulan Button Untuk Buku Tamu Yang Tersembunyi.Dan Postingan kali ini Saya kembali menambahkan Button Buku Tamunya. OK berikut Button Buku Tamunya, silahkan di lihat-lihat dulu.

[1].

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7BDFqY-S_HYKNnbCyCQ2CtFlsS8zJC11S7al89-cAOmMF9jOLwEYLRdjRqi8Q61k8MxaOC1nqQCoziPLoaX1wYHahfIIFFFLXsX8AC_wq1qgvfeoFWKTgu1w7noKMEEuqY3HTzqntI-VU/s1600/1.png

[2].

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXX8ioM4NZR1jJxlS1F7wRmWdIblD-3fAFnpa_Cd5pxxXtEILySMhZqV_QIZFSqJJOCOyuDZCsyGCj9cv3n1I0qwUMqu0dExUsow8lJ4rviG5UsqSrCzYYbDuGc7IUllNX-pSiIeKUL2z3/s1600/2.png

[3].

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqd7MhfH5nwdNHuU9GLLXmtatHHad7q1jbC8SX4-qGgkYxP0EVyrAd4bFiqfYi6jnfRh2cuvOcBYmFdFUMxwesx2NcJjNGWUCeFuRF7gX8e_OJhA4nyI5aCKJXsPUTF8B_7S-2Ip4a4GRH/s1600/3.png

[4].

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUxCdnyQQ57YKCv_zKZBFv8NS6q2dMoe-oldXMCNwxaXFq89R1M6Q0ME4idJyu2Xhi-4cWM1dkXggfjcQqKcaGyk_uiN0WilnxyoOuOBNM6-vdp4luPlYA0bjg4OdeLVeZwwDwz7047hPR/s1600/4.png

[5].

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfTmZBStOQP1-SR2w_fTD364qPG7dfLNOJ0R2ZVXLPW-H-MN5ZjNUbFd_tFh0dAf1IcPGxolhEUrxcqf9OPg3vmXLn3RLyzIQef9i95HqmKrp3PmnAR-ODxdgZsA9c98W5aw00rh4m6k88/s1600/5.png

[6].

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNGdXpDxtLK1-Mbq4N-cocKDzVSKcqQFW-RV75RQjTLKwXo9yoCh2huiAxy3nre5kixTShf1boLiqlK-0q8Z-WeRfB8qvEmyFxK4TFgTKnmtOzVK15UiPbgvUl1THFeY_cSlIiAmjjEwkf/s1600/6.png

[7].

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ6qEv2DQ7QvfKCWKs8IVEnlb5-tki_qqsDGvsg3LpjRrgMw8IYCD87zI9gPZWXrr-XmiM4nsiPL0muTz3bcX2bXsbKRyTfAghpuzvJ6Pr0k5uy2xpJ6SCVEiHZp-ugQnAI-btv-uVOJtA/s1600/7.png

[8].

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSQOGYeXs7DjtEcw9p4MnHbN13xemjoGhvTQp9nQeTaVaM3-0WhznvbSAVWpkB2Nsgv3QKjXu_FV3JfaLLoZoleU-W012y91pTgdRuGY9E4vrvkUmYzOd1KGK2Zq_ivlJno_b2AJMNcjvk/s1600/8.png

[9].

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVVucVH38aomBg9Hd4MwQ1yaOa0HzgcPJQ0YQaK2LCO7sJ5ff1H9GPv7UaYKJC7ohPkBXJQsO2MnR8Ud7JJTUmY_K83jyin7oEqf1GbEqlP3YTGJiOO7U8TDm91xXjXqpHFlzxanB0MEPC/s1600/9.png

[10].

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij6rUCA_DFSqzlG03WWIy3zGlrK51V9bKEzm_SnYC35zxLDaoWuJzSHC3MYQ3XYXG5Qeg0PsDfF3Sh-i3zRdgIcAxbnvq6K3k-OCN62UUX_mGihCP72YCgpZ5rlAEnvksAzxCgvwQPhRAU/s1600/10.png

[11].

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLbKsl3mn-akVPjoSR-WRw__pfwrZpJ86oUkfPu4XaX7jWi-VnfhD1ptPLPJXLXYf21FEr1XHwzs4s-WJ2mX5j5XXqyR1GrEW6vBaOTPJamzGMVesz-pJKI-Y_Y5eGj0oN1UliT_-3gitf/s1600/11.png

Selamat Menikmati....!!!!

Read More