Jumat, 10 Agustus 2012

Membuat daftar label hanya judul

     Cara membuat daftar label hanya judulnya saja, fungsi dari trik ini adalah untuk membuat tampilan daftar label hanya berupa judul. Secara default settingan label yang ditampilkan adalah berupa judul artikel dan beberapa potongan artikel sebagai deskripsi. disini kita akan membuat daftar label menjadi hanya judulnya saja. Fungsi mudahnya adalah sebagai menu navigasi yang ramah untuk diakses, dan pengunjung pun akan suka. Oke lah, gak pake lama lagi langsung aja....

  • Login ke dashboard blog kamu
  • Pilih rancangan >> edit HTML
  • Tandai kotak kecil Expand Widget Template
  • Seperti biasa backup dulu template kamu barangkali terjadi kesalahan
  • Tekan CTRL + F untuk mencari kode ini 
            <b:include data='post' name='post'/> 
  • ganti kode tersebut dengan kode berikut
          <b:if cond='data:blog.homepageUrl != data:blog.url'>
          <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <a expr:href='data:post.url'><data:post.title/></a><br/>
          <b:else/><b:include data='post' name='post'/></b:if>
          <b:else/><b:include data='post' name='post'/></b:if> 
  • Terakhir simpan template dan selesai
OK.... selamat mencoba.....

Kamis, 26 Juli 2012

Membuat Title Bar berjalan

     Membuat tilte bar berjalan pada blog, itulah yang akan kita bahas kali ini. Yang ini sebenernya cuma sebagai variasi aja gak terlalu penting juga sih... Lagi pulaa title bar juga gak terlalu terlihat karena berada  di bagian paling atas. gak pake lama langsung aja. cekidot....
  • login ke dashbord blog kamu
  • Pilih "rancangan / desain"
  • Pada halaman "Elemant laman" click tambah gadget.
  • Pilih widget HTML java script 
  • terakhir click simpan
 Ini dia script yang harus kalian copas:



<script> function tb8_makeArray(n){ this.length = n; return this.length; } tb8_messages = new tb8_makeArray(3); tb8_messages[0] = "WELCOME TO OUR WEBSITE"; tb8_messages[1] = "INFORMATION ABOUT INTERNET"; tb8_messages[2] = "AND THANKS FOR VISITING"; tb8_rptType = 'infinite'; tb8_rptNbr = 5; tb8_speed = 125; tb8_delay = 1000; var tb8_counter=1; var tb8_currMsg=0; var tb8_tekst =""; var tb8_i=0; var tb8_TID = null; function tb8_pisi(){ tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1); document.title = tb8_tekst; tb8_sp=tb8_speed; tb8_i++; if (tb8_i==tb8_messages[tb8_currMsg].length){ tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay; } if (tb8_currMsg == tb8_messages.length){ if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){ clearTimeout(tb8_TID); return; } tb8_counter++; tb8_currMsg = 0; } tb8_TID = setTimeout("tb8_pisi()", tb8_sp); } tb8_pisi() </script>
Ket:
  • Pada tulisan yang berwrna ungu adalah " tampilan teks" ganti aja sesuai keinginan kamu.
  • pada tulisan yang berwarna hijau, tiu adalah kecepatan teks, silakan kalian eksprwsikan sendiri.
Good Luck.....

Sabtu, 19 Mei 2012

Membuat Widget Melayang

     Kali ini saya akan memberitahukan bagaimana cara membuat widget melayang. Widget melayang ini bisa kita atur tata letaknya, bisa di samping, di atas, di bawah, atau di buang juga gak apa apa.
     Untuk besar kecilnya widget melayang ini tergantung dari isi yang akan kita tempatkan. Jika widget ini akan kita tempatkan iklan berbasis PPC. Maka ukurannya akan menyesuaikan ukuran iklan. Bagaimana apakah kamu tertarik? Jika ya ayo kita langsung ke TKP.
     Silakan copy paste script di bawah ini pada widget HTML/Javasript. Jika bingung apa itu widget HTML silakan ikuti saja petunjuknya.
  • Masuk ke blog kamu
  • Pilih Rancangan
  • Pada elemen halaman click tambah widget
  • Dan pilih widget HTML/Javascript
  • Lalu, paste script di bawah ini


<style type="text/css"> #gb{ position:fixed; top:10px; z-index:+1000; } * html #gb{position:relative;} .gbcontent{ float:left;margin-left:220px; border:2px solid #bb0000; background:#eeeeee; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <div style="text-align:right"> <a href="javascript:showHideGB()"> .:[Close][Klik 2x]:. </a> </div> <center> silahkan tempatkan kode iklan atau banner atau teks atau apalah terserah kamu disini yah</center> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></div></div>

Perhatikan tulisan yang berwarna ungu  pada script, di situ berisi tentang pengaturan posisi, background, border, widget melayang tersebut. Atur sesuai dengan keinginan kamu, apakah ingin di tempatkan di bagian kiri atau kanan. Oh, ya jika kamu ingin menempatkan widget melayang tersebutpada halaman yang ngin kamu tentukan baca artikel blogtegal tentang menampilkan widget pada halaman tertentu yg kita inginkan.

   Bagaimana apakah sudah bisa membuat widget melayang?

Senin, 30 April 2012

