Minggu, 13 Oktober 2013

Cara Membuat Tombol Share Melayang Di Blog

Kali Ini Saya Akan Share Cara Cara Membuat Tombol Share Melayang Di Blog :D
Langsung Aja Cekidot !



Cara :

  • Masuk Dashboard Blog
  • Tata Letak
  • Add Gadget
  • HTML/JavaScript
  • Masukkan Code Ini
<!--SideBar Floating Share Buttons Code Start-->
<style>
#pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px
0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id='pageshare' title="Share This With Your Friends">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div> <div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 12px;text-align:center;"><a href="http://www.facebook.com/kiecovoz257" target="blank"><font color="black">[My Facebook]<font></font></font></a></div></div>
 
Simpan Deh :D
Semoga Postingan Saya Ini Bermanfaat !

Cara Mengganti Posting Lama . Posting Baru , Beranda

Kali Ini Saya Akan Share Cara Mengganti Posting Lama , Posting Baru , Berandi

Cara Mengganti Posting Lama
1. Masuk Akun Blogger 
2. Pilih Rancangan Klik Edit HTML
3.Centang Expand Template Widget
4.Cari Code <data:olderPageTitle/>
5.Jika Sudah Ketemu Ganti Kode Tadi Dengan 
<img src='http://i1210.photobucket.com/albums/cc417/kusanagiblog/ButtonPageNext.png'/>
6.Hasilnya:


Cara Mengganti Posting Baru
1.Cari Code  <data:newerPageTitle/>
2.Jika Sudah Ketemu Ganti Dengan  
<img src='http://i1210.photobucket.com/albums/cc417/kusanagiblog/ButtonPageBack.png'/>
3.Hasilnya:


Cara Mengganti Beranda
1.Cari Code <data:homeMsg
2. Jika Sudah Ketemu Ganti Dengan
<img src='http://i1210.photobucket.com/albums/cc417/kusanagiblog/beranda.png'/>
3.Hasilnya:

Simpan

Semoga Bermanfaat :D

Cara Mencari Google Search Engine Sendiri

Hey sobat. Neh kali ini saya akan posting cara membuat google search engine sendiri dengan mudah dan sederhana, trick ini sangat simple .. mau lihat demonya ? nih buka search engine buatan saya :D
http://funnylogo.info/engines/casper/FireBrick/TheMRHCyber-.aspx

Wow, mantepkan ? ingin tau cara buatnya ? berikut langkah langkahnya :
1. Buka link ini :  http://funnylogo.info/create.asp
2. maka akan tampil halaman seperti gambar di atas
3. Pada kolom atas "Enter your name" , Masukkan nama anda
4. Pada kolom kedua "Choose a Style", Pilih icon search engine yang anda inginkan
5. Lalu klik Create my search engine
6. dan google search engine anda berhasil dibuat ^^

semoga trik sederhana ini dapat bermanfaat

Cara Ganti Cursor Blogger

Kali Ini Sayaa Akan Share Cara Ganti Cursor Blogger !

Bentuk default dari cursor blog adalah gambar panah warna putih. Bagi beberapa orang, cursor default sangat membosankan sehingga mereka memilih untuk mengganti cursor tersebut dengan tampilan yang mereka inginkan. Ada blog yang menggunakan cursor gambar hati, kartun, buah-buahan, bola, bahkan ada juga yang menggunakan gambar atau foto artis. Apakah sobat blogger berniat untuk ganti cursor blog sobat? Kalau berniat, silahkan ikuti tips trik berikut.

Cara Ganti cursor blog :

   1. Login di blogger.com
   2. Pada bagian menu Drop Down, Klik Layout dan klik Add a Gadget.
   3. Pilih HTML/JavaScript
   4. Copy Paste salah satu dari kode yang sudah saya siapkan.
   5. Simpan Widget sobat.



