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.

Read More

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.

Read More

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...

Read More

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.

Read More

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.

Read More

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

Read More

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...

Read More

Menyembunyikan Widget di HomePage

Menyembunyikan Widget di HomePage | Tutorial Blog

Trik yang satu ini berguna untuk memperingan loading blog pada HomePage, dengan menyembunyikan widget yang tidak perlu di tampilkan, otomatis loading blog waktu menampilkan homepage akan lebih cepat. Widget tersebut akan di tampilkan pada halaman dan postingan.

Berikut cara Menyembunyikan Widget di HomePage :

• Login ke Blogger, Klik Design/Rancangan > Edit HTML.
  
• Beri tanda centang pada Expand Template Widget.
  
  Tips : Biasakan mendownload template untuk membackup template sebelum di edit.
• Cari kode Widget yang ingin Anda sembunyikan, sebagai contoh saya gunakan kode Free Backlink yang terletak di HTML3.
  
• Letakkan kode dibawah ini di antara kode widget tersebut.
      <b:if cond='data:blog.homepageUrl != data:blog.url'>
      Kode Widget Yang Mau DiSembunyikan
      </b:if>
  Misal :
  <b:widget id='HTML3' locked='false' title='Free Backlink' type='HTML'>
  <b:includable id='main'>
  <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if> <div class='widget-content'><data:content/></div></b:includable>
  </b:widget>
  Jadinya seperti ini :
  <b:widget id='HTML3' locked='false' title='Free Backlink' type='HTML'>
  <b:includable id='main'>
      <b:if cond='data:blog.homepageUrl != data:blog.url'>
  <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if> <div class='widget-content'><data:content/></div>
      </b:if>
  </b:includable>
  </b:widget> 
• Terakhir klik Save / Simpan Template.
  

Selain cara di atas untuk memperingan Loading blog sobat juga dapat melakukan Compress CSS, Mengkompress Image, dll.

Semoga Bermanfaat...

Read More

Membuat Link Berbintang-Bintang

Membuat Link Berbintang-Bintang | Tutorial Blog

Kali ini saya akan berbagi tentang salah satu cara untuk mempercantik blog, yaitu Membuat Link Berbintang-Bintang saat di sentuh cursor. Cara lainnya sobat dapat Membuat Efek Bintang Pada Kursor, Membuat Tombol Share Post Melayang, memasang Widget Google Followers Show Hide, dll.

Berikut Cara Membuat Link Berbintang-Bintang :

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:#0000ff;
   text-decoration:underline; 
   }
   Akan lebih mudah jika Anda mencari a:hover saja.
4. Jika sudah ketemu ganti kode yang berwarna merah dengan kode di bawah ini.
   { background-image: url(http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/dip.gif);}
5. Terakhir klik SIMPAN / SAVE TEMPLATE.
   

Sekian Tutorial tentang Membuat Link Berbintang-Bintang.

Read More

Memasang Widget Google Plus Button

Memasang Widget Google Plus Button | Tutorial Blog

Berikut cara Memasang Widget Google Plus :

1. Masuk ke http://www.google.com/webmasters/+1/button/
2. Atur ukuran tombol Google Plus.
   
3. Copy kode yang diberikan.
   
4. Selanjutnya Login ke blogger, Lalu Klik Design / Rancangan.
   
5. Klik Add a gadget / tambah gadget.
   
6. Pilih Menu HTML/Java Script.
   
7. Lalu letakkan Kode Google Plus sobat pada area konten widget.
8. Terakhir klik Save.
   
   Selesai...

Untuk memasang tombol Google Plus pada setiap postingan silakan baca Memasang Tombol Google Plus di Pojok Postingan.

Semoga Bermanfaat...

Read More