Menghilangkan Gambar Obeng Dan Tang Di Blog

     Apa kabar bos? Semoga baik-baik saja nih...
     ok semuanya, sebenarnya kalian tau gak fungsi dari gambar obeng dan tang yang berada di pojok kanan bawah itu. Dari pada bingung, mending langsung saya kasih tau aja, jadi fungsi dari gambar tersebut adalah untuk mempercepat pengeditan widget blog secara langsung tanpa anda harus masuk ke dashboard blog anda.
Ok kalau gitu gak usah pake lama.
  • Login ke blogger
  • click tata letak
  • click tab Edit HTML
  • cari kode seperti ini :  ]]></b:skin>
  • Copy paste kode berikut tepat di atas kode yang tadi:
             .quickedit{display:none;}
  • Lalu click tombol Simpan Template
  • Selesai.

Selasa, 24 April 2012

Buat Blog Anti Copas (Copy Paste)

     Ya, lembali lagi ke blogging. kali ini saya akan memberi tips tentang bagaimana cara agar blog anda tidak bisa di copy paste oleh orang lain.
     Memang banyak orang yang suka copas di blog-blog lain, karena mungkin mereka malas. padahalkan kita sudah susah payah membuat postingan itu, ehh dia dengan mudah mengcopas. itu berarti sia tidak menghargai kerja keras kita bukan. makanya saya disini akan memberikan cara agar blog anda tidak bisa di copy paste oleh orang lain. ya langsung saja, cekidot....
  
  • Pertama login dulu ke blog kamu, 
  • lalu click design/rancangan > edit html
  • lalu berika tanda centang pada expand widget tempaltes. 
  • Copy kode berikut :
<SCRIPT type='text/javascript'> if (typeof document.onselectstart!="undefined") { document.onselectstart=new Function ("return false"); } else{ document.onmousedown=new Function ("return false"); document.onmouseup=new Function ("return true"); } </SCRIPT>
  • letakkan kode berikut tepat di antara kode <head> dan kode</head> di template kamu
  • terakhir tinggal save saja.
SELAMAT MENCOBA

Rabu, 18 April 2012

Cara Membuat Ucapan Selamat Datang di Blog


OK, Kali ini saya akan memberitahukan bagaimana cara membuat ucapan selamat datang di blog.
Apa kamu pernah mengunjungi suatu blog dan muncul suatu jendela kecil yang berisi ucapan selamat datang? Apa kamu tau gimana caranya?
nahh... langsung saja ini dia caranya:
  1. Login ke blog/dashbor kamu.
  2. Pilih rancangan
  3. Pilih edit html
  4. Cari kode </head>
  5. Lalu tempatkan script berikut di atasnya
   <b:if cond='data:blog.Url == data:blog.homepageUrl'> <script language='javascript'>alert ("Tulis pesan yang ingin kamu sampaikan disini"); </script> </b:if>
     6.  Terakhir click simpan.

ok, selesai dech....
                                                  SELAMAT MENCOBA 

Kamis, 22 Maret 2012

5 Tips mempercepat loading blog

     "Haduhh.... blog lola/lelet bikin boring aja ni". Pasti begitu yang dikatakan pengunjung blog kamu jika loading dari blog kamu lelet.    
     Nah skarang saya akan memberikan tips bagaimana cara mempercepat loading blog kamu, agar pengunjung makin seneng n rajin ngeliat blog kamu. Okehhh...
     Sebenarnya ada beberapa hal yang membuat loading blog kamu jadi berat, diantaranya:
1. Terlalu banyak java script.
Code java script sangat berpengaruh pada kecepatan blog, baik java script yang berada di template maupun yang berada di widget. Jadi kurangilah java script yang kurang berguna, dan biasanya yang digunakan untuk mempercantik tampilan blog.
2. Gambar
Hindarilah penggunaan background gambar/image. Bukan berarti tidak boleh tapi, tapi background blog tanpa image sudah pasti akan lebih cepat di load.Selain itu, kurangilah ukuran dan julah gambar yang berada dalam postingan maupun sidebar. Karena itu juga sangat berpengaruh terhadap cepat lambatnya loading blog. Usahakan satu gambar untuk satu hosting saja.
3. Widget
Memang widget akan mempercantik tampilan blog, tapi di sisi lain widget yang terlalu banyak malah akan membuat blog menjadi lambat.untuk itu gunakanlah widget sepelunya. Dan janganlah memakai widget dari pihak ketiga. Maksudnya jika kamu memakaiplatform blogspot sebaiknya pakai widget buatan blogger itu sendiri, mengapa? karena widget pihak ketiga sangat berat loadingnya. 
4. Buang Banner atau Link Web Direktori
Saat mengirim url ke blog direktori kita diharuskan memasang link/banner di blog kita, harapan kita adalah mendapatkan Backlink Berkualitas dari Blog Direktori tersebut, apa itu benar???
Blog ini sudah saya submit ke banyak web direktori, tapi tak satupun yang memberikan backlink gratis ataupun traffik gratis.
Terserah anda juga sih, mau dipajang atau dihapus.
5. Iklan
Sudah tentu anda semua pasti ingin mengubah blog menjadi mesin uang. Dengan memasan iklan sana-sini, semakin banyak iklan dari situs yang berbeda maka semakin lambat pula kecepatan blog kita. jadi, anda harus pintar-pintar memilih iklan untuk ditampilkan.

     Jadi bagaiman kec blog mu stelah menerapkan tips-tips ini ?
     HAPPY BLOGGING