Cara Mendaftar dan Memasang Widget Cbox di Blog

Cara Mendaftar dan Memasang Widget Cbox di Blog. Sebagai seorang blogger adakalanya kita melakukan blog walking untuk mampir-mampir ke sesama blogger. Biasanya kita meninggalkan jejak disana lewat komentar blog ataupun buku tamu yang disediakan si empunya blog. Apabila sobat tertarik memiliki buku tamu tersebut di blog sobat, Oplosanblog rekomendasikan untuk memasang widget Cbox ini. Cara daftar dan pasangnya mudah kok, berikut Oplosanblog akan coba share langkah-langkahnya.

Cara Mendaftar Cbox
1. Pertama-tama sobat masuk ke websitenya dulu http://www.cbox.ws/getone.php

 

2. Isi form-form yang disediakan dengan data-data lengkap
- Cbox name : nama Cbox sobat
- Email address : email sobat yang masih aktif
- Password : kata sandi untuk login ke akun Cbox sobat
- Confirm Password : ketik ulang password
- Website : alamat blog sobat
3. Apabila sudah lengkap isiannya, jangan lupa checklist pada "I agree to the Cbox terms and conditions of services"
4. Kemudian Klik Create my Cbox!
5. Selamat karena sobat sudah memiliki akun Cbox

Cara Memasang Cbox di Blog sobat
1. Login ke akun Cbox sobat
2. Klik Publish

3. Lalu Copy kode-kode yang telah tersedia
4. Login ke akun blogger sobat
5. Masuk ke Dashboard > Tata Letak
6. Klik Add Widget - HTML/Javascript
7. Kemudian pastekan kode Cbox tadi
8. Langkah selanjutnya tinggal penyesuaian saja panjang dan lebar Cbox.
9. Terakhir klik Simpan.

Demikian tutorial Cara Mendaftar dan Memasang Widget Cbox di Blog. Mudah bukan sobat. Kalau ada pertanyaan bisa disampaikan di komentar bawah ini. Semoga bermanfaat.

Continue reading →

Cara Membuat Widget Parse HTML di Blogspot

Dalam dunia blogging pasti akan dibutuhkan yang namanya koding. Misal untuk memasang iklan, atau mengubah tampilan template blognya. Kadang kala kode HTML yang ingin dipasangkan akan menjadikan template error/tidak terbaca, supaya kode-kodenya bisa klop dan terbaca maka perlu di parsekan lewat widget yang akan kita buat ini. Untuk tampilannya setelah jadi akan seperti ini nanti :

Cara Membuat Widget Parse HTML di Blogspot
1. Login ke blogger sobat
2. Masuk ke menu tab Pos
3. Buat postingan seperti biasa namun untuk kode di bawah ini pakai mode HTML yah :

<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/102462998830435293579/post-Code.xml&up_grows=10&up_conv1=1&up_conv2=1&up_conv3=1&up_conv4=1&up_conv5=1&synd=open&w=350&h=200&title=Code+HTML+Converter&border=%23ffffff%7C0px%2C1px+solid+%23993333%7C0px%2C1px+solid+%23bb5555%7C0px%2C1px+solid+%23DD7777%7C0px%2C2px+solid+%23EE8888&output=js"> </script>      

4. Simpan dan kemudian Publikasikan.

Continue reading →

Cara Mendaftar dan Memasang Widget Histats di Blog

Cara Mendaftar dan Memasang Widget Histats di Blog - Setelah sebelumnya saya share tentang cara memasang widget Alexa Rank, maka untuk kali ini akan coba saya bagikan cara daftar dan pasang widget Histats. Seperti sobat ketahui, untuk melihat data akurat tentang pengunjung yang mampir ke suatu blog, biasanya si admin memakai widget satu ini. Tampilannya beraneka macam (bisa sobat pilih nanti bentuk widgetnya) dan sangat berguna untuk dapat melihat perkembangan traffik di blog sobat.

Hal-hal yang dapat ditampilkan di widget Histat ini meliputi : jumlah pengunjung yang sedang online pada blog sobat, penayangan hari ini, pengunjung hari ini, total kunjungan, total penayangan, kota/negara pengunjung berasal dan lain-lain.

