0 Hack acount facebook dengan mudah dan cepat

1.Cara Hack Facebook Orang Lain 100% Berhasil - Jika anda sudah melihat posting ini berarti anda pasti telah mempunyai niat untuk hack akun facebook orang lain. Cara ini pasti berhasil dan tidak mungkin gagal, langsung saja kita simak bagaimana caranya.

Catatan: Pastikan mengikuti langkah dari awal sampai akhir, jangan ada yang kelewatan/dilewati, karana 1 kesalahan saja akan mengakibatkan cara ini gagal.

Langkah 1: Buka Facebook.com, pastikan jangan salah alamat website.

Langkah 2: Pastikan target yang ingin di hack sudah menjadi teman dengan akun facebook anda. Jika belum menjadi teman masih ada cara ke 2 kok.

Langkah 3: Setelah menentukan target cek data data dirinya. Temukan informasi yang mendukung seperti alamat email,  dan nomor telepon.

Langkah 4: Pastikan target dalam keadaan online. Jika tidak online coba hubungi dan suruh dia membuka facebook.

Langkah 5: Ini adalah poin yang paling utama. Pada poin ini kita harus mengajak untuk melakukan obrolan.

Langkah 6: Setelah melakukan obrolan tanyakan alamat email atau username beserta password akun facebooknya.

Langkah 7: Nah jika sudah diberi, segera keluar dari akun facebook anda dan login menggunakan username dan password yang sudah kita dapatkan.

Langkah 8: Nah sekarang adalah saat eksekusi, terserah anda mau diapain akun itu. Mau di ganti password, nulis status gak jelas, itu urusan anda.

Untuk akun yang belum menjadi teman atau sedang tidak online juga bisa di hack dengan langkah-langkah berikut:

1. Klik akun yang akan menjadi target
2. Klik kirim pesan
3. Lalu kirimkan pesan dengan format yang membuat target memberitahukan alamat email dan password akun facebooknya.

Gimana ampuh kan caranya? Kalo tidak bisa coba kirim ulang atau ganti target. Tapi kalo besok kamu didatengin yang punya akun facobook terus digebukin jangan salahin saya yah :) Sekian, baca juga artikel 

Nah ini cara Gila yang anda baca hahahahahahaha,,,,,,,,, tapi tenang ini sekedar intermeso  wkwkwkkwkwk,,,,,,,

2. Cara kedua ini dijamin ampuh tapi ingat ini sekedar pengetahuan kurang lebihna terserah anda yang  mempergunakannya.
    Pastikan anda sudah mengetahui acount facebook target biodata serta copy foto profil, setelah anda tahu email target yang telah saya jelaskan artikel tentang cara melihat email yang disembunyikan .
1. Ketik email target dan klik lupa kata sandi 
2. Ketik email target klik cari

Temukan Akun Anda

	Email, Telepon, Nama Pengguna, atau Nama Lengkap

Batal

Saya tidak dapat mengidentifikasi akun saya.

3. Atur ulang kata sandi klik lanjutkan

Atur Ulang Kata Sandi Anda

