Tampilkan postingan dengan label Blog Tutorial. Tampilkan semua postingan
Tampilkan postingan dengan label Blog Tutorial. Tampilkan semua postingan
0

Cara Mengganti Gambar Cursor di Blog

Senin, 11 Maret 2013
Gara-gara kepingin sekali mengganti gambar kursor di blog ini, akhirnya setelah googling kesana kemari nemu juga sebuah situs yang menyediakan banyak gambar-gambar kursor pilihan. Gambar kursor yang disediakan situs penyedia gambar ini http://www.totallyfreecursors.com/ banyak sekali, jadi kita tinggal memilih sesuai selera aja. Untuk cara memasang gambar kursor ini di blog, kita harus menambahkan sedikit saja kode CSS supaya bisa dipasang pada template. Dibawah ini ada beberapa sample gambar untuk kursor yang saya ambil berikut URL alamat kursor tersebut.
              URL : http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif
                URL : http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif
                URL : http://downloads.totallyfreecursors.com/thumbnails/tail2.gif
                URL : http://downloads.totallyfreecursors.com/thumbnails/banana1.gif
                URL : http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif
               
Cara mengganti gambar kursor di blog :
1.    Login ke dashboard blogger anda.
2.    Pilih Rancangan > Edit HTML, centang Expand widget template.
3.    Carilah kode </head>pada template anda dengan menggunakan Ctrl F.
4.    Copy kode CSS dibawah ini dan letakkan tepat diatas kode </head> .

<style type='text/css'> HTML,BODY{cursor: url(&quot;http://downloads.totallyfreecursors.com/thumbnails/sweden.gif&quot;), auto;} </style>
5.    Simpan template anda dan lihat perubahan pada gambar kursor
6.    Jika sobat ingin mengganti gambar kursor dengan gambar yang lain, sobat tinggal ganti URL gambar yang berwarna merah dengan URL gambar pada sample diatas atau sobat bisa langsung browsing sendiri ke TKP di http://www.totallyfreecursors.com/ .
Nah ternyata mengganti gambar kursor di blog memang bisa jadi solusi mempercantik tampilan blog juga ya apalagi kalo ditambahin lagi dengan efek bintang siip dah. Tinggal giliran sobat blogger nih, selamat mencoba ya !
0

Cara Menampilkan / Pasang Emoticon di Kotak Komentar

Dengan adanya emoticon di kotak komentar tentunya akan membuat blog menjadi lebih hidup. Para komentator menjadi lebih bisa mengekspresikan perasaannya melalui icon2 (emoticon). Kalau di wordpress mungkin feature ini sudah tersedia. Tapi untuk blogspot kita harus mengotak-atik dan mengakalinya supaya bisa menampilkan emoticon di area komentar. Gimana? kamu mau memasang emoticon ini?

Seperti biasanya, di trik ini akan diberikan dua macam emoticon, yaitu emoticon kucing (seperti punyaku ini) dan emoticon yahoo. Kamu tinggal pilih mana yang kamu suka.

Emoticon Yahoo :



Emoticon Kucing :



Gini nih cara membuatnya :

1. Pertama login ke blogger, trus ke "Layout (Tataletak) --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode </body>

Untuk Emoticon Yahoo :
<script src='http://kendhin.890m.com/emoticon/smile1.js' type='text/javascript'/>

Untuk Emoticon Kucing :
<script src='http://kendhin.890m.com/emoticon/smile2.js' type='text/javascript'/>


4. Kemudian cari kode berikut ini :
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>


5. Kalo sudah ketemu letakkan kode2 berikut setelah kode <p class='comment-footer'>

Ini untuk Yahoo emoticon :
<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))
</b>


Kalo mo yang emoticon kucing pake yang ini :

