Cara Membuat Header Blog Transparan Dan Memberi Effect Perbatasan Radius
aklil | 18.22 |
Tips and Trick Blog
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.
[5]. Nah kalau sudah seperti itu, tinggal di SAVE saja, dan lihat hasilnya.
Selamat Mencoba dan Semoga Berhasil...!!!
Cara Membuat Screensaver Pada Blog
aklil | 23.21 |
Tips and Trick 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.
KETERANGAN :<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>
* 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...!!!
Cara Membuat Effeck Balon Gelembung Di Blog
aklil | 22.15 |
Tips and Trick 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=[5]. Terakhir tinggal di SAVE, dan lihat hasilnya.
"http://jmk-js.googlecode.com/files/Bubble%20JmK.js">
</script>
Semoga Bermanfaat...!!!
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...!!!
Cara Mengganti Kursor Di Blog
aklil | 23.57 |
Tips and Trick 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...^_^
Cara Membuat Link Bergerak
aklil | 04.56 |
Tips and Trick Blog
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'/>[4]. Simpan dan lihat hasilnya.
<script type='text/javascript'>
$(document).ready(function() {
$('a').hover(function() { //mouse in
$(this).animate({ marginLeft: '12px' }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>
Semoga Berhasil...!!!
Cara Menghilangkan Tulisan Diberdayakan Oleh Blog
aklil | 23.23 |
Tips and Trick 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...!!!
Cara Memngganti Tulisan Home, Postingan Lebih Baru, dan Postingan Lama Dengan Gambar Pada Blog
aklil | 21.31 |
Tips and Trick 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...!!!
Cara Membuat Gambar Berjalan Di Blog
aklil | 21.26 |
Tips and Trick 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.
- 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...!!!
Cara Membuat Buku Tamu Tersembunyi
aklil | 06.37 |
Tips and Trick Blog
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">NB :#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/AVvXsEji4nhyHBAfLH-iEefxTIaHtcX-cORC3fRMfcri1Sgb8HkCLNigfhxV37c9X0l-1FuEXi2fMHWQd9um92b6GnCyEkeVpGt2PMelpvi274hUyP1JD2yZeh4qAfX9HesQ5rSKtyA0QEIof3E/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>
- 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...^_^
Cara Mendisbled (Mematikan) Klik Kanan Pada Blog
aklil | 00.59 |
Tips and Trick 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">NB :
<!--
//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>
- Ganti tulisan yang berwarna Merah, dengan URL Blog Kalian.
- Dan ganti tulisan yang berwarna Biru, dengan kata-kata 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...!!!
Cara Menambahkan Search Engine Pada Blog
aklil | 00.24 |
Tips and Trick 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
[4]. Simpan dan Lihat Hasilnya<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>
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...!!! ^_^
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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
.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...!!!
Cara Membuat Efek Ketikan Pada Judul Blog
aklil | 23.16 |
Tips and Trick 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.
Selamat Mencoba...!!!
[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>[6]. Simpan dan Lihat Perubahannya
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>
Selamat Mencoba...!!!
Cara Membuat Cursor Bertabur Bintang Di Blog V.01
aklil | 21.58 |
Tips and Trick Blog
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
[5]. Terakhir, tinggal di SAVE dan lihat hasilnya.<script type="text/javascript" src="http://jmkjs.googlecode.com/files/Bintang%20Ungu.js"></script>
Semoga Berhasil...!!!
Cara Merubah Font Judul Postingan Blog Menjadi [Bold, Italic, Underline]
aklil | 21.27 |
Tips and Trick Blog
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>
Untuk membuatnya sangat mudah tinggal Kalian copy dan paste-kan salah satu code di atas, di depan dan di belakang judul postingan Kalian.
Semoga Bermanfaat...!!!
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...!!!
Cara Menghilangkan Tanda Icon Pensil Di Postingan
aklil | 21.24 |
Tips and Trick Blog
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...!!!
Cara Mengganti Logo Blog
aklil | 04.23 |
Tips and Trick 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...!!!
Cara Menambahkan Efeck Daun Jatuh Di Postingan
aklil | 00.51 |
Tips and Trick Blog
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>
[5]. Terakhir tinggal di Save, dan lihat hasilnya. Postingan Kalian sekarang bertabur daun berjatuhan.
Selamat Mencoba...!!!!
Cara Menambahkan Lagu Di Blog
aklil | 00.11 |
Tips and Trick 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
- What I've Done
<center>- In Pieces
<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>
<center>- Breaking The Habit
<EMBED SRC="http://divine-music.info/musicfiles/Linkin Park - In Pieces.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>
<center>- In The End
<EMBED SRC="http://divine-music.info/musicfiles/Linkin Park - Breaking The Habit.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>
<center>- Bleed It Out
<EMBED SRC="http://divine-music.info/musicfiles/Linkin Park - In the end.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>
<center>- Shadow Of The Day
<EMBED SRC="http://divine-music.info/musicfiles/Linkin Park - Bleed It Out.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>
<center>- Leave Out All The Rest
<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>
<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>- Pump It
<EMBED SRC="http://divine-music.info/musicfiles/bep-dontphunkwithmyheart.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>
<center>- Imma Be
<EMBED SRC="http://divine-music.info/musicfiles/bep-pumpit.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>
<center>- Meet Me Half Way
<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>
<center>- Boom Boom Pow
<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>
<center>- I Gotta Feeling
<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>
<center>- Rock That Body
<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>
<center>- The Time (Dirty Bit)
<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>
<center>- I Just Cant Get Enough
<EMBED SRC="http://divine-music.info/musicfiles/01 The Time (Dirty Bit).swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>
<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...
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.
[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='"http://www.facebook.com/plugins/like.php?href=" + data:post.url +
"&layout=standard&show_faces=false&width=100&action=like&font=arial&
amp;colorscheme=dark"' 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...!!!
- 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...!!!
Cara Membuat Footer Melayang Atau Strip Footer
aklil | 05.41 |
Tips and Trick Blog
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'>[6]. Simpan Template Kalian dan Lihat Hasilnya...<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>
- Ganti Tulisan Yang Berwarna Merah Dengan Kata-Kata Kalian, Profile Facebook Kalian, Nama Blog Kalian, dan URL Blog Kalian.
Selamat Mencoba...!!!
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...!!!
[5]. Terakhir tinggal di Save, dan lihat hasilnya.
Selamat Mencoba...!!!
Cara Membuat Effect Pelangi Pada Link Blog
aklil | 02.14 |
Tips and Trick 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...!!!
Cara Mengganti Background Kotak Komentar Blog
aklil | 22.19 |
Tips and Trick 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.
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.
[5]. Kalo sudah, cari Code ]]></b:skin>, lalu Copy dan Paste-kan Code di bawah ini, tepat di atas Code Tersebut.
#ib-form iframe{NB :
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;}
- 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...!!!
Cara Membuat Effect Terang dan Gelap Pada Gambar
aklil | 04.07 |
Tips and Trick Blog
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...!!!
Cara Membuat Daftar Isi Di Blog v.02
aklil | 19.42 |
Tips and Trick Blog
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.
[5]. Terakhir tinggal di SAVE, dan lihat hasilnya.
Semoga Berhasil...!!! dan jangan lupa tinggalkan Komentar Kalian Ya....!!!
Cara Membuat Kursor Berubah Saat Menyorot Link
aklil | 20.12 |
Tips and Trick Blog
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...!!!
Cara Membuat Pesan Maintenance Pada Blog
aklil | 00.38 |
Tips and Trick 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/AVvXsEjYgw76f7S2QJXPINsJPjtJVNhXr2T4ZIFBpG1nkIaKa1LZAwTfRsZVyTmnTI3MG32Bk5jQCphHrduhiAS9UKYE5-tpcVY6_Zz5ztZW_VrGYLhrQ3WjlweX5fLc7-5xuGKG0On-DJZAjPI/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...!!!
Kumpulan Button Buku Tamu V.02
aklil | 00.29 |
Tips and Trick Blog
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/AVvXsEhb7pxFFhzehnB9DLHX0wDa2yDPMGqaOSjUR3EJwKTif9ZARwKBfyi4DA9RaUGpUgOkIla9g9rU7KrVlJQLsJ_7EnYBnQ8aYxbJGaLzY2CqHRGFn6rTDtIMiei10cfSZF9xHlpbTIv5_THU/s1600/1.png
[2].
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3s-0E7gkyhiF9LDFqAY6Z9N3O0nmH9zOy_NFD0hZkXYvEhcVsnghPeU8-OwjF0nq9vZ0n9VJhumGqQ9FWwEMgPJngKOeOarN1WHFM06VgOx2zuOQu8wsINJ0SQj9CuyF24vS9fFxeWkas/s1600/2.png
[3].
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtUXNZPTC5fja8O3OFv8hmKjm19-YvOTc-PhRfYeXkNhTy64CChq8bkUwrrJfcR5P2lqtQVbTguFe7JgkJ4CKWfBNij53z5A1Z3DtjBnTpFTRXUy_lBOdU33mL8QcMSipKE214wUDPVsDD/s1600/3.png[4].
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfFz0O_RztEFx5gxgGesPazBkfC91UnqeUCYaU6m-j7qwMg1QwtMbDZVg6ud-C0UuYyljvT48c-fcMyXS0TxREgQLFN5Czl8s0-Lfx1gzELoay9VL4LzTtnfcaYkp3wrpOIO9dMgdTOLfK/s1600/4.png[5].
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCi9PRVYUgvfCUrvGziOvFhIh3m6jAuQ8Xfp3HvvSQFpsEGWT3R_623sxS1KYb9EkUvjPiMnecy8fw-J2QcVuFKHwWMUaOZVNKoqXRs83ksa-X4JsR1lF6PCqbNlEZIAOoeUY7rJUdE4ad/s1600/5.png
[6].
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBQVOWLcrJkFOiHN3jxYZTWZpUYbS0G3gUqxEq7oAnEq2brnP-dE2jJZXLUAN9yJtig_ZpYbMReAGZ2vL8A1zLQkh9Q4wvRXCoc7BybEbSRiPqHgwmD89a73Rtvpb2MnOGNxp5fHhPxBZR/s1600/6.png
[7].
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEierL9lp4HpZjD8vBIyggcrw5KdlwitaeilRDHRSPgnubnnyJVqKwnqTQmtXN0-oFqZvhIlxF0HpAGEwlqWTllK9forGQApnbyGFIoo77HzE9xeR_YeB6tvVt4UhNyHl7zrlBsUJp4fEsZ1/s1600/7.png
[8].
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYyEEEf7SIKgaR7z3BoOZ_1t_oGr4qljxTH7idonjCz96TJj0PInXHozDLtcd4zBqFCyrg1gbTXQjypnxNc1QI3_ZN6l_Y5B82odq5JsWSn1HJDmqMQzdLbm33Szp0CZwQGCSGklA3E0wy/s1600/8.png
[9].
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfKkbIWPbA2djwUE6kfRxgGOhEPJNIxmhWVrL7HeyGOwTPvzNh_X9Pyvv6J0gcPna0H2aVgbIn7XUKf8kCW_W4GCU7TSQyyQcFZT-qAqu59uBhVuMN9aYAPBIuas3gClXBCv3M8bh34qHM/s1600/9.png
[10].
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhif0rf63VzAXNKf3xVYmMEN2ezSYJVmVwsYmW2Vf1EWBHNuD07OaOqM1hjzSU-HSn7YVwh-lIBzRAVTasVcejgxAcXBBkw5Xc_jgc3gKorSDk8t5enQLyOvdM00QmKnyDeRCY3gNYBifbG/s1600/10.png
[11].
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPK3rUMIYHQoCVYBrq-fbJxXXuRVGPSg_1ALZPp02feAbXZbRTjLmpBBAc_NgQ0i1-o8_4FeGCexPTnL_L5ST6nVvVKIZQ-NZmuXRcpbhC3TYAsnaXTCw_9BOatkDJ-aIV4nt7SEuuqEkF/s1600/11.png
Selamat Menikmati....!!!!