Laman

  • HOME
  • LOMBA BLOG
  • ARTIKEL
  • TUTORIAL
  • JUAL SUPERGREENFOOD
Tampilkan postingan dengan label TUTORIAL. Tampilkan semua postingan
Tampilkan postingan dengan label TUTORIAL. Tampilkan semua postingan

Cara Mendaftar dan Memasang Google Analytic

Moocen Susan | Sabtu, Maret 22, 2014 | 19 Comments so far
   Well, sudah lama saya ga buat tutorial ya? Hihi.. :)  Maaf-maaf.. Btw, kemarin di grup ada yang tanya soal cara menghitung rate card blog buat acuan kalau-kalau ada yang ngasih job review. Btw saya juga masih bingung cara ngitungnya gimana :P .

    Ketika nanya ke teman buat tahu berapa source rank kita dia sarankan pasang google analytic. Nah, gimana masangnya tuh? Pas kubuka blognya ternyata dia bikinnya tutorial buat dipasang di wordpress. Sedangkan blog saya kan blogspot. Mau gak mau musti browsing tutorial lagi kan ya? Ya kalau ga gini ga belajar ya? :D 

    Wah ternyata ada kode yang musti dipasang di dalam template. Berhubung blog saya ini agak banyak pasang script, so, musti ati-ati pasang script tambahan lagi. Karena takut, maka aku back up dulu templatenya. Caranya : Masuk ke template → Klik cadangkan/ pulihkan → unduh template lengkap terus simpan deh di PC. Siapa tahu kalau ada eror-eror bisa kita balikin ke asal. 

    Menurut Wikipedia, Google Analytic adalah sebuah layanan gratis dari Google yang menampilkan statistic pengunjung situs web. Jika sebelumnya Anda sudah pernah membuat Google Webmaster tool, maka yang perlu Anda lakukan yaitu menghubungkannya dengan Google Analytic blog. 

Nah, caranya sebagai berikut: 
  1. Buka https://www.google.com/webmasters/tools/
  2. Klik Manage Site (Kelola Situs) 
  3. Klik Google Analytic Property
  4. Klik Create Google Analytic Account
  5. Muncul pemberitahuan untuk kembali ke halaman ini jika kita sudah membuat akun → Klik OK 
  6. Klik Sign Up atau masuk ke http://www.google.com/analytics/ 

7. Klik Pendaftaran
8. Klik Situs Web

 
9. Isi data secara lengkap meliputi : 
  • Isi nama akun Anda (terserah Anda)
  • Isi alamat website/ blog Anda, misalnya http://namablogkamu.blogspot.com
  • Pilih kategori blog Anda
  • Pilih Timezone : Indonesia → GMT+07.00 Jakarta
  • Centang kotak kecil di bawah Term of Service tanda Anda setuju dengan syarat dan ketentuan 
  • Klik Buat Akun
10. Anda akan mendapat kode script, copy kode tersebut  (kira-kira contoh kodenya seperti dibawah ini hanya saja sesuaikan dengan kode yang Anda terima ya) 

<script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-XXXXX-X']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script>
Lalu masuk ke akun blogger anda
11. Klik Template → Edit HTML 
12. Tekan Ctrl+F untuk mempermudah mencari kode </head>
13. Letakkan/ paste kode script tadi diatas kode </head> → simpan 
14. Klik Setelan → Lainnya → (scroll mouse agak kebawah lalu cari Google Analytic ) : pasang ID pelacakan yang anda dapat misalnya : UA-xxxxxxxx-x → Simpan setelan 
15. Kembali ke google webmaster tool dan tekan F5 (refresh) 
16. Muncul nama akun baru yang Anda buat tadi, klik dan simpan → OK 
17. Jika anda melakukannya dengan benar, maka di Google Webmaster Tools akan ada pemberitahuan bahwa blog Anda sudah terhubung dengan salah satu akun Google Analytics

Emoticon di Komentar Blogku

Moocen Susan | Jumat, Februari 21, 2014 | 21 Comments so far
    Senang sekali rasanya \:D/ ada teman yang peduli berbagi dengan kita ya. Terima kasih buat mas Glenn ya. Sebenarnya dulu saya pernah share cara memasang emoticon di kotak komentar. Suatu ketika ada yang komentar di blog saya dan berbagi caranya untuk bisa memasang emoticon ga cuma di kotak komentar tapi di dalam postingan juga. 

    Wah penemuan baru nih :D Jadi buat yang mau komen di blog saya sekarang bs pake emoticonnya lo =D Caranya ketik aja kode ini di kolom komentar saya (y)


