cara membuat tombol warna background blog

Siang-siang gini ane dapet script keren nih,yaitu cara membuat tombol warna background blog.bagi yang belum tahu bentuknya kaya gimana bisa lihat dibawah ini

kita langsung mulai tutorialnya :

1. masuk ke blogger
2. pilih tata letak

     3.pilih tambah gadget,HTML/JavaScript

     4.lalu copy kode berikut :

<center> <span style="color:green;"><b>Silahkan ganti warna sesuka agan</b></span></center> <br /><table border="1" style="height: 20px; width: 100%px;"><tbody> <tr><td bgcolor="#00FFFF" onclick="bgChange('#00FFFF')"><br /></td><td bgcolor="#7FFFD4" onclick="bgChange('#7FFFD4')"><br /></td><td bgcolor="#000000" onclick="bgChange('#000000')"><br /></td><td bgcolor="#0000FF" onclick="bgChange('#0000FF')"><br /></td><td bgcolor="#7FFF00" onclick="bgChange('#7FFF00')"><br /></td><td bgcolor="#A9A9A9" onclick="bgChange('#A9A9A9')"><br /></td><td bgcolor="#FFFF00" onclick="bgChange('#FFFF00')"><br /></td><td bgcolor="#FF0000" onclick="bgChange('#FF0000')"><br /></td><td bgcolor="#FFFFFF" onclick="bgChange('#FFFFFF')"><br /></td></tr> </tbody></table>

NB: agan bisa ganti kode hex warna sesuai dengan keinginan agan.yang penting bgcolor dengan bgChange harus sama.

oke gan sekian tutorial dari saya,mungkin heroesman blog akan vakum sampai seminggu kedepan karena ada tes di sekolah saya.doakan ya gan agar saya sukses dalam mengerjakan ulangannya...dan jangan lupa untuk baca postingan saya yang lain

Read More

cara menyembunyikan atribusi pada blog

Setelah saya berada dalam dunia blog yang cukup lama,saya menyadari bahwa ada satu gadget "istimewa" namanya atribution.salah satu keistimewaannya adalah menggangu pemandangan.yah itu mah bukan keistimewaan namanya


bagi yang belum tahu gadget atribution bisa lihat screenshot dibawah ini:

kita langsung saja mulai tutorialnya :

1. masuk ke blogger
2. klik template

     3.klik edit HTML

     4.jika sudah cari kode ]]></b:skin> make Ctrl+F biar gampang,lalu copy kode berikut diatasnya

#Attribution1 { height:0px; visibility:hidden; display:none }

     5.kemudian simpan

Sekarang agan cek diblog sendiri2,gimana sudah hilang kan?jika agan ingin menampilkan atribution kembali ya tinggal hapus script diatas.

Read More

cara hack kecepatan WIFI dengan mudah

Malem gan,udah lama enggak up-date blog saya.mumpung saya punya trik baru cara hack kecepatan wi-fi ya saya posting aja sekalian.disini saya hanya membahas cara mempercepat wi-fi bukan cara mendapat password,jadi jika agan salah membaca postingan ane baca aja terus ya ampe abis 



oke kita langsung mulai tutorialnya:

1. pertama buka cmd.exe (biasa disebut dengan command prompt) nyarinya bisa pake "search box" lalu ketik cmd 

     2.jika sudah ketikan perintah ipconfig/all

     3.Lalu cari yang namanya DNS Server kemudian lihat kode yang ada di sebelahnya, dan      kode itu yang harus agan ingat.

     4.scroll cmd sampe paling bawah lalu ketik perintah baru ping -L paket DNSserver -t (contoh punya saya ping -L 700 10.0.2.4 -t) agan bisa ganti paket sesuai kecepatan yang agan inginkan seperti 1000 atau 1500 tergantung selera,tapi jangan banyak2 kasian yang lain :)

     5.proses akan terjadi,biarkan saja sambil internetan make wi-fi.tapi ingat untuk tidak menutup         cmd/command prompt ketika wi-fian,di minimize aja

Selesai gan,sekarang agan sudah bisa berinternet ria dengan kecepatan yang sangat cepat dan pastinya gratis ya..

Read More

download trainer NFS most wanted

Ada teman sekelas saya yang minta trainer most wanted,jadi saya postingkan siang hari ini.bagi yang belum tahu apa itu trainer,trainer adalah software yang digunakan untuk mengedit value sebuah program.misalnya kita bisa mengubah value persedian nytrogen menjadi tidak terbatas,mengubah value kecepatan mobil kita dan lain-lain.


Screenshot trainer :

Tombol yang paling saya suka pada trainer ini adalah "car punch" bisa diakses dengan menekan F8.apa itu car punch?car punch (tinju mobil) adalah tombol untuk memukul mobil yang ada di kota dengan mobil yang kita kendarai.masih bingung?lihat screenshot saya saat memukul mobil polisi level 5.




Screenshot gameplay :

