Cara Membuat Kotak Script Di Postingan Blog

Halo Sobat Belajar Hacking bertemu lagi dengan Mas Dwiki.Saya akan posting tutorial cara membuat kotak  script di postingan blog.Langsung to the point aja :D

Ikuti langkah - langkah berikut ini
1.Login akun Blogger
2.Anda Pilih Template > Edit HTML > klik Expand Template Widget
3.Cari kode ]]></b:skin>
4.Copy kode dibawah ini dan Paste tepat diatas kode ]]></b:skin>
/* http://infohacker1932.blogspot.com/
----------------------------------------------- */
.alert {margin: 10px 10px 10px 10px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;color: #000000;
background: #e0ffff;
border: 1px solid #000000;
border-left: 15px solid #000000}
Keterangan : Silahkan ubah tulisan warna hijau sesuai template blog 
Kemudian Simpan Template

1. Selanjutnya sebelum kita menulis script pada posting, tambahkan kode berikut :


2. <p class="alert">
   Tulis Script Disini
   </p>
   
   SELAMAT MENCOBA :D SEMOGA BERMANFAAT

Read More

Cara Memasang / Membuat Burung Terbang Di Blog

Cara Membuat Burung Terbang Di Blog- Lebih suka mana?? ngetweet apa ngeblog?? kalo ane sih kedua - duanya.. Kali ini ane akan kasih tahu bagaimana cara memasang burung twitter terbang atau melayang - layang atau mondar - mandir di blog sobat. Bagi sobat yang tertarik untuk memasang burung twitter terbang atau melayang - layang ini, silahkan ikut tutorial berikut .



1. Log in ke akun blog sobat.

2. Klik Rancangan --> Elemen Laman --> Tambah Gadget --> Pilih HTML/Javascript



Masukkan Script berikut ke dalam kotak yang telah di sediakan.<!-- floating twitter Bird -->

<script type="text/javascript" src="http://tateluproject.googlecode.com/files/tripleflap.js"></script>

<script type="text/javascript">

var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-_unH3JU7470RZIip9YOfDzCvF8s4gRL_O4t1nZ4kubdPJ-oYcRtQTtV7km-3Tckb1fbENye9VJACMByaLdmJjvVB7XrzJ6WrpNWh7RiwzOdTUluA4W2kHkalX8DnXFWAKp-xNsRtfgQ/s1600/burung+twitter+terbang.png";

var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");

var twitterAccount = "http://twitter.com/deactivatednumi";

var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";

tripleflapInit();

</script>

3. Klik save / simpan.



Tambahan:

Ganti tulisan yang berwarna merah dengan warna icon twitter kesukaan sobat.Warna Kuning



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUUQS5_wWWQ-8jEYi97n9EKezxXxJxptNjhfhEEVYT1dLmKOKId9hiU25o_nW95gT3SHAXuHC09yu-utE40NRn8QTglPTDI895UpXjtDHcvzhGxb0oQg5lLVIaDgQnbpRA4XBhAuyK85w/s1600/yellow+bird.png



Warna Hitam



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLBlILZf_mcsyyRN7sazbz7cdYoQeX3cKNiA9zcb04i0EitDsuLeZ0s1abmdQGOZ4CPjJg8VJ1tCG6z8ywMXBVxbdrcBTZVqvsNEWEVeX3Xn-C5X6zFWKyJjjGFhdjQ42KfsH-r7LfZ3U/s1600/black+bird.png



Warna Biru



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCn3ENbR-1yq_7ZOaOdIzAie3oasM4dggJ1yxkYdr4BdTy8JzH7jNuCcUVI5R7E14Wt_qFE3blqz0p-kTbH4adYCbHBwsY76q-hGc4yIADu-FvsnqPd7aI21Qq1DyXBkI-8S5NWRVdrQE/s1600/Blue+bird.png



Warna Coklat



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6uN7zaBivikISDpwB8_scTK-U897v3ZAWY40Sfc6BEGWmEujszb5x2-AFNJwCNFqvNXMiDMjVd1V6E2gMmNf3fsrqGxYg2h1VoKKido5lFmP3H5JZ7U3DgtH6O9MRAIn95P7eD3RvFm8/s1600/brown+bird.png



Warna Hijau



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQz9wC87RODgKVIZiWaMkLLRmKTEs7Ds9zAGQTSLCTEv1z7jhRlWIE4_49GgW6F-FxY348KztI_5mOy5IN9i_QURrRJwOuSf6ySPTGhGUXMCLq3GohORRSMwQDdhlFZsIsEsk2EXzk08I/s1600/Green+bird.png



Warna Ungu



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigCkRNkk5QJavrQ3e0wNx9X0N24qWM4Bl1dXBsMjcT9pRyfKFvl020tEkPnzNWCmnNXJsIRuc8csMv8RWjlnWTZY3-9Ze4l2R49T40yWLOOz1S4vFs2QyikNw7FADbs9LPyAulqmNv_A0/s1600/purple+bird.png



Warna Putih



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiabS0j2CwlvFh46xflcSh1zLafhQqjnXw18TFPdC9JHu3CPelEduXkIMMhTCi9Zvg-TNg1_1DLdGgCaoDvyPEG-sT3Vmic9eR9KSlsmwGDVaMKEKZjgvC8CFVbaQN86vkyzGboZ7uXF6o/s1600/white+bird.png



Warna Merah



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9wlNKY7veET-XbXBhkamHFKm2wpBIUzc4zx6Mx1lcCN48nc-CxoqbEuO8_fTzUlvHKeG7PRKIcG2qBapDGAxUBZKeqq49JaFq0HApzyxklJmSQPUdoHT3vFk93s8fUXE9SBaAAW8_rGk/s1600/red+bird.pngGanti Tulisan yang berwarna biru dengan username twitter sobat.

Semoga Bermanfaat :D kalau ada yang tidak di mengerti langsung aja komen :D

Read More

Memasang Bismillah Di Setiap Postingan Blog

Tutorial blog mengenai cara memasang Bismillah pada awal postingan blog khusus yang beragama Islam. Kalimat/bacaan Bismillah di setiap postingan blog memang seharusnya diucapkan bagi setiap muslim jika hendak memulai mengerjakan sesuatu. Sesuatu perkara yang tidak diawali dengan mengucapkan/membaca Bismillah maka hasilnya kurang berkah. Belajar Hacking akan share kode scriptnya Bismillah dan silahkan simak cara pemasangannya di blogspot.
Cara Memasang Bismillah Di Setiap Awal Postingan

1. Buka blog anda

2. Pilih Template => Edit HTML

3. Centang Expand Widget Templates

4. Cari kode <data:post.body/> lalu letakkan kode Bismillah diatasnya



<div style='text-align: center;'><span style='font-size: large;'><span style='font-family: Traditional Arabic;'>?&#1616;?&#1618;?&#1616; ????&#1616; ???&#1617;&#1614;?&#1618;??&#1616; ???&#1617;&#1614;?&#1616;??&#1616;</span></span> </div><br/>



Atau anda bisa juga memasang kode dibawah ini.



<div style='text-align: center;'><span style='font-size: medium;'><span class='messageBody' data-ft='{&quot;type&quot;:3}'><span dir='rtl'>?&#1616;?&#1618;?????????????????&#1616; ??&#1616;???&#1614;&#1617;?&#1618;?&#1614;?&#1616; ???&#1614;&#1617;?&#1616;??</span></span></span></div><br/>

SILAHKAN MENCOBA :D SEMOGA BERMANFAAT :D

Read More

CARA MEMASANG IKLAN MELAYANG DI FOOTER DENGAN TOMBOL CLOSE

Pada postingan sebelumnya saya juga pernah membahas tentang cara memasang iklan banner diatas header blog, nah kali ini iklan banner akan diletakkan/ditempatkan di footer blog. Jika anda ingin membuat dan memasang iklan di footer, langsung saja yuk simak cara membuat iklan banner melayang di footer blog dengan tombol close 1x saja.

Membuat Iklan Melayang di Footer Blog dengan Tombol Close 1x

1. Login ke blogger.com 

2. Pada dashboard, pilih Tata Letak => Tambah Gadget

3. Pilih HTML/Javascript dan masukkan kode berikut kedalamnya



<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>

</script><br />

<script type='text/javascript'>

$(document).ready(function() {

$('img#closed').click(function(){

$('#btm_banner').hide(90);

});

});

</script>

<style type='text/css'>

div#btm_banner {

bottom: 0;

position: fixed;

width: 100%;

opacity: 0.9;

left: 0;

}

