Monday, December 8, 2014

CARA MEMBUAT GAMBAR MEMBESAR KETIKA DISOROT MOUSE

9:37 PM    No comments

  Hai sahabat kali ini saya akan berbagi tutorial blog sederhana tapi keren :D hehehe, yaitu cara agar semua gambar pada blog kita membesar saat disorot oleh kursor mouse. Kalian pasti sering menjumpai blog saat gambarnya disorot mouse akan tampil lebih besar, pasti keren dong ? :D. Selain keren, dengan cara ini pengunjung blog kita juga akan lebih mudah dan jelas saat inign melihat gambar pada blog kita. Nah ingin tahu cara membuat gambar di blog membesar saat disorot mouse ? berikut caranya, silahkan disimak !!


1. Silahkan masuk ke menu Template - Edit HTML
2. Lalu cari kode <head>, gunakan Ctrl+F agar mempermudah pencarian
3. Setelah ditemukan copy pastekan script berikut ini tepat dibawah <head>





4. Lalu klik tombol simpan, kemudian lihat hasilnya !!

Note : Jangan lupa backup template untuk berjaga-jaga jika terdapat kesalahan edit.

Read More

CARA MEMASANG YAHOO MASSENGER

9:34 PM    No comments

Cara Memasang Yahoo Messenger di Blog - Cara membuat status online dan offline yahoo messenger atau cara menambah widget/icon yahoo messenger di blog.

 cara memasang yahoo messenger di blog. Semua pasti tau yang namanya Yahoo Messenger kan? Aplikasi jejaring sosial yang dikeluarkan Yahoo ini memang sering digunakan untuk Chatting sesama pengguna YM maupun urusan Bisnis dan Blog, nah kali ini ada satu Tutorial bagaimana cara menambah icon yahoo messenger di blog - Cara membuat yahoo messenger di blog - Memasang YM di blog Tentunya dengan Mudah dan Cepat.

1. Masuk ke dashbor blog sobat. 
2. Klik lay out >> Tambah Gadget >> Pilih HTML/Java Script.
3. Masukkan Code Berikut:

<a href="ymsgr:sendIM?Id_yahoo_kamu"> <img src="http://opi.yahoo.com/online?u=Id_yahoo_kamu&amp;m=g&amp;t=0&amp;l=us"/>


 Untuk memilih gambar atau icon Yahoo Online Status, ganti kode t=1 dengan kode angka pilihan gambar. Nah, silahkan lihat gambar berikut:
cara pasang ym, gambar yahoo messenger, gambar ym 

selesai simpan.

Read More

CARA MEMASANG WIDGET BURUNG TWITTER

9:32 PM    No comments

Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot


Memasang Burung Twitter Terbang di Blogspot
Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget burung twitter terbang ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat,Cara Buat / Pasang Burung Twitter Terbang Di Blog hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat,
Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini

Pertama-tama silahkan login di Blogger



  • Klik Layout > Add Gadget > Html/Javascript
  • Copy paste kode di bawah ini ke kolom Html/javascript


<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbcFpExLwOZGwCpqKDjtLj3drJWgeXXWy4SUOUvMAe1gNni6vZXMOGxvqQi9jBuJT8OchLzVNRSOmxibR929Y8ND8ejOZTz5MOblljX2qkWprOcMEOLZIlWAzcaVY0Il_J4Aw8OUCjE98/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Username";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>




  • Ganti kode yang berwarna biru dengan nama pengguna (username) akun Twitter sobat
  • Simpan dan lihat hasilnya

Warna Pilihan Burung Terbang Twitter

Rubah Warna Burung Twitter

Untuk membuat warna burung Twitter yang lain sobat bisa mengganti kode yang berwarna merah diatas dengan kode-kode dibawah ini sesuai dengan warna pilihan yang sobat inginkan

Warna Kuning


  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh5pUWJDOKuhoMV9K4Kkmxijdm5RpN-2e-zElnGc_I_shWmB04Uhj_2FeO9t48Wvx8H0ufUpSVqFHboa7pej5et6CDqWziauNcdDMdqOhReOlox0raKom-ITARwg3h4gmh2zSCcjiboY8/s1600/yellow+bird.png
