Wednesday, May 23, 2012

Gambar Membesar Diarahkan Cursor

Image Zoom Effects,picture,image,Zoom Effects,cursor image

Bagi sobat blogger yang sering berkunjung di blog saya ini, pasti sudah tau bagaimana efek dari setiap gambar di setiap postingan saya jika diarahkan cursor. Gambar tersebut pasti membesar. Dalam dunia blogging, fitur seperti ini sering disebut dengan nama Image Zoom Effects atau Hover Zoom Smooth Effects.

Memasang Image Zoom Effects di blog, sebenarnya sangat menggangu pengunjung yang sedang membaca postingan kita. Tetapi tidak tau kenapa, saya pribadi dan banyak lagi rekan-rekan blogger yang lain senang dengan fitur ini. Bagaimana dengan sobat? Apakah senang dengan fitur Image Zoom Effects? Kalau sobat blogger senang dan ingin memasang fitur ini, ikuti langkah berikut.

Cara membuat Gambar Membesar Dibayangi Cursor.
  • Masuk ke akun blogger sobat.
  • Pada menu Drop Down, klik template.
  • Backup terlebih dahulu template sobat.
  • Klik Edit HTML dan klik Proceed.
  • Gunakan CNTRL + F untuk mencari kode ]]></b:skin>
  • Kalau sudah ketemu, Copy Paste kode berikut tepat di atas kode ]]></b:skin>
.post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }
  • Simpan template sobat.

Coba buka salah satu postingan blog sobat untuk melihat hasil dari fitur Hover Zoom Smooth Effects.

Baca Selengkapnya

Monday, May 21, 2012

Cara Memperindah Tampilan Google FeedBurner

FeedBurner,feed,feedburner google,google feed

Kalau sobat blogger sering berkunjung ke blog Rinjani Lovers ini, sobat blogger akan melihat penampakan yang selalu muncul di bawah setiap postingan . Penampakan yang muncul bukan penampakan hantu seperti yang ada di pikiran sobat blogger (Heeee…), tapi penampakan dari Kotak Berlangganan FeedBurner.  Secara otomatis, Kotak Berlangganan FeedBurner akan selalu muncul pada setiap postingan yang difublikasikan karena Template Rinjani Lovers sudah di setting seperti itu.

