Tampilkan postingan dengan label tips blog. Tampilkan semua postingan
Tampilkan postingan dengan label tips blog. Tampilkan semua postingan

Rabu, 10 Maret 2010

Tips Membuat Blog Hemat Energi


Hemat energi memang sangat diharuskan di jaman sekarang, apalagi belum lama ini pemerintah mempunyai wacana untuk menaikkan tarif dasar listrik. hmm...pemadaman masih merajalela kok malah tarifnya mau di naikkan lagi yaa..... capedeeeh......
kembali ke laptop....... sesuai judul postingan ini yaitu Membuat Blog Hemat Energi, anda bisa membuat web/blog anda menjadi lebih hemat energi yaitu ketika komputer sedang tidak dipakai, halaman website akan tertutup full warna hitam secara otomatis, sehingga menyembunyikan setiap animasi di halaman web/blog anda. sebagai contoh blog ini.
Berikuta langkah2nya:
  1. Masuk ke Edit HTML
  2. Salin dan tempelkan kode berikut di dalam tag <head>
    <script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js"></script> 
  3. Save..  
Selamat Mencobaaaaa.....
Baca Selengkapnya >>... Agregar a facebook

Senin, 08 Maret 2010

Trik Menampilkan nomor Urut pada hasil pencarian google

Bagi anda yang sedang belajar SEO seperti saya ini atau bahkan yang sedang mengikuti kontes seo seperti  "nowgoogle.com adalah multiple search engine popular" pasti sering mencoba googling dengan keyword tertentu untuk mengetahui dimana posisi halaman anda di hasil pencarian (SERP). naah..agar lebih jelas nomor urut berapakah  posisi blog/halaman anda maka dalam postingan kali ini saya ingin berbagi trik menampilkan nomor urut pada hasil pencarian google. silahkan bisa anda lihat contohnya pada gambar dibawah ini: 

Hasil pencarian teratas diberi nomor 1 (satu), setelah itu nomor 2 (dua), dan seterusnya

Berikut ini Langkah-langkahnya:
  1. Instal Stylish, sebuah Add On Mozilla Firefox. Bisa didapatkan di https://addons.mozilla.org/en-US/firefox/addon/2108
  2. Buka http://userstyles.org/styles/3825 
  3. Di pojok kanan atas, klik tombol “Install With Stylish
  4. Setelah muncul kotak dialog, klik tombol “Switch to Edit
  5. Di sini kita akan mengubah skrip CSS-nya. Pada baris ketiga, ganti tulisan google.co.jp menjadi google.co.id
  6. Klik “Save.”
Demikian Postingan singkat tentang cara menampilkan nomor urut pada hasil pencarian google. Semoga bermanfaat... Tunggu tips trik Berikutnya yaach....
Baca Selengkapnya >>... Agregar a facebook

Kamis, 26 November 2009

Membuat Tombol Share Ala Okezone


Sudah Pada tau kan Tombol Share ala Okezone, seperti yang anda lihat di screenshot sebelah ini (tombol share yang ada di bawah judul berita).atau jika kurang jelas bisa anda buka langsung situs okezone.com. Nah cara Membuat Tombol Share ala Okezone di Blog Mudah Sekali. Berikut langkah-langkahnya:
  1. Masuk ke Edit HTML, Jangan lupa Klik Expand Template Widget. Cari Kode Seperti ini ]]></b:skin> . Kemudian Copy Script Berikut  #sharethis{
    float: right;
    }
    paste di atas kode ]]></b:skin> tadi. 
  2. Langkah selanjutnya yaitu Copy Kode Berikut :
    <span id='sharethis'>
    <div><a class='addthis_button' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><img alt='Bookmark and Share' height='16' src='http://s7.addthis.com/static/btn/v2/lg-share-en.gif' style='border:0' width='125'/></a>
    <script src='http://s7.addthis.com/js/250/addthis_widget.js#pub=xa-4b0d68f938b62b99' type='text/javascript'/></div>
    </span>
    Kemudian Paste Di atas atau sebelum kode <data:post.body/> 
  3. Langkah Terkhir Save.Lihat Hasilnya....