Warna Hitam


  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2DSY-cXedIPe2T_jr3Xue44d3hkJxOkP95pvaVZ0ei4LBt3IJb3NI-INs8ZBbXkBfJPRris4ZlFjFPZA2CXHaBGTSVlsmTUYIV7vc24kkBIJBkblxKyYrgttt-RcUZzOYsHHkDw3j0Ts/s1600/black+bird.png
Warna Biru


  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMU7C5NDlwPJS6E0hBy90-aXHdWeeAfkFbKv6M9Db1_8nK1t61akIKb2kSCu8IzN3YFcfjerTYskusGnsUbO7RvnyonPDPh0fd-0jTQOz181tAOMO9l9VUFtgt8ZRSRCcVJj9aZ4OoKcA/s1600/Blue+bird.png
Warna Coklat


  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAj_UC7zMm7wGAfR_AsvaUjbN8squ6h3JRFDY4Vfu1p6kLg1J1Erf4yVZCH9Pj1fgtCyNIUOf0RJLL98y2WyJ1QzdltCnt3UBErtcmB3FvA6YTxCdSfx7HFrEn-n32KyEEz3MAL8mdGk4/s1600/brown+bird.png
Warna Hijau


  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikPaNEHOlluebKreq9f6rL0TsnOK7LMNETMnnLOAk0RThHVy4KxDvVtqrfFwjpsbTuYJyx0TEca-cywVqLaXBF_IlzsPzrAM8Oalw5EabpAJAYnHvjAYSFcRWLdl2wp0cuRhHIrRnMm80/s1600/Green+bird.png
Warna Ungu


  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH3Kq6Szscs3tB93cwt_FwvD_QDoYfI7bp0ge70nxquUe1I5Lpa7LDKgh6Jay_mYyOzEkih-K9D_6jmXc9eg8koeVht2ofVLlYrqI81s2-a8oPf5Mf-FASM5BuNMGRb2fYlQbuOg9y1i0/s1600/purple+bird.png
Warna Putih


  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY8F6mCOrL3DYpVOtPDSIH3e61p7mw_n0d2LSsnGc0jkE-FOY1tilSvBfSSbsPoEw-SG2uZp6aHpSW9QQYRljh0KYOzxQxG3886idDt7_5lEoNjFh-CsdakOyvMWTRkohyoMbcfDO-HYM/s1600/white+bird.png
Warna Merah


  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8Lst7qg1p1LLPFQDyKdzeAx6LG-Vg8hDFDTCBzB_dHEqo5rOyN4lLxP6eKiRmQmLn_QXAHiocX_ICv106nRScroTZeecHcul4DbXsuxrFIF7IykipmDNUEqJn3FthjOJqDR44nGo4odc/s1600/red+bird.png

Dan terakhir jangan lupa disimpan
Good luck Sob..!

Read More

CARA DAFTAR DAN MEMASANG HISTATS COUNTER DI BLOG

9:26 PM    No comments

Layar tampilan homepage dari histats.com
Cara Daftar dan Pasang Histats Counter - Selama saya menjadi blogger, histats adalah sebuah gadget yang sangat membantu dalam mengamati performa blog. Saya harus membahas histats ini karena nanti saya harus membahas cara menggunakannya, karena penggunaan histats yang salah justru akan merugikan kita.

Ada perbedaan mendasar antara histats, Google Analytic, dan statistik blogger. Saya lebih banyak memakai histats karena lebih praktis, walaupun GA tentunya lebih akurat. Sedangkan statistik blogger kurang menarik minat saya karena datanya tidak begitu jelas. Jadi kali ini saya mau mengajak teman-teman blogger pemula memakai histats dengan cara yang baik.

