Cara Menambahkan Effect Pada Saat Kursor Menyorot Link Blog

Sebelumnya Saya sudah pernah Posting tentang "Cara Membuat Effect Bintang Pada Link Blog", "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 Menambahkan Effect Pada Saat Kursor Menyorot Link Blog". Sebenarnya Tips kali ini kurang lebih, samalah sama Tips yg sudah2, yaitu sama2 Memberi Effect Pada Link Blog, hehehe. OK lanjut ke langkah-langkahnya.

[1]. Pertama pastinya Login dulu ke BLOG Kalian.
[2]. Trus dari Dasbor, cari Template --> Edit HTML.
[3]. Lalu cari Code a:hover { atau a:hover{ kira-kira Codenya seperti di bawah..

a:hover {
text-decoration: underline;
color: #ff0000;
}

[4]. Sekarang Kalian pilih salah satu Effect di bawah.

A. Effect Coretan dan Bayangan.

CODE-NYA :

a:hover {
  text-decoration:line-through; text-shadow:-1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
}

B. Effect Coretan dan Warna Background

CODE-NYA :

a:hover {
  text-decoration:line-through;color:#FF0000;background:#58ACFA;
-webkit-transition:all 1s ease;
}

KETERANGAN :

* Code2 yg berwarna Biru, Kalian bisa menggantinya sesuai dengan keinginan Kalian. Code Warna HTML...? Klik Di SINI.

[5]. Nah kalau sudah Kalian pilih sekarang kembali ke Code a:hover { atau a:hover{. Sekarang Hapus Code tersebut dan Ganti dengan Code di atas. (Effect yg sudah Kalian pilih).

[6]. Terakhir tinggal Kalian SIMPAN dan lihat hasilnya.

OK, sekian dulu Tips Blogger kali ini (Cara Menambahkan Effect Pada Saat Kursor Menyorot Link Blog), Semoga Tips kali ini bermanfaat buat Kalian Semua.

Salam Blogger Indonesia.

Cara Membuat Akun Facebook Melayang Di Sebelah Kiri Pada Blog

Hemm, sebelumnya Saya sudah pernah Posting tentang "Cara Menambahkan Akun Facebook Di Blog", dan sesuai dengan permintaan Teman FB Saya, Saya Publis Tips ini.OK gk usah berlama-lama lagi, dan Teman FB Saya sudah gk sabar, kita masuk kelangkah-langkahnya.

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

[2]. Kemudian, dari Dasbor, Cari Tata Letak --> Tambahkan Gadget (Add Gadget).

[3]. Kalau sudah, sekarang CoPas Code di bawah kedalmnya.

<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://sites.google.com/site/rakasajmk/download-1/download-2/FB.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">

<a href="http://id-id.facebook.com/gusti.ngurah.jumaika" target="_TOP" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight="200" normal; color: #3B5998; text-decoration: none;" title="Copyright Tanpa Nama"></a><br/><a href="http://id-id.facebook.com/gusti.ngurah.jumaika" target="_TOP" title="Copyright Tanpa Nama"><img src="http://badge.facebook.com/badge/100000434599258.1564.950108824.png" style="border: 0px;" /></a><br/><a href="http://id-id.facebook.com/badges/" target="_TOP" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title=""></a>

<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, Kalian sesuaikan dengan ukuran Akun FB Kalian.

* Code yg berwarna Merah, Kalian bisa menggantinya denga URL Gambar Kalian.

* Code yg berwarna Ungu, ganti dengan warna Garis Pinggir dan Backgroundnya. Code Warna HTML...? Klik di SINI.

* Dan yg terakhir, Code yg berwarna Biru, Ganti dengan Code Akun FB Kalian masing2.

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

OK, sekian Tips Blogger kali ini, jika ada pertanyaan tentang Tips ini, silahkan Kalian tuliskan pertanyaan Kalian di Kotak Komentar di bawah, dan semoga Tips kali ini bermanfaat buat Kalian semua. Dan buat Teman FB Saya, semoga sudah terjawab tanda tanya-nya.

Salam Blogger Indonesia.

Cara Membuat Komentar Admin Berbeda Dengan Komentar Pengunjung

Hello sobat Blogger, bagaimana kabar Kalian, semoga baik2 saja. Kali ini Saya akan Posting Tips Blogger yaitu "Cara Membuat Komentar Admin Berbeda Dengan Komentar Pengunjung". Sebenarnya sudah lama Saya mau Posting Tips ini, namun karena terlalu banyak Tips Blogging yg belum ke Publis, jadinya Saya bingung mau Publis yang mana, jadi hari ini Saya putuskan Publis yang ini aja. OK, lanjut kita ke langkah-langkahnya.

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

[2]. Kemudian dari Dasbor, cari Template --> Edit HTML.

[3]. Kalau sudah, sekarang cari Code </body>. (Gunakan CTRL + F atau F3 untuk mempermudah pencarian).

[4]. Kalau sudah ketemu, sekarang CoPas Code di bawah ini tepat di ATAS Code </body>.

<script src='http://jmkjs.googlecode.com/files/Admin.js'/>
<!--admin comment -->
<script>
$(function() {
function highlight(){
$('.user.blog-author,.ssyby').closest('.comment-block')
.css('border', '1px solid #000000')
.css('background','#3399FF url("https://d592ae48-a-62cb3a1a-s-sites.googlegroups.com/site/rakasajmk/home/page-3/Admin.png") no-repeat bottom right')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>
<!-- admin comment end-->

KETERANGAN :

* Code yang berwarna Biru, Kalian bisa menggantinya dengan warna Garis Pinggir dan warna Backgroundnya. Code Warna HTML...? Klik di SINI.

* Dan URL yang berwarna Merah, Kalian bisa menggantinya dengan URL Gambar Kalian.

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

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

Salam Blogger Indonesia.

Cara Membuat Tooltip/Info Tips Otomatis Di Blog

Hello sobat Blogger semua, kembali Saya Update Tips Blogger. Sesuai permintaan salah satu teman FB Saya, Saya Sahre Tips ini. Sebelumnya Kalian tahu apa itu Tooltip....? jika belum tahu, Saya akan jelaskan sedikit.

Tooltip atau yang disebut juga sebagai Infotip adalah sebuah informasi yang langsung muncul saat Kursor Mouse mengarahkan pada suatu Link, dan pada posting kali ini, Saya akan membagikan langkah - langkah membuat Tooltip Otomatis di Blog. Sebagai contoh Kalian bisa lihat di Blog Saya ini, atau pada SS di atas. OK kita masuk ke langkah-langkahnya.

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

[2]. Lalu dari Dasbor, cari Template --> Edit HTML.

[3]. Kemudian centang "Expand Template Widget".

[4]. Lalu cari Code <body>. (Gunakan CTRL + F atau F3 untuk mempermudah pencarian).

[5]. Kalau sudah ketemu, sekarang CoPas Code di bawah ini tepat di BAWAH Code <body>.

<script src='http://jmkjs.googlecode.com/files/1.%20ToolTipJmK.js'/><a href='http://www.warungbebas.com' id='wb_ttauth'>Created (c) by Blog-JmK </a><script type='text/javascript'>//<![CDATA[
wb.tooltip_setting =
{
func : "Tooltip",
top : 5,
left : 5,
maxw : 300,
speed : 20,
timer : 40,
endalpha : 95,
alpha : 0,
style_plus : "#tt{border:3px solid #778899;background:#dcdcdc}#ttcont{background:#000000; -moz-opacity: 0.1; opacity: 0.9; -khtml-opacity: 0.0; color:#00ff00}"
};
//]]></script><script src='http://jmkjs.googlecode.com/files/3.%20ToolTip%20JmK.js'/>
<script src='http://jmkjs.googlecode.com/files/2.%20JmKToolTip.js'/><!-- pembuka warungbebasautotooltip --><div id='warungbebasautotooltip'>

KETERANGAN :

* Code yang berwarna BIRU, Kalian bisa menyesuaikanya dengan keinginan Kalian. Code Warna HTML, klik di SINI.

PERHATIAN :

KALIAN HANYA BOLEH MENGEDIT CODE YANG BERWARNA BIRU SAJA, APABILA KALIAN MENGEDIT CODE YANG LAINNYA, TOOLTIPNYA AKAN ERROR.

[6]. Lanjut, sekarang cari Code </body>, dan tambakan Code di bawah tepat di ATAS Code </body>.

</div><!-- penutup warungbebasautotooltip --><script type='text/javascript'>wb.$_auto_tooltip(&#39;warungbebasautotooltip&#39;);</script>

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

Sekian dulu Tips Blogger kali ini, semoga Tips kali ini bermanfaat buat Kalian semua, dan buat Teman FB Saya semoga  tanda tanyanya sudah terjawab. Dan jika ada pertanyaan tentang Tips ini, silahkan Kalian tulis pertanyaan Kalian di Kotak Komentar di bawah.

Salam Blogger Indonesia.

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/AVvXsEhDOn5dHnMDjHBAQtiQEKgdmbzPkgKIC9RRE0aG7TBrGZJJLJC4C2vEX2S3YgJirMp7BlcI4NKgWU6V2wg0FSE2nbDZqjluyMn9K8Z3uCYxPqKSmCZZ7IZXAagWLFl0jxuebepDXjoWcds/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.

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.