0 Cara Memasang Kalender Widget di Blog

Cara Memasang Kalender Widget di Blog

Posted by harunarrosyid 20 juli 2013

Memasang widget kalender di Blogger

Enggak terasa sudah bulan januari sejak admin bikin blog ini. Kita pasti capek kan kalau tiap hari melakukan hal yang sama terus? Sama kayak admin yang tiap hari cuma sibuk dikejar-kejar sama tugas-tugas sekolah. Alhasil, udah berbulan-bulan blog ini dibuat, bahkan sekarang udah juli , tapi baru ada beberapa posting saja yang dibuat. Maklum lah admin kan orangnya pemalas sibuk, jadi sering nggak sempet update blog ini.

Well, untunglah masih tersisa sedikit waktu luang buat admin sentuh blog ini. Kali ini Blog zayyin friends mau berbagi sebuah widget gratis buat kamu, plus tutorialnya juga. Ini adalah widget sederhana yang tak asing lagi dengan kesibukan kita di dunia ini. Orang-orang menyebutnya sebagai Kalender (lihat widget di bagian sidebar). Fungsinya dasar banget, sebagai pengingat dan penunjuk waktu, yang berupa hari dan tanggal. Well, orang-orang udah punya banyak kalender di rumahnya, ngapain coba pake dipasang di blog segala? Paling banyak widget sejenis kalender beginian dipasang cuma sebagai hiasan untuk memperindah tampilan blog, contohnya ya blog ini. Tapi toh, banyak kok orang yang menyempatkan dirinya untuk search di google bagaimana caranya memasang widget kalender ini di blog mereka. Kayaknya desain dan layout dari widget-widget seperti ini banyak menarik perhatian para blogger. Kamu juga?

Oke, kali ini admin mau promosi widget dari website yang admin suka. Widget kalender ini admin dapatkan dari MyCalendar.org. Disitu banyak kok pilihan-pilihan desain calendar, jam, dsb yang bisa kamu pasang di blog kamu. Tinggal pilih, pasang, selesai! So, untuk tutorial pasangnya simak step by step-nya di bawah ini.

Cara memasang kalender widget di blog:

      1. Masuk ke Blogger. Klik nama blog kamu di dalam Dashboard.

      2. Pilih Layout di menu bagian kiri.

      3. Tentukan tempat dimana widget ini akan dipasang, klik Add Gadget.

      4. Muncul window baru. Pilih HTML/JavaScript di dalam daftar gadget.

Memasukkan kode HTML di dalam Blog

      5. Copy dulu kode dibawah ini. Atau bisa cari kode lainnya di MyCalendar.org.

<br /> <!-My calendar widget - HTML code - mycalendar.org --><div align="center" style="margin:15px 0px 0px 0px"> <noscript><div align="center" style="width:140px;border:1px solid #ccc;background:#fff ;color: #fff ;font-weight:bold;"> <a style="font-size:12px;text-decoration:none;color:#000 ;" href="http://mycalendar.org/"> Calendar</a></div> </noscript><script type="text/javascript" src="http://mycalendar.org/calendar.php?group=&widget_number=3&cp3_Hex=FFB200&cp2_Hex=040244&cp1_Hex=F9F9FF&fwdt=140&lab=1"></script></div> <!-end of code--><br />

      6. Paste kode tersebut di kotak bagian Content yang ada di jendela yang kamu buka                 tadi.

Paste kode HTML widget di blog

      7. Terakhir, klik tombol Save.

Ini hasilnya:

Tampilan kalender dari MyCalendar.org

Sebagai tambahan, kamu bisa mencari widget kalender, jam, dll di MyCalendar.org dengan gratis. Klik Get Widget untuk mendapatkan kodenya, atau klik Edit size & color untuk menyesuaikan tampilannya.
                                        semoga bermanfaat

0 Cara Mudah Memasang Widget Online Feedjit di Blog

Cara Mudah Memasang Widget Online Feedjit di Blog