Cursor Ninja Shuriken dan Kunai

    <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-5/oth519.ani) url(http://cur.cursors-4u.net/others/oth-5/oth519.png),, progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/06/21/ninja-shuriken-and-kunai.html" target="_blank" title="Ninja Shuriken and Kunai"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Ninja Shuriken and Kunai" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor Call of Duty Black Ops 15th Prestige

    <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/games/gam-12/gam1155.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/01/01/call-of-duty-black-ops-15th-prestige.html" target="_blank" title="Call of Duty Black Ops 15th Prestige"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Call of Duty Black Ops 15th Prestige" style="position:absolute; top: 0px; right: 0px;" /></a>


Cursor Metal Set - Loading

    <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-10/cur968.ani) url(http://cur.cursors-4u.net/cursors/cur-10/cur968.png),, progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/29/metal-set-loading.html" target="_blank" title="Metal Set - Loading"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Metal Set - Loading" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor Animated Sparkly Love Heart


    <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-6/sym501.ani) url(http://cur.cursors-4u.net/symbols/sym-6/sym501.png),, progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/04/17/animated-sparkly-love-heart.html" target="_blank" title="Animated  Sparkly Love Heart"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Animated  Sparkly Love Heart" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor Red Butterfly

    <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-1/nat13.ani) url(http://cur.cursors-4u.net/nature/nat-1/nat13.png),, progress;}</style><a href="http://www.cursors-4u.com/cursor/2005/04/20/nat13-11.html" target="_blank" title="Red Butterfly"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Red Butterfly" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor Sonic The Hedgehog - Sonic

    <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/games/gam-1/gam64.ani) url(http://cur.cursors-4u.net/games/gam-1/gam64.png),, progress;}</style><a href="http://www.cursors-4u.com/cursor/2006/03/30/gam64.html" target="_blank" title="Sonic The Hedgehog - Sonic"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Sonic The Hedgehog - Sonic" style="position:absolute; top: 0px; right: 0px;" /></a>


Cursor Elegant Rose

    <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat943.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/04/elegant-rose-15.html" target="_blank" title="Elegant Rose"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Elegant Rose" style="position:absolute; top: 0px; right: 0px;" /></a>


Cursor Guitar

    <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/mechanics/mec-1/mec90.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2005/10/01/mec90.html" target="_blank" title="Guitar"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Guitar" style="position:absolute; top: 0px; right: 0px;" /></a>


Cursor Starry Sun

    <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-11/nat1002.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/26/starry-sun.html" target="_blank" title="Starry Sun"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Starry Sun" style="position:absolute; top: 0px; right: 0px;" /></a>


Cursor Flashy Pink Star

    <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-2/sym172.ani) url(http://cur.cursors-4u.net/symbols/sym-2/sym172.png),, progress;}</style><a href="http://www.cursors-4u.com/cursor/2008/11/08/flashy-pink-star.html" target="_blank" title="Flashy Pink Star"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Flashy Pink Star" style="position:absolute; top: 0px; right: 0px;" /></a>


Untuk mendapatkan kode Cursor yang lebih banyak lagi, silahkan kunjungi cursors-4u.com. Situs tersebut menyediakan lebih dari ribuan jenis Cursor.
Codes and Pictures above are taken from Cursors-4U.com

Membuat Gambar Batman Berjalan Di Pinggir Blog

Penambahan gambar-gambar bergerak di blok akan menambah tampilan blog menjadi lebih indah dilihat, dan bisa menjadi ciri khas blog itu sendiri. Akan tetapi jangan terlalu banyak juga ya, yang ada pengunjung blog jadi ribet melihat tampilannya, dan juga penempatan gambar harus sesuai.
Untuk membuat gambar Batman berjalan kita hanya perlu menambahkan alamat url gambar tesebut. Mungkin trik ini usang atau tidak berguna bagi para master dan para webmaster, tapi apa salahnya bagi pemula seperti saya yang awam ini, mungkin bagi sahabat bloger yang pengen tau caranya kita ikuti langkah - langkahnya  seperti dibawah ini:
Disini kita nggak perlu upload gambar lagi kok,,
1. Login ke blogger dengan ID anda 
3. Klik tambah gadget
4. Pilih HTML/Javascript 
5. Masukan kode dibawah ini:

 <div style="position: fixed; bottom: 25px; left: 20px;width:120px;height:135px;"><a href="http://themrhcyber.blogspot.com" title=""><img src="http://batman-project.googlecode.com/files/zuazz.gif.gif"/></a><small><center><a href="http://themrhcyber,.blogspot.com" target="_blank"><span style="font-weight:bold;color:#00000;"> Muhammad Rizky Hidayat</span></a></center></small></div>
Untuk kolom judul kosongin aja ya, dan untuk menentukan di sebelah mana gambar ditempatkan silahkan ganti kode berwarna merah (left / right).ganti kode berwarna biru dengan url anda sendiri atau dibiarkan saja juga tidak apa-apa kok.

6. Klik simpan dan lihat hasilnya.

Selamat Mencoba^^

Memberi Efek Pelangi Pada Link Blog

Kali ini Saya akan membahas Cara Memberi Efek Pelangi Pada Link Blog


Sebelumnya Saya Sudah Mengshare Memberi Efek Bintang Pada Link Blog
Sobat pasti tahu kan efek pelangi atau efek kilauan warna-warni pada Link blog :) yang belum tau bisa dicek Disini (halaman ini saja)
nah kali ini Saya akan membahas caranya,yah walaupun trik ini sudah sangat umum sekali.
namun saya ingin mebahasnya kembali,yang udah tau mohon ikut baca aja :) dan kalau berkenan tinggalkan komen.

Langsung Saja tanpa basa-basi

1. Buka Akun Blogger sobat
2. Pilih Tata Letak
3. Tambah Gadget
4. HTML/JavaScript
5. Copy kode dibawah ini



<script src='http://linkpelangialdi.googlecode.com/files/scrip%20link%20warna%20warni.js'></script>

6. Paste kan ke kotak konten
7. Simpan

Udah cuman itu Aja :P

Sekian dari Saya :)
Semoga Bermanfaat

Cara Memberi Password Di Blog

Kali Ini Saya Akan Ngeshare Cara Memberi Password Di Blog :D , Lumayan Buat Iseng Juga Bisa :v




Sebenarnya password ini gak diisi juga gak papa langsung di ok tapi kalau diisi dan benar dapet ucapan srlamat :)
Berikut tutorialnya

1. Buka akun Blogger Anda
2. Masuk ke Tata letak
3. Tambah Gatget
4. HTML/JavaScript
5. Masukan Script di Bawah ini
<script language='JavaScript'>
<!--
var password;
var pass1="TheMRHCyber-";
password=prompt('Masukin Passwordnya ya','');
if (password==pass1){alert('Selamat datang di blog ini!');}
else{window.location="";}
//-->
</script>
6. Simpan



NB :
TheMRHCyber- = passwordnya

Masukin passwordnya ya = Pernyataan yang kita pakai diatas Password
Selamat datang di blog ini = Pernyataan jika pembuka betul menulis Password