Postingan

Bloglist Widget Blogspot

Gambar
Bloglist Widget Blogspot adalah widget blogroll dapat digunakan untuk link exchange antar sesama blogger. Bloglist Widget Blogspot ini dapat dibuat menjadi lebih efisien dan powerfull bagi link exchange dengan sedikit modifikasi. Image Source: crafterminds.com Cara Membuat Halaman Bloglist Statis dapat menjadi alternatif untuk memaksimalkan fungsi blogroll dan agar Blog List menjadi lebih menarik, dapat dilakukan beberapa perubahan pada scriptnya. Caranya, replace bloglist widget script dengan kode berikut: <b:widget id='BlogList1' locked='false' title='Blogroll' type='BlogList'> <b:includable id='main'>     <!-- only display title if it's non-empty -->     <b:if cond='data:title != &quot;&quot;'>       <h4 class='title'><data:title/></h4>     </b:if>     <div class='widget-content'>       <div class='blog-list-co...

Star Rating Widget Blogger

Gambar
Star Rating Widget Blogger secara default dapat diterapkan menggunakan start rating default for blogspot melalui http://draft.blogger.com. Untuk memasang star rating widget ini dapat pula memanfaatkan widget yang disediakan oleh http://www.graddit.com dengan pilihan tampilan yang lebih bervariasi dan menarik. Source: http://www.freetattoopicture.com Default Star Rating Widget Blogger Cara memasang rating bintang blogspot, sedikit lebih rumit :) Langkah 1 Edit User Setting Langkah 2 Activate Blogger Draft Langkah 3 Edit Layout - Edit Posting Blog - Activate Default Star Rating For Blogger Langkah 4 Jika Star Rating tidak terlihat, maka Edit HTML Template - Expand Widget Templates - Ctrl+F <div class='post-header-line-1'> - Letakkan script ini:       <b:if cond='data:blog.pageType == &quot;item&quot;'>       <span class='star-ratings'>         <b:if cond='data:top.showStars'>  ...

Link Exchange Dengan Thumbnail - Thumbshot Blogger

Gambar
Link Exchange Dengan Thumbnail - Thumbshot Website Untuk Blogger. Berbagaimacam cara untuk menampilkan link exchange, namun jarang sekali yang disertakan dengan thumbshot/ thumbnail/ gambar mini dari link yang tertera :) Dengan adanya thumbshot pada halaman blogroll blogger, tentunya akan terlihat sedikit berbeda pada tampilan dan terlihat menarik.   Thums Up Icon By http://www.psdgraphics.com Link Website Dan Blog Dengan Gambar Mini Screenshot Website Cara membuat thumbshot atau thumbnail website pada blogspot, sangat mudah sekali; Letakkan diatas </head> kode: <script type="text/javascript" src="http://www.picoshot.com/pagepix.js"></script> Kemudian, pada setiap bagian pada link-exchange, bubuhkan kode: <script type="text/javascript">stw_pagepix(' [url] ', 'en');</script> Dan hasilnya akan menjadi seperti ini: Thumbshot ini disediakan gratis dan dengan fitur unlimite website thumbnails oleh: Free Website Thu...

Cara Membuat Halaman Bloglist Statis

Gambar
Bloglist Widget pada Blogspot adalah sebuah widget yang sangat berguna untuk saling bertukar link antara sesama blogger. Dengan beragam pilihan tampilan yang menarik dan link dofollow tentunya widget ini sangat banyk digunakan oleh blogger untuk keperluan bertukar backlink. Namun adakalanya penggunaan widget ini dapat memberikan efek negatif pada blog, seperti: memberatkan loading blog apabila setiap link menggunakan "enable image",  merusak tampilan blog apabila banyak link berjajar secara vertikal dari atas ke bawah (cara seperti ini dapat diantisipasi dengan menggunakan css; yaitu dengan meletakkan kode .blog-list-container{height:250px;overflow:auto} diatas ]]> </b:skin> ), dan merusak posisi blog dalam serp apabila jumlah link dalam bloglist terlalu banyak; sebaiknya jumlah link dalam sebuah halaman blog tidak lebih dari 100 links*. Dengan meletakkan Widget Bloglist pada sebuah Halaman Statis, maka banyak hal yang didapatkan dan meminimalisir efek negatif ter...

Cara Membuat Template Blogspot

Gambar
Untuk membuat template personal blogspot tidak begitu sulit, cukup dengan mengetahui bagian penting dari template dan susunan template blogspot sesuai dengan yang diinginkan. Dalam membuat Template Blogspot yang sederhana, Saya bagi komponen-komponennya menjadi beberapa bagian, karena Saya belum bisa menjelaskannya secara detail :D Hasilnya ya bisa saja berbeda, tergantung pengetahuan masing-masing orang, kalau Saya sih baru bisa menghasilkan CANVASnya saja :D DEMO SCRIPT DOWNLOAD SUMBER Bagian pertama template blogspot merupakan tipe dokumen dan html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> Bagian kedua template it...

Cara Mempercepat Blog Dengan Lazy Loading

Gambar
Salahsatu cara mempercepat loading blog adalah dengan menunda penampilan gambar-gambar selama beberapa saat ketika sebuah blog di load oleh browser. Dengan demikian kerja browser akan menjadi lebih ringan dan halaman blog menjadi lebih cepat terbuka. Lazy Loading pada blogspot sangat mudah diterapkan, cukup dengan menyisipkan javascript dan jquery maka teknik ini akan dapat bekerja dengan sempurna. Lazy Loading Blogger Untuk menggunakan Lazy Loading Images pada blogspot, cukup sisipkan kode berikut tepat diatas </body> : <!--:[ LAZY LOAD START ]:--> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'/> <script src='http://mu5lim.googlecode.com/files/lazyload.js' type='text/javascript'/> <script type='text/javascript'>       $(function() {           $(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleuserconten...

Cara Membuat Redirect URL

Gambar
Tutorial cara melakukan redirect url/ pengalihan link pada halaman blog menggunakan teknik html, javascript dan php berikut ini disajikan sebagi dokumentasi bagi saya dan mudah-mudan bermanfaat juga bagi blogger lainnya :) Adakalanya redirect url atau pengalihan link ini berguna terutama untuk suatu halaman yang tidak lagi aktif maupun error dan bisa juga untuk mengarahkan pengunjung blog kesebuah halaman khusus yang diinginkan. Dibawah ini dituliskan beberapa cara untuk merubah arah dari link, baik dengan menggunakan HTML Redirect, JAVASCRIPT Redirect dan PHP Redirect. Teknik mengarahkan link menggunakan HTML; letakkan kode ini diatas </head> <meta http-equiv="Refresh" content="5; url= http://url_blog_yang_dituju "/> Teknik mengalihkan url menggunakan Javascript;  ; letakkan kode ini diatas </head> <script type="text/javascript"> window.location = " http://url_blog_yang_dituju " </script> atau <script language=...