Membuat Link Berwarna Warni

Membuat Link Berwarna Warni Saat Disentuh Cursor | Tutorial Blog

Dalam merubah tampilan link saat di sentuh cursor, kita dapat merubahnya menjadi berwarna warni, ada pula cara lain, misalnya; Membuat Link Berbintang-Bintang, Membuat Link Berkedip Saat Disentuh Cursor, dan lain lain.

Berikut cara Membuat Link Berwarna Warni Saat Disentuh Cursor :

1. Masuk ke akun Blogger Sobat. Klik Rancangan > Edit HTML.
   
2. Beri tanda centang di Expand Template Widget.
   
   Klik Download Template Lengkap untuk berjaga-jaga kalau nanti terjadi kesalahan kita dapat dengan mudah mengembalikan template seperti semula.
3. Cari kode <b:skin><![CDATA[
4. Copy kode di bawah ini lalu paste di atas kode tersebut
   <script src='http://achmad46.googlepages.com/rainbow.js'>
   </script>
5. Terakhir SIMPAN / SAVE TEMPLATE.
   

Sumber : Membuat Link Berwarna Warni Saat Disentuh Cursor.

Memasang Widget Recent Post

Memasang Widget Recent Post | Tutorial Blog

Tutorial kali ini buat para newbie seperti saya, buat para master silakan lewat. hehe...

Berikut cara Memasang Widget Recent Post :

• Untuk Blogspot :

1. Login ke akun blogger anda. Pilih Design/Rancangan > Page Element/Elemen Halaman.
   
2. Klik Add a Gadget/Tambah Gadget.
   
3. Pilih pada menu Featured.
   
4. Lalu pilih Recent Post
   
5. Selanjutnya atur tampilan widget seperti keinginan Anda. Terakhir klik Save.
   

• Untuk Wordpress :

1. Login ke Dasboard wordpress Anda, klik pada menu Appearance > Widget.
   
2. Drag Recent Post dan letakkan pada Sidebar.
   
3. Terakhir klik Save.
   

Semoga Bermanfaat...

Memasang Tombol Google Plus di Pojok Postingan

Memasang Tombol Google Plus di Pojok postingan | Tutorial Blog

Tombol google plus ini fungsinya sama seperti Tombol Share yang lain yaitu untuk berbagi dan menyebarkan informasi pada pengguna google plus. Dalam Memasang Google Plus Button ini kita dapat mengaturnya, misalnya di atas posting blog, atau di bawah posting blog .

Untuk lebih jelasnya silakan ikuti Tutorial berikut :

1. Login ke Blogger, Klik Design/Rancangan > Edit HTML.
   
2. Beri tanda centang pada Expand Template Widget.
   
   Tips : Biasakan mendownload template untuk membackup template sebelum di edit.
3. Cari kode </head>. Jika sudah ketemu, Pasang kode script google plus ini di atas kode tadi.
   untuk blog berbahasa Inggris:
   <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
   untuk blog berbahasa Indonesia:
   <script type="text/javascript" src="https://apis.google.com/js/plusone.js">{lang: 'id'}</script>
4. Selanjutnya cari kode <data:post.body> atau <data:post.body/> karena setiap template berbeda silakan cari kode yang ada pada template Anda, bila menemukan beberapa kode yang sama, simpan pada kode yang kedua.
5. Lalu masukkan kode berikut;
   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
   <div style='float:right'>
   <g:plusone expr:href='data:post.url' size='medium'/>
   </div>
   </b:if>
   • Jika Anda ingin memasang di atas postingan letakan kode tersebut di atas kode <data:post.body> atau <data:post.body/> 
   • Jika Anda ingin memasang di bawah postingan letakan kode tersebut di bawah kode <data:post.body> atau <data:post.body/> 
   • Kode yang saya beri warna biru adalah posisi tombol google +. Jika Anda ingin posisinya disebelah kiri ganti kode right dengan left.
6. Terakhir klik SIMPAN / SAVE TEMPLATE.
   

Sekian Tutorial tentang Memasang Tombol Google Plus di Pojok postingan.

Membuat Link Berkedip Saat Disentuh Cursor

Membuat Link Berkedip Saat Disentuh Cursor | Tutorial Blog

Buat Sobat yang ingin merubah tampilan Link saat disentuh cursor, mungkin cara yang satu ini dapat Anda gunakan. Biasanya sebuah link jika disentuh cursor maka akan terlihat link tersebut diberi garis bawah / underline, pada tutorial kali ini kita akan merubahnya menjadi berkedip.

Selain cara ini sobat juga bisa Membuat Link Berbintang-Bintang saat di sentuh cursor.

Berikut Cara Membuat Link Berkedip Saat Disentuh Cursor :

1. Login ke Blogger, Klik Design/Rancangan > Edit HTML.
   
2. Beri tanda centang pada Expand Template Widget.
   
   Tips : Biasakan mendownload template untuk membackup template sebelum di edit.
3. Cari kode :
   a:hover {
   color:#5588AA;
   text-decoration:underline;
   }
   Ganti underline dengan blink
4. Terakhir klik SIMPAN / SAVE TEMPLATE.
   

Sekarang lihat blog Sobat dan coba sentuh link yang ada di blog sobat.

Semoga tutorial ini bisa membantu sobat yang ingin Membuat Link Berkedip Saat Disentuh Cursor.

Memasang Tombol Share Dibawah Postingan

Memasang Tombol Share Dibawah Postingan | Tutorial Blog

Tombol share, seperti gambar dibawah ini :

berguna untuk memudahkan pengunjung blog yang ingin membagikan artikel yang telah dibacanya ke jaringan mereka, seperti Facebook Like, Twitter Tweet, Google +1, dan lain-lain.

Berikut Cara Memasang Tombol Share Dibawah Postingan :

1. Login ke Blogger, Klik Design/Rancangan > Edit HTML.
   
2. Beri tanda centang pada Expand Template Widget.
   
   Tips : Biasakan mendownload template untuk membackup template sebelum di edit.
3. Cari kode <data:post.body/>, Tekan Ctrl + F pada keyboard untuk menggunakan fasilitas pencarian browser, lalu ketikkan kode yang dicari, pilih kode <data:post.body/> yang nomor dua.
4. Jika sudah ketemu Copy script di bawah ini dan paste di dibawah kode <data:post.body/> yang ke dua.
   <!-- AddThis Button BEGIN -->

   <div class="addthis_toolbox addthis_default_style ">

   <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>

   <a class="addthis_button_tweet"></a>

   <a class="addthis_button_google_plusone" g:plusone:size="medium"></a>

   <a class="addthis_counter addthis_pill_style"></a>

   </div>

   <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e8062ca66617053"></script>

   <!-- AddThis Button END -->
5. Terakhir klik SIMPAN / SAVE TEMPLATE.
   

Sekian Tutorial tentang Memasang Tombol Share Dibawah Postingan.

Artikel lainnya :

• Membuat Tombol Share Post Melayang
• Widget Google Followers Show Hide 
• Membuat Daftar Isi Blog