Hehe....keren kan?tanpa basa-basi silahkan download trainernya dibawah ini (sudah saya sertakan tutorial didalamnya)












PASSWORD : heroesmanblog

Read More

cara membuat popular pos menjadi keren

Popular pos adalah widget yang wajib dipasang pada blog kita untuk mempermudah pengunjung untuk mencari pos terbaik pada blog kita.yang ane bahas kali ini cara membuat popular pos menjadi keren dengan CSS3 yang pastinya keren...

oke kita mulai tutorialnya:

1. masuk dasbor blogger
2. pilih template

     3.klik edit HTML

     4.jika sudah cari kode ]]><b:skin> dan copykan kode berikut diatasnya

.popular-posts ul{padding-left:0px;} .popular-posts ul li {background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipMIpQVN-X0_IrlqTI_IaGVtmMm0ac2_zYLsUq7Xy8-tkbZh8YJe-crXaDahtbtCpiv0Rstb_U8oschDRBkgzJ9eirvExJ6R5MSvT5UzDvNwp-ZFgVd_6-uoMRamg3w-kKS20t6os9zG0/s1600/1.gif) no-repeat scroll 5px 10px; list-style-type: none; margin:0 0 5px 0px; padding:5px 5px 5px 20px !important; border: 1px solid #ddd; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } .popular-posts ul li:hover { border:2px solid #6BB5FF; background:#000000; } .popular-posts ul li a:hover { text-decoration:none; color:#FFF8DC; } .popular-posts .item-thumbnail img { webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); box-shadow: 0 1px 3px rgba(0, 0, 0, .4); }

     5.simpan dan selesai

Gimana gan?popular pos yang pastinya keren sudah ada diblog agan.jika masih bingung bisa komentar dibawah,jangan lupa untuk mampir ke postingan blog ane yang lain...

Read More

cara membuat "text area" pada blog

Ada teman saya yang menanyakan cara membuat text box pada blog,sebetulnya text box itu berguna untuk mempermudah pengunjung dalam melihat suatu bacaan yang penting seperti kode HTML maupun script tertentu.disini saya mau bahas tuntas cara membuat text area yang pastinya sangat mudah.

oke kita langsung mulai tutorialnya:

1. pertama buka blogger
2. lalu pilih pos,ubah mode dari compose ke HTML

     3.jika sudah copykan kode berikut pada postingan yang sedang agan buat

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();
this.form.txt.select();" type="button" value="Copy scriptnya gan!"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 400px; HEIGHT: 200px" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly="">Ketik tulisan disini</textarea></p></div></form>

NB:ganti kata "Ketik tulisan disini" sesuai kata yang agan inginkan

Untuk melihat hasilnya pindah mode dari HTML ke compose.sekian tutorial yang dapat ane sampaikan.terima kasih sudah berkunjung dan jangan lupa baca postingan ane yang lain ya..

Read More

cara membuat judul blog lebih keren

Malem gan,selama vakum mungkin 3 hari akhirnya ane dapat kembali ke blog ane lagi.pada kesempatan kali ini ane mau posting ini gan cara membuat judul blog lebih keren yang pastinya menambah pengunjung menjadi betah di blog kita.

oke,kita mulai tutorialnya :

1. buka blogger
2. jika sudah di dasbor,pilih template

     3.pilih edit HTML

     4.kemudian cari kode </head>

     5.copy kode berikut diatas </head>