div#btm_banner img{

border:0;

cursor:pointer;

}

</style>

<div style='height: 0px;'></div>

<div align='center' id='btm_banner' style='height: 90px; z-index: 9999;'>

<div style='text-align: right; width: 728px; height: 6px;'>

<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVOKXaUxDCncBgl9p3n_giXaYrJgWG6wQjKh2fm5g3QsZNK4IqF-JMhY-4P1N-5E-Ys1xywBugl1ofBrKwJKp18RKzh-GFlHZFRtBoQWCxfnK0ZC2kBjigweK76_uWVu4uCiB1morWtG4g/s1600/close-icon.png'/></div>

<div style='clear: both;'></div>

<p>

<p><center>

<a href="URL Tujuan Jika Diklik" target=" blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK9zkB0eJjlDzIo5JnatZgG7d5cVg90jgYEvClRxpO3Hqd2DkRO5a8K6DB4Mo0GlS4w_veY1W1dO0kjd6XzWbYbB5oDGY9PKULzuCf97iYlUdcS3W-DRfDfPOzHmcY6Vu9K1Ui55X8qis/s1600/banner-728x90.jpg" /></a>

</center></p>

</p>

</div>



Keterangan :

1. Teks warna merah adalah ukuran iklan banner

2. Teks warna biru adalah url tujuan iklan banner jika diklik