Bagaimana sobat, tertarik untuk memasang widget ini, kalo iya silahkan ikuti tutorial ane ini ya :

1. Sobat kunjungi websitenya Histats.com , klik Register

2. Isi form create new account selengkapnya sesuai yang diminta histats. Setelah pengisian selesai, centang pada kotak I have read and agree Publisher Agreement Terms, isikan kode captcha dan klik Register

3. Setelah klik register, nanti akan muncul pesan seperti di bawah ini. Maka sobat segera menuju email sobat dan klik link verifikasinya.

4. Jika akun sobat sudah aktif setelah verifikasi tadi, segera login  ke akun histat sobat. Klik Add a website

5. Pada form create new website/blog isikan data yang diminta histats, yakni :

• Site url : url blog sobat
• Language : bahasa yang digunakan pada blog sobat
• Time Zone : zona waktu di tempat sobat berada.
• Category : kategori konten pada blog sobat
• Title : judul blog sobat
• Description : deskripsi singkat isi blog sobat
• Page views start value : angka memulai dihitunngnya penayangan. Jika ingin dari nol, maka biarkan kosong
• Visitors start value : angka memulai dihitunngnya pengunjung. Jika ingin dari nol, maka biarkan kosong
• Stats visibility : pilih opsi pertama jika data traffik akan ditampilkan pada publik.
• Centang kotak Accept pada opsi  Terms of use & Privacy Policy.
• Isikan kode captcha.
• Klik Continue

Sampai disini blog sobat sudah terdaftar di Histat. Dan selanjutnya akan saya jelaskan cara untuk pasang widgetnya. Hehe,

6.  Klik pada blog yang sobat daftarkan tadi

7. Pada tampilan ini, semua aktifitas di blog sobat akan terlihat. Sobat klik Counter CODE

8. Klik add new counter

9. Terdapat berbagai macam bentuk widget, silahkan sobat pilih yang mana terserah

10. Centang data-data yang ingin sobat tampilkan di widget, setelah dicentangi segera klik Save

11. Klik counter Id yang baru dibuat tadi

12. Pilih yang standar saja, terus copy paste kode HTML nya ke blog sobat

13. Masuk ke menu Tata Letak > Tambahkan Gadget > HTML/Javascript. Selesai sampai disini. 

Semoga bisa dipahami sobat semua tutorial saya kali ini. Jangan lupa dishare postingannya bila infonya bermanfaat. Thanks.

http://regibrader-free.blogspot.com/2013/07/cara-mendaftar-dan-memasang-widget.html

Continue reading →

Cara Memasang Widget Alexa Rank di Blog

Cara Memasang Widget Alexa Rank di Blog - Setelah sebelumnya saya share tutorial tentang cara pasang widget contact form dan jam di Blog, kali ini saya ingin share tentang tutorial cara pasang widget Alexa Rank. Bagi yang belum tahu apa itu Alexa Rank, akan saya jelaskan sedikit saja.

Alexa Rank adalah fasilitas yang berfungsi untuk memonitor dan menunjukkan ranking dari blog sobat berdasarkan kualitas dari blog itu sendiri. Semakin kecil Alexa Ranknya maka makin populer rangking sobat di mata Google. Untuk tutorial cara selengkapnya monggo disimak baik-baik :

Langkah-langkahnya :

1. Kunjungi website www.alexa.com, terus sorot tombol Create Account di pojok kanan atas

2. Isi form sesuai data diri sobat, dan konfirmasi sekalian lewat link Alexa Rank yang dikirim ke email sobat.

3. Tentukan password sobat

4. Masuk ke Dashboard dan Klik Tombol Add it Now

5. Sign Up pilih yang gratis saja :D

6. Isi kolom dengan alamat blog sobat

7. Copy kode verifikasi lalu paste dibawah Tag Title <title>Judul Blog</title> pada menu Template > Edit HTML Kemudian klik Verify my ID

8. Isi form registrasi blog sobat

9. Masuk ke Menu Product kemudian klik tombol See Other Tools for Site Owners

10. Pilih Alexa Site Widgets

11. Masukkan URL blog sobat dan klik Build Widget