<style type='text/css'> h3{font-family:veranda !important; font-style:italic !important} .post h3{color:#666; border-left:10px solid #666; border-right:10px solid #666; padding:3px 5px 3px 20px; border-radius:15px; -moz-border-radius:15px; box-shadow:0px 0px 13px #666; -webkit-box-shadow:0px 0px 13px #666; -moz-box-shadow:0px 0px 13px #666} .post h3:hover{color:#FF133F; border-left:10px solid #FF133F; border-right:10px solid #FF133F; box-shadow:0px 0px 13px #FF133F; -webkit-box-shadow:0px 0px 13px #FF133F; -moz-box-shadow:0px 0px 13px #FF133F} </style>

NB:agan boleh ganti semua kode warna #FF133F dengan warna kesukaan agan2.klik diSINI untuk melihat kode warna.

     6.selesai

Gimana gan,tambah keren kan?.jika masih bingung boleh komentar di bawah.jangan lupa untuk baca2 postingan ane yang lain

Read More

cara membuat efek hover social profile pada blog

Sore gan,mumpung sore2 gini enaknya ya ngeblog.tapi ane hampir aja kehabisan ide.untungnya saya menemukan script keren hasil googling saya yaitu efek hover pada social profile yang pastinya keren dah.nanti coba sendiri ya...

oke kita langsung menuju ke tutorialnya :

1. masuk ke blogger
2. pilih tata letak

     3.pilih tambah gadget

     4.pilih HTML/JavaScript

     5.lalu copy kode dibawah ini

<style> .SlidingSocial a{float:left;display:inline;margin-right:8px} .SlidingSocial a:hover{-webkit-opacity:1;-moz-opacity:1;opacity:1} .SlidingSocial a{display:block;width:32px;height:32px;text-indent:-9999px;background-color:none;background:transparent url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWlkXoZkByBOAyZEB81vSiwA9AROlkjVEwVF57GlvXYQ_gxPsuHfKeIJ-7C8t5QPDtF28HfCuB7GQTeVhuWy8GJqLar9DMvY8wqFK7B1JMklY6vWXwBPdHM_amm7IONibn3XT9R4b_MJ8/s164/SlidingSocial.png") 0 0 no-repeat;-xwebkit-opacity:.7;-xmoz-opacity:.7;xopacity:.7;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease} #iconTwitter{background-position:-33px -33px} #iconTwitter:hover{background-position:-33px 0} #iconFacebook{background-position:-66px -33px} #iconFacebook:hover{background-position:-66px 0} #iconRSS{background-position:0 -33px} #iconRSS:hover{background-position:0 0} #iconYouTube{background-position:-99px -33px} #iconYouTube:hover{background-position:-99px 0} #iconGooglePlus{background-position:-132px -33px} #iconGooglePlus:hover{background-position:-132px 0} </style> <div class="SlidingSocial"> <a href="http://feeds.feedburner.com/heroesman" id="iconRSS" target="_blank" title="RSS Feed">RSS</a> <a href="http://twitter.com/heroesman" id="iconTwitter" target="_blank" title="Twitter">Twitter</a> <a href="http://www.facebook.com/heroesman" id="iconFacebook" target="_blank" title="Facebook Page">Facebook</a> <a href="http://www.youtube.com/heroesman" id="iconYouTube" target="_blank" title="YouTube Channel">YouTube</a> <a href="https://plus.google.com/heroesman" id="iconGooglePlus" target="_blank" title="Google Plus">Google+</a> </div>

NB:ganti kata "heroesman" dengan nama akun agan masing2

Nanti hasilnya kaya gini :

RSS Twitter Facebook YouTube Google+

Gimana gan,keren gak?silahkan dicoba gan!

sekian postingan ane kali ini.jangan lupa untuk baca postingan yang lain..

Read More

cara membuat dialog box pembuka pada blog

Sore gan,mumpung hujan masih lebat ane mau posting cara membuat kotak dialog box pembuka pada blog.pasti tau dong,soalnya blog heroesman juga masih make dialog ini.

oke langsung saja kita mulai tutorialnya:

1. masuk ke dashboard blog
2. pilih tata letak

     3.pilih tambah gadget

     4.cari HTML/JavaScript

     5.lalu copy-kan kode HTML nya dulu

<script type="text/javascript"> var answer = prompt ("Welcome To Heroesman.blogspot.com, Siapa namamu?","Ketik Namamu Disini"); alert ("Terima kasih ya " + answer + " atas kunjungannya,Jangan Lupa Baca Postingan Menarik lainnya,Beri Komentar yang Sopan dan Tukeran Link ya...") </script>

NB:Agan bisa ganti tulisan "Welcome To Heroesman.blogspot.com" sesuai alamat blog agan

Selesai!!,gimana mudah bukan?jangan lupa baca postingan ane yang lain....

Read More

cara menambah emoticon pada komentar blog

Untuk merayakan pengunjung ke 1111,ane mau posting cara menambah emoticon pada komentar blog yang mestinya menambah keren blog agan :)


screenshot:

kita langsung ke tutorialnya:

1. masuk dulu ke blogger
2. pilih template

     3.lalu pilih Edit HTML

     4.jika sudah copykan kode ini diatas ]]></b:skin> (biar mudah tekan Crtl+F)

.emoWrap { position:relative; padding:10px; margin-bottom:7px; background:#fff; /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%); /* Opera */ background-image: -o-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #FFFFFF), color-stop(1, #FFF9F2)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to left, #FFFFFF 0%, #FFF9F2 100%); border:3px solid #860000; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3); -moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3); -webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3); box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3); font-weight:normal; color:#333; } .emoWrap:after { content:""; position:absolute; bottom:-10px; left:10px; border-top:10px solid #860000; border-right:20px solid transparent; width:0; height:0; line-height:0; }

     5.jika sudah,langkah selanjutnya copy kode berikut diatas </body>

<b:if cond='data:blog.pageType == "item"'> <script type='text/javascript'> //<![CDATA[ jQuery(document).ready(function () {emoticonx({ emoRange:"#comments p, div.emoWrap", putEmoAbove:"iframe#comment-editor", topText:"Click to see the code!", emoMessage:"To insert emoticon you must added at least one space before the code." }) }); //]]> </script> <script src='https://seocipstheme.googlecode.com/svn/seocipsemoticon.js' type='text/javascript'/> </b:if>

     6.jangan lupa untuk di save

Sekarang coba cek blog agan pada bagian comment,gimana keren kan?script ini saya dapat dari seocips.

sekian postingan kali ini,jangan lupa untuk baca postingan yang lain...

Read More