0 Cara Pasang Menu / Sidebar Melayang Di Blog

 

Halo Kawan Blog Ada-cheat Itu Blog cheat yang hampir jadi aku buat nah Chatbox Diatas blog itu jika disentuh mouse akan Keluar sendiri , nih DEMONYA
Ini mirip Dengan chatbox melayang Tetapi Bukan Hanya Chatbox Tapi bisa Gadget Lainnya , langsung Aja Caranya :

1. Masuk Blogger
2. Masuk Rancangan
3. Tambah Gadget >> HTML Java Script
4.Masukan Kotak Kosong tadi dengan Script Dibawah

<style type='text/css'>.tejahide {z-index: 1000;height: 15px;width: 500px;border: 2px solid #666666;background: #D11717 -moz-linear-gradient(top,#000,#D11717);background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#D11717));border-radius: 12px;-moz-border-radius: 12px;-webkit-border-radius: 12px;-o-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;padding: 5px 5px;margin: 15px auto;font: 11px Arial;color: #003366;overflow: hidden;box-shadow: 0 1px 8px #000;-moz-box-shadow: 0 1px 8px #000;-webkit-box-shadow: 0 1px 8px #000;}.tejahide:hover {min-height: 305px;border: 2px solid #333333;background: transparent;box-shadow: 0 1px 15px #000;-moz-box-shadow: 0 1px 15px #000;-webkit-box-shadow: 0 1px 15px #000;color: #000; text-shadow: 0 1px 1px #888;}.tejahide h3, .isiteja h3 {font-size: 14px;font-family: Droid Serif;font-weight: bold;color: #ffffff;text-align: center;text-shadow: 0px 1px 1px #fff; margin: 3px 5px;background: #000;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid #999;-o-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;}.tejahide h3:hover {box-shadow: 0 1px 8px #000;-moz-box-shadow: 0 1px 8px #000;-webkit-box-shadow: 0 1px 8px #000;}.tejahide img.mini, .tejahide img.minianima {width: 500px;border: 4px solid #666;padding: 3px;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;float: left; margin: 0 10px 5px 0;background: #222;-o-transition: all 1.5s;-moz-transition: all 1.5s;-webkit-transition: all 1.5s;}.tejahide img.mini:hover, .tejahide img.minianima:hover {box-shadow: 1px 1px 15px #000;-moz-box-shadow: 1px 1px 15px #000;-webkit-box-shadow: 1px 1px 15px #000;border: 4px solid #CCCCCC;background :#666;-o-transform: scale(1.4);-moz-transform: scale(1.4);-webkit-transform: scale(1.4);margin-top: 20px;margin-left: 15px;}.tejahide img.minianima:hover {-o-transform: scale(1.4) rotate(360deg) translate(0px);-moz-transform: scale(1.4) rotate(360deg) translate(0px);-webkit-transform: scale(1.4) rotate(360deg) translate(0px);}.isiteja {margin-top: 15px;height:305px;overflow: auto;padding: 0 5px;-o-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out; background:#ddd -moz-linear-gradient(top,#ddd,#000);background:-webkit-gradient(linear, left top, left bottom, from(#ddd), to(#000));}.isiteja:hover {background: #333;color: #eee;text-shadow: 0 0px 1px #fe0303;}.isiteja h3 {margin: 20px 0;max-width: 380px;margin-left:10px;background: #000;box-shadow: 0 1px 12px #eee;-moz-box-shadow: 0 1px 12px #eee;-webkit-box-shadow: 0 1px 12px #eee;}.columns{clear:both;line-height:22px;padding:0 0 20px;width:380px}.colleft{float:left;line-height:22px;width:120px}.colright{float:center;line-height:22px;width:120px}.isiteja h3:hover {background: #888;border: 1px solid #666;box-shadow: 0 1px 12px #fff;-moz-box-shadow: 0 1px 12px #fff;-webkit-box-shadow: 0 1px 12px #fff;}.isiteja ul {padding: 0;margin: 0;list-style: none;}.isiteja li {padding: 0;margin: 0;list-style: none;border-bottom:1px dotted #777;}.isiteja li a{color: #FF0000;padding: 0;margin: 0;text-decoration:none;font-size: 12px;-o-transition: all 1.5s;-moz-transition: all 1.5s;-webkit-transition: all 1.5s;}.isiteja li a:hover {-o-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);color: red;text-shadow: 0 1px 1px #000;margin-left: 20px;}.tejahide {height: 17px; float:center ;margin-top:0px;z-index: 10000;position: fixed;top:0px;margin-left:235px;} .tejahide h3, .isiteja {font-size: 13px;}</style>
<div class='tejahide'>
<h3>Kotak Komentar!</h3>

KODE GADGET ANDA DISINI

</div>

NB : Ganti Kode warna  MERAH Dengan Kode gadget Anda , BIRU Dengan Kata-kata Kalian

 

Nb : Jangan Terlalu Show/Off

Kurang Jelas PM Me : kress24angga@hotmail.com

 

JANGAN LUPA FOLLOW BLOG SAYA

 

0 Cara Ganti Tulisan Poskan Komentar Dengan Gambar

Halo Cara Ini untuk mempercantik Blog kamu, Nih caranya :

1. Masuk Ke blogger
2.Pilih Rancangan/Tata Letak--->Edit Html
3.Centang Kolom Expand Template
4.Cari Kode berikut ini

<data:postCommentMsg/>

Nanti Sobat Akan Menemukan Kedua kode yg sama seperti itu

5. Ganti Dengan Kode Dibawah

<img src='http://2.bp.blogspot.com/-VHjexV4GjDY/TtdT7LOg7vI/AAAAAAAAAR4/HEvzCAO4U4I/s320/INI%2B123.png'/>

6. Save Template

NB : Yang Warna Biru Ganti dengan link gambar kamu sendiri

Nb : Jangan Terlalu Show/Off

Kurang Jelas PM Me : kress24angga@hotmail.com

 

JANGAN LUPA FOLLOW BLOG SAYA

0 Cara mengganti tulisan posting lama dengan gambar

 

 

Jika anda tidak ingin menghapusnya ataupun mengganti tulisanya,anda bisa menggantinya dengan sebuah gambar. Jadi, blog anda akan lebih menarik.
Seperti gambar di bawah ini:

(copyright Kang Rohman)Oke, langsung saja ikuti beberapa petunjuk di bawah ini:

Misal : untuk Older Post/Posting Lama saya akan menggunakan gambar seperti di bawah ini:




Dimana url alamat gambar tersebut adalah:
http://3.bp.blogspot.com/_n7xseT2-HDU/SaPTr4ueIZI/AAAAAAAAALs/lUpIGO5TQpg/s200/next.png
Untuk Newer Post/Posting Baru saya akan menggunakan gambar seperti di bawah ini:

Dimana url alamat gambar tersebut adalah:
http://1.bp.blogspot.com/_n7xseT2-HDU/SaPTxYnm-QI/AAAAAAAAAL0/2jPoRDndZSk/s200/prev.png.Anda juga bisa upload gambar anda sendiri.

Nah selanjutnya ikuti langkah berikut:

Masuk blog kemudian ke Dashboard,lalu pilih Tata Letak kemudian pilih Edit HTML,selanjutnya contreng tulisan Expand Widget Templates,lalu cari kode di bawah ini:
<data:olderPageTitle/>
Jika sudah ketemu,hapus kode tersebut,lalu ganti kode tersebut dengan kode dibawah ini:
<img src="http://3.bp.blogspot.com/_n7xseT2-HDU/SaPTr4ueIZI/AAAAAAAAALs/lUpIGO5TQpg/s200/next.png" alt="Prev"/>

teks berwarna biru bisa di ganti dengan URL gambar anda yang telah di upload.

Lalu Simpan Template.

Pergi ke Dashboard,lalu pilih Tata Letak kemudian pilih Edit HTML, contreng tulisan Expand Widget Templates,lalu cari kode di bawah ini:
<data:newerPageTitle/>
Jika sudah ketemu,hapus kode tersebut,lalu ganti kode tersebut dengan kode dibawah ini:
<img src="http://1.bp.blogspot.com/_n7xseT2-HDU/SaPTxYnm-QI/AAAAAAAAAL0/2jPoRDndZSk/s200/prev.png" alt="Next"/>
Lalu Simpan Template.

Pengaturan Pada Home/Halaman Muka

Jika anda ingin mengganti atau merubah tulisan Home/Halaman Muka,ikuti langkah berikut:
Pergi ke Dashboard,lalu pilih Tata Letak kemudian pilih Edit HTML,selanjutnya contreng tulisan Expand Widget Templates,lalu cari kode di bawah ini:
 

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if> 

Perhatikan kode<data:homeMsg/>yang bercetak tebal,ada 2<data:homeMsg/>kode yang sama,tapi anda hapus kode<data:homeMsg/>yang berada dibagian atas,selanjutnya ganti sesuai dengan keinginan dan hapus jika anda ingin menghilangkannya.
jika mengganti dengan gambar, langsung saja COPAS kode di bawah ini :


<img src="URL GAMBAR ANDA" alt="Next"/>

 

 

Nb : Jangan Terlalu Show/Off

Kurang Jelas PM Me : kress24angga@hotmail.com

 

JANGAN LUPA FOLLOW BLOG SAYA

|| Saya Bukan Hacker || Saya Bukan Cracker ||
|| Saya Hanya Manusia Biasa || Saya Manusia Yang tidak bisa apa² ||

|| FORUM NEWCYBER : KLIK DISINI ||

 

0 Cara membuat screensaver sendiri di blog

kali ini kita akan belajar bagaimana cara memasang screen saver dengan gambar sendiri.Screensaver ini tidak akan membuat blog berat kok,langsung di coba ya

Ikuti langkah-langkah berikut untuk memulainya :

1. Login ke Blogger.com
2. Masuk ke Design
3. Klik Add a Gadget > HTML/ JavaScript
4. Copy Paste kode berikut ke dalamnya

<script type="text/javascript" src="http://yourjavascript.com/11261431525/screensaverBluewers.js"></script>
<style type='text/css'>
div#energysaving, div#energysaving * { -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; background: url(http://i47.servimg.com/u/f47/17/07/39/35/awe10.png) no-repeat center center fixed black; }
div#energysaving p span {display:none;visibility:hidden;}
</style>

#Ganti yang berwarna biru dengan link gambarmu.. kalau bisa ya ukuran 1265 x 700 !
#ScreenSaver akan mucul setelah 25 detik jika tidak ada aktivitas.. sekian :)

Kurang Jelas PM ME : Kress24angga@hotmail.com