<b><img border='0' src='http://kendhin.890m.com/emoticon/capek.gif'/>
:f
<img border='0' src='http://kendhin.890m.com/emoticon/bigsmile.gif'/>
:D
<img border='0' src='http://kendhin.890m.com/emoticon/hi.gif'/>
:)
<img border='0' src='http://kendhin.890m.com/emoticon/kagum.gif'/>
;;)
<img border='0' src='http://kendhin.890m.com/emoticon/love.gif'/>
:x
<img border='0' src='http://kendhin.890m.com/emoticon/malu.gif'/>
:$
<img border='0' src='http://kendhin.890m.com/emoticon/marah.gif'/>
x(
<img border='0' src='http://kendhin.890m.com/emoticon/bingung.gif'/>
:?
</b>
<br/>
<b>
<img border='0' src='http://kendhin.890m.com/emoticon/mumet.gif'/>
:@
<img border='0' src='http://kendhin.890m.com/emoticon/muntah.gif'/>
:~
<img border='0' src='http://kendhin.890m.com/emoticon/mentok.gif'/>
:|
<img border='0' src='http://kendhin.890m.com/emoticon/ngakak.gif'/>
:))
<img border='0' src='http://kendhin.890m.com/emoticon/sedih.gif'/>
:(
<img border='0' src='http://kendhin.890m.com/emoticon/senang.gif'/>
:s
<img border='0' src='http://kendhin.890m.com/emoticon/tolong.gif'/>
:((
<img border='0' src='http://kendhin.890m.com/emoticon/wow.gif'/>
:o </b>

6. Kalo sudah trus di "save" dan coba lihat hasilnya

Tambahan
* Kadang-kadang ada beberapa template memiliki kode yang beda. Kalau caranya sudah dilaksanakan dengan benar tapi hasilnya tidak terjadi apa2 atau kodenya tidak berubah menjadi emoticon, kemungkinan itu karena Kode untuk templatenya berbeda atau bisa juga karena mugnkin hosting untuk menaruh file emoticon dan javascriptnya sedang bermasalah.
0

Cara Mengganti "Older Posts" Dengan Angka

Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.
Nha trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini


1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML"
2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut
.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;
}


3. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.
<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>
<!--Page Navigation Ends -->


Kalau sudah silahkan dilihat hasilnya.
0

Cara Mengecheck PageRank Di Blog

Cara Mengecheck PageRank DI Blogspot - Halo Sobat Kali Ini Saya Akan Memberikan Tips Blog Yang Banyak Di Gunakan Orang Lain Website Ini Adalah Website Yang Akan Mengecheck PageRank Blogger Kita Jadi Kalo Yang Mash PR ( PAGERANK ) masih 0 tetap semangat untuk mendapat pagerank yang lebih tinggi... Dan Website Ini Bernama PRCHECKER.INFO  Website Ini Sangat Berguna Untuk Blogger Yang Kepingin tahu PageRank Kita , Sekarang Akan Saya Jelaskan Pengertian Dari PAGERANK :

PageRank adalah sebuah algoritma yang telah dipatenkan yang berfungsi menentukan situs web mana yang lebih penting/populer. PageRank merupakan salah satu fitur utamamesin pencari Google dan diciptakan oleh pendirinya, Larry Page dan Sergey Brin yang merupakan mahasiswa Ph.D. Universitas Stanford.

*Sumber : Wikipedia

Ok Sobat sudah jelaskan Sekarang Tinggal Alat Untuk Mengecheck Page Rank Sobat :



Check Page Rank of your Web site pages instantly:
This page rank checking tool is powered by Page Rank Checker service
Cara Pengunaan :
  1. Isi Link Sobat / URL Blog Sobat Pada Form Diatas Biasanya Redirect Ke PRCHECKER.INFO
  2. Nanti Tinggal Diisi deh Kode Yang Ada Di Gambar Klik Tombol..
  3. SELESAI
Gimana Sobat Sekarang Sobat Sudah Tahu Bukan PageRank Sobat Kalo Yang PageRanknya Masih 0 Tetap Semangat Untuk Mendapatkan PageRank Yang Lebih Tinggi :D
0

Backlink Berkualitas Tinggi

Halo Sobat Kali Ini Saya akan membagikan Tips Bagus Nih Buat Para Blogger yaitu Backlink yang sangt bagus untuk blog sobat tampa panjang lebar meding saya kasih tau caranya, berikut adalah caranya :

1.Sobat Daftar / Register Disini
2. Klik Register Di Pojok Kanan Atas nanti ada tulisan register
4.Nanti password adademail Lalu Login
5.Setelah Logi Scrool Ke bawah nanti seperti ada Form , lalu form itu diisi Kalo udah diisi Klik Tombol         UPDATE

Bayangkan jika anda sudah mengajak 2 orang dan 2 orang member Anda tadi juga bisa mengerjakan cara yang sama, mereka mengajak masing-masing 2 teman mereka, berarti ada tambahan 4 orang kan?. 4 Orang ini disebut Level 2 Anda. Total Jumlah member Anda sekarang menjadi 6. Kemudian ini berlanjut terus, 4 orang baru yang di level 2 Anda tadi juga mengajak 2 teman mereka, tambah 8 (Level 3). Sekarang Anda telah dibantu oleh 14 orang. Link Ke Blog Anda dibawa oleh 14 orang, padahal Anda hanya ngelink ke tempat saya satu kali bukan? Ini terus berlanjut!

Dan Berikut Tabel Perkembannganya :

LevelJumlahTotal
122
246
3814
41630
53262
664126
7128254
8256510
95121022
1010242046
1120484094
1240968190
13819216382
141638432766
153276865534
1665384131070
17131072262142
18262144524286
195242881048574
2010485762097150

Dan Pastinya Bisa kebanjiran PENGUNJUNG..!!!  Ok Sobat Sekian Dulu Semoga Berhasil Dengan Menggunakan Trick INi
0

Cara membuat link exchanges otomatis di blog

Hai... Sobat Kali Ini Saya Akan memberikan trick buat yang baru mempunyai blog dan ingin membuat postingan Link Exchange Atau Tukar Link Trick Ini Sangat Gampang Tidak Ribet-Ribet pake harus bikin gambarnya dan bikin kode Htmlnya itu pasti sangat ribet,  Tips Ini Menggunakan Sebuah Web Yaitu Web Yang Bernama Blenza Atau Sering Disebut dengan nama Mister Linky , jangan Lupa tukar link dengan saya klik disini 



Jika Anda Sudah membaca Tulisan Diatas Sekarang tinggal Tricknya Saya Lihat :

Cara membuat Widget :
1.Kunjungi BLENZA
2.Klik Tab Register
3.Setelah registrasi anda akan di beri pesan kode diemail anda
4.Buka Email Copy Kode yang di berikan ke kotak tadi
5.lalu tekan tombol / button yg ada dibawah kotak tadi
6.Setelah Selesai Anda LOGIN Lagi
7.Setelah Login Pilih Tab Wizard
8.Pada Choose Your Server pilih Blogger
9.Pada Choose your Widget Pilih original Auto Link
10.Copy Kode Yang Di Berikan Dan Pastekan Ke HTML/JavaScript Atau Posting (seterah sobat)



Cara memasukkan Kode Ke Postingan :
1.Login Ke Blogger > Entri Baru / Edit Laman/ Entri (bagi yang sudah ada postingannya pilih Edit Laman/Entri)
2.Dan Ke Tab Edit HTML 
3.Pastekan Kode tadi 
4.Dan Prantinjau Dulu Berhasil Atau tidak 
5. Kalau Berhasil Terbitkan ENTRI
6. Selesai

0

Membuat Judul blog bergerak

Membuat Judul blog bergerak adalah salah satu cara untuk membuat blog sobat menjadi terlihat lebih menarik. Nah, selain itu judul blog bergerak ini pun memiliki fungsi lain sob, mungkin sobat memiliki sebuah blog yang judul blognya panjang, judul blog bergerak ini merupakan salah satu alternatif agar judul blog sobat yang panjang terbaca. Oiya, judul blog yang dimaksud ini adalah nama blog sobat.
membuat judul blog berjalan
Hanya dengan mengubah sedikit kode html template sobat, judul blog bergerak pun jadi. Pada postingan sebelumnya juga kita pernah membahas tentang Cara membuat judul adress bar tampil beda. Sama dengan postingan sebelumnya, kita menggunakan script yang dapat membuat judul blog bergerak. Untuk gerakannya, judul blog bergerak ini satu jenis dengan marquee. Yaitu bergerak dari kanan ke kiri. Okedeh sobat, tanpa basa-basi lagi silahkan sobat lihat bagaimana cara Membuat Judul blog bergerak di bawah ini.
  1. Masuk ke blogger.com dan login menggunakan akun blog sobat
  2. Masuk pada halaman Template
  3. Klik Edit HTML lalu Lanjutkan
  4. Cari kode <title><data:blog.pageTitle/></title>, untuk mempermudah pencarian gunakan ctrl+f
  5. Jika kode tersebut sudah ditemukan, ganti kode tersebut dengan kode di bawah ini:
    <b:include data='blog' name='all-head-content'/>

    <script language='JavaScript'>
    var txt="<data:blog.pageTitle/> - ";
    var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
    txt=txt.substring(1,txt.length)+txt.charAt(0);
    segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
    </script>
    - tulisan berwarna merah adalah kode dari kecepatan gerakan judul blog. Jadi bisa sobat ganti sesuai dengan keinginan sobat.
    - tulisan berwarna biru adalah kode otomatis dari judul blog sobat. Nah, bisa sobat ganti dengan mengganti kode berwarna biru tersebut dengan judul blog sobat yang diinginkan
  6. Sebelum sobat simpan, silahkan klik Pratinjau terlebih dahulu agar judul blog berjalan sesuai dengan keinginan sobat
  7. Jika sudah pas dan sesuai dengan keinginan sobat silahkan klik Simpan Template
Bagaimana ? sederhana kan sobat untuk membuat judul blog bergerak? Okedeh sob, reggy pamit dulu sampai disini. Sampai jumpa ;)
0

Cara Mematikan Tombol Ctrl + U Di Blog

Cara Mematikan Tombol Ctrl + U Di Blog

 Cara Mematikan Tombol Ctrl + U Di Blog - Hari ini seperti Biasa saya akan Memberikan sedikit Tips dan Trik Mengenai Cara MenDisable Ctrl + U , Ctrl + A Dan Blok Selected pada Teks Di Blog.Memang sudah banyak Tips dan Trik seperti Ini Yang sudah bertebaran Di internet,Tapi untuk Trik yang satu ini minimal Hanya memberikan efek kejutan bagi yang sering Menggunakan Ctrl + U Seperti saya ini Sendiri hehehehe....

 Trik ini biasanya di pasang Oleh para Blogger untuk menghindari adanya Plagiat dan Kegiatan Copy paste Tanpa Izin yang di lakukan Oleh Para Blogger Lain.Memang sebagian Orang tidak suka dengan adanya Mematikan Tombol Ctrl + U , Ctrl + A Dan Blok Selekted Pada Teks ( Blogger yang memasang Trik itu sepertinya tidak iklhas dalam memberikan tips trik artikelnya ) Tapi karena Alasan Di atas Para Sebagian Master Blogger Menggunakan Tips Trik Itu.Yang jelas jangan jadikan Semua itu menjadi Pro dan Kontra.Karena semua terjadi Seperti itu yaitu mematikan Sebagian Fitur Dari Blog di karenankan banyak sekali Alasannya.Ya salah satunya ya seperti yang saya Sebutkan Tadi

 Jika anda tertarik Dengan Cara Mematikan Tombol Ctrl + U , Ctrl + A Dan Blok Selekted Pada Teks.Ikuti langkah Langkah yang saya berikan di bawah Ini :

1.Langkah Pertama Login Blogger.
2.Langkah Kedua Template - Edit HTML - Klik Expand Widget Template,Kemudian cari Kode <body> Untuk mempercepat Proses pencarian Gunkan Ctrl + F lalu masukkan Kode <body> Jika Kode seperti <body> Sudah anda ketemukan.Lalu ganti Kode <body> itu dengan Kode di bawah Ini :

<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>

Keterangan :
  1. Untuk Kode oncontextmenu='return false;' Berfungsi untuk ( Mendisable Klik Kanan Pada Mose Di Blog.)
  2. Untuk Kode onkeydown='return false;' Berfungsi Untuk ( MenDisable Ctrl + U dan Ctrl + A Pada KeyBoard Di Blog.)
  3. Untuk kode onmousedown='return false;' Berfungsi Untuk ( MenDisable Blok Selekted Pada Teks Pada Postingan Blog.)
Jadi gunakan Salah Satu Kode diatas mana yang lebih penting anda pasang atau anda pasang kode itu semuanya di Blog anda.

3.Langkah Terhakhir Simpan Template anda.

 Itulah Cara Mematikan Tombol Ctrl + U Semoga Trik kecil itu bisa bermanfaat ,Bagi anda yang ingin menggunakan Kode di atas.