Cara membuat Efek salju pada blog

Tak bosan-bosannya saya berbagi pengetahuan pada sobat semua karena berbagai yaitu salah satu perbuatan yang paling yang di sukai oleh Tuhan, yang saya bahas kali ini Cara Membuat Efek Salju Pada Blog, penasaran yuk langsung aja ikuti langkah-langkahnya :

• Login pada blog sobat
• Pilih Rancangan > Elemen Halaman > Add gadget (HTML/JavaScript)
• Copy code script dibawah dan paste di kotak tadi , untuk judulnya kosongkan saja.
• <script src="http://ayriyzone.googlecode.com/files/salju.js"></script>

Simpan dan lihat hasilnya.Sekian dulu tutorial Cara Membuat Efek Salju Pada Blog, Semoga bermanfaat.

Read More..

Cara Pasang Efek jQuery Link Nudging Bergoyang pada Label Blog

Cara membuat link bergerak/bergoyang di blog, Link Nudging adalah suatu efek yang bergerak atau bergoyang dari sebuah/beberapa links yang ditimbulkan dari penerapan jQuery pada template di sebuah website ataupun blog. Mungkin dari kita biasa menyebutnya dengan Link Bergoyang/Bergerak atau menari, selain itu efek jQuery ini juga bisa diterapkan pada sebuah gambar (image)

Untuk sobat blogger yang gemar utak atik blog mungkin bisa mencoba trik link bergerak yang satu ini dan saya rasa bisa membuat blog sobat unik dan menarik. Sebagai contoh sobat bisa melihat link bergoyang/nudging pada label yang ada di sidebar blog saya ini, efek ini menggunakan script jQuery yang menurut saya sangat ringan ketika di-load dan penerapannya juga lumayan gampang, sama halnya seperti tombol back to top yang beberapa waktu lalu saya jelaskan yang sama-sama menggunakan jQuery.



Cara nya adalah Sebagai Berikut :

Cara Pasang Efek jQuery Link Nudging/Bergoyang pada Label Blog

