Pasang Pelacak IP Address

Pasang Pelacak IP Address - Untuk pecinta aksesoris blog, Ini dia sobat satu lagi aksesori blog yang menarik untuk di sematkan di blog kalian,

Pasang Pelacak IP Address

Tool ini berfungsi untuk melacak alamat IP (Internet Protocol) sang pengunjung blog kita. Selain itu, tool ini juga bisa menampilkan informasi berupabrowser serta Operating system apa yang dipakai oleh pengunjung blog kita

Untuk kalian yang tertarik, banyak sekali situs yang menyediakan tool ini di internet dan khusus buat kalian, akan saya sarankan satu situs yaitu

http://www.wieistmeineip.de/banner/

Ini dia kira-kira tampilannya dan nanti ya kalian bisa memilih berbagai pilihan lainnya sesuai dengan keinginan kalian di situs tersebut           

1. Seperti biasa anda harus sign in di akun blogger.com kalian

2. Pilih blog yang akan kalian terapkan trik ini

3. Pilih menu Tata Letak lalu Tambah Gadget 

4. Pilih dan klik HTML/Javascript 

5. Paste kode yang tadi kalian copy, jika sudah ya klik SIMPAN

Mudah kan ?

Widget Monyet Malu Di BLog

Scholovers Blogger | Hai Sobat Blogger...! kali ini admin ingin bagi-bagi widget nih... yaitu Widget Monyet Malu Di BLog.

Nah bagi sobat yang mau pasang widget ini di blognya bisa pasang kodenya sebagai berikut :

1. Login ke akun blogger anda

2. Klik Template » Edit HTML
3. Cari kode </body>, lalu letakan kode dibawah ini tepat diatas kode tadi

<div id='namanyayoyo' style='position:fixed;bottom:50px;left:0;z-index:1'><embed bgcolor='#FFFFFF' height='125' id='mymovie' name='mymovie' quality='high' src='http://www.cute-factor.com/animation/yoyocici/yoyoduo.swf' style='' type='application/x-shockwave-flash' width='50' wmode='transparent'/></div>

nah... kayak gini jadinya:

coba sobat sorot kursornya ke arah monyetnya, dia pasti terkejut dan langsung ngumpet...
hehehe...
lucu bukan?

semoga bermanfaat...

fungsi Scroll untuk Berbagai Keperluan

Fungsi Scroll untuk berbagai keperluan, anda hanya membuat kode seperti ini :

<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">

Isi

</div>

Contoh : 

