Cyber Linggau

Rabu, 01 Februari 2012

Cara Membuat Daftar Isi Blog

Daftar isi (content) ini saya bagi menjadi dua bagian, yaitu Daftar isi ditampilkan pada satu halaman penuh dan Daftar isi ditampilkan pada halaman depan blog

Cara pertama adalah jika kita ingin menampilkan daftar isi ini dihalaman depan blog kita, agar setiap pengunjung dapat melihat daftar isi blog kita tiap kali mengunjungi blog kita

Contohnya sebagai berikut :

Business

Download Driver

Driver Acer

Driver Axioo

Info Berita

Kontes SEO

Lowongan Kerja

Networking

Password

Tip SEO

Tips Blog

Tips Blog

Berikut ini langkah-langkahnya :
1. Masuk ke account blogger anda
2. Pilih tata letak/layout
3. Pilih tambah gadget
4. Pilih HTML/javascript.
5. Beri Judul Dafar isi atau judul sesuai dengan keinginan sobat
5. Kopas kode di bawah ini

<div style="overflow:auto;width:430px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="http://sites.google.com/site/barajajs/listofcontent/contents.js"></script><script src="http://namablog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>

namablog.blogspot.com : ganti dengan alamat blog sobat

width:430px : Ganti Lebar sesuai dengan yang sobat inginkan, sesuaikan dengan template

height:120px : Ganti tinggi nya sesuai dengan keinginan sobat

6. Kemudian save dan letakkan sesuai dengan keinginan sobat.

Kemudian cara kedua saya akan bahas Daftar isi yang akan ditampilkan pada satu halaman penuh

Berikut ini langkah-langkahnya :
1. Masuk ke account blogger anda
2. Pilih New post
3. Pilih Edit HTML pada kanan atas halaman tersebut
4. Beri Judul postingan tersebut dengan Daftar Isi, atau judul apapun sesuai keinginan sobat.
5. Copy paste script berikut ini :

<script style="text/javascript" src="http://sites.google.com/site/barajajs/listofcontent/contents.js"></script><script src="http://alamatblog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

http://alamatblog.blogspot.com : Ganti dengan alamat blog sobat

6. Klik Publish Post

»» READMORE...

Cheat Requit Npc

Cheat Requit Npc (berguna untuk hunting house)

Tools :

- Fiddler
- Download Swf
Clear Chace:
-Untuk Mozilla Firefox : Tools -> Options -> Advanced -> Pilih Network Tab -> Clear Now -> Klik OK .
-Untuk Google Chrome : Pilih icon yang berada di pojok kanan atas (sebelah bintang) -> Options -> Under the Hood -> Clear Browsing Data -> Empty the cache -> Clear Browsing Data

Totur
1. buka fiddler
2. di fiddler pergi ke tab auto responder
3. centang enable automatic responses dan unmatched requests passthrough
4. drag swfnya ke box auto responder
5. sebelum pergi ke NS pastikan clear cache
6. masuk NS
7.Pergi ke Recuit Friends dan beli NPC nya

Credit : MrZerilz

Spesial thanks to Nyit-nyit.net

»» READMORE...

Minggu, 22 Januari 2012

Membuat Google Translate Bendera (Flag Icon)

Kali ini saya akan menjelaskan cara membuat google translate bendera (flag icon) ,sebelumnya saya juga telah memposting cara membuat translate google di blog pada posting sebelumnya , fungsi dari google translate adalah untuk menerjemahkan isi dari posting blog ke bahasa pengunjung blog yang dimengerti , seperti yang ada pada bagian sidebar blog ini , untuk cara buat translate google bendera ini sangat mudah .

Cara buat Google Translate Bendera

Fungsi nya tetap sama untuk menerjemahkan , tapi cara buat google translet bendera ini juga bertujuan mempermanis / memperindah tampilan blog anda
tutorial nya cukup sederhana

Translate Bendera