Cara Mudah Memasang Widget Online Feedjit di Blog. zayyin friends kali ini akan memasang widget online Feedjit di template keren blog kamu. Dengan feedjit kita bisa mengetahui pengunjung yang datang ke blog kita menuju artikel yang mana. Feedjit merupakan widget online yang bisa gunakan secara gratis, namun jika kita memilih yang berbayar, kita akan mendapat fasilitas yang lebih.

Nah ayo kita langsung coba memasang widget feedjit dengan langkah-langkah mudah yang tips-mudah-ngeblog berikan kali ini.

1. Masuk halaman utama situs http://feedjit.com. Seperti gambar dibawah ini. Dan pilih choose your feedjit (kotak berwarna hijau)

2. Kemudian kamu akan diarahkan ke halaman berikutnya ...Pilih yang gratis atau free seperti yang saya tandai dengan kotak berwarna merah muda seperti dibawah ini, namun jika yang berbayar kamu bisa memilih yang dua lainnya.

3. Ok... setelah itu akan masuk halaman pengaturan widget yang akan dipasang seperti jumlah pengunjung yang lagi online (yang ditampilkan) 1-10. Kamu juga bisa memilih tampilan warna dari widget online feedjit sesuai dengan warna template kamu atau sasuai dengan warna favorit kamu. Tampilannya seperti gambar dibawah ini.

4. Setelah selesai dengan pengaturan tampilan yang sudah pas Online Widget Feedjit maka tekan tombol GO. O iya sebelumnya pilih blogger, wordpress, atau another blog, setelah itu GO.

5. Setelah itu langkah selanjutnya setelah menekan GO, kita akan diarahkan menuju halaman selanjutnya yaitu menginstall widget feedjit di blog kita dengan menekan tombol "click toopen a new window and isntall on blogger". Klik kotak tersebut, maka kita akan diarahkan ke blog untuk mengintall widget feedgit. dan selesai.

                                           semoga bermanfaat

0 Cara Memasang Revolver Maps Di Blog

Cara Memasang Widget Revolver Maps Di Blogger

Diposkan oleh harunarrosyid on kamis,18 juli 2013, in cara-cara,tip blogger

 

Cara membuat revolvermaps di blog -
Belakangan ini ketika saya sedang berkunjung ke beberapa blog , saya menemukan sesuatu yang unik. Saya melihat ada sebuah widget yang sangat menarik, namanya Revolver Maps. Widget yang menampilkan visitor blog dengan efek 3D dengan tampilan globe yang berputar sepertihalnya bumi. Dan saya pun tertarik untuk memasangnya. Karena efek 3D nya tersebut bisa membuat blog terlihat lebih hidup. Dan akhirnya timbul keinginan saya untuk berbagi info ini, tentang bagaimana cara memasang widget revolver maps kepada para blogger sekalian. 

Nah ,. Caranya mudah kok .. 

Langkah Pertama

1. Masuklah ke situsnya Revolver Maps, klik saja disini Revolver Maps
2. Kemudian Klik Get Standard Version
3. Atur Widgetnya sesuai keinginan anda.
4. Copy kodenya

 Atau bagi anda yang tidak mau repot , bisa copy kode di bawah ini

<script type="text/javascript" src="http://ji.revolvermaps.com/r.js"></script><script type="text/javascript">rm_f1st('0','280','true','false','000000','8z2akiyoa8x','true','ff0000');</script><noscript><applet codebase="http://ri.revolvermaps.com/j" code="core.RE" width="280" height="280" archive="g.jar"><param name="cabbase" value="g.cab" /><param name="r" value="true" /><param name="n" value="false" /><param name="i" value="8z2akiyoa8x" /><param name="m" value="0" /><param name="s" value="280" /><param name="c" value="ff0000" /><param name="v" value="true" /><param name="b" value="000000" /><param name="rfc" value="true" /></applet></noscript><small><a href="http://permathic.blogspot.com/2012/03/cara-memasang-widget-revolver-maps-di.html" target="_blank"> Widget</a></small>

Langkah ke-2

1. Login ke dasbor blog anda
2. Pilih Rancangan
3. Pilih elemen laman
4. Pilih tambah gadget
5. Pilih edit Html / java script
6. Kemudin Paste kan kode tadi
7. Atur di mana anda mau meletakannya
8. Simpan
9. Selesai