Cara Agar Blog Bisa diakses Via Handphone
Cara Buat Spoiler di Blog
Cara Melindungi Artikel Dari Copy Paste (Disable Highlight)
Cara Membuat Teks Berjalan di Menu Bar
Cara Menampilkan Status Y M
Cara kontrol akses blog blogger anda (Control permissions)
Cara mudah Ganti Favicon Di Blogspot
Custom permalink pada blogger
Daftar google sitemap
Fungsi Scroll untuk Berbagai Keperluan
Hanya Menampilkan Judul Posting Pada Halaman Awal Blog
Kotak Komentar Di bawah Posting
Memasang AddThis Pada Blogger
Memasang Efek Salju di Blog Model Baru
Memasang Protektor Anti Copas Di Blogspot
Memasang gambar ber-link pada blog
Mematikan Klik Kanan
Membackup Widget Blogger
Membuat Blog di Blogger
Membuat Daftar Isi Berdasarkan Label
Membuat Fungsi Refresh Otomatis pada Blog
Membuat Kotak Pencarian/Search Engine
Membuat Link dalam Postingan Blogger
Membuat Link di Sidebar atau Widget
Membuat Marquee( Text berjalan )
Membuat Readmore pada Posting ( Manual )
Membuat Recent Comment atau Komentar Terbaru
Membuat Text Area
Membuat iframe di Blog
Mengembalikan Tulisan Home
Mengganti Gambar Kursor di Blog
Mengganti Template Blog
Menghapus Tulisan Menampilkan Entri Terbaru dengan Label
Menghilangkan Garis Bawah pada Link
Menghilangkan Garis atau Bingkai Pada Gambar di posting
Menghilangkan Icon Obeng dan Tang / Quick edit Blogger
Menghilangkan Navbar blogger (Navigation Bar)
Menghilangkan Tulisan Beranda/Home
Menghilangkan Tulisan Posting Baru/Newer Post
Menghilangkan Tulisan Posting Lama atau Older Post
Menghilangkan Tulisan di Poskan Oleh
Menghilangkan bingkai gambar pada blog
Menghilangkan tulisan Beranda/Home
Mengurutkan judul posting berdasarkan ABJAD
Menyingkat komentar post dengan scrolling
Merubah Title Blog dengan Title Postingan
Pasang Buku Tamu di Sidebar
Pasang Feed di Blog
Pasang Flash di Blog
Pasang Jam di Blog
Pasang Meta Tag Blogger
Pasang Pelacak IP Address
Pasang Skrip Alert Di Blog
Pasang Statis Pagerank Blog Anda
Posting Kode HTML di Blog
Posting Via Email
SEO Blog Versi Deska_tire
Setting Custom Domain Blogspot
Shortcut atau Jalan pintas pada blogger
Tips Mengedit HTML Blogspot
Tips SEO untuk blogger pemula
Tips memilih domain
Tips memilih template blog yang SEO friendly
Tips pada template blogger
Tips sederhana mengelola blog
Tips sederhana mengelola blog
Tips sederhana menjadi seorang Blogger sejati

 keterangan :

width:300px; = Untuk mengatur lebar bidang scroll, sesuaikan dengan lebar yang kalian inginkan. Dengan mengubah nilai 300 sesuai kebutuhan

Fungsi Scroll untuk Berbagai Keperluan

height:200px; = Untuk mengatur tinggi bidang scroll, sesuaikan dengan lebar yang kalian inginkan. Dengan mengubah nilai 200 sesuai kebutuhan

border:1px solid #eee  = di gunakan untuk menampilkan garis, sehingga menghasilkan effect kotak, ubah nilainya menjadi 0px jika kalian tak ingin menampilkan garis nya

 overflow:auto; = kode penghasil scrolling atau penggulung halaman apabila isi dari halaman tersebut sudah melampaui batas tinggi atau lebar yang telah di tentukan.

padding:10px; = digunakan untuk membuat jarak agar tulisan yang ada dalam halaman tersebut tidak menabrak dinding halaman, nilai ini tentu saja bisa di ubah sesuai keinginan. Seperti 5px

Fungsi Scroll untuk Berbagai Keperluan

itu lah kira-kira kodestandartnya, kalian bisa juga menambahkan variasi lainya di fasilitas ini seperti : merubah backroundnya dengan gambar atau merubahnya dengan warna keinginan anda

selain bisa di isi dengan link dan teks, fungsi scroll juga bisa di isi dengan gambar, iklan atau apa saja sesuai keinginan anda

untuk meletakkannya , seperti biasa anda menambahkan elemen halaman, pilih html/javascript lalu geser sesuai letak yang kalian inginkan

menghilangkan Icon Obeng dan Tang / Quick edit Blogger

Ada seorang blogger yang bertanya kepada saya via google+, sebagai orang yang baik, di tanya ya di jawab. Hehehe

Masih binggung dengan judul trik nya ? kok obeng dan tang ?

Pernahkah tersadar jika kalian sedang mengedit blog anda, jika kalian lakukan kunjungan ke blog yang sedang anda edit maka akan ada icon tersebut . Seperti di bawah ini

Menghilangkan Icon Obeng dan Tang / Quick edit Blogger

 

Icon tersebut di namakan quick edit blogger, salah satu fasilitas pengeditan cepat ala blogger, jika kalian merasa terganggu, anda bisa kok menghilangkannya Ini dia trik Begini nih kira-kira

