Widget Recent Post Valid XHTML

Widget Recent Post Valid XHTML | Tutorial Blog

Langsung saja Sob, Berikut cara membuat Widget Recent Post Valid XHTML :

1. Login ke blogger, klik Design/Rancangan > Page Element/Elemen Halaman.
   
2. Klik Add a Gadget, pilih HTML/Java Script
   
3. Lalu isikan kode berikut :
   <div style="height: 250px; overflow: auto; padding: 3px; text-align: left;">
   <script type="text/javascript" src="http://wadah-tutorial.googlecode.com/files/recentpost.js"></script>
   <script type="text/javascript">
   var numposts = 10;var
   showpostdate = true;var
   showpostsummary = true;var
   numchars = 50;var
   standardstyling = true;
   </script>
   <script type="text/javascript" src="http://alamatblog.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts"></script>
   </div>
   Ganti alamatblog.com dengan Alamat blog Sobat.
4. Lalu klik Save.
   
5. Selanjutnya, Klik Design/Rancangan > Edit HTML.
   
6. Beri tanda centang pada Expand Template Widget.
   
   Tips : Biasakan mendownload template untuk membackup template sebelum di edit.
7. Cari kode <b:include name='quickedit'/>, dan hapus semua kode tersebut dari blog Anda.
8. Terakhir klik SIMPAN / SAVE TEMPLATE.
   

Sekian tutorial tentang Memasang Widget Recent PostValid XHTML.

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

Cara Mencari Keyword Populer

Cara Mencari Keyword Populer | Tutorial Blog

Buat Sobat yang sudah lama di dunia blogging pastinya tahu betul apa fungsi keyword. Akan lebih baik jika kita menggunakan keyword yang lagi booming atau populer saat ini, karena dengan menggunakan keyword yang lagi populer maka pengunjung kita dari search engine akan meningkat, tentu saja harus di sertai isi konten yang bagus dan penerapan seo on page. Karena itu pula kita perlu mencari tahu Keyword yang lagi populer saat ini.

Dibawah ini beberapa situs yang dapat Anda gunakan untuk mencari keyword yang lagi populer :

• Adwords.
  Tempat ini untuk mencari keyword abadi dan sangat saya sarankan buat anda yang ingin cari traffik abadi lewat search engine google.
  keyword populer by google adwords
• Google Insight.
  Situs ini untuk mencari keyword musiman lewat google insight dimana kita akan tahu keyword yang sering diketikkan orang 7 hari terakhir, sebulan terakhir ataupun setahun terakhir.
  keyword populer by google insight
• News Google
  Situs satu ini untuk mencari keyword topik beberapa hari terakhir yang meledak dan sangat booming.
  keyword populer by google news
• Berita populer di yahoo indonesia
  Nie tempat buat anda cari keyword populer lewat yahoo indonesia.
  keyword populer yahoo indonesia
• Alexa
  Untuk mencari keyword populer yang ada di alexa secara realtime setiap detik update silakan kunjungi :
  keyword populer by alexa
  berlaku untuk keyword bahasa inggris.
• News Feedjit
  Tempat ini buat mencari keyword populer yang ada di feedjit secara realtime update setiap detik.
  keyword populer by feedjit
• Twitter
  Buat mencari keyword populer di twitter yang jadi trending topik di twitter. silakan kunjungi halaman :
  keyword populer by twitter.

Semoga bermanfaat...