Cara Mendaftar Akun Histats Counter

  • Untuk mendaftar silahkan menuju ke link histats.com
  • Cari di bagian kanan layar bagian "REGISTER YOUR WEBSITE"
  • Masukkan URL anda ke kolom yang disediakan (jangan gunakan http://)
  • Klik tombol REGISTER
  • Di formulir pendaftaran anda akan diminta mengisi beberapa data
  • Untuk bagian LOGIN DATA masukkan alamat akun email google atau email apapun itu. Kemudian masukkan password, kemudian ulangi sekali lagi untuk mengkonfirmasi bahwa yang anda input sudah benar
  • Masukkan informasi tambahan berupa NAMA, dan NAMA SINGKAT serta ZONA WAKTU anda
  • Setelah itu centang "I have read and agree Publisher Agreement Terms"
  • Masukkan kode CAPTCHA yang ada pada gambar
  • Klik REGISTER
  • Jika berhasil anda akan mendapat pesan "REGISTRATION DONE ! please check your mailbox!"
  • Sekarang saatnya menuju ke email anda, dan membuka email dari histats
  • Di dalam email akan ada link aktivasi, silahkan diklik
  • Ok, akun blog atau website anda di histats sudah jadi....
  • Silahkan lakukan login dengan menggunakan email dan password yang sudah didaftarkan sebelumnya

Cara Mendaftarkan Blog di Histats

  • Lakukan Login untuk masuk dan memasang counter histats
  • Saat masuk anda akan masuk ke halaman CONTROL PANEL
  • Cari tombol ADD A WEBSITE dan klik
  • Anda akan masuk ke halaman pendaftaran website
  • Masukkan URL blog anda
  • Pilih bahasa Indonesia dari language
  • Pilih ZONA WAKTU agar statistik yang nanti anda dapat sesuai dengan zona waktu di daerah anda
  • Pilih Type dan Category dari blog anda
  • Masukkan Title dan Deskripsi singkat dari blog yang anda daftar ke histats
  • Pada SITE VISIBILITY pilih SITE STATS ARE VISIBLE ONLY TO YOU (Pastikan anda login untuk melihat statistik)
  • Masukkan CAPTCHA dan klik CONTINUE

Cara Memasang Tracker Code Histats di Blog

Cara Daftar dan Pasang Histats Counter
  • Sekarang kita mau memasang counter ke blog. Saat anda mengklik Continue, anda akan masuk kembali ke halaman CONTROL PANEL. Di sini blog yang tadi didaftarkan sudah masuk ke dalam daftar
  • Silahkan klik icon yang diberi lingkaran merah di atas
  • Mungkin anda akan menemui layar PRIVACY POLICY UPDATE, jika anda ingin nantinya fitur tambahan ditambahkan ke akun anda, maka langsung saja klik SEND. Tapi fitur tambahan ini dikelola oleh pihak ketiga di luar server histats. Jika anda merasa ragu atau tidak percaya, maka sebaiknya hapus tanda centang yang ada pada accept, dan biarkan tanda centang yang ada pada Apply to all my sites lalu klik SEND
  • Anda akan dibawa masuk ke dalam halaman SUMMARY yang tentu saja masih nihil nilainya
  • Sekarang cari Tulisan COUNTER CODE dan klik
  • Klik ADD NEW COUNTER
  • Klik tab HIDDEN TRACKER (sangat dianjurkan), dan nanti anda akan melihat gambar seperti di bawah ini
Hidden tracker
  • Klik gambar tersebut
  • Saat tampilan layar berubah, langsung klik SAVE
  • Akan muncul tampilan seperti di bawah ini
ambil kode dari counter histats.com
  • Silahkan klik bagian yang diberi kotak merah di atas, dan akan terbuka tampilan di bawah ini....
gunakan kode async dari histats agar tidak menghambat loading blog
  • Sekarang lihat pada tampilan yang baru muncul, ada beberapa pilihan kode yang bisa digunakan. Tapi saya rekomendasikan menggunakan kode async alias asinkron agar tidak menghambat loading blog anda. 
  • Sekarang anda hanya perlu mengcopy semua kode yang anda pilih tadi
  • Jika anda adalah pengguna blogger maka segera masuk ke akun anda
  • Pilih menu TATA LETAK
  • Pilih TAMBAH GADGET
  • Pilih widget HTML/JAVASCRIPT
  • Paste kode yang tadi anda ambil dan klik simpan.
  • Atur posisi widget agar letaknya agak dibagian atas blog
  • Klik SIMPAN PERUBAHAN
  • Sekarang tracker sudah terpasang dan histats counter mulai melacak aktifitas di website anda. Pastikan anda melakukan login di histats untuk melihat data-data ini.

Ok, sekian dulu panduan mendaftar dan memasang kode Histats Counter di blog anda.

Read More

CARA MEMASANG WIDGET

8:41 PM    No comments

Cara Memasang Widget di Blogs


Bagaimana cara memasang atau menambahkan widget di Blogspot ? dari pertanyaan tersebut mungkin sebagian para pakar blogger profesional pastinya sudah pada tau , namun bagaimana jika ada seorang blogger pemula yang baru belajar di blogspot , Mungkin sempat kebingungan mengenai hal cara menambahkan gadget khususnya di blogspot.

Dari sebagian para pakar blogger profesional untuk mengerjakan hal tersebut pastilah sangat mudah sekali karena sudah mengetahui sepenuhnya tentang webs atau blogs , tetapi berbeda lagi dengan yang belum mengetahui caranya , Apalagi yang sama sekali belum pernah mengetahui Cara Membuat Blogs di Blogspot , Untuk itu dibawah ini saya akan share kembali Tutorial Tips Trik Blogger tentang bagaimana cara memasang gadget atau widget khususnya pengguna blogspot cekidot , Adapun caranya adalah sebagai berikut :

- Sign in terlebih dahulu dengan my account sobat atau sobat bisa klik langsung di http://www.blogger.com



- Kemudian klik Lay out  pada Dashboard blog sobat seperti gambar diatas , Oia untuk gambar halaman kerangka Template dibawah ini pasti berbeda - beda bentuknya dan di Template webs atau blog sobat pun akan menemukan banyak gadget dibeberapa posisi , seperti ada yang diletakkan di header , sidebar , main wrapper atau di footer .


Kerangka Template Webs dan Blogs

- kemudian silahkan sobat pilih akan menambahkan widget atau gadget diposisi sebelah mana ?

- Untuk Tutorial Cara Menambahkan Widget di Blogspot ini saya akan memberikan contoh misalnya sobat ingin menambahkan Gadget  Lencana Google+ di sidebar sebelah kanan , Caranya klik Tambahkan Gadget kemudian klik pada tulisan Lencana Google+ , Jika di klik pada tulisan tersebut otomatis akan menampilkan Pratinjau seperti gambar di bawah ini


cara menambahkan widget di webs atau blogs


cara memasang widget di blogspot


pratinjau gadget Lencana Google plus

- Untuk masalah menyesuaikannya sobat bisa atur sesuai keinginan sobat , jika sudah di atur silahkan klik simpan / save pada widget  Lencana Google+ tersebut seperti gambar di bawah ini


setting gadget Lencana Google plus

- Dan jangan lupa klik simpan setelan pada kerangka template sobat seperti gambar di bawah ini


Kerangka Template Website dan Blogspot

Selesai dan lihat hasilnya , Mungkin masih ada yang bertanya , Bagaimana Cara Memasang Widget Kode Script di Blogspot ? Untuk cara pasang kode script widget di blogs , Sebenernya masih sama dengan Tutorial di atas hanya berbeda ketika sobat klik Tambahkan Gadget silahkan sobat cari tulisan HTML/JavaScript seperti gambar dibawah ini


Cara Memasang Kode Script Widget di blogspot dan website

kemudian klik tulisan HTML/Javascript tersebut otomatis akan keluar kotak Mengonfigurasi HTML/JavaScript dan pada kotak kosong bertulisan konten silahkan disitu copy paste kode script widget yang akan sobat pasang dan bisa juga memberikan judul pada widget pilihan sobat tersebut



Cara Memasang Kode Script Widget di blogspot

Jika sudah selesei silahkan klik simpan kemudian dilanjutkan kembali dengan mengklik Simpan Setelan , selesei dan lihat hasilnya

Read More

Monday, October 20, 2014

MEMBERI KETERANGAN PADA GAMBAR

11:54 PM    No comments

Memberi keterangan pada image atau gambar yang diupload bermanfaat untuk :

1.Memperjelas maksud dari gambar yang diupload.
2.Memberikan kekuatan pada gambar agar bisa di index mesin pencari google.

 Caranya untuk memberi keterangan adalah :
1. Klik image pada lembar kerja
kemudian kllik chose file, dan kita pilih dari mana gambar tersebut kita unggah.

memberi keterangan pd gbr
 

 kemudian klik add selected setelah kita pilih gambar yang akan kita unggah tersebut.

2. Setelah gambar terupload , maka kita bisa menentukan letak gambar seperti yang kita inginkan apakah di kiri (left), tengah (center) atau di kanan (right)


menamai keterangan gbr


 Jika kita klik pada gambar akan muncul besar gambar yang kita inginkan bisa small, medium, large , x-large atau original size.
Untuk memberi keterangan pada gbr kita pilih add caption.
Untuk menambah link pada gambar kita klik saja tulisan Link  di kanan atas pada lembar kerja ini.
Untuk menghapus gambar bisa klik remove.
 

Read More

Monday, September 15, 2014

CARA MEMASUKKAN GAMBAR PADA BLOG

2:51 AM    No comments

Cara memasukkan gambar ke blog
Memasukkan gambar bisa dilakukan dengan 2 cara baik dipostingan ataupun dengan menambah gadget (dipasang di sidebar/footer/header).

a. memasukkan gambar di dalam artikel blog


 Silakan masuk ke dasbor klik entri baru untuk membuat postingan terbaru.
Jika ingin memasang gambar tepat di bawah judul blog atau di atas artikel bisa langsung klik icon gambar disamping kata Link
Jika ingin masukkan gambar setelah paragraf tertentu silakan ketikkan dulu kalimat yang dikehendaki
cara pasang foto di dalam posting blog

Jika ingin memasukkan gambar dari koleksi foto di komputer, pilih upload > Pilih file > cari di folder komputer foto yang ingin diupload. jika sudah muncul ) seperti gambar 2 di bawah, klik add selected.