Cara apa yang Anda inginkan untuk mengatur ulang kata sandi? Gunakan akun Yahoo! saya Masuk ke Yahoo! (if you aren't already) untuk mengatur ulang kata sandi dengan cepat. Kirimi saya tautan untuk mengatur ulang kata sandi xxxxxxxxxx@ymail.com

Pengguna Facebook Bukan Anda?

Batal

Tidak punya akses ke sini lagi?

4.  Setelah dididng terbuka ketik email target klik tidak bisa mengakses acount setelah itu klik berikutnya.

Masalah apa yang terjadi dengan account Yahoo! Anda?

Kata sandi saya bermasalah

Tampaknya account saya telah digunakan oleh orang lain

5. Ketik email target ketik kode keamanan lanjutkan

Kami memerlukan beberapa informasi untuk memverifikasi ID Anda

Ini melindungi akun Anda dari akses yang tidak sah.

ID Yahoo! saya adalah:

CONTOH: asemjawa20 -atau- asemjawa20@ymail.com -atau- asemjawa20@yahoo.com

Perhatian bagi pengguna tunarungu dan tunanetra:

Untuk melengkapi formulir ini Anda harus memasukkan kata yang merupakan bagian sebuah gambar atau beberapa angka dari rekaman audio. Jika Anda tidak dapat membaca gambar atau mendengarkan audio, Yahoo! dengan senang hati akan membantu Anda. Perwakilan dari Layanan Pelanggan akan menghubungi Anda. Harap berikan nomor telepon dan alamat email, lalu kirim permintaan Anda dengan mengunjungi URL INI Untuk meminta bantuan yang terkait dengan pendaftaran, bacalah terlebih dahulu Ketentuan Layanan Yahoo! di SINI sebelum mengirimkan permintaan Anda.

| Bantuan

Ketik kode yang ditampilkan

6. Langkah ke enam ini penentuan silakan jawab dua pertanyaan keamanan

    itu gunanya mengetahui siapa target kita.

7. Kalau sudah masuk ada bisa langsung mengambil acount facebook target dengan mudah.

Semoga bermanfaat artikel ini pesen saya anda ga boleh sembarangan ngambil acount orang,

Selamat Mencoba 

0 Membuat Akun SSH Gratis

Banyak yang sering bertanya bagaimana cara membuat Akun SSH Gratis. Untuk membuat Akun SSH kita memerlukan Sebuah VPS ( Virtual Private Server ). Kamu bisa medapatkan nya Melalui para penjual VPS . Tapi kali saya akan memberikan subuah tutorial cara membuat SSH sendiri gratis dalam 5 menit saja . Caranya gampang sekali kita langsung saja ke tutorialnya .

1. Kunjungi Link Berikut => Disini

2. Maka kamu akan menuju web berikut

Click here to view the original image of 738x551px.

3. Pilih Salah Satu Klik " Create SSH Account " Server terserah Anda

Click here to view the original image of 736x580px.

4. Setelah itu kamu akan Menuju Pembuatan Akun SSH kamu .

Click here to view the original image of 671x401px.

=> Kolom Server Dan Kolom Host Biarkan Saja jangan Di Ubah
=> Kolom User Name : " isi sesuai Selera kamu Contoh : gwarnetgratis
=> Kolom Password : Isi Password untuk Login SSH kamu Contoh : 123456

5. Maka Tampilan Akan Seperti ini

Click here to view the original image of 665x159px.

6. Setelah Itu klik Create Account , maka kamu akan mendapatkan Data untuk login ke SSH yang kamu buat tadi. Berikut adalah data yang Kita buat tadi

7. Penampakan Konek Dengan Bitvise


Click here to view the original image of 647x676px.


Begitulah Cara membuat akun SSH dalam 5 menit Cukup Mudah Bukan silahkan mencoba

Berapa lama Akun Kamu Aktif itu nanti di beritahu Saat Selesai membuat akun ... Kita Dapat membuat akun Sebanyak yang kita mau dan pastinya ga pake Lama

0 Cara Membuat Akun SSH Gratis Dalam 5 Menit

Banyak yang sering bertanya bagaimana cara membuat Akun SSH Gratis. Untuk membuat Akun SSH kita memerlukan Sebuah VPS ( Virtual Private Server ). Kamu bisa medapatkan nya Melalui para penjual VPS . Tapi kali saya akan memberikan subuah tutorial cara membuat SSH sendiri gratis dalam 5 menit saja . Caranya gampang sekali kita langsung saja ke tutorialnya .

1. Kunjungi Link Berikut => Disini

2. Maka kamu akan menuju web berikut

Click here to view the original image of 738x551px.

3. Pilih Salah Satu Klik " Create SSH Account " Server terserah Anda

Click here to view the original image of 736x580px.

4. Setelah itu kamu akan Menuju Pembuatan Akun SSH kamu .

Click here to view the original image of 671x401px.

=> Kolom Server Dan Kolom Host Biarkan Saja jangan Di Ubah
=> Kolom User Name : " isi sesuai Selera kamu Contoh : gwarnetgratis
=> Kolom Password : Isi Password untuk Login SSH kamu Contoh : 123456

5. Maka Tampilan Akan Seperti ini

Click here to view the original image of 665x159px.

6. Setelah Itu klik Create Account , maka kamu akan mendapatkan Data untuk login ke SSH yang kamu buat tadi. Berikut adalah data yang Kita buat tadi

7. Penampakan Konek Dengan Bitvise


Click here to view the original image of 647x676px.


Begitulah Cara membuat akun SSH dalam 5 menit Cukup Mudah Bukan silahkan mencoba

Berapa lama Akun Kamu Aktif itu nanti di beritahu Saat Selesai membuat akun ... Kita Dapat membuat akun Sebanyak yang kita mau dan pastinya ga pake Lama

0 Cara Membuat Tabel di Blog

Sekilas tentang tabel.

Tabel (table) sangat diperlukan ketika kita ingin menampilkan data yang berbentuk kolom-kolom. Dulu sebelum adanya CSS, table digunakan untuk membuat layout website namun saat ini sudah jarang dipakai sebagai layout karena faktor file yang cenderung lebih besar sehingga mempengaruhi waktu akses yang lebih lama, dalam pengelolaan dan pengeditan pun jauh lebih rumit karena banyaknya tag-tag yang dihasilkan.

Cara membuat tabel.

Untuk membuat table yang sederhana ada 3 elemen utama yaitu table, tr dan td. Tag <table> adalah untuk membuat tabel kemudian di ikuti dengan tag <tr> (table rows) adalah untuk membuat baris pada tabel kemudian tag <td> (table data) adalah untuk membuat kolom pada tabel, kolom-kolom hasil dari tr dan td ini disebut dengan table cell yaitu sebagai lokasi dimana kita memasukkan data-data yang akan di tampilkan.

Berikut adalah contoh tabel yang terdiri dari 3 baris dan 2 kolom.

<table border="1">
 <tr>
  <td>Cell 1 - Baris 1 Kolom 1</td>
  <td>Cell 2 - Baris 1 Kolom 2</td>
 </tr>
 <tr>
  <td>Cell 3 - Baris 2 Kolom 1</td>
  <td>Cell 4 - Baris 2 Kolom 2</td>
 </tr>
 <tr>
  <td>Cell 5 - Baris 3 Kolom 1</td>
  <td>Cell 6 - Baris 3 Kolom 2</td>
 </tr> 
</table>

Hasil:

Cell 1 – Baris 1 Kolom 1	Cell 2 – Baris 1 Kolom 2
Cell 3 – Baris 2 Kolom 1	Cell 4 – Baris 2 Kolom 2
Cell 5 – Baris 3 Kolom 1	Cell 6 – Baris 3 Kolom 2

Dalam contoh sengaja ditambah dengan atribut border agar kita dapat melihat posisi dari tabel tersebut, karena secara default nilai dari border ini adalah 0 jika tidak disertakan dengan tag <table>.

Mengatur lebar dan tinggi tabel.

Untuk mengatur lebar table digunakan atribut width atau bisa juga dengan style CSS dengan properti width. Untuk lebar dan tinggi dari td kita gunakan atribut style dengan properti width dan height.

Berikut adalah contoh tabel dengan lebar 75% dari lebar dokumen dan lebar kolom masing 50% dengan tinggi pada baris pertama adalah 40px.

<table border="1" width="75%">
<tr>
 <td style="width:50%;height:40px;">Baris 1 Kolom 1</td>
 <td>Baris 1 Kolom 1</td>
</tr>
<tr>
 <td>Baris 2 Kolom 1</td>
 <td>Baris 2 Kolom 2</td>
</tr>
<tr>
 <td>Baris 3 Kolom 1</td>
 <td>Baris 3 Kolom 2</td>
</tr>
</table>

Hasil:

Baris 1 Kolom 1	Baris 1 Kolom 1
Baris 2 Kolom 1	Baris 2 Kolom 2
Baris 3 Kolom 1	Baris 3 Kolom 2

Untuk satuan ukuran widht dan height dari atribut maupun style tersebut kita dapat menggunakan px atau %. Untuk pengaturan lebar dan tinggi pada td kita cukup memasukkan pada kolom pertama secara otomatis kolom-kolom berikutnya akan mengikuti pengaturan tersebut.

Menggabungkan kolom pada tabel

Table Cell atau baris dan kolom dari tabel tersebut dapat kita gabungkan sesuai kebutuhan bentuk tabel yang diinginkan.

Untuk menggabungkan kolom dalam tabel digunakan atribut colspan.

<table border="1" width="75%">
 <tr>
  <td colspan="2">Gabungan Kolom 1&amp;2 pada Baris 1</td>
 </tr>
 <tr>
  <td style="width:50%">Baris 2 Kolom 1</td>
  <td>Baris 2 Kolom 2</td>
 </tr>
 <tr>
  <td>Baris 3 Kolom 1</td>
  <td>Baris 3 Kolom 2</td>
 </tr>
</table>

Hasil:

Gabungan Kolom 1&2 pada Baris 1
Baris 2 Kolom 1	Baris 2 Kolom 2
Baris 3 Kolom 1	Baris 3 Kolom 2

Sedangkan untuk menggabungkan baris dalam tabel digunakan atribut rowspan.

<table border="1" width="75%">
<tr>
 <td style="width:50%" rowspan="2">Gabungan Baris 1&amp;2 pada Kolom 1</td>
 <td>Baris 1 Kolom 2</td>
</tr>
<tr>
 <td>Baris 2 Kolom 2</td>
</tr>
<tr>
 <td>Baris 3 Kolom 1</td>
 <td>Baris 3 Kolom 2</td>
</tr>
</table>

Hasil:

Gabungan Baris 1&2 pada Kolom 1	Baris 1 Kolom 2
	Baris 2 Kolom 2
Baris 3 Kolom 1	Baris 3 Kolom 2

Mengatur jarak kolom pada tabel

Untuk mengatur posisi cell dalam tabel digunakan atribut cellpadding dan cellspacing.

Cellpadding adalah untuk pengaturan sisi dari bagian dalam cell.

<table border="1" width="75%" cellpadding="8">
 <tr>
  <td style="width:50%;">Baris 1 Kolom 1</td>
  <td>Baris 1 Kolom 2</td>
 </tr>
 <tr>
  <td>Baris 2 Kolom 1</td>
  <td>Baris 2 Kolom 2</td>
 </tr>
</table>

Hasil:

Baris 1 Kolom 1	Baris 1 Kolom 2
Baris 2 Kolom 1	Baris 2 Kolom 2

Sedangkan Cellspacing adalah pengaturan sisi dari bagian luar cell.

<table border="1" width="75%" cellspacing="8">
 <tr>
  <td style="width:50%">Baris 1 Kolom 1</td>
  <td>Baris 1 Kolom 2</td>
 </tr>
 <tr>
  <td>Baris 2 Kolom 1</td>
  <td>Baris 2 Kolom 2</td>
 </tr>
</table>

Hasil:

Baris 1 Kolom 1	Baris 1 Kolom 2
Baris 2 Kolom 1	Baris 2 Kolom 2

Membuat titel pada tabel.

Untuk tabel yang lengkap dengan titel, kita bisa menambahkan tag <caption> tepat setelah tag <table> dan kita juga bisa mengganti td dengan th (table heading) sebagai titel dari baris maupun kolom.

Caption dan th akan secara otomatis berada pada posisi tengah dan th akan menghasilkan tulisan tebal.

<table border="1" width="75%">
<caption>Disini adalah titel tabel ini</caption>
 <tr>
  <th style="width:50%;">Header Kolom 1</th>
  <th>Header Kolom 2</th>
 </tr>
 <tr>
  <td>Baris 1 Kolom 1</td>
  <td>Baris 1 Kolom 2</td>
 </tr>
 <tr>
  <td>Baris 2 Kolom 1</td>
  <td>Baris 2 Kolom 2</td>
 </tr>
</table>

Hasil:

Disini adalah titel tabel ini

Header Kolom 1	Header Kolom 2
Baris 1 Kolom 1	Baris 1 Kolom 2
Baris 2 Kolom 1	Baris 2 Kolom 2

Membuat background pada tabel

Untuk membuat background pada tabel kita gunakan atribut style dengan properti background.

Berikut adalah contoh table dengan background warna kuning muda dengan heading warna merah.

<table style="background:#ffc" width="75%" border="1">
 <tr>
  <th style="background:red;width:50%;">Header Kolom 1</th>
  <th style="background:red;">Header Kolom 2</th>
 </tr>
 <tr>
  <td>Baris 1 Kolom 1</td>
  <td>Baris 1 Kolom 2</td>
 </tr>
 <tr>
  <td>Baris 2 Kolom 1</td>
  <td>Baris 2 Kolom 2</td>
 </tr>
</table>

Hasil:

Header Kolom 1	Header Kolom 2
Baris 1 Kolom 1	Baris 1 Kolom 2
Baris 2 Kolom 1	Baris 2 Kolom 2

Seperti kita lihat bahwa border dari cell tersebut terlihat terlalu tebal padahal kita membuat nilai dari atribut border adalah 1px.

Ini terjadi karena secara default atribut cellpadding dan cellspacing pada elemen table memiliki nilai masing-masing 1px.

Jadi untuk menghilangkannya kita harus memasukkan kedua atribut tersebut dengan nilai 0.

<table cellpadding="0" cellspacing="0" style="background:#ffc" width="75%" border="1">
...
</table>

Atau kita juga bisa menggunakan style CSS yaitu dengan properti border-collapse:collapse.

<table style="border-collapse:collapse;background:#ffc" width="75%" border="1">
 <tr>
  <th style="background:red;width:50%;">Header Kolom 1</th>
  <th style="background:red;">Header Kolom 2</th>
 </tr>
 <tr>
  <td>Baris 1 Kolom 1</td>
  <td>Baris 1 Kolom 2</td>
 </tr>
 <tr>
  <td>Baris 2 Kolom 1</td>
  <td>Baris 2 Kolom 2</td>
 </tr>
</table>

Hasil:

Header Kolom 1	Header Kolom 2
Baris 1 Kolom 1	Baris 1 Kolom 2
Baris 2 Kolom 1	Baris 2 Kolom 2

0 Membuat Related Post Otomatis Modifikasi Scroll

Lanjutan dari posting Membuat Related Post Otomatis, karena beberapa hal yang menurut saya mengganggu salah satunya yaitu jika related post tersebut mempunyai jumlah yang banyak... maka akan tampak menjadi sangat panjang.Untuk itu saya sedikit memodifikasi script Membuat Related Post Otomatis langsung saja ke TKP :

• Seperti biasa masuk ke blogmu 
• Pilih template, klik edit html dan klik lanjutkan 
• Ceklist pada Expand Template Widget (jangan lupa simpan template aslinya buat jaga-jaga) 
• Cari kode: #related-posts { (gunakan Ctrl+f untuk mencari) 

• Sisipkan kode

overflow: auto; 

width: 95%; 

height: 300px; 

background-color: #000000; 

border:5px groove #141414;

• Sehingga menjadi

#related-posts {
float : left; 

overflow: auto; 

width: 95%; 

height: 300px; 

background-color: #000000; 

border:5px groove #141414;
width : auto;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana; margin-bottom:10px;
}