Sebelum kalian membuat google translate bendera ini silahkan masuk ke blog anda --> biasa tambah gadget --> tambah javascript --> lalu copy paste kode ini

copy paste kode ini:

Lalu save template anda , sangat mudah cara buat translate google bergambar bendera .. silahkan nikmati tampilan translate google bendera ini selamat menikmati .

»» READMORE...

Membuat Postingan Mirip Koran

Membagi postingan membagi menjadi 2 kolom ini maksudnya membagi post secara terpisah di kanan dan kiri. Biar tidak bingung coba deh lihat gambar di bawah ini.

Berjajar mirip koran

Sudah tahukan maksudnya ? jika tertarik ingin mencoba, berikut tutorialnya ..

1. Silahkan Login ke blog kamu

2. Kemudian klik Rancangan

3. Klik Edit Html

4. Back up template, buat jaga-jaga jika nanti terjadi kesalahan saat mengedit.
5. Nah, tinggal cari kode ]]></b:skin> ( gunakan ctrl + f agar mudah mencarinya ) dan copy code berikut ini di bawahnya.

<b:if cond='data:blog.pageType != "item"'>
<style>
.post {
width:285px;
height:400px;
margin-right:5px;
overflow:hidden;
float:right;
border:3px double #808080;
}
</style>
</b:if>

Lanjut dengan mencari css .post{ contoh css nya seperti ini ( mungkin ada perbedaan dari template kamu )

.post{
background:#fff;
border:3px double #a5a5a5;;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:0.5em 0.5em;
padding:0.5em;
font-family:"Verdana";
text-align:justify}

Jika sudah ketemu, coba perhatikan margin:0.5em 0.5em; kamu tinggal menyisipkan auto pada margintersebut hingga menjadi seperti di bawah ini.

.post{
background:#fff;
border:3px double #a5a5a5;;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:0.5em auto 0.5em;
padding:0.5em;
font-family:"Verdana";
text-align:justify}

Jika sudah selesai simpan !

Kalau masih kesulitan anda bisa ganti Css milikmu dengan Css .post{ di atas !

Tutorial di atas saya ambil dari blog home-catalog.blogspot.com, serta saya source dari blog Tips Handphone jadi silahkan edit width, height, border, margin dan lainnya sesuai dengan template anda.

Semoga bermanfaat dan berhasil anda coba ^^

Description: Membuat Postingan Mirip Koran
Rating: 5.0
5.0 - Reviewer: DeeJayHan-Blog - ItemReviewed: Membuat Postingan Mirip Koran

»» READMORE...

Minggu, 01 Januari 2012

Menambah Fitur Emoticon Pada Komentar Blog di Blogspot

Emoticon/smiley dapat mewakili ekspresi komentator blog. Selain itu, emoticon/smiley dapat lebih mempercantik tampilan bagian komentar blog. Dengan menggunakan javascript, kita dapat melakukan hack untuk menambahkan fitur emoticon pada blog berplatform Blogger. Emoticon ini menggunakan basis perintah emoticon Yahoo! yg telah kondang itu. Misalnya, ketika ingin menampilkan gambar emoticon senyum, digunakan perintah/menuliskan karakter :), dst. Di blogger, perintah tersebut dapat diadaptasi guna memunculkan tampilan gambar smiley/emoticon tertentu. Pada fitur emoticon komentar Blogger ini, saya menggunakan gambar-gambar berformat gif milik Yahoo! yg memiliki efek animatif (bergerak).

Cara Pasang/Buat Fitur Emoticon Pada Komentar Blogger

Jika sobat Blogger tertarik memasang fitur emoticon pada blog sobat, ikuti beberapa langkah pemasangannya. Pada intinya ada 3 poin langkah penting:

a. Memasang CSS yg mengatur tampilan emoticon.

b. Memasang kode HTML guna menampilkan preview emoticon/smiley di bagian atas kotak komentar. Fungsinya sebagai panduan pengunjung ketika hendak membuat emoticon pada komentar.

c. Memasang kode javascript, yg berfungsi mengconvert perintah menjadi gambar emoticon.

Berikut cara pemasangannya:

1. Masuk ke Design/Template > Edit HTML

2. Centang "Expand Widget Templates"

3. Copy paste kode CSS berikut di ATAS ]]></b:skin> (cari dg Ctrl + F):