1. Seperti biasa anda harus sign in di akun blogger.com kalian

2. Pilih blog yang akan kalian terapkan trik ini

3. Pilih menu Template lalu Edit HTML;

4. Carilah kode yang kurang lebih seperti berikut ini ( gunakan ctrl+F untuk mempermudah pencarian):   

]]></b:skin>

5. Copy paste kode ini, letakkan persis di atasnya

 .quickedit{
display:none;
}

6.   Klik tombol Simpan template. 

7. Selesai.

Mudah kan ?

Cara memasang salju di blog model baru

Kadang dalam merubah tampilan blog kita harus menambahkan sesuatu yang baru lain sperti biasanya, semoga tutorial yang satu ini bisa membantu kalian yang ingin blog nya seperti di jatuhi banyak salju

1. Seperti biasa anda harus sign in di akun blogger.com kalian

2. Pilih blog yang akan kalian terapkan trik ini

3. Pilih menu Tata Letak » tambah elemen halaman;

4. Tambah widget pilih html lalu copy paste kode di bawah ini.

4.. Copy kode dibawah dan letakkan diatas  

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

 Cara memasang salju di blog model baru

5.  Lalu save deh 

Menghilangkan tulisan Beranda/Home

Menghilangkan tulisan Beranda/Home

anda pernah melihat tulisan seperti gambar di bawah ini ?
 

 

Jika kalian terganggu dengan tulisan ini, kalian bisa kok menghapusnya

 Begini nih kira-kira

1. Seperti biasa anda harus sign in di akun blogger.com kalian

2. Pilih blog yang akan kalian terapkan trik ini

3. Pilih menu Template lalu Edit HTML;

4. Carilah kode yang kurang lebih seperti berikut ini ( gunakan ctrl+F untuk mempermudah pencarian):  

<data:homeMsg/>

5. Hapus kode tersebut lalu simpan deh template nya 

Coba di lihat hasilnya Semoga berhasil Jika terdapat 2 kode, maka hapus lah yang letak nya paling terakhir 

Bisa kasih komentar untuk konsultasi masalah trik ini ya

Cara mudah Ganti Favicon Di Blogspot

Coba deh liat favicon address blog trikaja.  

Kalian ingin mengubahnya dengan icon yang di buat sendiri ?

Jika kalian ingin, segeralah membuat gambar ber ukuran persegi sekita

16x16 pixel, jika sudah lalu hosting di akun hosting anda, jika kalian tidak punya alternatifnya anda bisa upload icon yang tadi anda buat di picasa web album, lalu copy deh url image nya

Cara mudah Ganti Favicon Di Blogspot 

Kalau sudah siap, lakukan lah langkah-langkah ini

1. Seperti biasa anda harus sign in di akun blogger.com kalian
2. Pilih blog yang akan kalian terapkan trik ini 
3. Pilih menu Template » Edit HTML;
4. Carilah kode yang kurang lebih seperti berikut ini ( gnakan ctrl+F untuk mempermudah pencarian) :