Mudah bukan ? Selamat mencoba. Dan buatlah blog anda menjadi lebih hidup dan menarik..

0 Cara Membuat Buku Tamu Melayang Di Sisi Kanan Blog

Cara Membuat Buku Tamu Melayang Di Sisi Kanan Blog

Di postingan ini saya akan berbagi
cara membuat buku tamu  melayang di kanan blog

1. Langkah Pertama  pergi ke Cbox
2. Lalu masuk akun Cbox atau jika belum punya daftar ke Sign Up Cbox
3. Jika Sudah mendaftar Cbox lalu pemirsa disuruh masuk Cbox
4. Setelah sudah masuk edit sendiri Cbox anda sendiri

dan Langkah berikutnya Copy-Paste HTML dibawah ini

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3eOqM-SyMs1TRQDz5mR7DMNWWE02_gEqKIV6CAtgWFoeNbSWF4YUe7DbZni8nhNN5UIDtAM1R2pg3ij8UTdVkfp9PlvhtgqD3vzGrDi6jV3MAxB6keL7MYgw03rdi_1Wrq-dgEKchwHE/s1600/bukutamu.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
Silakan Pasang Kode Buku Tamu yang sudah di copy tadi Di Sini

<div style="text-align:right">
<a href="http://abelavriyanno.blogspot.com/2012/04/cara-membuat-buku-tamu-melayang-di-sisi.html">[get this widget]</a>><a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

Cara menaruh html di atas

1. Masuk akun blogger siapa ajah boleh
2. Ke tata letak
3. Add gadget atau Tambah gadget
4. Edit html/javascript
5. Masukan html di atas
6. Selesai

dan ganti tulisan yang biru dengan html/javascript Cbox/buku tamu
yang tadi

Mudahkan !!!

                                               semoga bermanfaat

0 Cara Memasang Flag Counter di Blog Blogspot

Cara Memasang Flag Counter di Blog Blogspot - Berapa jumlah pengunjung blog sobat?? Bagi sobat blogger yang belum tahu saya sarankan untuk memasang widget ini. Namanya Flag Counter. Flag counter adalah visitor count yang menampilkan jumlah pengunjung blog dengan ciri khas menampilkan bendera negara setiap pengunjung. Contoh bisa sobat lihat di sidebar blog ini.
Setelah sebelumnya posting  kali ini saya akan sharecara memasang widget flag counter di blog sobat. Sobat yang penasaran dan tertarik silahkan ikuti tutorial berikut.

1. Sobat kunjungi situs http://flagcounter.com 
Sobat akan melihat tampilan seperti berikut.

2. Seperti pada gambar, di situ sobat bisa mengatur tampilan dari flag counter tersebut sesuka hati.
Berikut beberapa menu editnya..

• Top Countries : menampilkan jumlah pengunjung tiap negara dengan bendera negara asal pengunjung
• Flag Map : menamplkan pengunjung dalam bentuk map aatau peta dunia seperti gambar berikut.

• Mini Counter : menampilan counter dalam bentuk mini berupa pagaview blog.
• Maximum Flag to Show : Jumlah bendera yang akan di tampilkan
• Column of Flags : Jumlah kolom untuk counter
• Label on Top of Counter : Nam dari counternya. bisa di ganti sesuai keinginan.
• Background Color : Warna latar belakang
• Text Color : warna teks
• Border color : Warna garis tepi
• Show Country Codes : Menampilkan kode setiap negara, misalnya amerika dengan kode US.
• Show Pageview Count : Menampilkan jumlah pageview atau jumlah penelusuran halaman di satu blog
• Show Number of Flags : Menampilkan seluruh jumlah bendera asal pengunjung

3. Setelah selesai ngeditnya, klik tulisan GET YOUR FLAG COUNTER. Kemudian sobat akan melihat tampilan seperti berikut.

4. Klik Skip, ambil kodenya, kemudian pasang ke HTML/Javascript blog sobat.

SEMOGA BERMANFAAT