Haduh..gak kerasa udah subuh,,, hikz... Ok deh, Selamat Mencoba ya... saya Mo bobok dulu ah.... Dah Ngantuk Banget...
Wassalam... 
    Baca Selengkapnya >>... Agregar a facebook

    Sabtu, 21 November 2009

    jQuery Scroll to top


    Membuat auto scroll / scroll to top ada banyak cara, di antaranya adalah dengan cara membuat link ke bagian div yang di inginkan atau juga dengan cara memasukkan script  scroll javascript, kali ini saya coba membahas bagamaimana cara membuat autoscroll dengan script jquery yang menurut saya auto scroll ini tampak lebih dinamis ketika kita melihat bagian header dari blog kita maka autoscroll tersebut tidak muncul dan ketik kita scroll menuju ke bawah blog baru autoscrollnya muncul (nah loh... keren kan... ), dan efeknyanya seperti accordion, sangat mulus ketika meluncur ke atas. bisa anda coba di blog ini sebelah Pojok Kanan Bawah .

    Cara membuatnya mudah sekali
    1.  Pertama masuk ke halamat edit HTML
    2. Cari tag </body> Kemudian Paste Kode Berikut di Atasnya :
      <a href="#" id="toTop"><img src="http://blog.ph-creative.com/pics/up.png" /></a>
    3. Kemudian masukkan kode di bawah ini :
      #toTop { border:0px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:1px;right:5px;cursor:pointer;color:#666;text-decoration:none; }
      Taruh di atas kode ]]></b:skin> 
    4. Setelah itu, sekarang kita tinggal memasukkan kode jQuerynya. cari tag </head> kemudian Paste kode berikut ini di atasnya
      <script src="http://zifoe.ok.googlepages.com/jquery-1.3.2.min.js" type="text/javascript"></script>
      <script src="http://zifoe.ok.googlepages.com/jquery.scroll.pack.js" type="text/javascript"></script>
      <script src="http://zifoe.ok.googlepages.com/jquery.easing.js" type="text/javascript"></script>
      <script type="text/javascript">
      $(function() {
      $("#toTop").scrollToTop({speed:1300,start:600});
      });
      </script>
    5. Langkah Terakhir. Simpan... Dan Lihat Hasilnya................. 
    Selamat Mencobaa.....................


    Oya, hampir lupa nich, ada yang mau Ngobrol Seputar Bisnis Online, gak? pasti seru dech...(sedikit sundulan gak apa-apa kan....he he )

      Baca Selengkapnya >>... Agregar a facebook

      Sabtu, 14 November 2009

      membuat label di blog

      Apa itu label?kalo kita beli barang di supermarket,disetiap barang pasti ada label harga,label jenis barang dan lain lain.nah di blog juga ada hal seperti itu.jadi label disini untuk mengelompokkan jenis jenis postingan dalam blog anda.bisa anda lihat contohnya ada di blog ini.




      blogspot sendiri telah menyediakan fasilitas seperti ini.jadi anda bisa memanfaatkannya dengan mudah.dengan memasang label,maka akan mempermudah pengjung blog membaca artikel artikel yang telah anda tulis.dalam tips dan trik blog kali ini akan diajarkan cara membuat label

      cara memasang label pada blog:

      ada2 cara :
      A.melalui menu posting
      1.login ke blogger.com
      2.klik new post
      2.sekarang anda ada didalam menu posting.lihat dibagian paling bawah kiri.disana ada tulisan label
      3.anda bisa menuliskan label di kolom tersebut.nanti label yang telah anda tulis disana otomatis akan langsung tersimpan dengan sendirinya.

      B.melalui menu dasboard
      1.login ke blogger.com
      2.anda akan langsung masuk ke menu dasborad.klick edit post di bagian blog yang akan anda tambahkan label
      3.di menu edit post akan muncul daftar tampilan semua tulisan/postingan anda
      4.centang setiap postingan yang ingin anda tambahkan label
      5.setelah itu klik bagian atas yang bertuliskan label.pilih new label..tuliskan nama label yang ingin anda gunakan.maka otomatis postingan yang tadi anda pilih telah tertempel label.

      setelah pembuatan label selesai,sekarang kita akan memunculkan label label yang telah kita buat ke dalam blog.caranya:
      1.masuk ke bagian layout-page element-gadgets
      2.nanti akan muncul banyak sekali gadgets..
      3.pilih "label"
      4. atur letak label sesuai dengan yang anda inginkan.
      5.kemudian save perubahan yang telah anda buat

      sekarang coba anda kembali ke blog anda tadi.lihat sekarang label sudah muncul di blog anda.


      Baca Selengkapnya >>... Agregar a facebook

      Jumat, 08 Agustus 2008

      Slide Menu

      Haloo.. Hallooooo....
      Seneng banget Rasanya bisa ngeBlog lagi setelah seminggu kemaren aku vakum karena suatu Hal.
      langsung aja yach .. GePeEL
      aku mau Memenuhi Janjiku Niiiih.. bagi Temen2 yang kemaren2 nanya tentang cara membuat Slide Menu nih aku udaH buatin Langkah2nya... tapi gak aku posting disini.. hehehehe..77x
      Tenang aja... Udah aku UpLoad kok..
      bagi yang mau mencobanya silahkan download tutorial sederhanaku disini.

      oiYa.. dah Tau sLide menu itu kayak apa Loom... tu looh yang kayak di blog ini, sebelah kiri tuh yang ada tulisannya zifoe menu..
      ya udah .. kalodah tau silahkan Mencoba yach... dan Semoga BerhasiL....
      Jika masih ada kendala silahkan tinggalkan Comment..

      --== GOOD LUCK ==--

      .
      Baca Selengkapnya >>... Agregar a facebook

      Senin, 30 Juni 2008

      No Right Click

      aaaaaaaaaaaachhhhhh... waktu sudah menunjukkan pukul 1 dini hari.. Ngantuuuuuuuukk... capek dari tadi siang di depan komp terus.. Sebelum tidur aku mo bagi2 ilmu neeeh... siapa tau berguna.
      ini tentang Disable Klik kanan di blog/website.
      Sebelumnya aku mo tanya:
      Pernahkah Postingan2 anda / artikel2 anda Di copy paste begitu saja tanpa seijin anda...?
      Jika iya, bagaimana perasaan anda..? kesal bukan.... udah susah2 bikin eee,gak taunya ada yang copy paste seenaknya... huuuuh dasar....!!!!!!

      Tapi tenang aja.. jangan khawatir.... ini neeeeh seekarang aku mo njelasin bagaimana caranya supaya Klik kanan diblog anda menjadi Non aktif alias disable. . .

      Caranya Guuuuuuuuuuuuampang bangets..... nih ikutin yach cara2nya:

      1. Login ke Blogger
      2. klik Layout ==> Edit HTML
      3. cari kode seperti ini <body> Kalo udah ketemu lalu Ganti dengan Kode ini :

      <body oncontextmenu="return false;">

      4. Save..

      Udah Gitu Doank............ Gampang banget kan.....
      Dah Dulu ya... aku mo bobo.. ngantuk banget nih.. mpe ketemu lagi di Postingan Berikutnya ya..

      ===|| Selamat Mencoba ||====|| Good Luck ||===

      Baca Selengkapnya >>... Agregar a facebook

      Sabtu, 28 Juni 2008

      Trik Pojok Blog

      Sebenernya ini trik lama yang udah banyak dibahas. Tapi berhubung Masih ada yang nanya lagi ke saya  jadi saya mencoba untuk Mempostingnya.. Udah tau Trik pojoknya kayak apa belooom..? itu loooh Gambar yang ada di Pojok kanan blog ini..meskipun scroll bar di tarik ke atas bawah dia selalu ngikutin terus.., Gambar nya bisa juga diganti dengan foto kamu atau dengan gambar yang laen....
      Naaaah, dah tau kan...  pengen mencoba.......?????    berikut cara2nya : 
      1. Login ke blogger trus klik Layout  =>> Edit HTML
      2. Cari kode seperti ini   ]]></b:skin>  kalo dah ketemu copy code berikut di atasnya:

      #trik_pojok {
      position:fixed;_position:absolute;bottom:0px; left:0px;
      clip:inherit;
      _top:expression(document.documentElement.scrollTop+
      document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

      3. Text yang aku kasih warna kuning adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "buttom", jika pingin di posisi atas bisa diganti dengan "top".
      4. Langkah selanjutnya yaitu letekkan script berikut ini
      diatas kode  </body> 


      <div id='trik_pojok'>
      <a href='http://zifoe.blogspot.com'>
      <img border='0' src='http://i260.photobucket.com/albums/ii27/zi_foe/index_animation.gif'/></a>
      </div>

      Catatan: 
      "http://zifoe.blogspot.com" adalah link. ganti dengan link kamu
      "http://i260.photobucket.com/albums/ii27/zi_foe/index_animation.gif" adalah lokasi gambar. ganti dengan lokasi gambar kamu.

      5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna putih dengan script widget-widget tersebut.
      6. Save. dan Lihat Hasilnya..............


      ===|| Selamat Mencoba ||===|| Semoga Berhasil ||==
      Baca Selengkapnya >>... Agregar a facebook

      Jumat, 27 Juni 2008

      Title Blog Berjalan

      Halooo Semuanya.. Setelah Beberapa hari absen di dunia per-Bloggingan Rasanya Kangen Juga nich pengen Mosting. Pada Postingan kali ini saya akan membahas tentang cara mambuat Title blog berjalan.. Caranya gampang bangets..
      Langsung aja yach, GakPakeLama alias Ge-Pe-eL hehehehehe 999X... (ketawa mpe gigi'y kering) :-P

      1. Masuk ke Edit HTML
      2. Cari Kode seperti ini :

      <title><data:blog.pageTitle/></title>

      Jika sudah ketemu, Ganti dengan :

      <b:include data='blog' name='all-head-content'/>
      <script language='JavaScript'>
      var txt="<data:blog.pageTitle/>";
      var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
      txt=txt.substring(1,txt.length)+txt.charAt(0);
      segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
      </script>

      4. Save
      5. Liat hasilnya...... Keren kaaaaaaaaaaaaaannnn........

      Oh ya, coba anda liat angka yang saya kasih warna kuning. Itu merupakan kecepatan title blog anda berjalan. Jadi kecepatannya bisa anda ganti ganti. Semakin besar angkanya semakin lambat kecepatannya. Begitu pula sebaliknya, semakin kecil angkanya, semakin cepat jalannya. Jadi tinggal sesuaikan kecepatannya sesuai dengan hatimu... sa'Karepmu Lah... hehehehe.....


      Baca Selengkapnya >>... Agregar a facebook

      Minggu, 08 Juni 2008

      Efek Salju di Blog

      Pada tutorial Kali ini saya akan membahas tentang Efek salju di Blog agar Tampilan Blog anda jadi Kelihatan Lebih Menarik seperti yang anda lihat di Blog saya ini.

      Nah dah tau kan... Kalo dah tau dan Pengen Mencobanya ikuti langkah-langkah berikut ini:

      1. Login ke Blogger klik Layout ----> Edit HTML
      2. Cari Kode <body> . Kalo dah Ketemu CopyPaste kode berikut di bawahnya :

      <script src='http://zifoe.ok.googlepages.com/snow.js' type='text/javascript'>
      </script>

      3. Save

      Kemudian Lihat Hasilnya...
      Gimana...? Jadi tambah Menarik kaaan blog kamu..............




      Baca Selengkapnya >>... Agregar a facebook
       

      Recent Comment

      Pengikut