.bukarahasiasmiley {background: none repeat scroll 0 0 #EFF5FB !important;font-size: small !important;padding: 5px !important;margin:auto !important;text-align: left !important;font-weight:bold !important;width:100% !important;-moz-background-clip: -moz-initial;-moz-background-origin: -moz-initial;-moz-background-inline-policy: -moz-initial;}

.bukarahasiasmiley span {padding-right: 3px !important;}

img.brbsmly {height: auto !important;vertical-align: middle !important;width: auto !important;border:0px !important;}

Jika ingin ganti warna background, ganti #EFF5FB dengan kode warna lain.

4. Cari <b:if cond='data:post.embedCommentForm'>. Biasanya ada dua tag xml seperti itu, cari & pilih yg kedua, yaitu yg berpasangan dengan <b:include data='post' name='comment-form'/>.

<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>

5. Copy kode HTML berikut (klik select all & copy), letakkan di BAWAH/SETELAH <b:if cond='data:post.embedCommentForm'>.

<div
 class='bukarahasiasmiley'> <img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> :)   
<span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> 
:(</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> 
;)</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> 
:D</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/> 
;;-)</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> 
:-/</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> 
:x</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> 
:P</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> 
:-*</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> 
=((</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> 
:-O</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> 
X(</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif'/> 
:7</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif'/> 
B-)</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif'/> 
:-S</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif'/> 
#:-S</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif'/> 
7:)</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> 
:((</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> 
:))</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/> 
:|</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif'/> 
/:)</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> 
=))</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif'/> 
O:-)</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif'/> 
:-B</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif'/> 
=;</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif'/> 
:-c</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/> 
:)]</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> 
~X(</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif'/> 
:-h</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/> 
:-t</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif'/> 
8-7</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif'/> 
I-)</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/> 
8-|</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/> 
L-)</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/31.gif'/> 
:-a</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/32.gif'/> 
:-$</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif'/> 
[-(</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/34.gif'/> 
:O)</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/> 
8-}</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif'/> 
2:-P</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/37.gif'/> 
(:|</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/38.gif'/> 
=P~</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif'/> 
:-?</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif'/> 
#-o</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif'/> 
=D7</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif'/> 
:-SS</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif'/> 
@-)</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/44.gif'/> 
:^o</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif'/> 
:-w</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif'/> 
7:P</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif'/> 
2):)</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif'/> 
X_X</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif'/> 
:!!</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif'/> 
\m/</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif'/> 
:-q</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif'/> 
:-bd</span> <span><img class='brbsmly' 
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif'/> 
^#(^</span> <span><img class='brbsmly' 
src='http://l.yimg.com/a/i/us/msg/emoticons/pirate_2.gif'/> 
:ar!</span> <span><a 
href='http://buka-rahasia.blogspot.com'><img border='0' 
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzr-bgWEeMWdNuJgzdDZ_afxqV7k5e1_JytgwnSjQTluURWDih0hn8Jo4iKgSjAsPSEnrk9MHblFtYryBO8-nSh1pVQZFIhYCX-cX52QjKa-Hp1ZvkRHp_Yt0sL4SUbxpk_YZKvDaJQCKY/s1600/smileys.gif'
 /></a></span></div>

6. Copy kode berikut & letakkan di atas </body>:

<script src='
https://sites.google.com/site/bukarahasiahost/blogger-comment-smileys/bukarahasiablogspot-ysmileys-bloggercomments.txt' type='text/javascript'></script>

7. Save template.
8. You are done!

Kini pengunjung n sobat dapat menggunakan emoticon/smiley di komentar blog sobat.
Have a nice Blogging.

»» READMORE...