• S impan Template... Selesai

0 Membuat Related Post Otomatis

Related posts adalah kumpulan link yang diletakkan persis dibawah artikel sehingga menarik minat pembaca untuk membaca artikel berikutnya.

• Seperti biasa masuk ke blogmu 
• Pilih template, klik edit html dan klik lanjutkan 
• Ceklist pada Expand Template Widget (jangan lupa simpan template aslinya buat jaga-jaga) 
• Cari kode: </head> (gunakan Ctrl+f untuk mencari) 
• Copy kode dibawah ini tepat diatas </head> 

<style>
#related-posts {
float : left; width : auto;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana; margin-bottom:10px;
}

#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}

#related-posts .widget h2,
#related-posts h2 {
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}

#related-posts a {
text-decoration : none;
}

#related-posts a:hover {
text-decoration : none;
}

#related-posts ul {
border : medium none;
margin : 10px; padding : 0;
}

#related-posts ul li {
display : block;
background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO2kPbM5k-OXNRBeLEvtduVAe07w02uCkzuGq8_joCUY8RLxneTP_nwDbvSN6XLLCloMIp3djmKOXC3LLU_yTjBbjo4Is8V7JdLZuyhgC-AUxP8NVm2GafmefZlkouUBiI1VWf-1M7wq3B/s1600/rss.png") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 21px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}
</style>