Oya bagi yang berminat buat memasangnya juga diblog bisa kunjungi webnya mas Glenn disini. =-c

Cara Mengetahui Balasan Komentar Blog

Moocen Susan | Senin, Februari 10, 2014 | 29 Comments so far
Hai? Selamat Pagi. Happy Monday semuanya :) kadang setelah kita blogwalking (BW) ke blog teman-teman seringnya lupa, tadi blogwalking kemana aja ya dan ninggalin komentar di blognya siapa aja ya? Apalagi kalau kita butuh balasan komentar yang penting dari pemilik blog yang kita kunjungi.  #Perasaan blogwalkingnya udah lama tapi penasaran cara mengetahui balasan komentar nya kok baru nyadar sekarang ya saya hahaha.. 

Sebenarnya caranya sama antara wordpress dan blogspot. Tinggal centang/ klik checklistnya aja, tapi mungkin tampilannya beda. Kalau di wordpress sih saya sering perhatikan tapi kalau di blogspot baru tahu kemarin ini dari temen juga haha.. payah bener nih saya ga perhatian. 

Setelah kita ngetik komentar, centang aja bagian seperti gambar ini. Nah, kalau di wordpress kayak gini : 

Kalau di blogspot seperti ini : 


Mudah bukan, cuma klik checklist aja ntar kita bisa tahu balasan komentarnya via email. Ok, semoga bermanfaat ya...

Cara Memasang Widget Alexa Rank

Moocen Susan | Jumat, Januari 31, 2014 | 23 Comments so far
Sebelum saya berbagi cara memasang widget alexa rank di blog, mungkin ada yang belum tahu apa itu alexa rank/ peringkat alexa? Alexa rank adalah peringkat yang dibuat oleh alexa.com untuk mengukur banyaknya trafik/ kunjungan visitor ke blog kita. 

Dengan memasang widget alexa di blog kita maka alexa.com akan mengetahui berapakah jumlah pengunjung serta page view (jumlah halaman yang di lihat) pada website atau blog. Setelah data terkumpul maka mesin alexa akan secara otomatis membuat ranking atau peringkat pada website atau blog tersebut. 

Semakin banyak visitor yang berkunjung ke blog kita maka semakin kecil nilai alexa rank blog kita. Dengan begitu maka kualitas peringkat tersebut semakin baik, ini berbanding terbalik dengan yang namanya Page Rank (PR) jika PR semakin besar angka peringkatnya, maka semakin bagus. 

Kalau saya pribadi memasang widget alexa rank untuk memacu semangat menulis saya aja sih. Dulu tiap hari ngecek berapa ya alexa rank blog saya? Makin ramping makin semangat nulisnya, hehe wah berarti yang mengunjungi blogku nambah nih. Hehe… tapi kadang stress juga kalau alexanya naik turun. Ah, tapi sekarang yang penting enjoy blogging aja ya, ga usah stress-stress kalau alexanya belum ramping dan PRnya belum naik-naik (nol mulu dari tahun kemarin hahha) . 

Berhubung untuk memasang widget alexa sekarang berbayar dan lebih rumit caranya, mungkin cara ini bisa digunakan :

Untuk pemasangan di Mozilla : KLIK DISINI

Untuk pemasangan di Chrome: KLIK DISINI

Cara Menghapus Link Hidup/ Live Link di Komentar Blog

Moocen Susan | Kamis, Januari 16, 2014 | 24 Comments so far
Cara Menghapus Link Hidup/ Live Link di Komentar Blog- Pernahkah ada orang yang berkomentar di blog Anda dengan menyertakan link hidup (live link)? Itu lho link url blog si pemberi komentar yang kalau diklik bisa mengarah ke blognya. Hehe, maaf ya bahasanya agak awam. 

Nah, mengapa tidak boleh memberi live link di dalam komentar blog? Karena nanti hal itu bisa memperberat loading blog si empunya blog. Itu sama kayak nyepam di komentar. 

Akhir-akhir ini, saya sering banget dapat live link di komentar saya. Capek juga kalau tiap ngecek email ada komentar yang masuk trus ada live linknya. Jadi musti dihapusin satu-satu. Bukan cuma 1-2 postingan saya yang dikasih live link tapi ada kira-kira 4 atau 5 postingan yang ada live link di komentar blog saya. Btw, niat banget nih nyepam mulu hahaha..