• Login di Blogger
• Masuk ke bagian Edit HTML pada template
• Centang pada bagian Expand Widget Template
• Cari kode </head>
• Copy paste script dibawah ini dan letakkan tepat diatas kode </head>
  " <script src=http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js type=text/javascript/> <script type=text/javascript>
  $(document).ready(function() {
  $(&#39;a.nudge, .#Label1 ul li a&#39;).hover(function() { //mouse in
  $(this).animate({ marginLeft: &#39;12px&#39; }, 400);
  }, function() { //mouse out
  $(this).animate({ marginLeft: 0 }, 400);
  });
  });
  </script><!-- end LinkNudging --> "
  Semoga Cara Ini Bermanfaat bagi kalian Semua Wasalam

Read More..

Tutorial Kompres CSS Javascript Dan HTML Agar Blog Seo Friendly

Kompres CSS,Javascript,dan HTML

IGM | Pada kesempatan ini saya akan memberikan informasi Cara mengkompres CSS, Javascript, Dan HTML blog kalian dengan Tutorial yang Terperinci dan mudah dipahami. Kenapa kita harus Kompres blog kita ? Jawabannya sederhana, yaitu agar blog anda ringan dari sebelumnya. selain itu google juga menyukai blog yang ringan oleh karena itu hal ini sangat penting untuk dilakukan. mungkin sebagian orang sudah pernah mengkompres blog mereka tapi hasilnya kurang memuaskan itu bisa dipengaruhi oleh website penyedia tool kompres CSS, HTML, dan Javascript berkualitas buruk. atau kalian kurang mengerti dengan cara kerja tool tersebut. Baiklah jika itu masalah kalian mari kita atasi secara seksama. Pelajari dan Lakukan Step By Step cara yang saya berikan di bawah ini :

1. Kalian login dulu ke Blog kalian
2. Cari Template >> edit HTML
3. Sebelum kalian Mengkompres Blog kalian alangkah baiknya jika kalian Backup template kalian agar menghindari kesalahan.
4. Centang "Expand Template Widget" 
5. Jika sudah kalian tinggal menyimak caranya di bawah ini :

Cara Kompres CSS

Agar tidak terjadi kesalahan, maka anda harus mengetahui Kode CSS yang akan di Kompres yaitu dari <b:skin><![CDATA[/* Copas Code dari sini sampai disini ]]></b:skin> untuk mencari kode yang berwarna merah kalian tinggal tekan Ctrl + F dan ketik kode berwarna merah di atas jika sudah ketemu Copy semua kode diantara kode warna merah di atas. Jika belum jelas lihat contoh :

<b:skin><![CDATA[/*Copy dari sini <Variable name="bgcolor"description="Page Background Color" type="color"default="#fff" value="#ffffff">....... dan seterusnya sampai disini ]]></b:skin>

Copy/Cut Kode yang berwarna biru seperti di atas dan kunjungi website penyedia layanan Kompres Kode CSS yang sudah terbukti keakuratannya karena yang mengelola adalah yahoo sendiri. banyak situs penyedia layanan seperti ini, tapi menurut saya ini yang terakurat dalam hal mengkompres suatu blog. Langsung saja kunjungi Online YUI Compressor


Jika Website sudah terbuka langsung saja pastekan Kode yang kalian Copy tadi di menu "Code" lalu kalian ikuti langkah berikut :

1.) Pada bagian "File Type" pilih CSS (ini berlaku juga pada kode javascript karena jika kalian memilih "JS" memungkinkan akan terjadi error)
2.) Pada "Global Option" Kalian abaikan saja.
3.) Pada "Javascript Option" kalian bisa mencentang semua pilihan jika ingin hasil yang maksimal terhadap hasil kompresan kode anda nantinya.
4.) Pada "CSS Option" kalian bisa abaikan.
5.) Pada "Redirect Option" pilih No Redirect
6.) Klik Compress

Jika sudah selesai, kalian tinggal copy hasil kompressan dan pastekan kembali ke awal tempat anda mengcopy kode tadi.

Cara Kompres Javascript

Cara kompres Javascript caranya sama dengan Cara Kompres CSS diatas. kali ini yang harus anda kompres berada di antara kode <head> dan </head>

yang perlu anda lakukan adalah mengkompres kode ini sama dengan cara mengkompres kode CSS di atas. sedangkan pilihan menunya kalian biarkan seperti tadi.

Cara Kompres HTML

kode html yang kalian kompres lataknya antara <body> dan </body> copy kode yang ada di antara kode tersebut. Sekarang kalian tinggal melakukan hal yang sama dengan cara "Mengkompres CSS" di atas hanya saja website penerima layanannya saja yang berbeda. Website yang dimaksud adalah Online HTML Compressor

Masalah Keakuratan Website tersebut sudah saya buktikan dengan Website penyedia layanan yang sama. yang jelas hasilnya lebih akurat daripada yang lainnya. jadi anda tak perlu khawatir dengan hasil kerja website ini.

Salam SEO | Jadikan blog anda seSEO mungkin dengan mengkompres blog anda. rajinlah mengkompres blog anda agar diminati si Google. Sekian dari saya, jika ada kritik dan saran mohon tuangkan di kotak komentar dibawah

Read More..

Tutorial Cara Membuat Blog Dengan Mudah

IGM | Lagi-Lagi saya posting nih, membawakan Artikel yang pastinya bermanfaat bagi yang kurang tau tentang Dunia Blogger, Yaitu "Cara membuat Blog" mungkin artikel ini sangat lumrah dibaca oleh blogger tingkat dewa, tapi apa salahnya share kan? Baiklah jika anda tertarik membuat sebuah blog untuk sekedar hobi nulis atau jadikan bisnis kalian pasti membutuhkan informasi yang saya berikan ini.

Tutorial Membuat Blog

Cara Membuat Blog dari awal

1.) Kunjungi www.blogger.com
2.) klik Sign Up
3.) Jika sudah isilah profil anda dengan lengkap seperti : Nama Depan, Nama Belakang, Alamat Gmail kalian, Alamat Email isilah dengan lengkap. jika sudah kalian langsung saja ketik huruf/nomer sesuai yang tertera di kolom Capta. Selanjutnya kalian centang kotak Term Of Use dan About Personalization
4.) Klik Next Step

Sign Up dan Pengisian Data Diri

5.) Jika akun sudah terbentuk, langsung saja klik "Add Profile Photo jika Anda ingin Menambahkan Sebuah Photo jika sudah klik "Next Step"
6.) Nah sekarang kalian sudah mempunyai akun di Gmail jika ingin membuat blog langsung Saja klik Tombol warna biru "Back To Blogger" Setelah itu  klik "Lanjutkan ke Blogger"
7.) Nah Cara membuat blog sudah selesai sekarang kalian bisa Kreasikan Tampilan Blog Anda dan Membuat sebuah Postingan.
8.) Pilih Buat Blog selanjutnya pilih nama Blog anda dan Alamtnya. Usahakan memilih Nama dan Alamat yang SEO(Kata yang sering di cari di internet) seperti ini

Buat blog dan Pilih Judul, Alamat dan templates yang SEO

9.)  Jika Sudah pilih template dan Klik Create Blog!!
10.) Kalian akan kembali ke blogger Dashboard kalian cari menu yang letaknya di samping Gambar Pensil dan pilih Template
11.)  Jika ingin Membuat Blog Baru kalian tidak usah mengulang Cara yang tadi kalian tinggal pergi ke Dashboard dan pilih New Blog/Blog Baru

Buat Blog Baru dan Design Blog

12.) Sekarang kalian bisa mengedit Tampilan blog kalian dan membuat sebuah postingan jika pada saat kalian view blog terlihat bahasa lain yang bukan bahasa kalian, kalian bisa mengubahnya di "Settings dan pilih Language and Formatting" 
13.) Jika ingin membuat Post kalian tinggal pilih "New Post"


Nah Sekarang kalian sudah mempunyai sebuah blog yang bisa kalian kembangkan dan populerkan dengan cara berposting dengan ide sendiri dan wawasan sendiri, jangan copypaste artkel, Tingkatkan Rank dan Seo blog kalian, dan banyak lagi..

Read More..

Cara bikin Chat room di blog

Cara bikin Chat room di blog kalian tinggal ke link ini http://www.99chats.com/ 

kalo blom daftar ya daftar dulu ,

terus login 99chats.com  kemudian isi colom yg harus di isi contoh ada di bawah ini:

kalo sudah selesai klick continue

  Seperti biasa pergi menu Design , Page elements Add a Gadget Pilih  HTML/JavaScript lalu copy & Paste kan Code gambar di atas

Read More..

Cara Mudah Ping Blog Agar Postingan Menjadi No1 di Google Search

IGM | Postingan kali ini bukan membahas tentang game nih tapi membahas informasi yang sangat penting yang mesti diketahui oleh para penulis blog atau yang mempunyai blog, yaitu tentang "Cara Mudah Ping Blog Agar Postingan Blog menjadi No1 di Google Search" Fungsi dari kita Ping Blog ini yaitu agar postingan blog kita tetap exsis di Page pertama Google Search, jika postingan kita sudah menjadi yang pertama otomatis para pembaca juga akan menjadi yang pertama membaca postingan kalian. Jadi disini kalian tinggal memilih judul yang tepat untuk postingan kalian dan mencari informasi yang menjadi tren di tahun ini. Oke Langsung saja kita simak caranya sebagai berikut :

• Pertama kalian buat terlebih dahulu postingan atau kalian juga bisa memakai postingan terdahulu yang belum terindex google/yang belum muncul di Page Pertama Google
• Kedua Submit Postingan kalian di website Ping dibawah ini :                                                   

               - Ping-O-matic

Ping-o-Matic | Mungkin pingler ini sudah tidak asing kalian dengar, website ping ini menyuruh anda untuk memasukan Nama Blog, URL Blog, dan URL Feed anda jadi masukan | Nama Blog itu dengan nama Postingan kalian jangan masukan nama blog kalian. Contoh "Download Free Game PS1 Final Fantasy IX ISO File + Tutorial Instal" | URL Blog : masukan Url Postingan kalian Misalnya : "http://igamingliveforgame.blogspot.com/2013/03/download-free-game-ps1..." Dan masukan Feed Blog seperti biasa. Di Menu Services pilih (Check All) Lalu klik Send Ping. Tunggu hingga proses Ping selesai. Untuk selanjutnya kalian bisa Bookmark Websitenya untuk ping postingan selanjutnya.

               - Google Ping

Google Ping | Yaitu Website Ping blog selanjutnya yang harus kalian kunjungi karena services pingnya mencapai 88 services. Caranya kalian masukan Nama Blog seperti di atas, URL Blog seperti di atas, Feed Blog seperti biasa dan masukan Email kalian. Centang Semua Services, Masukan Capta >> Send Ping. Tunggu Proses Ping Hingga Selesai.

Postingan Blog Sudah muncul di Page pertama setelah Ping Blog

Dijamin Postingan anda langsung nongol di Page pertama Google Search, Jika belum berarti Usaha anda belum sempurna, jadi anda bisa ping kembali postingan anda di Website ping yang lain dengan memasukan Nama dan Url seperti cara di atas. Coba submit blog kalian di Website Ping dibawah ini :

Twingly Ping

Google Blog Search 

Pingates

Blog Ping Tool

Feed Shark

Ping.In

My Pagerank
Pingler

Silahkan Submit Satu per satu ke website Ping di atas. Jika postingan anda belum juga muncul di page pertama cari saja website ping lainnya, Ada ratusan mungkin ribuan situs ping yang bisa kalian coba. jika ada saja sedikit usaha pasti postingan anda langsung bertengger di posisi pertama. Selamat Mencoba.

Read More..

Cara Mempercepat Loading Blog Dengan Compress Javascript

IGM | Cara Mempercepat Loading Blog Dengan Compress Javascript | Type : Tutorial Blog | Date : 4/6 2013 

IGM | Cara Mempercepat Loading Blog Dengan Compress Javascript | Postingan kali ini membahas tentang cara mempercepat loading blog dengan cara mengcompress javascript dan upload script ke google code. Bagaimana apakah kalian tertarik menyimak postingan ini?? Apakah masalah anda ada pada pembahasan postingan kali ini?? Jika benar, kalian langsung saja simak dan lakukan step by step Tutorial yang akan saya berikan. 

Jika ada yang bertanya Apa itu Javascript ? Javascript menurut Bp.Supono sebagai berikut : (http://supono.wordpress.com/2006/09/05/apa-itu-javascript/ )

"JavaScript adalah bahasa pemrograman yang khusus untuk halaman web agar halaman web menjadi lebih hidup. Kalau dilihat dari suku katanya terdiri dari dua suku kata, yaitu Java dan Script. Java adalah Bahasa pemrograman berorientasi objek, sedangkan Script adalah serangkaian instruksi program.Hal-Hal Yang Harus DiperhatikanAda beberapa hal yang harus diperhatikan dalam pengelolaan pemrograman JavaScript, diantaranya JavaScript adalah “case sensitive”, yang artinya JavaScript membedakan huruf besar dan huruf kecil, Jika Anda pernah belajar bahasa pemrograman seperti Turbo C atau C++, maka sama seperti bahasa pemrograman tersebut, dimana huruf T tidak sama dengan huruf t. Dalam bahasa pemrograman JavaScript juga, sebagai contoh fungsi perintah var tidak boleh ditulis Var dan juga tidak boleh ditulis VAR (huruf besar semua), yang benar adalah var (huruf kecil semua). Perintah lain adalah new Date tidak boleh ditulis new date (huruf kecil semua), dan banyak yang lainnya."

Bagaimana apakah sudah mengerti?? Jika belum cari saja di google tentang informasi tentang javascript, Dan sekarang kita lanjut mengcompress javascript

• Pertama kalian buka Dashboard blog kalian dan cari Edit Template >> Lalu cari kode seperti ini dengan menekan Ctrl + F terlebih dahulu dan masukan kode <script src=http://ALAMAT-WEBSITE-TERTENTU.js type=text/javascript/> Kalian cukup masukan (<script src=http:) di box search. Perhatikan gambar :

Klik gambar agar terlihat lebih jelas

•  jika sudah ketemu kode yang mirip seperti di atas, sekarang kalian tinggal copy kode yang kalian search tadi dari ( http://ALAMAT-WEBSITE-TERTENTU.js ) lalu pastekan di browser anda atau klik kanan open link in new tab. 
• Jika sudah, akan muncul kode javascript. kalian copy saja semua script yang ada disana, lalu compress scriptnya di website ini  jika sudah selesai mengcompress, langsung saja kalian copy dan pastekan di Notepad lalu klik Save dengan nama contoh "IGM javascript.js" harus ditambahkan .js dibelakang judul.
• Jika kalian sudah melalui cara yang rumit tadi, Upload script yang sudah kita buat tadi (script yang kita save di notepad tadi) ke Google Code  
• Pada halaman awal google code klik "Create a New Project" bergambarkan tanda plus Hijau
• Sekarang kalian tinggal mengisikan data-data script yang akan kalian upload nantinya  seperti :

*Project Name (Nama project) : Anda bisa membuat nama project sesuai keinginan anda, tapi tidak disarankan menggunakan huruf besar dan Space. contoh : "my-project"

*Project Summary : Tulis javascript

*Description : Sesuai keinginan anda

*Version Control System : Pilih Mercurial

*Source Code License : Pilih GNU GPL v3

*Project Label : Isikan sesuai Screenshot dibawah

• Jika pengisian sudah selesai klik "Create Project"

• Setelah itu, Cari menu Download >> New Downlaod. Disana kalian Upload script yang sudah dibuat tadi di Notepad dengan cara Choose File >> lalu cari script yang kamu save tadi di Notepad dengan type file .js tadi. Untuk cara pengisian, Lihat gambar. Klik gambar jika kurang jelas.

• Jika pengisian data dan upload file sudah selesai pilih submit file di tombol paling bawah. Setelah itu akan muncul file yang sudah terupload dan klik file tersebut >> lalu klik kanan pada judul file >> pilih "Copy Link Address"

• Jika sudah, Sekarang buka kembali Design >> Edit Tempalte, lalu masukan kode yang di copy tadi di <script src=Paste Disini type=text/javascript/> (kode yang di Ctrl + F tadi/ yang di search tadi) Lalu save Tempalte. Jika belum jelas bisa klik gambar.

Nah, Sekian Cara untuk Kompress Javascript dan upload script di Google Code. Sekarang kalian tinggal check kecepatan blog kalian apakah berkurang?? Lihat saja hasilnya sebelum dan sesudah melakukan Tips ini. Saya juga sudah mempraktekan hal ini dan hasilnya bisa agan lihat di blog ini. Dan jangan lupa untuk berkomentar apakah menurut anda cara ini cukup efektif atau makin ribet atau yang lainnya. TerimaKasih

Read More..

Cara Menambahkan Widget Jam Di Blog

Hello kawan kawan blogger, hari ini saya akan berbagi ilmu nihh, saya akan kasih tauu cara nambahin Jam di blog anda, karena Jam sangat berarti kan di kehidupan kita, yuukk kita ikutin cara nya.

1. Masuk ke situs penyedia jam, saya kasih contoh clocklink.com, silahkan masuk disini.







2. Setelah sobat sampai di situs tersebut, silahkan sobat lihat bagian sidebar sebelah kiri situs tersebut. Disitu ada beberapa pilihan aneka jenis jam yang bisa sobat pilih. Misal analog, digital, animal dan lain-lain. Silahkan sobat pilih sesuai keinginan sobat.

3. Setelah sobat pilih, maka akan muncul aneka bentuk jam yang bisa dipilih.
4. Setelah sobat memilih salah satu jam, maka selanjutnya klik View HTML Tag di bawah gambar jam yang sobat suka.
5. Maka akan terbuka halaman baru persetujuan, klik Accept untuk mendapatkan kodenya.
6. Atur kode area berdasarkan area di daerah sobat.
7. Setelah itu sobat akan mendapatkan kode html dari jam tersebut, copy saja.

Lantas, bagaimana cara memasang widget jam ini di blog kita? Berikut caranya:
1. Masuk dashbor blog sobat.
2. Klik Tata Letak.
3. Klik add gadget/tambah gadget di sidebar dimana sobat akan menempatkan jam tersebut.
4. Pilih HTML/Java Script.
5. Copast kode html jam tadi di kotak baru tersebut lalu klik simpan.
6. Silahkan lihat blog sobat.
Akhirnya selesai juga tutorial mengenai cara memasang widget jam di blog kita. Semoga bermanfaat untuk semua.

Read More..