12. Terakhir sobat tinggal copy paste saja kode HTML yang ada ke menu Tata Letak > Tambahkan Gadget > HTML/Javascript.
13. Selesai sudah. Semoga bermanfaat, bagi yang masih bingung bisa komentar di bawah.

Continue reading →

Cara Memasang Widget Jam di Blog

Cara Memasang Widget Jam di Blog - Sobat blogger, untuk kali ini Oplosanblog akan memberikan tutorial mengenai Cara Memasang Widget Jam di Blog. Caranya simpel dan mudah kok, gak perlu ribet untuk memasangnya. Hehe,.. Penasaran gak sobat blogger cara memasangnya bagaimana?? Kalau iya, sobat bisa ikutin tutorial saya di bawah ini :

Cara Memasang Widget Jam di Blog :

1. Sobat coba kunjungi website http://www.clocklink.com/

2. Pada menu gallery sobat coba klik. Dan pilih kategori sama bentuk jam yang sobat inginkan.

3. Setelah dapat bentuk jam yang diinginkan, sobat klik view html tag pada kotak di bawah jam yang kita pilih lalu akan timbul halaman baru di window baru. Nanti ada persetujuan dalam bahasa inggris, sobat tinggal pilih accept saja.

4. Selanjutnya sobat diminta memilih warna yang diinginkan, {time zone untuk Waktu Indonesia Bagian Barat sebaiknya memilih JOG : Jogyakarta Indonesia Time (GMT + 07.00)} serta jangan lupa tuliskan ukuran (size) jam agar sesuai dengan sidebar tempat meletakan jam itu nantinya. Dapat juga diatur kemudian.

5. Tinggal copi aja kode HTML yang diberikan.

Langkah selanjutnya masuk ke blog sobat.

6. Log in dulu ke akun blogger sobat

7. Pilih menu Tata Letak dan kemudian sorot tab Tambah Gadget

8. Sobat masukkan copian kode HTML tadi pada pilihan HTML/Javascript.

9. Selesai.

Kalo berhasil nanti jadinya kurang lebih seperti ini :

Website penyedia widget jam lainnya bisa kunjungi:

http://www.mytictac.com/

http://localtimes.info/getwidget/

http://www.clocktag.com/

http://www.widgetbox.com/tag/clocks

http://www.al-habib.info/islamic-clock/index_id.htm

http://adesyams.blogspot.com/2009/06/cara-memasang-jam-di-blog.html

Continue reading →

Cara Memasang Widget Contact Form di Laman Blogger

Belum lama ini blogger menambahkan fitur Contact Form di widget bagian sidebar. Sayangnya hanya bisa dipasang di bagian sidebar. Padahal kan bagusnya Contact Form itu di halaman statis atau laman blog. Nah untuk itu kali ini saya akan share Cara Memasang Widget Contact Form di Laman Blogger yang saya dapat dari blog mas-sugeng.com.

Bagi yang penasaran pengen coba bikin, bisa ikutin tutorial saya ini :
1. Langkah Pertama, masuk ke tab Tata Letak, kemudian sorot ke bagian Tambahkan Gadget

Setelah widget ditambahkan, selanjutnya drag widget contact form tersebut ke bawah kotak postingan blog.

 2. Langkah Kedua, Menyembunyikan Widget Contact Form
copi kode di bawah ini :

.widget.ContactForm {
 display: none;
 }

kemudian masuk ke menu template dan kemudian klik pada tab Edit HTML, pastekan kode di atas tadi di atas kode :

]]></b:skin>

3. Langkah Ketiga, Buat Halaman Statis atau Laman Blog
masuk ke menu Laman, kemudian buatlah Laman Kosong baru:

di postingan blog, sobat pilih mode HTML dan copi pastekan kode di bawah ini:

<style type="text/css">
 .widget.ContactForm {
 display: block;
 }
 .post-footer {
 display: none;
 }
 #blog-pager {
 display: none;
 }
 .blog-feeds {
 display: none;
 }
 .widget.ContactForm .title {
 display: none;
 }
 .widget.ContactForm * {
 max-width: 100%;
 }
 </style>

setelah itu klik Publikasikan

4. Langkah Keempat, Selesai sudah sobat...
Hasil jadinya seperti ini :

http://www.mas-sugeng.com/2013/05/cara-memasang-widget-contact-form-di.html

Continue reading →