Akhirnya, saya cari deh di google cara menghilangkannya secara otomatis. Caranya langsung saja Anda masuk ke edit template blog Anda,  kemudian cari kode ]]></b:skin>  dengan cara menekan Ctrl+F . Letakkan kode berikut ini tepat diatas kode ]]></b:skin>

#comments p a{ display: none !important; }

Nah, bila cara diatas masih belum bekerja maksimal, maka Anda bisa menambahkan kode lagi. Caranya cari kode </body> lalu masukkan kode berikut ini diatas kode </body> 

<script type='text/javascript'> //<![CDATA[ $(function(){$('#comments p').find('a').contents().unwrap();}); //]]> </script>

Cara kedua ini akan membuat live link pada kotak komentar Anda secara otomatis tidak berfungsi (link tersebut akan menjadi text biasa). Jadi Anda tidak perlu repot menghapus link hidup pada kotak komentar Anda.

Semoga berhasil ya... ^_^

Cara Posting Tulisan di Wordpress

Moocen Susan | Selasa, Januari 14, 2014 | | Be the first to comment!
Hari ini ngeblog di wordpress yuks.. Tampilan wordpress yang baru mungkin bagi kita yang newbie alias pemula sempat bingung. Salah satu kepuasan saya adalah setelah mendesain blog yaitu berhasilnya klien saya memposting artikel di blog barunya supaya rapi dan menghindari eror. Selain itu ada tips-tips yang penting banget yang mungkin belum pernah kita ketahui. Itulah gunanya jasa online ini Hehe..(ngiklan mulu ya? Haha.. kembali ke topik). 

Saya membiasakan diri setiap kali posting di blog baik blogspot maupun wordpress dengan cara klik dulu HTML(blogspot)/ TEKS (wordpress) dulu sebelum copas dari word. Mengapa demikian? Ya, untuk jaga-jaga aja biar ga eror apalagi kalau dipasang readmore otomatis, kadang kan keluar tulisan Normal 0 false false false EN-US X-NONE X-NONE MicrosoftInternetExplorer4 [...], nah jika terjadi hal demikian, maka solusinya ada disini.

Bagi klien saya yang masih bingung cara posting di wordpress kali ini saya buatkan tutorialnya juga ya. 

2. Ketik username dan password Anda → SIGN IN 
3. Klik BLOG SAYA → nama blog Anda 

4. Lihat ke sebelah kiri atas ( disamping kiri tulisan following ). Klik username Anda → Dasbor 

5. Lihat di sebelah kiri cari kata “TULISAN”→ arahkan kursor mouse ke kanan → TAMBAH BARU 
6. Ketik judulnya dan silakan mengetik sampai selesai / bila Anda copas tulisan dari word dulu maka yang perlu Anda lakukan yaitu klik TEKScopy semua tulisan Anda dari word ke dalam blog → klik VISUALatur-atur paragraph dan alineanya. 

7. Untuk menampilkan icon justify/ rata kanan-kiri silakan klik icon seperti gambar dibawah ini:
8. Jika kita mau menambahkan foto → klik Tambahkan Media dan cari file gambar dari komputer Anda → sisipkan ke dalam tulisan.

9. Lihat di sebelah kanan bawah cari kolom kategori, centang kategori tulisan Anda, misalnya masuk ke kategori artikel , ya kategori artikel-nya yang dicentang 

10. KLIK TERBITKAN 