gambar 2 cara pasang gambar di posting blog dengan upload

Jika ingin memasukkan gambar dari koleksi yang sudah dihosting misalnya di Picassa atau google code pilih from Picassa web album atau From a URL, sebagai contoh disini saya akan memasang gambar dari URL hosting di google code.

Caranya:
  • Pilih From a URL
  • Masukkan URL / Link di form yang tersedia
  • Jika sudah muncul preview gambarnya Klik Add Selected

memasukkan gambar di postingan blog dengan URL
Selesai dan Gambar di postingan blog sudah masuk


b. Memasang foto di sidebar/footer

 

Tidak jauh berbeda dengan cara pertama tadi, hanya saja kita memasukkan gambar dengan menambahkan gadget lalu pilih GAMBAR.

Masuk ke dasbor > Tata Letak > Pilih / dan Klik link Gambar atau tanda Plus (+) akan muncul tampilan di bawah ini

memasang gambar di gadget blogger

Caranya;
  1. Sobat boleh memberi judul boleh juga tidak
  2. Keterangan gambar berfungsi "alt image" jika link yang dituju masih berupa internal link (link di blog yg sama, saya sarankan masukkan keterangan gambar)
  3. Hubungan, boleh di isi link URL tertentu baik keluar atau keluar blog, terserah sobat
  4. Pilihan gambar, sama seperti cara a. di atas, jika ingin mengupload dari komputer pilih dari komputer, jika dari web/URL, masukkan URL
  5. Centang susutkan gambar jika ukuran lebar sidebar sebesar 300pixel

cara memasukkan dan memasang gambar di blog sidebar

Read More
Subscribe to: Posts (Atom)