<script src='http://yourjavascript.com/1244223703/related_postku1.js' type='text/javascript'/>

• Cari kode <data:post.body/> atau <div class='post-body>, 
• Kemudian copy code dibawah ini, letakkan persis dibawahnya

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font>
<font color='#FFFFFF'>
<b:loop values='data:post.labels' var='label'><data:label.name/>
<b:if cond='data:label.isLast != &quot;true&quot;'>,
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;
callback=related_results_labels&amp;
max-results=5&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</font>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
</b:if> 

• Klik pratinjau (preview) untuk memastikan tidak terjadi error dan Simpan hasilnya
• Semoga Berhasil

0 Membuat Gambar Berputar Dan Membesar Saat Disentuh Oleh Mouse

Berkreasi dalam dunia blogging memang sangat menyenangkan, sampai sampai tidak terasa lagi waktu yang telah berlalu. dalam dunia blogging, tampilan sebuah blog yang memiliki kreasi tinggi akan menambah pengunjung berminat untuk berkunjung ke blog tersebut, apalagi di tambah dengan artikel-artikel yang sangat menarik, akan semakin mendongkrak jumlah pengunjung. Cukup demikian basa-basinya (heheheheheee.. ) mari kita menuju ke pokok pembahasan.

Kali ini saya sedikit berbagi tentang cara membuat gambar dalam posting blog berputar dan membesar saat di sentung oleh cursor, untuk contohnya coba sobat arahkan cursor ke gambar Naruto di atas, maka gambar akan berputar dan membesar. Apabila sobat blogger sekalian berminat untuk mencoba silakan ikuti langkah-langkah berikut ini:

1. Seperti biasa sobat harus login dulu di akun blog sobat

2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan

3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan

4. Sobat cari kode </head>

5. Setelah ketemu sobat copy paste code di bawah ini tepat di atas kode </head>

<style>#denzuaz img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;} #denzuaz img:hover{ -o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5) rotate(360deg); -webkit-transform: scale(1.5) rotate(360deg);}</style>

6. dan sobat klik save / simpan template.

Langkah selanjutnya untuk penenpatan gambar dalam postingan.

1. Sobat harus menambahkan kode  <div id="denzuaz"> sebelum url gambar dan jangan lupa di tutup dengan kode </div> contoh seperti di bawah ini:

<div id="denzuaz">
<a href="http://zuazz.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4kIK2OsPwZRri6UObPaOLkP6nZnfVXEVVJ3CJUO7IXl1dSR2L4rsDQt93ki06nY023exjvyKvpT3q7yhzdkerhoxhkvWzErlffJr3Zgx4LDQ9ntJPIzlq3FmbvP3mgimuaYTJ6FNVF_qg/s200/naruto+dont+copy.png" /></a></div>

keterangan:

1. kode berwarna merah adala kode pembuka dan penutup
2. kode berwarna hijau silakan sobat ganti dengan URL blog Sobat dan URL gambar yang ingin Sobat pasang di dalam postingan.
3. Setelah semuanya selesai klik publikasikan. 

Demikianlah tips "Membuat Gambar Berputar Dan Membesar Saat Disentuh Oleh Mouse".

Semoga bermanfaat Sobat..

0 123 Page Number Navigation for Blogger

Baru beberapa hari lalu saya menemukan artikel yang benar-benar saya cari. Adalah bagaimana cara membuat halaman berurut 123 /page 123 navigation untuk blog di blogger/blogspot.

Kode membuat halaman 123 di blogspot ini,saya dapat dari hasil karya besar Bp.Wijaya di ariawijaya.com

Anda bisa mengunjungi website dan tutorial 123 page navigation ini di situsnya langsung dalam tutorialnya 'Membuat Navigasi Page Number Blogspot', atau anda bisa langsung klik disini.

Untuk hasilnya akan seperti gambar di bawah ini:

Sedangkan contoh hasil kode navigasi berurut ini, anda bisa lihat di sini.
Bagaimana? Ingin membuatnya?

Biar pelajaran blog menjabarkan kembali cara membuat halaman 123 berurut ini.

Langkah Cara Membuat Page Navigasi Angka / Number 123dst pada Blog.

Pertama, pergilah ke dashboard blogger anda, selanjutnya, pilih tata letak, dan pilih Edit HTML.
Seperti biasa, contreng option Expand widget templates, selanjutnya cari kode berikut:

]]></b:skin>

Setelah ketemu,letakkan persis di atasnya kode css di bawah ini:

.showpageArea a { text-decoration:underline; } .showpageNum a { text-decoration:none; border: 1px solid #cccccc; margin:0 3px; padding:3px; } .showpageNum a:hover { border: 1px solid #cccccc; background-color:#cccccc; } .showpagePoint { color:#333; text-decoration:none; border: 1px solid #cccccc; background: #cccccc; margin:0 3px; padding:3px; } .showpageOf { text-decoration:none; padding:3px; margin: 0 3px 0 0; } .showpage a { text-decoration:none; border: 1px solid #cccccc; padding:3px; } .showpage a:hover { text-decoration:none; } .showpageNum a:link,.showpage a:link { text-decoration:none; color:#333333; }

Lalu,cari lagi kode seperti ini: </body> Jika sudah ketemu, tepat di atasnya letakkan script di bawah ini:



<b:if cond='data:blog.pageType != "item"'> <script type='text/javascript'> var pageCount=5; var displayPageNum=5; var upPageWord ='Previous'; var downPageWord ='Next'; </script> <script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/> </b:if>

Langkah terakhir, carilah kode berikut (copi semua dengan tanda petik):

'data:label.url'

Jika sudah ketemu, hapus kode tersebut dan gantilah kode berikut (copi semua dengan tanda petik):

'data:label.url + &quot;?&amp;max-results=5&quot;'

Sekarang, simpan templates anda, dan anda bisa lihat hasilnya sekarang

0 Cara Membuat Read More Otomatis di Blog

Cara membuat Read More otomatis di Blogspot dengan menambahkan kode javascript pada template blog. Kali ini yang akan saya bahas mengenai cara membuat read more di blogspot atau blogger. Kenapa cara membuat read more di wordpress tidak dibahas juga? wah kalao read more di wordpress tidak bisa dibuat secara otomatis, tapi dengan cara manual setiap postingan. Ok kita mulai bahasan mengenai cara membuat read more otomatis di blogspot.

Bagaimana Cara membuat Read More otomatis di blogspot?
Cara membuat read more otomatis di blogspot sangat mudah. Sebelum melangkah  ke cara membuat read more otomatis di blogspot lebih baik kita tahu apa itu read more? dan apa fungsi read more? Read more dalam bahasa indonesia yaitu " Baca Selengkapnya " dan fungsi read more itu sendiri adalah meminimalis penggunaan halaman blog agar terlihat lebih rapi dan menarik. Read more otomatis ini akan memotong tampilan depan artikel yang panjang dan anda bisa menentukan berapa banyak huruf yang akan ditampilkan di halaman depan, begitu pengunjung membuka Read more atau baca selengkapnya barulah pengunjung bisa membaca artikel penuh blog anda. Sekarang lanjut ke langkah cara membuat read more otomatis di blogspot.
Langkah-langkah cara membuat Read More Otomatis di Blogspot

• Login ke Blog anda
• Buka halaman design > Edit HTML > centang Expand template widget
• Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian
• Paste kode berikut tepat dibawah </head>

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

• Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>  ( seperti biasan gunakan CTRL + F untuk mempermudah pencarian). Jika ditemukan 2 kode yang sama, gunakan atau ganti yang pertama.

Jika sudah ketemu silahkan anda ganti kode tersebut dengan kode dibawah ini

<b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" + data:post.id'> <data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>"); </script> <span class='rmlink' style='float:right;padding-top:20px;'> <a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

•  Finish simpan template dan lihat hasilnya

Cara membuat Read More otomatis di Blogspot ini bisa anda rubah sebagian. berikut ini adalah keterangannya data yang bisa dirubah :

