Mengetahui berapa banyak yang OL di Blog,

langsung saja ya.... Sebenernya postingan aku kali ini adalah request pengunjung di buku tamu aku. 

Cara ini sebenernya cukup gampang, karena kita hanya memerlukan kode HTML/JavaScript untuk menampilkan jumlah pengunjung yang online di blog kita.

Disini aku akan memanfaatkan jasa dari situs whos.amung.us. Karena selain Real Time dalam melihat pengunjung yang online di blog kita, whos.amung.us juga memilki fasilitas yaitu kita bisa mengetahui halaman apa saja yang dilihat para pengunjung diblog kita.

Ok langsung yookkk meluncur ke whos.amung.us 

atau juga bisa lihat kode scriptnya dibawah ini.

 

<script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('2pbd8bpawrlj', 'left-upper')</script>

<script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('2pbd8bpawrlj', 'left-middle')</script>

 

<script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('2pbd8bpawrlj', 'left-lower')</script>

 

<script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('2pbd8bpawrlj', 'bottom-left')</script>

 

<script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('2pbd8bpawrlj', 'bottom-center')</script>

 

<script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('2pbd8bpawrlj', 'bottom-right')</script>

 

<script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('2pbd8bpawrlj', 'right-upper')</script>

 

<script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('2pbd8bpawrlj', 'right-middle')</script>

 

<script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('2pbd8bpawrlj', 'right-lower')</script>

Lalu : 

1. login blog

2. klik rancangan 

3. edit HTML >> cari kode ]]></b:skin>

4. pilih salah satu kode diatas dengan mengcopy kode HTMLnya yang ada dibawah gambar lalu letakkan dibawah kode ]]></b:skin>

Good Luck Sobat.... ^_^ 

Posted By Erolingz

Continue reading →

mengganti cursor di blog part II,

-selamat Pagi sobat semua,, kali ini saya akan memposting cara mengganti kusors blog sobat, mungkin sobat bosan dengan tampilan kursor yang biasa-biasa saja? maka kali ini sobat mempelajari bagaimana mengganti atau merubah kursor sobat misalnya menjadi kursor yang bergerak atau animasi. untuk membuat kursor animasi sesuai keinginan sobat bisa dilakukan dengan menggunakan software-software pembuat animasi. Namun jika sobat tidak menguasai software tersebut, maka ada cara yang lebih mudah dilakukan. di internet banyak sekali situs-situs yang menawarkan kursor animasi. sobat bisa mendapatkan kursor yang sobat inginkan didalam situs seperti itu. hehhee


Berikut langkah-langkah yang harus sobat lakukan:
Mencari kursor gratis terlebih dahulu


Berikut ini langkah-langkah pencarian situs penyediaan kursor gratis, lalu mendapatkan kursor yang sobat inginkan dan membuanya siap ditempatkan dalam blogspot sobat:


Untuk mencari situs penyedia kursor gratis, gunakan Search engine dengan penulisan kata kunci pencarian misalnya "free animated cursor" atau sobat bisa kunjungi situs http://www.cursorpedia.com/ untuk mendapatkannya
Bila sobat telah menemukan situs yang tepat dan model kursor animasi yang sobat sukai, maka pastikan bahwa sobat memperoleh URL dari animasi tersebut.
Contoh URL animasi yang didapatkan dari situs cursor pedia adalah seperti ini: http://www.cursorpedia.com/ani/heart_heart_32.ani
Kebanyakan kursor telah memiliki kode lengkap yang khusus diperuntukkan bagi situs tertentu, misalnya MySpace. bila sobat menemukan yang seperti ini, maka ambil saja URL kursornya.
Pastikan alamat URL ini mempunyai ekstensi .ani (untuk kursor animasi) atau .cur (untuk kursor biasa) apabila sobat hanya mendapatkan fileberformat.ani atau .cur (bukan sebuah URL), maka sobat harus meng-upload kedalam webhosting khusus untuk image sepertiwww.photobucket.com
Selanjutnya sisipkan URL kursor animasi sobat ke dalam script berikut ini