3. Teks warna kuning adalah Url iklan banner

SILAHKAN MENCOBA :D KALAU KURANG MENGERTI SILAHKAN KOMEN 

Read More

Cara Membuat dan Memasang Buku Tamu Di Blogspot

Buku tamu / guest book/ shoutbox yang dipasang di blogger merupakan widget yang dapat digunakan untuk saling berinteraksi, chatting dan lain-lain dengan visitor blog. Widget buku tamu yang akan Blogger Bondowoso share ini mengenai cara memperoleh kode scriptnya sangat mudah sekali untuk dipasang di sidebar blog anda. Anda kunjungi saja penyedia layanan buku tamu misalnya Di Sini. Bagaimana proses untuk mendapatkan kode script buku tamu / shoutbox tersebut? Langsung saja simak yang berikut iniCara Membuat Buku Tamu di Blogger :

1. Kunjungi http://www.shoutmix.com

2. Klik Sign Up untuk mendaftar

3. Kalau sudah lalu klik Login 

4. Pada "Style" klik "Appearance"

5. Atur tampilan buku tamu yang ada disebelah "Load From Preset" lalu klik Save Setting

6. Dibawah menu Quick Start silahkan klik "Use Shoutbox" untuk mendapatkan kode html shoutbox 

7. Lalu klik tulisan "Place Shoutbox on web page" dan isi tinggi dan lebarnya dari kotak shoutbox

8. Lalu anda copy kode HTML dari shoutbox di bawah tulisan Generated Codes dan simpan ke notepad 



Cara Memasang Buku Tamu / Shoutbox di blog

1. Pada dasbor blogger, pilih Tata Letak2. Pilih Tambah Gadget => HTML/JavaScript

2. Masukkan kode shoutbox yang sudah anda buat tadi kedalam HTML/JavaScript

3. Simpan

SELAMAT MENCOBA :D

Read More

Cara Memasang Widget Alexa Pada Blog

Cara Memasang Widget Alexa Pada Blogger - Alexa
Rank ini berfungsi untuk mengetahui peringkat web kita di dunia, jika
ingin tahu cara memasangnya silahkan ikuti cara cara berikut ini:

1. Klik DISINI untuk ke Alexa.com2. Masukkan alamat url blog sobat di kolom yang tersedia. Contoh: sake-xp.blogspot.com (tanpa http://), lalu klik tombol "build widget".Keterangan: Ada 3 ukuran widget yang bisa anda pilih, copy kode yang ada di sampingnya lalu paste padanotepad atau text editor lainnya. Simpan kode tersebut di notepad sobat untuk nanti di masukan ke blog.

Langkah Kedua

1. Login ke akun blogger sobat.
2. Klik menu rancangan.
3. Klik tambah gadget.
4. Klik tanda Plus (+) di samping tulisan HTML/JavaScript. 
5. Paste kode yang ada di notepad tadi ke dalam kolom yang muncul.
6. Klik tombol simpan.
7. Selesai.


Selamat mencoba kakak2 :D kalau ada yang kurang di mengerti langsung aja komen di bawah ini :D

Read More

CARA MEMASANG WIDGET CCTV DI BLOG

Cara memasangnya:

1. Login ke Blogger.

2. Masuk ke rancangan

3. Pilih elemen laman

4. klik Tambah Gadget

5. Pilih HTML/JavaScript

6. dan terakhir, copy script yg ada di abwah ini dan paste kan di HTML/JavaScript. Lalu simpan, dan lihat hasilnya.

<script
language="JavaScript" src="http://js4you.googlecode.com/files/cctv.js"
type="text/javascript"> </script> <script
language="JavaScript" type="text/javascript">
cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIosLOFDVDrS-pnqcR3XUzNf8pD27ktFw_vNz9N5BRv4yJlRphg55-PTwZa2OxuP6NBs-EDQCC8iQleDcEzunST3y9tSVwsmHTFrhjcUDZJWb7ehg-q8OhBp62II3m0RvUmM6NyyUXdkM/s1600/cctv.gif")</script>



Sudah mengerti kan????kalau kurang mengerti langsung aja komen di bawah :D

Read More