<!--[CDATA[/*

      5. Paste kan kode di bawah ini tepat diatas nya ya,  jangan lupa ganti url dengan url favicon yang 

           anda mau

<link href='url img dari icon Anda' rel='icon' type='image/gif'/>

Gimana ? mudahkan ?

Jika favicon anda masih belum berubah, untuk tanya tanya bisa langsung via kotak omentar di bawah yaa

Mengganti Gambar Kursor di Blog

Pernahkah kalian melhat kursus yang tiba-tiba berubah ketika anda mengunjungi sebuah blog ? tenang, itu bukan kesalahan dari komputer anda, karena itu adalah script yang jalan pada blog tersebut kawan.

Cara Mengganti Gambar Kursor di Blog

Jika iya, apakah kalian tertarik dan ingin mencobanya di blog anda ?

Untuk kalian yang ingin mencoba nya, mari simak dengan baik

1. Seperti biasa anda harus sign in di akun blogger.com kalian

2. Pilih blog yang akan kalian terapkan trik ini

3. Pilih menu Template » Edit HTML;

4. Carilah kode yang kurang lebih seperti berikut ini ( gunakan ctrl+F untuk mempermudah pencarian):

body {

margin:0;

background:#cccccc;

color:#000000;

text-align: center;

}

a:link {

color:$linkcolor;

text-decoration:none;

}

a:visited {

color:$visitedlinkcolor;

text-decoration:none;

}

a:hover {

color:#000;

text-decoration:underline;

}

6. Kemudian tambahkan kode

cursor: url(url cursor), progress;

sehingga menjadi seperti ini;

body {

margin:0;

background:#cccccc;

color:#000000;

text-align: center;

cursor: url(url cursor), progress;

}

a:link {

color:$linkcolor;

text-decoration:none;

}

a:visited {

color:$visitedlinkcolor;

text-decoration:none;

}

a:hover {

color:#000;

text-decoration:underline;

cursor: url(url cursor), progress;

}

5. Ubah url merah dengan url cursor pada blog tidak ber-link dan url biru merupakan url cursor yang mengandung link

6. Kalian bisa membuat cursor sendiri atau bisa mendapatkannya urlnya di http://www.123cursors.com/ dan http://www.cursors-4u.com/.

7. Kemudian simpan template kalian

8. Selesaii

Coba lihat blog nya, apakah berhasil ?

Untuk pertanyaan atau kesulitan bisa langsung di sampaikan di kotak komentar yaa

Membuat Daftar Isi Berdasarkan Label

binggung ya kawan saat arus membuat daftar isi dari semua postingan blog kalian yang jumlahnya hingga ratusan, nah ini saya punya trik untuk solusi tersebut

cara membuat Daftar Isi Berdasarkan Label 

ini dia cara paling praktik untuk blog yang mempunya banyak posting serta berbagai label pada blog nya dan juga untuk mempemudah memfilter posting blog berdasarkan label

1. Seperti biasa anda harus sign in di akun blogger.com kalian

2. Pilih blog yang akan kalian terapkan trik ini

3. Pilih menu Rancangan » elemen halaman;

4. Tambah widget pilih html lalu copy paste kode di bawah ini.

<div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 300px; background-color: none; text-align: left;"><script style="text/javascript">

var numposts = 50;

var standardstyling = true;

</script>

<script type='text/javascript' src='https://sites.google.com/site/taufanorg/Home/rc-label.js'></script>

<ul>

<script src="http://www.blooger.co.id/feeds/posts/default/-/Tutorial%20Blogspot?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>

</ul></div>

Ket:

Merah : menggunakan fasilias scroll bar, jika kalian ingin menonaktifkan nya, kalian tinggal hapus kode merahnya. Height (mengatur tinggi), width (lebarnya ), backround color (warna latarnya) ganti none dengan kode warna

Hijau : isi dengan url blog anda


pink : ganti dengan nama label yang anda inginkan

3. Klik Simpan. Geser dan atur tata letaknya dimana kalian suka

4. Selesai

Hanya Menampilkan Judul Posting Pada Halaman Awal Blog

Setelan dasar rtampilan awal blogger adalah judul lalu di sertai ringkasan isi dari postingannya, untuk kalian yang ingin simple dan ingin membuatnya hanya menampilkan judul postingannya saja pada halaman awal blog kamu, saya punya tips nya. lihat contoh

Hanya Menampilkan Judul Posting Pada Halaman Awal Blog

Trik ini juga bisa membuat blog lebih cepat untuk di akses loh, karena hanya memerlukan source yang cukup sedikit, minat untuk menerapkannya di blog sobat ? nih triknya

1. Seperti biasa anda harus sign in di akun blogger.com kalian

2. Pilih blog yang akan kalian terapkan trik ini

3. Pilih menu Template lalu Edit HTML;

4. Carilah kode yang kurang lebih seperti berikut ini ( gnakan ctrl+F untuk mempermudah pencarian):

<b:include data='post' name='post'

5. Ganti Kode Tersebut dengan kode berikut.

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <a expr:href='data:post.url'> <div style='padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:0px solid #ccc;margin-bottom:0px;background:;color:;'> <data:post.title/></div></a> <b:else/> <b:include data='post' name='post'/> </b:if> <b:else/> <b:include data='post' name='post'/> </b:if>

6. SIMPAN templatenya

Gimana ?
Mudahkan ?

Cara Membuat Tulisan Unik Di Buku Tamu/C-BOX

Sedikit berbagi pengalaman pribadi lagi nih sob,, heheheheee,,,

pada saat melihat teman-teman blogger menulis di buku tamu CBOX saya kok bisa bergerak-gerak,, sedikit rasa penasaran dan mencoba dengan kode HTML,, tapi ternyata salah,, hehehe,, jadi malu nih sob,, maklumlah masih pemula,, dan akhirnya saya cari di mbah google dan akhinya ketemu juga nih,, setelah saya coba ternyata berhasil juga,, belajar dari kesalahan memang sangat bermanfaat walaupun agak malu juga ya sob,,

Nah bagi sobat yang belum tahu bagaimana caranya biar tidak salah kayak saya disini saya berbagi sedikit ilmu. Diantaranya membuat tulisan berjalan, Berwarna, bergaris bawah, tebal dan lain sebagainya.

Nah langsung saja kita bahas, untuk membuat tulisan pada CBOX lebih terlihat menarik silahkan ikuti langkah langkah berikut :

1. Membuat Teks Berjalan di CBOX

 Apit kata-kata yang ingin dibuat berjalan dengan [scroll] dan [/scroll]

 Contoh:[scroll]Salamkenal [/scroll] hasilnya:Salam kenal

2. Membuat Teks Berukuran Besar
   Apit kata-kata yang ingin dicetak besar dengan [big] dan [/big]
   Contoh: [big] Salam kenal [/big] hasilnya adalah: Salam kenal

3. Membuat Teks Miring
   Apit kata-kata yang ingin dicetak miring dengan [i] dan [/i]
   Contoh: [i] Salam kenal [/i] hasilnya: Salam kenal

4. Membuat Teks Tebal
   Apit kata-kata yang ingin dicetak tebal dengan [b] dan [/b]
   Contoh: [b] Salam kenal [/b] hasilnya adalah: Salam kenal

5. Membuat Teks Bergaris Bawah
   Apit kata-kata yang ingin digaris bawah dengan [u] dan [/u]
   Contoh: [u ]Salam kenal [/u] hasilnya adalah: Salam kenal

6. Membuat Teks Bergaris Tengah
   Apit kata-kata yang ingin di garis tengah atau dicoret dengan [s] dan [/s]
   Contoh: [s] Salam kenal [/s] hasilnya adalah: Salam kenal

7. Membuat Tulisan Berukuran Kecil
   Apit kata-kata yang ingin dicetak kecil dengan [small] dan [/small]
   Contoh:  [small] Salam kenal  [/small] dan hasilnya adalah: Salam kenal

8. Cara Membuat Tulisan Rata Tengah (Center)
   Apit kata-kata yang ingin dibuat rata tengah dengan [center] dan [/center]
   Contoh: [center] Salam kenal [/center] hasilnya adalah:

Salam Kenal

9. Membuat Tulisan Berwarna
   Apit kata-kata yang ingin diberi warna dengan [color=warna] dan [/color]
   Contoh: [color=red] Salam kenal [/color]  maka hasilnya adalah: Salam kenal

10. Cara Membuat Teks yang Ber Link
   Apit kata-kata yang ingin diberi link dengan [url=alamatURL] dan [/url]
   Contoh: [url=http://www.blooger.co.id/] Scholovers Blogger [/url] maka hasilnya adalah: Scholovers Blogger

Selamat mencoba ya sob,,