11. Untuk melihat hasilnya klik lagi tulisan nama blog Anda (misal Susan's Diary) di sebelah kiri atas diatasnya dashbor- seperti gambar pada keterangan no.4.

Fungsi Tools di Mywapblog

Moocen Susan | Jumat, Januari 10, 2014 | 3 Comments so far
Kemarin saya posting cara membuat blog via ponsel disini. Nah kali ini tutorial saya adalah menjelaskan fungsi dari icon-icon untuk menulis. Sebelumnya mari kita ikuti langkah-langkahnya : 

• Log in ke www.mywapblog.com 
• Klik Tambahkan → Posting 

Nah disini tampak icon-icon untuk mengatur tulisan, tentunya agar rapi ya.. hehe. Dan inilah fungsi-fungsinya:



1. Bold : untuk menebalkan tulisan/ text 
2. Italic : untuk membuat text miring 
3. Underlined : untuk memberi garis bawah pada text 
4. Strikethrough : untuk memberi efek coretan pada text 
5. Subscript : untuk membuat angka/ huruf kecil dibawah text seperti nama unsur kimia misalnya H2
6. Superscript : untuk membuat angka/ huruf kecil diatas text seperti menulis bilangan kuadrat/ berpangkat.
7. Insert Ordered List : untuk membuat list / daftar dengan angka 1, 2, 3, dst 
8. Insert Unordered List : untuk membuat list / daftar dengan symbol bullet 
9. Outdent : untuk membuat text menjorok ke kiri/ keluar 
10. Indent : untuk membuat text menjorok ke kanan/ ke dalam 
11. Left Align : untuk membuat text rata kiri. 
12. Center Align : untuk membuat text rata tengah 
13. Right Align : untuk membuat text rata kanan 
14. Block Justify : untuk membuat text rata kanan-kiri (ini yang biasa dipakai untuk merapikan tulisan) 
15. Remove Formating : untuk menghapus format yang ada pada tulisan seperti semula. 
16. Undo : untuk mengulang kembali aktivitas sebelumnya 
17. Redo : untuk mengulang kembali aktivitas sesudahnya 
18. Font : untukmemilih bentuk tulisan 
19. 1,2,3dst : ukuran font 
20. Style : untuk mengatur ukuran text besar / kecil 
21. Insert Horisontal Rule : untuk membuat garis horizontal/ mendatar 
22. Add Upload Image : untuk menambahkan gambar 
23. Insert Uploaded File : untuk menyisipkan file dokumen 
24. Insert Remote Image : untuk meremote gambar 
25. Insert Hyperlink : untuk menambahkan link 
26. Remove Hyperlink : untuk menghapus link 

Nah demikianlah penjelasan tentang fungsi-fungsi iconnya. Jika kita sudah selesai menulis silakan atur tanggal-bulan-tahun , waktu posting → pilih mau diseting pribadi atau tidak (centang saja) → TERBITKAN.

Cara Membuat Blog Untuk Ponsel

Moocen Susan | Selasa, Januari 07, 2014 | 15 Comments so far
Pengen ngeblog tapi ga punya PC/ laptop? Eits.. jangan kuatir, karena sekarang Anda pun bisa ngeblog meski dengan HP. Terinspirasi dari postingan status teman tentang cara ngeblog via HP, akhirnya aku punya ide bikin tutorialnya berikut ini: 

2. Klik Register 

3. Isi data Anda secara lengkap. 
4. Pilih nama pengguna (nantinya akan menjadi alamat situs/ URL blog Anda) 
5. Pilih nama domain Anda (tersedia 6 jenis domain) diantaranya yaitu : Mywapblog.com , heck.in , pun.bz , faa.im , mwb.im , yu.tl 

6. Buat kata sandi minimal 6 karakter 
7. Ketik nama Anda 
8. Masukkan alamat email (gmail) Anda 
9. Tulis kembali kode keamanannya 
10. Jika sudah terisi semua silakan klik DAFTAR 
mywapblog
Ketr.no.3-10

11. Sampai disini Anda sudah sukses mendaftarkan akun Anda untuk bisa ngeblog via ponsel. Silakan cek email Anda untuk aktivasi.

Selanjutnya Anda akan dibawa menuju kolom Pengaturan Blog. Silakan Anda lengkapi data-datanya. Pilih kategori blog dan bahasa Anda. Jika Anda memiliki gambar logo dan favicon yang ingin diunggah silakan mengupload gambarnya → SIMPAN 


12. Pada Menu Tampilan. Anda bisa mengatur berapa jumlah posting per halaman, gaya halaman depan, gambar thumbnail. Penghitung pengunjung, tombol sosial, daftar posting baru dalam posting tunggal → SIMPAN 
cara membuat blog untuk ponsel

13. Pada Menu Pribadi. Silakan unggah foto Anda. Tambahkan lokasi tempat tinggal dan ceritakan sedikit tentang Anda→SIMPAN 

14. Pada Menu Diskusi, Anda bisa mengatur apakah Anda mengijinkan adanya komentar? Apakah hanya pengguna yang terdaftar saja yang boleh berkomentar? Apakah ada wajib CAPTCHA? (selalu/saat tidak log in/ tidak pernah)? Apakah ada penutupan komentar pada posting lama? (Komentar akan dinonaktifkan pada posting yang lebih dari 14 hari). Apakah ada moderasi komentar dan apakah komentar tersebut membutuhkan email? -> SIMPAN 
cara membuat blog untuk ponsel

Demikianlah cara membuat blog untuk ponsel. Selamat mencoba ya..