1. summary_noimg = 430; apabila artikel anda tanpa gambar satupun maka yang akan tampil pada halaman depan adalah 430 huruf
2. summary_img = 340; apabila artikel anda berisi gambar maka yang akan tampil pada halaman depan adalah 340 huruf dan gambar
3. img_thumb_height = 100; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depan
4. img_thumb_width = 120; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.
5. Anda juga bisa mengubah Icon read more http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif silahkan diganti URL icon yang anda inginkan. Atau anda ingin mengubah Icon Read more tersebut menjadi tulisan saja misalnya " >> Read more ", maka anda tinggal menghapus / mengganti kode <img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img> menjadi tulisan >> Read More atau Baca selengkapnya dll.

Semoga artikel cara membuat read more otomatis di blog ini bermanfaat. Selamat mencoba dan semoga berhasil.

0 Cara Lengkap Membuat Efek Lipatan Kertas Di Ujung Blog

Berbagi pengalaman pribadi membuat lipatan kertas pada ujung kanan blog yang menurut saya agak lumayan bikin pusing sob, maklumlah pemula,, heheheheee,,,,

Setelah berkali-kali mencoba merubah kode java scriptnya, akhirnya selesai juga, dan lihat hasilnya di ujung kanan blog saya, [sedikit pamer, heheheheee,, ]

bagi sobat yang berminat untuk membuat lipatan kerta pada ujung blog seperti blog saya [tenag aja yang saya bagi tidak ada foto jelek saya kok,, heheheheee,,, ] silakan ikuti lankah-langkah berikut ini ya sobat:

1. Silahkan Login ke akun blogger sobat.

2. Lalu masuk ke design Template, klik Edit HTML

3. Seperti Biasa Centang Expand Template Widget

4. Kemudian cari kode berikut </body>

5. Setelah ketemu silakan Sobat copy dan letakkan kode di bawah ini tepat di atas kode  </body>

<script type='text/javascript'>var tujuan =&#39;http://Alamat Url Feeds Sobat&#39;</script>

<script src='http://petir-project.googlecode.com/files/ktb4.js' type='text/javascript'/>

6. Coba sobat pertinjau terlebih dahulu (Sekiranya sudah yakin baru di save ya sob)

Keterangan:

• Kode warna hijau: ganti dengan URL Feeds sobat
• Kode warna biru: ganti apabila sobat ingin mengganti gambar sesuai selera sobat.

Ikuti langkah-langkah berikut ini bila sobat ingin mengganti gambarnya.

Bagi sobat yang ingin mengganti gambarnya silakan download dulu scriptnya disini.  

1. Setelah sobat selesai download silakan sobat buka script tersebut dengan Notepad.

2. Untuk merubah gambar yang berukuran kecil (gambar saat lipatan tertutup) sobat cari url berikut dalam text dan silakan ubah dengan URL gambar sobat:

http://petir-project.googlecode.com/files/fedkcl.png 

(Upload gambar di code.google.com atau situs upload lainya untuk mendapatkan URL gambar)

3. Untuk merubah gambar yang berukuran besar (gambar saat lipatan terbuka) sobat ubah URL berikut dengan URL gambar sobat:

http://petir-project.googlecode.com/files/feed.png

4. Setelah selesai merubah kode URL gambar tersebut Sobat Save Text, selanjutnya silakan sobat upload text tersebut dan ganti url http://petir-project.googlecode.com/files/ktb4.js dengan URL hasil upload sobat tadi.

NB: sedikit saran apabila sobat ingin merubah gambar, sebaiknya ukuran gambar harus sesuai dengan gambar semula untuk hasil yang lebih baik.

Selamat mencoba ya sobat,,

0 Kumpulan Efek - Efek Blog: Dari Yang Ringan Hingga Yang Berat

Share kumpulan efek blog yang telah di posting oleh saya.  kumpulan efek-efek blog baik dari yang ringan hingga yang berat, untuk diterapka pada blog sobat sekalian, singkat cerita saja silakan simak keterangan berikut.

Kumpulan Efek - Efek Blog ( Lengkap ) - Memang selalu ada cara untuk mempercantik penampilan blog. Setelah sebelum memposting cara memasang animasi di blog, kali ini saya akan kasih sobat berbagai macam / jenis efek - efek blog yang bisa di pasang di blog.

Sebelum kita masuk ke intinya, terlebih dahulu saya ingatkan pada sobat  bahwa efek, animasi dan widget - widget serupa akan menambah beban loading blog sobat, jadi mohon di perhitungkan sebelum sobat memasang efek ini. Efek yang akan saya posting kali ini, akan saya bagi 2 yaitu efek ringan ( loading ringan ) dan efek menegah hingga berat. ( kayak tinju aja.. ) .

Sobat yang tertarik memasangnya silahkan ikuti tutorial memasang efek - efek pada blog berikut.

A. Efek Ringan
Mungkin Ini adalah efek yang biasa sobat lihat saat sobat blogwalking.

1. Efek salju berjatuhan

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

2. Efek hati bertaburan

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

3. Efek bintang bertaburan

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

4. Efek kembang api

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

5. Efek Gelembung

<script src='http://tateluproject.googlecode.com/files/efek-gelembung.js' type='text/javascript'></script>

Cara pemasangan :

1. Klik rancangan --> Edit html
2. Letakkan script efek di atas kode </body>
3. Klik Save

B. Efek Menengah - Berat
Efek ini saya ambil dari http://www.netdisaster.com. Untuk demo dari salah satu script berikut, silahkan lihat di sini.. DEMO

1.Meteor Jatuh

<script language="javascript"> nd_mode="meteor"; nd_control="on"; nd_sound="on"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center> <a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center> </small></div>

2. Banjir

<script language="javascript"> nd_mode="flood"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center> <a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center> </small></div>

3. Bunga Mekar

<script language="javascript"> nd_mode="flowers"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center> <a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center> </small></div>

4. Bom Atom

<script language="javascript"> nd_mode="bomb"; nd_sound="on"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center> <a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center> </small></div>