Ketika banyak visitor atau pengunjung berlangganan artikel dari blog sobat blogger, hal itu akan berdampak positif pada Page Rank blog sobat. Oleh karena itu, perlu sedikit polesan terhadap Kotak Berlangganan FeedBurner, karena siapa tau dengan indahnya tampilan Kotak Berlangganan FeedBurner sobat, pengunjung jadi tertarik untuk berlangganan artikel sobat (Ahhhh.... Kayaknya g' mukn gra2 tampilan Kotak Berlangganan FeedBurner indah, pengunjung jdi langganan).
Berikut ini kode kotak berlanggan Feedburner, silahkan di copy dan di paste di blog sobat!

<form style="background:url(http://i1179.photobucket.com/albums/x384/RinjaniLovers/Newspaper-Feed-icon.png) no-repeat right bottom; border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=RinjaniLovers', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Dapatkan Artikel terbaru Rinjani Lovers secara gratis! Untuk itu, masukkan Email anda pada kolom di bawah ini. Setiap artikel yang kami publikasikan, akan langsung kami kirim ke Email anda:</p><p><input type="text" style="width:168px; background:#8CE601" name="email" /></p><input type="hidden" value="RinjaniLovers" name="uri" /><input type="hidden" name="loc" value="en_US" /><input style="margin: 0px; padding: 0px; width: 72px;background:#73ccff;" type="submit" value="Subscribe" /><p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p></form>


Tambahan :
  • Ganti tulisan yang berwarna merah dengan identitas Google FeedBurner Sobat
  • Ganti Tulisan yang berwarna orange dengan Pesan atau Message sobat sendiri

Baca Selengkapnya

Saturday, May 5, 2012

Kenapa Harus Distribusi Alexa Toolbar?

Toolbar Creator,Alexa Toolbar Creator,alexa,alexa.com

Ribuan bahkan jutaan blog yang ada di Indonesia, sudah terdaftar di situs Alexa.com. Setengah dari blog tersebut, ketika pemiliknya berhasil meng-claim blognya di situs Alexa, mereka langsung membuat Toolbar Alexa untuk blog atau situs mereka di Toolbar Creator. Apakah sobat blogger sudah membuat Toolbar untuk blog sobat? Kalau belum, sebaiknya sobat langsung saja mengunjungi link berikut Toolbar Creator Log In. Kenapa saya menganjurkan sobat blogger untuk membuat lalu mendistribusikan Alexa Toolbar untuk blog sobat? Itulah Tutorial blog yang akan saya sampaikan hari ini.

Kenapa kita harus mendistribusikan Alexa Toolbar untuk pengunjung blog kita?
  1. Dengan memasang Alexa Toolbar, sobat blogger dapat menjangkau audiens sobat blogger dimanapun mereka berada di web. Kita dapat mengirimkan mereka pesan berupa konten dinamis dari blog kita 
  2. Untuk menjaga Brand di depan pengguna Toolbar kita. Dengan ini, kita dapat meletakkan Logo dari blog kita dan dapat meletakkan beberapa link di browser Alexa Toolbar.
  3. Untuk membangun komunitas melalui social networking atau jejaring sosial seperti Facebook dan Twitter.
  4. Untuk mendapatkan Traffik yang melimpah ke blog kita. Fitur Add links, menus, site search dan dynamic headlines akan membawa Traffic Back ke blog kita.

Bagaimana? Apakah ke empat alasan di atas membuat sobat blogger tertarik untuk membuat dan mendistribusikan Alexa Toolbar?

Sedikit tambahan buat tutorial ini :
Alexa Toolbar saat ini hanya kompatibel dengan media browser Firefox dan Internet Explorer.


Baca Selengkapnya

Tuesday, May 1, 2012

Otomatis Buka Link di Tab Baru

Open Link in New Tab,tab baru, attribute target="_blank",link di klik,klik link,tab baru,new tab


Ketika di dalam postingan kita terdapat banyak link External atau link yang berasal dari luar, sudah tentu kita akan menambahkan attribute target="_blank" pada link tersebut supaya postingan kita yang sedang di baca oleh pengunjung, tidak tertutup karena link external tersebut di klik oleh pengunjung. Attribute target="_blank" di masukkan di dalam teks link agar link yang di klik terbuka di tab baru (Jadi, link yang terbuka sebelumnya tidak tertutup). 

Di tampilan baru blogger (Blogger New Interface), Blogger sudah menyiapkan sebuah fitur yang memungkinkan sobat blogger untuk menambahkan attribute target="_blank" pada link postingan sobat. Pada Hyperlink Text, sbat blogger tinggal memberi centang pada "Open Link in New tab".
Tetapi, supaya sobat blogger tidak kerja dua kali. Saya kasih saja sebuah kode yang membuat semua link yang terdapat di blog sobat akan terbuka di tab baru, apakah itu link yang ada di dalam postingan atau link yang terdapat di Sidebar blog sobat. Jadi, dengan adanya kode ini, sobat blogger tidak perlu mencentang Open Link in New Tab atau menambahkan attribute target="_blank" pada semua link yang terdapat di blog sobat.

Cara Membuat Semua Link Terbuka Di Tab Baru Secara Otomatis :
  • Seperti biasa, Sobat blogger masuk dulu di akun blog sobat.
  • Pada menu drop down (Blogger New Interface), Klik Template
  • Klik Edit HTML dan klik Proceed.
  • Cari kode <head>, Kalau sudah ketemu, tambahkan kode berikut tepat di bawahnya.
<base target='_blank' />
  • Simpan template sobat.

Apakah sobat blogger sudah berhasil dalam membuat semua link blog sobat terbuka di tab baru? Coba saja buka salah satu postingan sobat yang ada linknya, kemudian klik link tersebut. Pasti link tersebut secara otomatis terbuka di tab baru.


Baca Selengkapnya

Copyright © 2012 Tutorial Blogspot | Design by X-Template