Cursor: url ("URL KURSOR");
Gantilah teks "URL KURSOR" dengan URL kursor yang sobat peroleh. Contohnya seperti ini:


Cursor:url ("http://www.cursorpedia.com/ani/heart_heart_32.ani");


Dengan script diatas maka kursor animasi sobat telah siap diaplikasikan kedalam halaman Blogspot sobat.
Mengaplikasikan Kursor dalam Blog sobat 
Setelah sobat mempunyai script kursor seperti bahasan diatas, maka selanjutnya akan dijelaskan bagaimana cara mengaplikasikan kursor ke dalam halaman blogspot milik sobat.


Berikut ini caranya:
Login terlebih dahulu kedalam akun Blogspog sobat
Setelah itu klik menu Layout pada halaman dashboard
Selanjutnya klik menu EDIT HTML
Kemudian Cari kode body {
Setelah ketemu masukkan script kursor yang sobat miliki tadi seperti ini


body {
padding: 0;
margin: 0;)
font-size: small;
color: $textcolor;
background: #fff;
text-align: center;
cursor:url("http://www.cursorpedia.com/ani/heart_heart_32.ani");
}


Setelah itu klik tombol Save Template dan lihat hasilnya
Selamat Mencoba

Continue reading →

Membuat Read More Versi 2,

Berikut ini langkah-langkahnya:

1. Login ke Blogger
2. Pilih Layout --> Edit HTML
3. Kamu mau memback-up template kamu dulu nggak?, kalo iya kilik tulisan Download Template lalu simpan.
4. JBeri tanda centang pada kotak yang bertuliskan Expand Template Widget
5. Kopi kode berikut ini dan taruh tepat diatas kode </head>

<script src='http://kendhin.890m.com/Readmore.js'
type='text/javascript'/>

6. Sudah? sudah belum? ditanya kok diam aja gimana sih ? :x
7. Kalo sudah cari kode dibawah ini

<div class='post-header-line-1'/>

(letaknya kira-kira di bagian tengah kebawah. yak terus..terus..Nha disitu ketemu kan kodenya?)


8. Nha dibawahnya kan ada kode gini <div class='post-body entry-content'> Nha ganti kode tersebut menjadi seperti ini:

<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>

9.Terus dibawahnya kan kan ada kode gini <p><data:post.body/></p>
10. Tembahkan kode ini dibawahnya.

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

11. jadi seluruh kodenya akan menjadi seperti ini :

<div class='post-header-line-1'/> 
<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

12. Tulisan 'Selengkapnya' dan 'Ringkasan' bisa diganti dengan apa aja kata yang kamu suka.
13. Lalu simpan template.
14. Pilih menu Setting -->> Formatting
15. Di bagian bawah ada kotak yang disampingnya ada tulisan"Post Template", dan isikan kode dibawah ini ke dalamnya lalu simpan setting.

<span id="fullpost">


</span>

selesai....


Ohya, kalo memposting pilih yang "Edit Html", letakkan abstraksi posting yg akan ditampilkan di halaman muka di atas kode <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span id="fullpost"> dan </span>




Trus bagaimana bagi yang sudah pakai 'read more' yang lama dan pingin ganti dengan 'read more' yang baru ini?
gini caranya:


'Read more' yang lama kan kodenya seperti ini :

<div class='post-header-line-1'/>
<div class='post-body entry-conten'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More......</a>
</b:if>

hapus text yang berwarna biru, lalu ikuti langkah-langkah diatas.
oh ya jangan lupa ikuti langkah berikut ini
1. Pilih menu Setting -->> Formatting
2. Di bagian bawah ada kotak yang disampingnya ada tulisan "Post Template", dan isikan kode dibawah ini ke dalamnya lalu simpan setting.

<span id="fullpost">


</span>

bedanya apa sama read more yang dulu? perhatikan text yang berwarna merah, kalo dulu kan tulisannya "class" sekarang ganti menjadi "id".


Gimana? Sudah bisa belum?
Pinter.... anak siapa siiihhh??? duh lutunya :$

Continue reading →

Cara Membuat Read More / Baca Selengkapnya di Blogger

Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan kamu terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :


1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :


<p><data:post.body/></p>




4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti ini:


<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>


<p><data:post.body/></p>


<a expr:href='data:post.url'>Read More......</a>
</b:if>




Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".


5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:


<span class="fullpost">




</span>






8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :


<span class="fullpost">




</span>






10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>
11. Ini yang paling penting diantara semua proses diatas yaitu ..... Selesai..... he..he..he.. :D
Selamat Mencoba...

Continue reading →

Cara menambahkan Radio Gen FM Jakarta,

-Buka akun Blogger anda
-masuk ke Tata letak
-Klik Tambah Gadget
-Pilih javascript
-tambahkan judul sesuka mu
-masukkan script di bawah ini yang berwarna biru


<center><img src="http://www.987genfm.com/files/images/gen.png" />
<iframe width="400" height="48" frameborder="0" src="http://www.sportku.com/iframe/987genfm.html"></iframe></center>

Selamat mencoba

salam Erolingz

Continue reading →

cara menambahkan LazyLoad ke blog,

Apa Itu queryLoader (LazyLoad)
QueryLoader adalah layar kosong hitam (bisa diubah) yang meliputi blog Anda sampai semua konten dimuat, yang berarti bahwa pengunjung tidak akan melihat yang sebenarnya loading blog Anda, bukannya itu, mereka akan melihat halaman loading dengan bar dan persentase loading blog secara keseluruhan, itu dibuat dengan menggunakan j-query dan css. mudah untuk diterapkan ke blog blogger Anda, dan mampu menyesuaikan.


Langsug saja
seperti biasa login ke akun blog anda
dashboard>> Desain/Rancangan>> edit html, dan silahkan cari kode berikut,
</head>
kemudian taruh kode berikut ini sebelum/di atas kode </head>
>
<script src='http://code.jquery.com/jquery-1.5.min.js' type='text/javascript'/> <script src='http://blogger-loader.googlecode.com/files/queryLoaderpre.js' type='text/javascript'/>


Kemudian cari kode </body> kemudian taruh kode berikut ini sebelum kode tersebut
<script>
 QueryLoader.selectorPreload = &quot;body&quot;;
 QueryLoader.init();
</script>


 Langkah Terakhir copy kode berikut ini sebelum kode
 ]]></b:skin>


.QOverlay {
 background-color: #000000;
 z-index: 9999;
}


.QLoader {
 background-color: #CCCCCC;
 height: 1px;
}


.QAmt {
 color:#FF530D;
 font-size:50px;
 font-weight:bold;
 line-height:50px;
 height:50px;
 width:100px;
 margin:-60px 0 0 -50px;
}

^SELAMAT MENCOBA^

Continue reading →

Cheat Ninja Saga 3 Element,

1. Buka Aplikasi Ninja Saga di Facebook pakai Firefox
2. Buka cheat Engine 5.6.1
3. Select Proses, klik yg ada icon firefoxnya/ Plug in Container. klik open
4. Pliih Value Type : Text, lalu isi text dengan: skill41
5. Klik Fisrt Scan, akan muncul 2 addres skill41
6. Doble klik 2 address tersebut, address tersebut akan otomatis masuk di window bagian bawah.
7. Ganti kedua value skill41 dengan skill94(tergantung elemen yg dipilih). tutup che*t anggine
8. Kembali ke ninja saga
9. Klik jutsu, maka akan mendapatkan 3 skill
10. Masuklah ke acedemy beli salah satu skill yg anda butuhkan. Biarkan sampai proses selesai, tutup academi. Jangan lupa di Jutsu, kosongkan 1 slot buat skil baru. Karena secara otomatis setelah proses skill yang kamu beli tadi akan masuk ke slot tersebut.
- kalau kamu butuh fire : ganti skill41 dengan skill96
- kalau kamu butuh Ligthning : ganti skill41 dengan skill94
- kalau kamu butuh water : ganti skill41 dengan skill9


NB: Jangan salahkan saya kalau cheat ninja saga ini sudah tidak berfungsi atau akun anda terkena banned. Itu adalah resiko cheater yang menggunakan cara curang untuk bermain.

Continue reading →