5. Ufo

<script language="javascript"> nd_mode="ufo"; nd_sound="on"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center> <a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center> </small></div>

6. Graffity

<script language="javascript"> nd_mode="graff"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center> <a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center> </small></div>

7. Shaver

<script language="javascript"> nd_mode="shaver"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center> <a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center> </small></div>

8. Gun

<script language="javascript"> nd_mode="gun"; nd_sound="on"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center> <a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center> </small></div>

9.Bloody gun

<script language="javascript"> nd_mode="blood"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center> <a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center> </small></div>

10. Paint ball

<script language="javascript"> nd_mode="paint"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center> <a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center> </small></div>

11. Chainsaw

<script language="javascript"> nd_mode="chainsaw"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center> <a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center> </small></div>

12. Dinosaur

<script language="javascript"> nd_mode="dino"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center> <a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center> </small></div>

13. Lebah

<script language="javascript"> nd_mode="wasp"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center> <a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center> </small></div>

14. Lalat

<script language="javascript"> nd_mode="fly"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center> <a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center> </small></div>

15. Semut

<script language="javascript"> nd_mode="ants"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center> <a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center> </small></div>

16. Siput

<script language="javascript"> nd_mode="snail"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center> <a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center> </small></div>

17. Cacing

<script language="javascript"> nd_mode="worms"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center> <a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center> </small></div>

18. Mold

<script language="javascript"> nd_mode="mold"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center> <a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center> </small></div>

19. Bayi merangkak

<script language="javascript"> nd_mode="baby"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center> <a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center> </small></div>

20. Telur mata sapi

<script language="javascript"> nd_mode="eggs"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center> <a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center> </small></div>

21. Kopi tumpah

<script language="javascript"> nd_mode="coffee"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center> <a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center> </small></div>

22. Terbakar

<script language="javascript"> nd_mode="burn"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center> <a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center> </small></div>

23. Tomat

<script language="javascript"> nd_mode="tomato"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center> <a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center> </small></div>

24. Creampie

<script language="javascript"> nd_mode="creampie"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center> <a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center> </small></div>

25. Murka

<script language="javascript"> nd_mode="god"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center> <a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center> </small></div>

26. Sapi Jorok

<script language="javascript"> nd_mode="cow"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center> <a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center> </small></div>

27. Anjing Jorok

<script language="javascript"> nd_mode="dog"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center> <a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center> </small></div>

28. Kencing Sembarangan

<script language="javascript"> nd_mode="pee"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script> <div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center> <a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center> </small></div>

Cara pemasangan :

1. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
2. Masukkan script efek di dalam kotak yang di sediakan
3. Klik save dan lihat hasilnya.

Tambahan :
Efek yang ke 2 berbeda dengan efek yang pertama. di efek ke 2, efek bisa dimatikan secara manual, sedangkan yang pertama sebaliknya ( tidak bisa dimatikan selama masih memasang scriptnya ).  so, pilih mana yang terbaik menurut sobat.. salam..

0 Cara Memasang Buku Tamu / CBOX Di Blog Muncul Dari Berbagai Arah

Cbox atau lebih dikenal sebagai buku tamu merupakan hal yang tidak asing lagi di dunia blogger, sudah banyak tutorial-tutorial yang membahas tentang cara pemasangan Cbox, baik dengan cara standar maupun dengan cara pengubahan kode CSS.

Kali ini saya akan memposting cara memasang Cbox  auto hiden dari segala arah, segala arah maksudnya yaitu Cbox dapat ditempatkan atau muncul dari bagian sebelah kiri blog, kanan blog, bawah blog, dan atas blog, dan disertakan juga animasi gambar gif sebagai background.

Saya kira cukup sekian bla bla bla penerangan saya, dan mari kita menuju kepokok pembahasan.

Berikut ini adalah Cara Memasang Buku Tamu / CBOX Di Blog Muncul Dari Berbagai Arah:

1. Seperti biasa sobat harus Login dulu di akun blog sobat
2. Pilih Tata Letak
3. Tambah Gadget HTML/Java Script
4. Selanjutnya copy paste kode script di bawah ini dan masukan ke dalam Gadget HTML/Java Script.

<style type="text/css">
#at{
position:fixed;
right:35%;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:0px;
width:0px;
float:top;
cursor:pointer;
background:url(url);
}
.atcontent{
float:left;
border:2px solid #fff;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhihUDLxKPzg3CkACM0RURmAHvTsnF14N15saeD1S9u4xsKhZJa6Qth6ShV8f2ceKtwVyLOsFy3DYKd6757j8Xkq6_CqCo7Vnzka8Gvev9_AdKPnn8eJlkdkUA2BgP5BdiR9nedIdjhwxzG/)#000000 repeat-x bottom center scroll;
-moz-border-radius:10px;
padding:10px;
}
.atcontent:hover{
border:2px solid #fff;
background:url(http://petir-project.googlecode.com/files/zuaz-petir.gif)#000000 repeat-x bottom center scroll;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.bottom = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="background:url(http://i53.tinypic.com/oiu4n9.gif) no-repeat;">

Strip kode cbox sobat

</div>
</div>
<br />
<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="http://i859.photobucket.com/albums/ab159/yudhizh/ButtonCloseWhite-BlackStroke.png" alt="close" title="Tutup Cbox" /></a></div>
</div></div>

<script type="text/javascript">
var at = document.getElementById("at");
at.style.bottom = (-200-at.offsetWidth).toString() + "px";
</script>

Klik save / simpan.

Keterangan:

1. Kode warna merah adalah warna gambar, silakan sobat sesuaikan sendiri sesuai selera bila ingin mengganti gambarnya
2. Kode warna kuning adalah penepatan dimana cbox akan muncul, bila sobat ingin cbox muncul dari atas ganti kode tersebut menjadi TOP, dari sebelah kiri LEFT, dari sebelah kanan RIGHT .
3. Kode warna putih adalah jarak cbox dari sebelah kanan. Silakan sobat sesuaikan sendiri.
4. Texts berwarna hijau adala tempat untuk menaruh strip kode cbox sobat (atur cbox sobat agar backgroudnya transparant untuk hasil yang lebih sempurna).

Selanjutnya adalah cara membuat tombol cbox (tombol untuk menampilkan cbox)

1. Tetap login di akun blog sobat
2. Masukan script berikut bersamaan dengan script di atas dalam gadget HTML / Java Script

<div style="position: fixed; top: 55px; right: 5px;width:30px;height:100px;"><a href="javascript:void(0);"onclick="showHideAT()"/><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5SUtguhtqMHMC5HTv6QnvaTAMtSoEJ2pNIDcsvQb_ZepLDuVWQLm_uux12s5Sufxlc2lqaUrbkgF9QEl_18ZhkgWqy_I5D-udLqy2yXtiEzj_KC-ut1ajT7L0DiQi4x_Ao6yHm2Cu_ZNx/s128/guestbook.png" alt="cbox" title="Buka Chat Book"/></a></div>

Keterangan: 

• Kode berwarna merah adalah gambar tombol, bisa sobat ubah sesuai selera.
• Kode warna kuning adalah dimana tombol akan ditempatkan, TOP untuk menempatkan tombol di atas, BOTTOM untuk menempatkan tombol di bawah, LEFT untuk menempatkan tombol di sebelah kanan.
• Kode warna biru anda sesuaikan jarak tombol TOP dari atas blog, BOTOM dari bawah blog.

Demikianlah Cara Memasang Buku Tamu / CBOX Di Blog Muncul Dari Berbagai Arah. Semoga bermanfaat bagi sobat semua.

0 Tutorial Blog Apa Lagi Yang Penting?

Membuat Blog Baru? Sudah dilakukan, Mempercantik Blog? Tentu tidak akan ketinggalan. Mendaftarkan Blog ke Mesin Pencari (Google dan Bing) sudah juga dilakukan. Terus apa dong selanjutnya? Mau Tahu? Kasih tahu gak yah.... Mau Tahu Banget atau Mau Tahu Aza...

Saya mau jujur nih, oh iya, sebelumnya isi postingan kali ini hanya sekedar sharing saja. Pada dasarnya, ketika kita membuat atau mengelola sebuah blog, yang paling utama adalah ISI dari Blog tersebut. Apa pesan yang akan kita sampaikan atau informasikan ke khalayak umum (pembaca). Itu saja, tidak ada selain itu. Yang lainnya hanyalah sebagai pelengkap saja. Toh yang dicari orang adalah informasi (baik News atau Tutorial).

Ketika kita sudah memiliki atau mengelola sebuah blog, maka yang harus kita lakukan adalah mendaftarkan blog tersebut ke situs pencari, seperti google atau bing. Kebenaran kedua situs tersebut perusahaan raksasa yang berkecimpung di dalam Search Engine. Satuhal di ingat bahwa pemilik Blogger adalah Google dan perlu mendaftarkan blog yang kita kelola.

Disatu sisi, bila diperlukan, blog yang kita kelola perlu dipercantik. Itupun kalao mau. Seandainya hanya menggunakan tampilan awal pertama kali membuat blog, sebenarnya tidak apa-apa.

Tutorial Blog Apa Lagi Yang Penting?
Kembali ke topik, apakah memerlukan Tutorial Blog lain selain Membuat Blog, Mendaftarkan Blog dan Mempercantik Blog? Jawabnya menurut saya tidak ada. Cukup yang tiga itu saja. Alasannya karema memang hanya itu.

Apa yang terpenting dalam sebuah blog?
Jawabnya singkat, yaitu ISI atau Pesan yang disampaikan. Ketika kita sudah merumuskan apa yang akan kita sampaikan di dalam sebuah blog, maka mulailah membuat blog. Fokus terhadap isinya dan jangan amburadul. Misalnya, Anda ingin menyampaikan pesan tentang Tutorial, buat blog tentang Tutorial jangan sisipkan dengan isi lainnya yang menyimpang. Itu malah merusak blog kita. Kalao mau membuat blog Berita, buat lagi aja Blog Berita (Buat Blog Baru). Toh, dalam satu email bisa membuat blog sebanyak-banyaknya (disarankan maksimal 10 Blog dalam 1 email).

Kelebihannnya atau keuntungan membuat blog banyak (berbeda0-beda) sangat banyak, salah satunya anda akan mendapatkan backlink free dari blog anda sendiri (bila dihubungkan satu sama lain).

Meskipun pada dasarnya blog dibuat pada awalnya adalah untuk mencurahkan isi pikiran atau hanya sebagai media sosial. Namun sekarang blog berkembang menjadi sebuah sarana sebagai pusat informasi.

Isi atau Artikel atau postingan disini berhubungan erat memposting hal-hal baru. Disarankan minimal 4 postingan bary dalam 1 bulan.

So.... terjawab sudah bukan judul postingan ini. Catatan, apabila anda ingin mencari Tutorial Blog, jangan terlalu fokus disitu. Fokuskanlah bagaimana membuat ISI / Arikel / Postingan yang baru dan benar-benar mengena sasaran sesuai dengan Konten Blog yang kita kelola.

Sekali lagi, Tutorial Blog Apa Lagi Yang Penting? Tidak ada. Salam Blogger, hanya sekedar sharing. Apabila ada yang keliru, mohon sangat dimaafkan. Apabila ada yang kurang, monggo... silahkan tulis di kolom komentar di bawah. Satu lagi, jangan lupa untuk mempromosikan Blog anda. Salam blogger lagi deh.

NB: Jangan terlalu pusing dengan postingan di atas... hehehe.