Blogger Widgets

web widgets

Kamis, 20 November 2014

Its Me :)


ARTICLE



Cara membuat Blog Lewat Blogspot
Blog merupakan singkatan dari web log[1] adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum. Tulisan-tulisan ini seringkali dimuat dalam urut terbalik (isi terbaru dahulu baru kemudian diikuti isi yang lebih lama), meskipun tidak selamanya demikian. Situs web seperti ini biasanya dapat diakses oleh semua pengguna Internet sesuai dengan topik dan tujuan dari si pengguna blog tersebut.


Sebelum membahas mengenai bagaimana cara membuat blog, ada baiknya jika kita mengerti apa itu definisi atau pengertian blog. Jika ditanya mengenai pengertian blog, setiap orang pasti mempunyai jawaban yang berbeda, meskipun jawabannya berbeda, makna dari jawaban mereka pasti tidak jauh berbeda.
Definisi Blog
Menurut RidwanAZ.com, blog adalah sebuah situs website yang memungkinkan penggunanya dapat menuliskan atau memposting berbagai hal sesuai dengan keinginannya dengan mudah, (tanpa harus memiliki pengetahuan html rumit) dan dapat dikomentari oleh pengunjungnya. Dengan urutan tulisan terbalik dimana tulisan terbaru berada di paling atas kemudian diikuti oleh tulisan lama di belakangnya. Pada awalnya blog hanya berisi sebuah catatan pribadi atau diari online pemiliknya, namun dewasa ini topik blog telah berkembang lebih luas sebagai ajang berbagi pengetahuan, seperti pendidikan, kesehatan, teknologi dan lain-lain. Bahkan blog juga telah digunakan untuk sebuah perusahaan sebagai media untuk lebih dekat dengan pelanggan dan mitra bisnisnya. (referensi, wikipedia.com blogger.com)
Cara Membuat Blog
Menurut RidwanAZ.com, ada dua layanan blogging yang telah diakui kehebatannya oleh para blogger di seluruh dunia. Yaitu Blogspot (blogger.com; sebuah layanan yang dimiliki oleh google) dan WordPress.com. Namun karena judul artikel ini adalah cara membuat blog di blogspot, jadi artikel kali ini akan membahas blogspot saja. Bagi kamu yang ingin membaca panduan wordpress silahkan baca di sini.
Untuk selanjutnya silahkan ikuti langkah-langkah cara membuat blog lengkap di berikut ini :
1. Untuk memulai mendaftar blog di blogspot silahkan kunjungi alamat situs  www.blogger.com, setelah itu cari tombol Sign up (daftar) yang ada di pojok kanan atas, seperti gambar di bawah ini

2. Setelah tombol sign up diklik, nanti akan muncul aplikasi pendaftaran pembuatan akun gooogle, seperti gambar di bawah ini. Silahkan lengkapi aplikasi tersebut. Gambar di bawah ini merupakan contoh pengisiannya.
Penjelasan pengisian : pada bagian Name, Isi nama  depan dan nama belakang kamu.
Pada Choose your username,  isi sesuai dengan keinginanmu, username ini nantinya berfungsi sebagai email login untuk akses ke dashboard blogspot kamu dan bisa juga untuk login ke Gmail. (jika username tidak tersedia, tambahka angka atau huruf di belakangnya),
Pada Create a Password, isi password kamu (gunakan yang mudah diingat), pada Confirm your password silahkan isi dengan password yang sama dengan password pada kolom pada create a possword tadi.
Pada birth day isi tanggal lahir kamu.  Pada Phone, isi dengan nomor ponsel kamu, untuk Curent your email, dikosongkan saja.  Pada type the two pieces of text, ketikan dua buah teks kode yang ada di atasnya.  Selanjutnya beri tanda



centang pada dua kotak kecil di bawahnya, d an yang terakhir Kli
3. Setelah kamu klik pada tombol next, akan ditampilkan perintah verifikasi akun, silahkan masukan nomor ponsel kamu. Kemudian klik tombool Send Verifikation Code. Nanti kamu akan mendapat sms dari google yang berisi  kode aktifasi.
4.  SMS kode verifikasi dari google ke ponsel kamu akan tampak seperti gambar di bawah ini.
5.  Masukkan kode verikasi sms di atas pada kolom yang tampil, seperti gambar di bawah ini. kemudian klik tombol Verify

6.  Jika langkah sebelumnya berhasil, kamu akan menjumpai halaman seperti gambar di bawah ini. Untuk menambahkan foto silahkan klik add profile photo,  jika ingin langsung ke langkah selanjutnya silahkan klik tombol Next Step.

7.   Selanjutnya akan tampil halaman seperti gambar di bawah ini. Ini merupakan tanda bahwa kamu telah memiliki sebuah akun google  berupa alamat email yang bisa digunakan untuk login ke Gmail.com dan blogger.com, selanjutnya silahkan klik tombol Back to blogger.

8. Jika melihat halaman seperti gambar di bawah ini abaikan saja , biar lebih cepat dalam membuat blog. SIlahkan klik tombol lanjutkan ke blogger.
9.   Setelah itu kamu akan masuk ke halaman utama Dashboard blogger. Di dashboard ini kamu bisa membuat blog, menulis posting, mengatur tema dan lain-lain.  Untuk membuat blog pertama kali klik tombol Blog Baru.

10.  Setelah tombol blog baru diklik, akan muncul  jendela pembuatan blog.  Pada bagian Judul isi  Judul blog kamu, pada bagian Alamat isi dengana alamat blog yang kamu inginkan. Pada template, pilih salah satu template yang kamu inginkan.  Kemudian klik tombol buat blog
11. Setelah langkah-langkah di atas, blog kamu sudah berhasil di buat.  Untuk menulis posting silahkan klik tombol Pensil, sedangkan untuk melihat tampilan blog yang masuk kosong (belum ada artikelnya) silahkan klik tombol lihat blog.


Mendaftar Blogger dengan Akun Gmail
Jika kamu sudah mempunyai alamat email di Gmail.com, kamu tidak perlu mendaftar dari awal… Kamu dapat  langsung memasukkan alamat email gmail dan password kamu, kemudian klik tombol masuk. Selanjutnya kamu tidak perlu mengisi berbagai macam kolom. Kamu hanya perlu masukkan Nama Tampilan dan alamat situs.

Cara Mengisi Artikel di Blogger pada Tampilan Antarmuka baru
Belum lama ini Blogger meluncurkan tampilan antar muka pada seluruh bagian Dashboard nya. Mulai dari bagian posting artikel, bagian setting, bagian pengaturan template, bagian komentar, dan lain-lain telah berubah semua. Jadi bagi kamu yang secara otomatis diarahkan ke tampilan antar muka yang baru, silahkan simak panduan cara mengisi artikel pada tampilan antar muka  baru di bawah ini ;
1. Berikut ini merupakan gambar tampilan antar muka baru halaman dashboard  blogger. Perhatikan gambar di bawah ini, beberapa tombol penting masih diikut sertakan, hanya saja posisinya dirubah sesuai dengan bentuk tampilan baru.  Jadi untuk masuk ke halaman pengisian artikel pada blogspot,  silahkan klik tombol Orange yang ada gambar pensilnya.
2. Setelah itu akan tampil halaman posting seperti gambar di bawah ini. Untuk lebih jelasnya silahkan pahami keterangan pada gambar di bawah ini.
3.  Masukkan judul artikel, isi artikel, dan labelnya pada kolom yang telah disediakan. Sehingga hasilnya seperti contoh di bawah ini. Setelah semua diisi, silahkan klik tombol publikasikan yang berwarna orange.
4.  Setelah kamu klik tombol publikasikan, halaman akan berubah seperti gambar di bawah ini.  Jika muncul seperti gambar di bawah ini, berarti artikel kamu sudah berhasil di posting atau diterbitkan.  Untuk melihat artikel yang telah diterbitkan silahkan klik tombol Lihat.  Sedangkan tombol Edit berfungsi untuk menge edit atau merubah artikel kamu. Lalu untuk tombol Hapus berfungsi untuk menghapus artikel.
Cara Login dan Logout akses dashboard Blogspot.
Jika komputer yang kamu gunakan untuk membuat blog adalah komputer warnet atau laptop pinjaman, sebaiknya sebelum menutup laptop silahkan logout dulu dari Dashboard sebagai antisipasi keamanan akun blogspot kamu.  Cara klik pada tombol di pojok kanan  atas nama profilmu, kemudian klik tombol keluar. perhatikan gambar di bawah ini.
Sedangkan Untuk masuk kembali ke blogspot, caranya hampir sama dengan langkah paling awal tadi. Yaitu kunjungi www.blogger.com, kemudian masukkan email dan password yang telah kamu dapatkan tadi. sebagai contoh lihat gambar di bawah ini.
 Cara Mengatur Setting Form Komentar Blogspot
Menurut kami mengatur setting pada form komentar di blogspot ini wajib untuk segera dilakukan. Mengapa ? Karena secara defaul, tampilan antar muka form komentar pada blogspot dibatasi hanya untuk pemilik akun tertentu, misalnya akun blogger, akun wordpress, akun typepad. Sehingga orang lain yang memiliki blog ketika ingin berkomentar pada artikel kita, ia tidak bisa memasukkan alamat situs atau blog mereka. karena di formnya tidak tersedia seperti gambar di bawah ini.
Berikut ini penjelasan singkat dan mudah bagaiman setting form komentar pada blogspot.
1. Langkah pertama adalah login dulu ke dashboard blogspot milikmu, kemudian masuk ke jendela setelan/setting, dengan cara klik pada tombol segitiga kecil yang ada di sebelah kiri tombol lihat blog, kemudian klik tombol setelan. Perhatikan gambar di bawah ini agar lebih jelas.

2. Setelah berhasil masuk ke jendela setelan, silahkan klik pada tombol pos dan komentar
3. Tampilan jendela pos dan komentar akan tampak seperti gambar di bawah ini. Untuk mengatur setting agar orang yang berkomentar dapat mengisikan alamat situs mereka, silahkan klik pada opsi SEMUA ORANG. Agar lebih jelas silahkan perhatikan gambar di bawah ini
4. Setelah opsi pada SEMUA ORANG diaktifkan, selanjutnya tekan tombol SIMPAN SETELAN yang ada dipojok kanan atas.
5. Untuk mengetahui hasilnya, silahkan buka salah satu posting artikel pada blogspot kamu, kemudian lihat pada form komentar. Hasilnya akan tampak seperti gambar di bawah ini. Sehingga pengunjung situs kamu bisa meninggalkan komentar lengkap dengan alamat situsnya.
Mengganti bahasa pada blogspot
Ini entah kesahan sistem atau adanya bug pada blogspot, belakangan ini setelah kita berhasil membuat blog di blogspot. tampilan menu menu pada dashboard menggunakan bahasa arab. jadi tentunya membuat kita yang asli warga negara indonesia, akan mengalami kesulita. Dan untuk menggantinya pun masih cukup membingungkan untuk pemula.Silahkan perhatikan gambar di bawah ini untuk cara  mengganti bahasa blogspot dengan cara sederhana dan termudah



4 Cara Mudah Membuat Blog Yang Dapat Menarik Banyak Pengunjung


1.  Menjadi Yang Paling Beda
Apakah Anda ingin blog Anda menjadi pusat perhatian pengunjung? Maka dari itu, jadilah yang berbeda dengan lainnya.

a. Desain
Desain blog Anda akan memunculkan kesan pertama dari pembaca dan pengunjung. Karena itu, Anda harus mengurusnya dengan benar. Dan untuk menjadi berbeda, desain Anda harus berbeda dari desain lain dalam niche Anda, Bagaimana? Jika blog di niche Anda memiliki warna seperti biru, merah, dan oranye, Anda dapat menggunakan warna ungu atau yang lainnya. Dan jika blog lain menggunakan gaya magazine, Anda dapat membuat blog Anda lebih tradisional. Aoa yang saya ingin katakan adalah bahwa Anda perlu melakukan penelitian singkat tentang blog yang paling populer di niche Anda kemudian Anda mencoba untuk menjadi yang berbeda dari mereka semua.

b. Content Style
Anda harus memiliki gaya yang unik dari semua blogger lainnya. Anda harus memeriksa dimana mereka menempatkan gambar, apa font yang mereka gunakan, apa rumus yang mereka gunakan untuk menyusun postingan mereka. Setelah Anda melakukan penelitian sederhana ini, sekarang Anda mulai berpikir tentang gaya konten unik yang akan Anda gunakan.

c. Content Format
Yang saya maksud dengan content format atau format isi blog Anda adalah jenis postingan, apakah audio, video, atau artikel dan sebagainya. Anda harus menggunakan salah satu yang tidak populer di niche Anda, jadi jika mereka menggunakan artikel, gunakanlah video, dan jika mereka menggunakan video, gunakanlah audio dan sebagainya.

d. Blog Topic
Ini adalah hal yang paling sulit menurut saya yaitu memilih topik yang unik dan berbeda dengan lainnya. Jadi bagaimana cara untuk memilihnya? Berikut ini adalah trik sederhana yang dapat Anda lakukan. Anda dapat menggabungkan 2-3 topik terkait untuk memilih topik unik Anda. Sebagai contoh: Mediablogger adalah blog tentang sosial media + blogging. Lalu Anda dapat menuliskan postingan mengenai hal tersebut. Jadi, lakukan sebuah penelitian cepat untuk menemukan topik unik milik Anda sendiri. Mungkin Anda berpikir bahwa hal ini konyol. Tapi silahkan Anda coba maka Anda akan membuat sesuatu yang luar biasa. Anda harus dapat membuat pembaca mudah mengingat blog Anda mulai dari desain, format konten, atau bahkan topik blog Anda.

2.  Membuat Konten Yang Unik dan Menarik
Sekarang saatnya untuk membuat konten yang unik dengan menggunakan desain dan format yang telah Anda pilih sebelumnya. Ini harus berhubungan dengan topik yang Anda pilih. Cobalah untuk fokus pada pembuatan konten yang tidak akan ditemukan di mana-mana. Buatlah postingan Anda informatif dan tidak mudah kadaluarsa. Selain itu cobalah juga untuk menggunakan beberapa tips SEO, sehingga postingan Anda memiliki peringkat yang tinggi di search engine dan mendapatkan lebih banyak traffic. Untuk membuat postingan yang dapat menarik pengunjung, fokuslah pada jenis ini.
  • Studi Kasus
  • Panduan (seperti tips trik atau tutorial)
Tentu saja Anda akan bertanya mengapa? Satu-satunya jawaban adalah bahwa hal itu akan membuat Anda sebagai seorang profesional di niche Anda. Itu menunjukkan kepada klien bahwa Anda tahu apa yang Anda lakukan. Jadi, cobalah untuk fokus pada jenis ini di awal.

3.  Menyempurnakan Desain Halaman
Sekarang Anda telah membuat konten yang menarik. Saatnya Anda untuk menyempurnakan halaman Anda. Ini adalah halaman yang dapat menunjukkan layanan Anda. Anda dapat menyertakan beberapa hal-hal berikut ini di dalamnya.
  • Sebuah judul yang dapat menarik perhatian seperti (10 Tips Mudah Untuk Meningkatkan Pengunjung Blog) dan lain sebagainya.
  • Tampilkan tatanan tulisan dan tata bahasa yang berkualitas kepada mereka.
  • Menyertakan Form Contact.
  • Dan beberapa hal lainnya yang dapat membuat pembaca Anda kagum dengan website/ blog Anda.
Anda tidak perlu mengikuti rumus ini tapi saya pikir ini adalah hal terbaik yang harus dilakukan.

4.  Meminjam Beberapa Otoritas
Setelah Anda membuat konten yang menarik, Anda perlu meminjam beberapa otoritas, Cara terbaik untuk melakukan ini adalah guest blogging. Dengan guest blogging Anda akan:
  • Mendapatkan beberapa traffic blog
  • Mendapatkan klien
  • Dan misalnya Anda menawarkan jasa maka tampilkan pekerjaan Anda untuk klien Anda.
Jadi, ketika mereka mengunjungi blog Anda dan melihat konten yang menarik di blog Anda, mereka akan berpikir untuk mengunjungi blog Anda berkali-kali. Hal terbaik tentang guest blogging adalah bahwa hal itu dapat membawa traffic ke blog Anda selamanya.






























Cara Mendesain BLOG

Mulai dari mengedit atau menghilangkan Atribut2 blogger dan juga desain sederhana untuk blog seperti menghilangkan navbar, gambar tang obeng. Lalu menghilangkan tulisan posting dengan label, langganan entri atom dan juga tulisan Diberdayakan oleh blogger. Membuat favicon, mengganti background blog. Berikut daftarnya.

Selanjutnya masuk ke bagian header, mendesain bagian header dengan gambar, membuat widget header menjadi banyak, manambahkan background di belakang header. Silakan baca di daftar artikel desain header dibawah ini.


Untuk bagian sidebar widget yang ada di sebelah kanan atau kiri blog. Mulail dengan mendesain background dan warna judul sidebar, memasang icon gambar di samping judul widget sidebar, dan juga lain2nya. Daftar cara desain sidebar blog.


Bagian posting, menambahkan icon gambar disamping judul artikel. Lalu menambahkan readmore auto atau manual. Lalu membuat gambar dihalaman posting berputar atau juga membesar ketika disentuh mouse. Beberapa cara desain posting dibawah ini.



Lalu ke bagian kotak komentar blog, seperti menambahkan scroll di kotak komentar blog. Membuat tanda penulis, mengganti tulisan poskan komentar dengan gambar. Dan juga sekaligus merubah seluruh tampilan kotak komentar.


Desain tambahan.

9.     cara mempercantik blog , Memperindah blog, Mempercantik Tampilan blog dan Blog SEO Panduan blogger anda, template bawaan dari blogger kalau kita bisa mempercantiknya dengan tepat maka akan terlihat lebih professional dan pengunjungpun  akan betah berlama-lama singgah di blog anda. Trik mempercantik blog atau memperindah blog anda  dapat dimulai dengan pemberian Header yang tepat, penambahan beberapa menu navigasi, widget,  efek-efek blog, dan lain sebagainya.
10.  
11. Cara mempercantik  dan memperindah blogspot dengan pemberian header yang tepat
12.  
13. Pada umumnya sebuah blog atau website mempunya sebuah header, baik itu berupa teks atau sebuah gambar. Header ini sangat penting dalam sebuah blog atau website, kenapa? Karena sebuah header akan pertama kali dilihat oleh pengunjung ketika masuk ke blog anda sebuah header juga berfungsi sebagai penyampai informasi awal tentang isi keseluruhan blog anda. header yang cantik dan informative  maka pengunjung akan penasaran ingin segera mengetahui apa isi blog anda. Bagaimana cara memasang header pada blogspot , silahkan anda baca kembali artikel sebelumnya tentang  membuat header blog dengan gambar tips ini juga sebagai cara membuat Blog SEO

14. Cara mempercantik dan memperindah blogspot dengan widget

Banyak sekali widget blogspot yang bisa anda pakai, baik widget bawaan dari blogger ataupun widget yang disediakan oleh pihak ketiga. Widget-widget yang biasa dipakai oleh para blogger seperti: new article, popular post, random post, guest book atau buku tamu, widget social bookmark dan network (facebook, twitter, lintas berita, dll), statistic, banner, dan lain-lain.

15. Cara mempercantik memperindah blogspot dengan efek blog. 

    Pastikan anda bijak dalam memilih efek untuk blog anda. Efek-efek blog yang    berlebihan bisa membuat pengunjung malah tidak betah karena blog menjadi terlalu rame, juga terkadang efek blog bisa membuat blog anda menjadi berat dan lama untuk loading. Efek blog yang sering ditemui seperti: mengganti kursor menjadi icon tertentu atau di tambah dengan efek bintang bertaburan, efek salju, efek link berwarna- warni, efek text, dan lain-lain


.            Setelah kemarin update mengenai cara mengganti jenis font nama blog dan cara mengganti jenis font nama widget blog, maka kali ini saya akan posting artikel dengan judul cara mengganti jenis font judul posting blog dan ini merupakan desain yang kita lakukan di area posting kita. Sebenarnya ada banyak hal lain yang bisa lakukan disini, misalnya memberi iklan otomatis di bawah setiap postingan atau memberi download artikel pdf di bawah postingan. Baca: cara memasang iklan otomatis di bawah postingan dan cara membuat iklan di atas judul postingan Oke, langsung saja saya mulai tutorialnya karena pasti sudah pada tau mana judul postingan blog itu. Bagi para sobat yang sudah bosan dengan jenis font yang dipakai untuk judul postingan blog sobat, berikut ini cara mengubah jenis huruf judul postingan blog -  Cara mengganti font judul blog  sobat:



·        Login ke akun blog kalian.
  • Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
  • Cari kode yang sama atau mirip kode berikut:
.post h1 {
atau
.post h2 {
atau
.post h3 

Nah, setelah salah satunya ketemu salah satu kode di atas, maka perhatikan kode yang diawali dengan kode "font-family" seperti contoh di bawah ini:

.post h3 {
color: #2255AA;
font-size: 27px;
font-family: Times New Roman, Georgia, Trebuchet MS;font-weight: normal;
margin: 0px;
padding: 0px 0px 5px 0px;
}


Cara membuat tampilan blog lebih menarik dan cantik dengan widget

Berikut ini adalah daftar widget membuat tampilan blog lebih menarik dan cantik yang sempat ane koleksi.
Google gadgets adalah sebuah layanan gratis dari google yang mana terdapat banyak pilihan hanya dengan mengetikan nama widget dan menyalin kode script untuk disimpan di sebuah blog.
Yahoo ! widgets sama halnya dengan Google gadgets yang membedakan mereka adalah Yahoo ! widgets persembahan dari Yahoo sedangkan Google gadgets dari Google.

3. Alexa     
Sebuah widget yang akan menampilakn nominal dari nilai Alexa rank yang menandakan tingkat popularitas sebuah blog.
Sama halnya dengan Alexa, tetapi Mypagerank adalah nominal dari page rank sebuah blog.
5. Rankwidget    
Lebih komplit widget yang akan menampilkan trafic rank dari google page rank, alexa traffic rank, technorati blog rank serta yahoo.
Sebuah widget gratis persembahan dari google page rank.
Widget gratis dari blogger.
Widget gratis untuk menampilkan jam pada sebuah blog.
Tidak ada bedanya dengan Clocklink kebunaannya untuk menampilkan jam.
Widget jam yang mempunyai tampilan lebih lengkap dari fitur diatas.
11. Histats
Widget gratis untuk menampilkan jumlah pengunjung pada sebuah blog.
12. Feedjit
Sebuah widget yang akan menampilkan negara pengunjung.
Sama dengan Histats untuk mengetahui jumlah pengunjung yang online pada blog kita.
Pengunjung yang ditandai oleh bendera negara masing-masing.
Widget yang akan menampilkan kotak pesan terletak pada halaman blog.
Beragam animasi berbasis flash swf yang bisa agan ambil kode-nya dan di dimpan di halaman blog agan.
Widget twitter yang bisa di tampilkan di halaman blog sebagai sarana media sosial.
Widget yang lebih canggih sebagai sarana media sosial seperti halnya witter, facebook dan youtube.

Mengedit Template


Baik. tanpa perlu berlama-lama, sekarang langsung saja kita mulai pembahasan Cara Edit Template Blogger milik Anda supaya menjadi lebih keren.

Catatan : Disini saya akan mengedit Template Sederhana bawaan Blogger yang ada di urutan 1.


Alasan utama saya memilih Template ini adalah karena Ringan dan cukup Mudah jika kita ingin mengedit seluruh bagian Template, karena sudah tersedia comment dari pihak Blogger untuk memudahkan kita mengenali setiap bagian dari kode xml template tersebut.

Contoh comment :
  •  /* Content ------------ */ ( menandakan kode kode css yang ada dibawahnya untuk mengatur tampilan isi )
  • /* Header ------------*/ ( menandakan kode kode css yang ada dibawahnya untuk mengatur tampilan atas template, seperti misalnya judul blog )

Lalu kapan kita mulai mengedit Template Blogspotnya ? sebentar, dalam mengedit sebuah tampilan sebuah blog, kita tidak wajib untuk terjun langsung kedalam sourcenya. Yang pastinya itu akan berisi ribuan kode CSS, JS, dan HTML yang akan membuat Anda dan saya bingung 7 keliling.

Lalu apa solasinya, *eh solusinya ? mudah saja kita bisa menggunakan beberapa Tool yang sudah dibundling oleh Browser kita, misal di Chrome ada Developer Tool, dan di Mozilla juga ada tool bernama Web Developer, keduanya memiliki fungsi yang sama tentunya. (namun saya lebih memilih punyanya Chrome karena lebih simple tampilannya).
Langkah Mengedit Template Blogger Supaya Keren
Saya ingatkan sekali lagi, untuk alatnya saya menggunakan Chrome Developer Tool dan untuk bahannya saya menggunakan Template Sederhana Blogger.
1.     Menghilangkan Navigasi Bar Template

Langkah awal kita akan merombak tampilan depan, yang jadi masalah ada Navigasi Bar yang (menurut saya) sedikit membingungkan kita saat ingin melakukan pengeditan template. Untuk itu kita akan menghilangkannya.

Caranya, klik kanan dimana saja, lalu pilih Inspect Element. Selanjutnya kita akan sedikit bermain-main dengan alat yang mempunyai ikon kaca pembesar atau sering disebut selector.


Sekarang arahkan kursor Anda tepat dipojok kiri bawah Navigasi Bar tersebut (intinya hingga semua tertutupi dengan warna biru), contoh seperti gambar dibawah ini.


Lalu lihat sebelah kanan bawah layar Anda, tulisan Matched CSS Rules, lalu tambahkan kode 'display: none;' tanpa tanda kutip. Cara menambahkannya klik pada simbol '}' lalu tinggal Anda ketikkan perintah 'display: none;' dan lenyap sudah Navigasi Bar tersebut.

Catatan : Untuk menghilangkan Navigasi Bar tersebut sebenarnya ada dua cara, yaitu dengan visibility: hidden dan display: none. Bedanya, kalau hidden itu hanya menyembunyikan, sementara none itu benar-benar menghilangkan. Jika masih bingung silahkan Anda coba, dan lihat perbedaanya.
2.     Mangganti Warna Background Template

Cara kedua ini bisa dibilang yang paling penting ya, karena jika salah dalam memadukan warna, bisa jadi pengunjung akan kabur. Dan langkah untuk Mengganti Warna Template ini sama saja seperti waktu kita ingin menghilangkan Navigasi Bar tadi.

Pertama tentu klik dulu kaca pembesarnya, lalu arahkan ke tempat yang ingin Anda ganti Backgroundnya, contoh saya ingin mengganti warna background hanya dibagian sisi kanan dan sisi kiri, maka akan saya arahkan ke sebelah kiri template. Lalu saya ingin mengubahnya menjadi warna abu-abu muda, ya tinggal saya tambahkan kode css 'backgorund-color: #f2f2f2'.

Lihat gambar dibawah ini agar tidak bingung.


3.     Menambahkan Border Pada Sisi Template Tertentu

Yah, sekali lagi tak jauh beda dengan 2 Cara diatas, seperti biasa Anda arahkan dahulu pada bagian yang ingin Anda tebali dengan garis (border).

Contoh saya ingin memberi border pada pembatas sisi kiri dan kanan, caranya tinnggal saya tambahkan 'border: 1px solid gainsboro;' ini merupakan selektor bertingkat ya, jadi border akan berwarna abu-abu (gainsboro mirip gray).], memiliki garis yang padat (tidak putus-putus) dan mmemiliki ketebalan 1px.

Hasilnya seperti gambar dibawah ini.


Lanjut semisal kita ingin menambahkan ruang diatas judul, semisal untuk penempatan iklan. Caranya cukup kita tambahkan 'div' dibawah class='content-cap-top cap-top' Lalu edit css divnya dengan value :
border: 1px solid gainsboro;
height: 40px;
background-color: #FDF5F5;
border-bottom: 0;
padding-top: 20px;
font-size: 20px;
text-align: center;

Alasan saya menuliskan 'border-bottom: 0' adalah untuk menghilangkan garis yang bertumpuk antara div yang kita buat dengan content-inner.

Dan hasil akhir akan seperti gambar dibawah ini.



Mempercantik tampilan blog
1. Atur Tata Letak Widget
Tatalah widget sesuai yang Anda inginkan, dan jangan sampai dalam mengatur tata letak widget malah menjadikan tampilan blog tidak rapi, guakan juga widget yang bermanfaat untuk blog dan mempunyai loading yang ringan, seperti : Popular Posts, Blog Archive, Label dan lainnya. Pintar-pintarlah menggunakan widget, Anda bisa melihat widget keren dan bermanfaat yang pernah mestiqui.com bagikan.

2. Berikan Efek Shadows Dibawah Widget
Di postingan sebelumnya, blog mestiqui.com pernah membagikan satu cara, yaitu cara membuat efek shadows dibawah widget blog, hal ini juga bisa membuat Anda lebih keren dan unik. Selain itu, dengan membuat efek shadows dibawah widget juga bisa membuat blog Anda lebih hidup karena widget blog seperti ditekuk dari bawah.


3. Modifikasi Tampilan Scroll Bar
Dengan memodifikasi tampilan scroll bar blog, bisa juga membuat blog Anda semakin keren dan unik. Bahkan hanya dengan cara yang sederhana, blog mestiqui.com sudah pernah membagikan cara untuk memodifikasi tampilan scroll bar, silahkan disimak.


4. Modifikasi Tampilan Popular Posts
Modifikasi tampilan popular posts bertujuan agar blog Anda lebih keren, dan juga menarik pengunjung untuk melihat postingan-postingan lain di blog, jadi memungkinkan juga meningkatkan pageview blog, silahkan juga simak artikel mestiqui.com tentang modifikasi popular posts.


5. Pahami Ciri-ciri Blog Yang Disukai Pengunjung
Dengan memahami ciri-ciri blog yang disukai pengunjung, Anda lebih bisa mengoptimalkan untuk mengatur tampilan blog Anda secara lebih baik. Mestiqui.com pernah mengulas tentang beberapa ciri-ciri blog yang disukai pengunjung, silahkan juga disimak.


Cara Membuat Menu Blog Keren
Menu Blog Keren
Tutorial Belajar Blog | Tips Blog - Cara Membuat Menu Blog Keren , Pada Sebelumnya Tutorial Belajar Blog Berbagi Tutorial Cara Membuat Tulisan Addres Bar Lebih Menarik, Mungkin Anda Berfikir Menu Blog Keren Seperti apa ? bentuknya seperti pada blog demo saya di sebelah kanan yang berwarna Hijau kalau mousenya di dekatkan maka menu blognya akan keluar,
Berikut ini langkah-langkahnya :
1. Masuk ke akun
Blogger Anda.
2. Klik Tata Letak.
3. Klik Tambah Gadget.
4. Pilih HTML/JavaScript.
     Lalu copy kan script dibwah ini pada HTML/javascript
<script language="JavaScript1.2" src="http://oktri.googlecode.com/files/slide%20menu%20keren.js"></script>
<script>
resizereinit=true;
menu[3] = {
id:'menu3',
bartext:'MENU BLOG',
menupos:'left',
kviewtype:'fixed',
barbgcolor:"#00ff00",
barcolor:"#000000",
barfontweight:"bold",
bordercolor:'#000000',
hdingbgcolor:"#ffffff",
fontsize:'80%',
linkheight:20 ,
hdingwidth:210 ,
menuItems:[
["Home", "tutorialbelajarblogger.blogspot.com", "_self"],
["My Facebook", "http://www.facebook.com/oktri.darmadi",""],
["Berita", "http://www.okezone.com/", ""],
["Kaskus", "http://www.kaskus.us", ""],
["My Profile", "http://www.blogger.com/profile/02713061222000849084", ""],
["Panduan Blog", "http://tutorialbelajarblogger.blogspot.com", ""],
["Tips And Trics Blog", "tutorialbelajarblogger.blogspot.com", ""],
["Belajar Blog", "tutorialbelajarblogger.blogspot.com", ""],
["Tips Blog", "tutorialbelajarblogger.blogspot.com", ""],
["Back To Top", "#", ""] //tidak ada tanda koma pada akhir entry
]};
make_menus();
</script>
Keterangan :
  • Ganti Direct Link "http://oktri.googlecode.com/files/slide%20menu%20keren.jsdengan Direct Link File JS anda sendiri, sebab script tersebut bisa over load jika terlalu banyak yg menggunakan, anda bisa download script JS nya.
  • Ganti link dan judul link yang saya tulis dengan warna merah dan Biru dengan link Anda sendiri.
  • Ganti Tulisan left yang saya tulis dengan warna Coklat dengan rightjika anda ingin Side Menu ini muncul disebelah kanan body blog.
9. Selanjutnya jangan lupa untuk mengklik tombol Simpan.
10. Selesai...





















Cara Mudah Pasang Jam dan Tanggal di blog

Masih di Variasi Blogger share Cara Mudah Pasang Jam dan Tanggal di blog cekidot , Silahkan sobat Copy Paste kode script  di bawah ini dan simpan di blog sobat , diantaranya :

- Untuk kode script widget Hari Tanggal Bulan dan Tahun
<script>
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array ("Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu")
var montharray=new Array("Januari","Februari","Maret","April","Mei", "Juni","Juli", "Agustus","September","Oktober","November","Desember")
document.write("<p>"+dayarray[day]+", "+daym+" "+montharray[month]+" "+year+"</p>")
</script>


- Untuk kode script widget Jam Waktu menit detik dan AM:PM
<span id="Variasiblogger"></span>
<script type="text/javascript">
//<![CDATA[
function showclock(){
var digital = new Date();
var hours=digital.getHours();
var minutes=digital.getMinutes();
var seconds=digital.getSeconds();
var dn='AM';
if (hours>12) {
dn='PM';
hours=hours-12;
}
if (hours==0) hours=12;
if (minutes<=9) minutes='0'+minutes;
if (seconds<=9) seconds='0'+seconds;

miReloj='<b><span style="color:#000;font-size:12px;">'
+ hours + '</span> : <span style="color:#000;font-size:12px;">'
+ minutes + '</span> : <span style="color:#000;font-size:12px;">'
+ seconds + '</span></b><span style="color:#000;font-size:12px;margin-left:5px;">'
+ dn + '</span>';
document.getElementById('Variasiblogger').innerHTML=miReloj;
//
setTimeout('showclock()',1000);
}
window.onload=showclock
//]]>
</script>


Kemudian silahkan sobat pilih kode script di atas akan menambahkan widget jam dan tanggal diposisi sebelah mana ? ,Untuk cara menambahkan widget di blogspot ini saya akan memberikan contoh misalnya sobat ingin menambahkan Gadget tersebut di sidebar , Caranya adalah sebagai berikut :

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

- kemudian klik Tata Letak pada Dashboard blogs sobat

- klik Tambahkan Gadget lalu klik HTML/JavaScript , Nah disitu silahkan pada kotak Gadget HTML Copy paste kode script widget jam dan tanggal di atas, dan jangan lupa klik simpan.

Jika sobat ada yang belum memahami Bagaimana Cara Memasang Widget Kode Script di Blogspot, sobat bisa membaca artikel saya di
Cara Memasang widget atau gadget di blogs secara lengkap.

Demikian penjelasan saya mengenai Bagaimana Cara Memasang widget Jam dan Tanggal di blogs, dengan adanya widget jam dan tanggal tersebut di webs atau blogs sobat , sekarang sudah mempunyai jam sebagai penunjuk waktu dan juga mempunyai sebuah kalender yang menghiasi blogs untuk mengingatkan tanggal kepada sobat.
























Bagaimana Cara Membuat Blog WordPress dan Blogge
Blogging adalah kegiatan yang semakin banyak digemari oleh masyarakat Indonesia saat ini. Semakin banyak blogger baru yang bermunculan dengan topik dan gaya tulisan yang berbeda-beda. Untuk membuat blog, sebenarnya ada banyak sekali platform yang bisa kita gunakan, seperti: WordPress, Tumblr, Blogger, Weebly, Webs, Jigsy, dan masih banyak lagi. Namun, saya perhatikan kebanyakan blogger Indonesia menggunakan WordPress dan Blogger (blogspot). Karena itu saya akan membahas sedikit tentang cara buat blog di kedua platform ini.
Oh ya, Saya membuat artikel ini khusus untuk teman-teman yang belum mengerti cara membuat blog, baik itu di WordPress ataupun di Blogger. Jadi, kalau Anda sudah mengerti caranya, menurut saya tidak perlu membaca artikel ini lagi. Nah, untuk teman-teman yang belum mengerti cara buat blog di WP atau Blogger silahkan lanjutkan membaca, dan jangan lupa siapkan camilan dan minuman karena artikel ini agak panjang hehehe.
Sebelumnya, saya beri tahu dulu bahwa kedua layanan ini – WordPress dan Blogger – memberikan layanan gratis untuk membuat blog. Namun, walaupun keduanya memberikan layanan gratis untuk blogging, kedua platform ini memiliki perbedaan satu sama lain. Nah, pelajari apa saja kelebihan dan kekurangan kedua platform ini agar mengetahui platform mana yang paling cocok dengan Anda.
I. Cara Membuat Blog Gratis di WordPress (WP)
Script WordPress bisa digunakan untuk domain dengann hosting sendiri ataupun digunakan secara gratisan. Namun, artikel ini akan membahas cara membuat blog gratis di WordPress.com, dimana kita bisa menikmati semua layanan dengan gratis, baik itu subdomain dan juga hosting-nya. Berikut ini langkah-langkahnya:
1. Langkah pertama adalah membuka situs WordPress, klik atau buka URL ini di browser Anda id.wordpress.com
2. Setelah halaman WordPress terbuka, silahkan masukkan alamat web yang Anda inginkan, misalnya BlogTersayang.wordpress.com. Lalu klik tombol “Buat Situs Web”. Lihat gambar di bawah ini:
3. Akan muncul halaman baru. Pada halaman ini, Anda akan diminta mengisi kolom-kolom, seperti alamat email Anda, nama pengguna (untuk login), password, dan alamat blog.
  • Alamat email: isi dengan alamat email Anda
  • Nama pengguna: Gunakan nama Anda atau variasi nama Anda (misalnya: nana89), ini untuk user name ketika login ke dashboar WP
  • Password: isi dengan password yang kuat dan mudah diingat
  • Pastikan alamat blog: cek ulang alamat untuk blog Anda, misalnya “BlogTersayang.wordpress.com”
  • Jangan lupa klik link yang bertuliskan “akan menggunakan alamat yang gratis”
  • Setelah semua kolom telah diisi, klik tombol “Buat Blog” yang ada di bagian bawah.
4. Pihak WordPress akan mengirimkan link untuk verifikasi ke email Anda. Buka email Anda, temukan email dari wordpress.com dan klik link di dalam email tersebut. Lihat gambar
5. Setelah melakukan verifikasi dengan cara yang dijelaskan pada langkah 4 di atas (klik link verifikasi), nanti akan terbuka tab baru di browser dan Anda akan melihat halaman dashboard WordPress milik Anda. Lihat Gambar
Pengaturan, Desain dan Posting di Blog WordPress
Sampai langkah 5 di atas sebenarnya Anda sudah punya blog WordPress. Anda bisa melihat tampilan blog dengan mengetikkan nama blog Anda di browser. Namun, mungkin Anda merasa tidak cocok dengan tampilan default dari WordPress. Anda bisa mulai melakukan beberapa settingan pada blog WP anda, misalnya membuat judul blog, membuat tag line atau deskripsi singkat, mengganti themes, memasang widget dan lain-lain.
1. Pengaturan Blog WP
Untuk membuat pengaturan di blog WordPress, Anda bisa melakukannya di dalam dashboard WP Anda dengan membuka tombol link “Pengaturan“. Pada bagian pengaturan terdapat sub-sub kategori pengaturan yang akan Anda edit. Menurut saya, yang paling penting pada bagian ini adalah pengaturan; umum, menulis, membaca, diskusi,  Berikut ini penjelasan singkatnya:
  • Umum: Pada bagian ini Anda bisa mengganti judul blog dengan judul yang sesuai dengan keinginan, dan juga menambahkan tagline untuk blog Anda. Selain itu, Anda juga bisa melakukan beberapa pengaturan lainnya di halaman ini, misalnya menambahkan ikon untuk blo, mengganti format tanggal dan waktu. Jangan lupa untuk menyimpan perubahaan yang Anda lakukan.
  • Menulis: Pada bagian ini Anda bisa membuat pengaturan tulisan, memilih kategori tulisan standar.
  • Membaca: Di sini Anda bisa mengatur tulisan yang ditampilkan pada halaman utama blog Anda. Anda bisa membuat halaman statis ataupun dinamis, tapi saran saya karena ini adalah blog maka akan lebih baik bila Anda menampikan halaman dinamis. Pada halaman ini Anda juga bisa menentukan jumlah artikel yang tampil di halaman utama, dan lain-lain. Bila Anda tidak menginginkan hal khusus, biarkan saja settingan di halaman ini secara default.
  • Diskusi – Di sini Anda bisa mengatur bagaimana orang lain bisa berkomentar di blog Anda. Jika Anda tidak menginginkan hal yang khusus, sebaiknya biarkan saja settingan default pada halaman ini.
2. Desain Blog WP
Anda juga bisa mengganti Themes dan menambahkan widget untuk Blog WordPress Anda. Mengatur themes dan widget dapat membuat blog WP terlihat lebih baik dan sesuai dengan keinginan pelmilik blog. Buka tombol link “Tampilan” yang ada di dashboard blog wordpress Anda. Menurut saya bagian yang paling penting di sini adalah Tema, Widget, Menu. Berikut penjelasan singkatnya:
  • Tema: Pada bagian ini Anda bisa memilih theme/ tema yang sesuai dengan keinginan Anda. Di WordPress.com ada banyak sekali tema gratisan dengan tampilan yang bagus. Perhatikan, jangan sampai memilih theme premium, pilih saja tema gratisan.
  • Widget: Di sini Anda bisa menambahkan beberapa widet yang Anda inginkan yang akan terlihat di bagian side bar blog WordPress Anda. Perhatikan, jangan terlalu banyak memasukkan widget akan mempengaruhi kecepatan loading blog Anda.
  • Menu: Anda bisa menambahkan beberapa link untuk menu melalui halaman ini. Misalnya Anda ingin membuat halaman about, halaman kontak, privacy policy, dan lain-lain, Anda bisa membuatnya di halaman ini.
3. Posting Konten di WordPress
Langkah selanjutnya adalah membuat postingan artikel. Untuk memposting artikel atau konten lainnya, bisa melalui tombol link “Tulisan”. Perhatikan link yang ada di dashboard Anda:
  • Semua Tulisan: ini adalah link untuk melihat semua postingan artikel yang ada di blog Anda.
  • Tambah Baru: ini adalah link untuk membuat postingan/ konten baru di dalam blog Anda.
  • Kategori: ini adalah link untuk melihat atau menambahkan kategori baru di blog wordpress Anda.
Untuk membuat postingan di WordPress.com menurut saya sangat mudah, bahkan jauh lebih mudah dibandingkan dengan platform lain. Yang perlu Anda perhatikan pada halaman membuat konten adalah sebagai berikut:
  • Judul konten: Buat judul yang sesuai dengan konten.
  • Halaman konten: Anda bisa menambahkan konten berbentuk text (artikel), gambar, dan video di halaman ini.
  • Menu formating: Perhatikan menu formating yang ada di halaman kerja WordPress. Anda bisa menambahkan link, mengatur text, mengganti warna text, menambah gambar dan video, dan lain-lain.
  • Kategori dan Tag: Jangan lupa untuk membuat kategori dan tag untuk setiap konten Anda. Ini akan memudahkan Anda dan pembaca blog Anda untuk melihat konten dengan kategori atau tag tertentu.
  • Jika Anda sudah yakin dengan konten Anda, silahkan klik tombol “Terbitkan” yang ada di sebelah kanan halaman kerja WordPress.
Lihat Gambar
Nah, setelah membaca penjelasan di atas, tentunya Anda sudah bisa membuat blog WordPress sendiri ya. Langkah yang dijelaskan di atas memang cukup sederhana, dan bila Anda ingin membuat tampilan blog lebih baik lagi, Anda bisa berkreasi lebih jauh. Namun, perlu Anda ketahui bahwa WordPress.com memberikan batasan pada penggunanya dalam mengedit kode-kode html di dalam blog WordPress.
Catatan Penting:
  • Untuk masuk ke dashboard blog WordPress Anda, tuliskan alamat blog Anda di browser dengan menambahkan /wp-admin. Contoh caramembuatblogby.wordpress.com/wp-admin, lalu masukkan email/username dan password Anda. eMail/Username dan password ini telah Anda buat dari awal ketika membuat blog di WordPress.com.
  • Simpan username dan password Anda dengan baik, sehingga mudah digunakan ketika Anda ingin login ke blog Anda.
II. Cara Membuat Blog Gratis di Blogger (Blogspot)
Blogger.com adalah situs Web 2.0 milik Google. Anda bisa membuat blog dengan gratis di blogger, baik itu menggunakan subdomain dan hosting gratis ataupun menggunakan domain sendiri dengan hosting gratis di blogger. Nah, artikel ini akan membahas cara membuat blog di Blogspot dengan subdomain dan hosting gratis dari Blogger.com.
Sebelum membuat blog di blogger, saya menyarankan Anda untuk memiliki akun email di Google mail (gratis). Ini akan memudahkan proses pembuatan blog Anda. Kalau Anda belum mengerti cara membuat email, bisa membaca postingan saya sebelumnya tentang cara membuat email. Kalau Anda sudah punya akun email di Gmail, langsung saja mengikuti proses membuat blog di blogspot, berikut ini adalah langkah-langkahnya:
1. Langkah pertama adalah membuka situs Blogger.com, klik link berikut untuk membuka Blooger berbahasa Indonesia di browser Anda Blogger.com
2. Anda akan melihat halaman untuk masuk ke akun Google. Masukkan akun emai Gmail dan password ke kolom yang sudah disediakan, lalu klik tombol “Masuk”. Lihat gambar
3. Setelah itu, Anda akan masuk ke halaman selanjutnya, di mana Anda akan melihat akun Google Anda termasuk foto profile di eMail atau Google plus (bila sudah mendaftar), lalu klik tombol “Lanjutkan ke Blogger”. Nanti akan diarahkan ke halaman pembuatan blog. Lihat gambar
4. Lalu klik tombol “Blog Baru” yang ada pada halaman tersebut, akan muncul pop up pembuatan blog Anda. Isi kolom yang sudah di sediakan dan pilih themes default yang ingin digunakan untuk blog. Isi kolom tersebut dengan data blog yang Anda inginkan:
  • Judul: Isi dengan judul blog Anda, misalnya “Catatan Online Ku”
  • Alamat: Alamat blog Anda di blogspot, misalnya “CaraMembuatBlogby.blogspot.com”
  • Pilih Template: Templete default dari blogger ada 7 buah, pilih salah satunya.
  • Lalu klik tombol “Buat blog!”
Lihat gambar
Pengaturan, Desain, dan Posting di Blogger.com
Sampai langkah 4, sebenarnya Anda sudah selesai membuat blog di Blogger, tapi Anda masih belum melakukan pengaturan lebih lanjut, dan belum ada konten sama sekali. Anda bisa langsung membuat postingan baru atau melakukan settingan lebih lanjut untuk blogspot Anda.
1. Pengaturan dan Desain Blog di Blogger
Pengaturan di blog di blogger tidak seperti di WordPress. Pada halaman dashboard Blogger Anda bisa melakukan pengaturan lebih lanjut dengan meng-klik “Opsi Lainnya” yang berbentuk tanda panah ke bawah. Nanti akan muncul drop down, link menuju halaman-halaman lain yang ada di Blogger. Lihat gambar
Sedikit penjelasan tentang menu atau navigasi dashboard Blogger:
  • Ikhtisar: Data statistik tentang blog Anda, diantaranya jumlah pengunjung, jumlah postingan, dan jumlah artikel.
  • Pos: Daftar artikel yang sudah ditulis, sudah diterbitkan, dan artikel yang masih dalam bentuk draft.
  • Laman: Halaman statis seperti page pada WordPress. Biasanya digunakan untuk halaman About, TOS, dan lain-lain.
  • Komentar: Pada halaman ini, Anda bisa melihat komentar yang masuk. Anda juga bisa mengedit atau bahkan menghapus komentar yang tidak diinginkan.
  • Google+: Ini adalah akun sosial media dari Google yang bisa digunakan untuk blog Anda.
  • Statistik: Data lebih detail tentang trafik pengunjung blog Anda.
  • Tata Letak: Pada halaman ini Anda bisa mengatur layout blog Anda, menambahkan atau mengatur posisi widget.
  • Template:  Pada halaman ini Anda bisa mengganti template yang sesuai dengan keinginan.
  • Setelan: Halaman ini digunakan untuk mengatur setelan blog, pengaturan berapa artikel yang akan ditampilkan di halaman utama (homepage), pengaturan bahasa, komentar dimoderasi apa tidak, dan lain-lain.
2. Posting Konten di Blogger
Untuk membuat postingan konten pada Blogger sebenarnya caranya sangat mudah, berikut ini langkah-langkahnya:
  • Buat judul konten: buat judul singkat saja karena blogger membatasi jumlah karakter untuk judul postingan.
  • Masukkan artikel atau konten lain pada halaman konten yang sudah disediakan oleh blogger. Anda bisa memasukkan konten berbentuk text, gambar, dan juga video.
  • Anda bisa memasukkan link, mengganti format text, dan lain-lain, dengan bantuan menu formating yang ada di bawah judul konten.
  • Isi label/ kategori yang sesuai dengan konten yang Anda buat, lalu klik tombol “Selesai” dibagian bawah kolom label.
  • Anda juga bisa menjadwalkan waktu posting konten tersebut sesuai dengan keinginan, membuat tautan permanen, menambahkan lokasi, bahkan menambahkan pilihan lainnya sesuai dengan kebutuhan.
  • Jika Anda sudah yakin akan membuat konten Anda online, silahkan klik tombol “Publikasikan”. Konten Anda sudah online dan bisa dibaca orang lain.
Catatan Penting:
  • Untuk login ke dashboarb Blogger, Anda cukup menggunakan alamat email Gmail yang digunakan untuk mendaftar di Blogger.com
  • Simpan alamat email Gmail dan password Anda dengan baik, agar mudah digunakan ketika ingin login ke Blogger.





Belajar WordPress Untuk Pemula
Belajar WordPress adalah bagaimana kita mempelajari cara membuat website atau blog menggunakan wordpress. Mengapa kita perlu mengetahui bagaimana cara membuat blog meng gunakan platform wordpress. Karena pada umumnya membuat sebuah website menggunakan wordpress dapat memudahkan kita membangun sebuah website dengan tampilan sesuai dengan keinginan kita. CMS WordPress sendiri memberikan kebebasan kepada para pemakainya untuk mengembangkan setiap template atau themes sesuai dengan desain masing-masing.
Namun sebelum melangkah lebih jauh mengenai mendesain sebuah website berbasis wordpress, ada baiknya kamu membaca artikel terdahulu mengenai tutorial wordpress bagi pemula. Hal yang harus kamu ketahui ketika ingin memulai mempelajari wordpress adalah bagian dimana kamu harus belajar cara instal wordpress di localhost terlebih dahulu. Hal ini penting karena tutorial tersebut adalah dasar bagi kamu untuk mempelajari wordpress secara keseluruhan.
Seperti yang kita ketahui wordpress adalah sebuah CMS yang dibuat untuk memudahkan seseorang membangun sebuah website yang powerfull. Baik dari sisi desain maupun dari core enginenya. WordPress sendiri memiliki basis bahasa program menggunakan bahasa php sebagai core enginenya, sedangkan untuk mengatur tampilan atau layout desain wordpress menggunakan style css sebagai basisnya.
Belajar WordPress bagi pemula membutuhkan beberapa persiapan, yaitu
  • Hosting  apakah itu gratis atau berbayar sama saja
  • Domain atau subdomain tempat dimana kita akan melakukan instalasi wordpress
  • Aplikasi CMS wordpress yang bisa kita dapatkan melalui website resmi wordpress
  • Themes WordPress ini juga bisa didapat dari website resmi wordpress
  • Plugins
WordPress setelah terbentuk menjadi sebuah website, akan memiliki 2 tampilan, tampilan homepage yang dapat diakses oleh para pengguna internet, serta tampilan dashboard administartor tempat dimana kita sebagai admin mengatur semua operasional website kita, dari mulai mengisi artikel, mengganti themes, memasukkan plugins, upload gambar dan video dan beberapa fungsi wordpress lainnya.
Belajar wordpress dengan  mengenal fitur-fitur wordpress
Post Section
Dalam post section terdapat beberapa sub section yaitu :
  • All post - Al post berfungsi untuk memudahkan kita melihat seluruh isi post yang ada pada website wordpress kita
  • Add-New  - Fungsi ini untuk menambahkan post baru
  • Categories – Berguna untuk melihat seluruh kategori sekaligus menambahkan kategori baru pada website wordpress.
  • Tags –  Tempat seluruh tags yang kita tambahkan di artikel kita.
Media Section
Media ini berguna untuk kita melihat semua gambar yang ada pada website wordpress kita, melalui media ini kita juga dapat mengedit, menambahkan dan menghapus gambar pada wordpress.
Pages Section
Pages hampir sama dengan post, hanya bedanya page tidak memiliki struktur kategori seperti pada post. Penggunaan Page biasanya lebih ditujukan pada halaman khusus seperti menampilkan sitemap, about us, privacy police dan lain-lain.
Comments Section
Sesuai dengan namanya comment atau komentar, dimana semua komentar beserta pengaturannya dapat kita lakukan melalui bagian ini

Appearaance
Appearance tempat dimana kita meletakkan themes atau template sebagai tampilan website wordpress kita. bagian ini tempat bagaimana melakukan edit pada themes, merubah template hingga mendownload templates dari website resmi wordpress.org
Plugins
Bagian ini tempat dimana pengaturan semua plugins dilakukan, plugins sendiri adalah modul yang dapat mendukung website wordpress kita sesuai dengan fungsi plugins masing-masing. Di bagian ini juga kita dapat menambahkan plugins, mendelete plugins serta mendownload plugins dari website resmi wordpress.
Users
Bagian ini berfungsi untuk melihat user website wordpress, serta mengatur tingkatan hak dan wewenang user yang login ke website kita. Termasuk didalamnya untuk  merubah password wordpress dapat dilakukan melalui bagian ini. Para pemula yang baru memulai belajar wordpress harus juga mengetahui fungsi ini, karena penting untuk keamanan websitenya.
Tools
Bagian tools ini sangat jarang sekali dipakai. Namun pada saat tertentu seperti jika kita ingin melakukan import atau export isi website kita ke website lain, maka bagian inilah yang akan digunakan.
Settings
Saat belajar wordpress bagian ini harus benar-benar dikuasai, karena pada bagian inilah kita mengatur semua fungsi operasional website kita. Dan hampir sebagian besar plugins yang di instal di website kita, pengaturan dan setting pluing melalui bagian ini





Cara Membuat Theme WordPress

Ini akan jadi tulisan bersambung karena saya pikir akan sulit menjelaskan cara membuat theme WordPress hanya dalam satu postingan. Kita akan mencoba membangun sebuah theme sederhana, tanpa gambar sama sekali. Untuk gambar, anda bikin sendiri ya? hehehe…
Sebelum kita memulai ngurusin coding, saya akan coba share dulu struktur berkas themes. Karena anda harus paham soal ini dulu sebelum beranjak mengutak-atik kode nanti.

Berkas Utama Theme

Sejatinya, ada 2 berkas penting yang harus dimiliki sebuah themes, yaitu:
– style.css
– index.php

Dengan dua berkas ini, kita sudah bisa membangun sebuah themes WordPress. Tapi, untuk menampilkan hasil yang lebih fantastis, kita membutuhkan beberapa berkas lain untuk mendukung themes kita.

Berkas Tambahan

Inilah berkas-berkas yang bisa dipakai sekalian dengan fungsi-fungsinya:
home.php : digunakan untuk menampilkan halaman depan blog
header.php : Digunakan untuk menampilkan bagian header blog
sidebar.php : digunakan untuk menampilkan bagian sidebar blog
footer.php : digunakan untuk menampilkan bagian footer blog
single.php : digunakan untuk menampilkan artikel.
page.php : digunakan untuk menampilkan page.
search.php : digunakan untuk menampilkan hasil pencarian.
archive.php : digunakan untuk menampilkan arsip blog (arsip tanggal, bulan, dll).
functions.php : digunakan untuk mengatur fungsi-fungsi yang berlaku di blog.
404.php : digunakan untuk menampilkan halaman error 404




Panduan Mempercantik Tampilan Blog WordPress
Cara atau Tips Mempercantik wordpress sebenarnya banyak caranya karena wordpress sudah sediakan. Tinggal kita mendesainnya agar terlihat cantik dan menarik. Tapi karena punya saya, maka itu terserah saya he he he. Jangan masukkan di hati bro. saya orangnya suka becanda. Untuk itu saya memberikan sedikit cara atau tips mempercantik wordpress sama teman-teman semua. Kalau menurut versi saya, yang paling pokok mempercantik wordpress kesayangan kita ada 6 hal yaitu :
  • Cara memasang foto di halaman google. Kita ketahui dalam pencarian artikel ada beberapa teman blogger (seperti aq) terdapat tampilan foto di halaman google. Itu adalah awal dari tampilan blogspot dan wordpress. Kenapa?? orang akan lebih tertarik mengklik artikel yang ada fotonya ketimbang tidak ada foto. (orang itu penasaran bro siapa sih cowok ganteng dan si cewek cantik itu) he he he. Bila ingin mengetahui caranya nie ada sumber nya kclik ajha bro disini
  • Cara mendesain Tema. Berbicara mengenai tema, kita di ibaratkan sebuah sampul buku,, kalau sampul buku teman-teman bagus atau cantik pasti banyak yang pinjem atau kalau salah mata pasti di curinya hahahahahah. Begitupun tema yang teman-teman gunakan, kalau temanya bagus dan cantik pasti banyak yang suka berlama-lama di blog saudara.  Pakai ajha tema seperti yang saya pakai bro. Lumayan bagus sich. Kita kan satu Tim he he he.
  • Cara atau tips membuat Kepala Halaman. Untuk membuat kepala halaman supaya makin cantik dan ganteng ada beberapa aplikasi yang di gunakan tapi saya lebih suka pakai xheader. Soalnya sudah ada gambarnya kita tinggal mengaturnya gimana gitu. Bila ingin aplikasinya kclik disini. Untuk mengetahui lebih jelas klick ajha disini
  • Cara mendesain Background. Untuk mendesain background seperti di blog saya caranya gampang. Tapi maaf triknya aq belum buat. Jangan marah ya. Tunggu lah,, pasti saya akan buatkan.
  • Cara Memasang lagu otomatis dan bergantian. Disinilah cara saya memasang lagu di postingan artikel agar lagu bergantian supaya orang yang berkunjung di sajikan musik dan musiknya juga bergantian secara otomatis jika artikelnya berpindah ke artikel lain serta musik gak kelihatan he he he. Kalau pengen tau clik aja disini bila ingin setiap artikel teman-teman berbunyi dan lagunya juga tersembunyi. Juga suka buat postingan orang lain belum tau  hahahahah. Untuk mengetahui lebih lanjut silakan di hubungi disini  dan disini
  • Tampilkan sedikit tentang propil anda di blog. Langkah ini sangat efektif agar anda di kenal di dunia maya. Tulisan sekilas tentang anda. Layaknya seperti bio. Tuliskan hobi dan aktivitas anda. Tapi, jangan terlalu detail. Takutnya orang salah gunakan.




















Sebelum kita membuat blog, terlebih dulu kita kenalan dulu dengan blog itu sendiri, sebenarnya blog itu apa sih?? dan apa fungsinya??

Menurut sepengetahuan saya, blog itu merupakan suatu website pribadi gratis karena kita menggunakan hosting dan domain yang gratis, jd gak usah bayar..hehehe
Fungsinya bermacam-macam,..yang jelas sebagai media informasi..kita bisa menjadikannya sebagai diary OnLine, media tukar informasi, media beriklan, media mencari teman, media mencari relasi kerja, media berjualan, dan bahkan media untuk mencari uang saku tambahan dengan mengiklankan produk orang. Macem2 lah fungsinya..kalau pengen lebih jelas bisa bertanya sama mBah GoogLe,..hehehe

Kali ini saya akan mengajak anda yang belum tahu bagaimana membuat blog wordpress OnLine, Langsung saja ya, cekidot..

1. Klik Link berikut ini ya :
http://wordpress.com/.
2. Klik “Sign Up Now” pada bagian pojok kanan atas.
3. Lalu isikan data-data yang diperlukan.
(Sebelum anda mengisikan data-datanya lihat pada bagian bawah ada pilihan Gimme a blog! (Like
username.wordpress.com) dan Just a username, please. Saya sarankan untuk memilih yang Gimme a blog! Biar gak ribet, nanti hasilnya username untuk masuk di blog wordpress anda sama dengan alamat blog yang akan anda buat).
a. Username : isikan paling sedikit 4 karakter. Misal username saya : masalimaruf, dan alamat blog saya nanti yaitu
http://masalimaruf.wordpress.com/
b. Password : isikan pastword anda dengan karakter khusus biar aman.
c. Confirm : isikan kembali password anda tadi.
d. E-mail Address : isikan email anda yang belum anda pakai untuk membuat blog.
4. Centang “Legal flotsam” lalu klik “next” yang ada di bagian bawah.
5. Jika tidak bisa dan ada keterangan “Sorry, that username already exists!” berarti anda harus mengganti username anda karena alamat blog yang anda inginkan mungkin sudah dimiliki orang lain. Kemudian klik “next” lagi.
6. Kalau udah berhasil tinggal ganti judul blog anda pada kolom “Blog Title”
7. Klik Sign Up.
8. Lalu anda akan masuk ke pengaturan profil, terserah anda ingin mengisi atau naanti saja setelah blog anda sudah jadi.
9. Yang penting setelah langkah ke tujuh kemudian buka email anda (yang anda isikan tadi).
10. Buka email dari
Wordpress.com dan aktifkan akun anda dengan cara mengKlik link yang tertera di dalam email tersebut.
11. Kemudian masukkan email dan pastword anda. Klik Login.
12. Sudah, selesai. Blog anda sudah jadi dan siap untuk di isi dan di desian sesuai keinginan anda. Klik My dashboard untuk mengelola blog anda.


Mengganti ikon wordpress menjadi foto kita (avatar) :
Terlebih dahulu masukklah ke "My dashboard" anda

a. Masuk ke menu “settings” yang ada di menu navigator sebelah kiri,..ada di bagian bawah..
b. Di buka, pilih yang “general” lau di KLIK!!
c. Lalu liat kotak kosong di sebelah kanan yang ada tulisannya “Blog Picture / Ikon”
d. Dah ketemu belum??
e. Pilih Browse.
f. Pilih direktori tempatmu menyimpan foto.
g. Pilih foto yang kamu inginkan.
h. Pilih “Uploade Image”
i. Kalau ukuran gambar terlalu besar maka akan muncul “Crop Uploade Image”
j. Potong gambarmu, lalu klik “Crop Image” yang ada di bawah.
k. Udah deh jadi,..coba visit site temen2,..ikon berhasil di ganti..mudah kan??
Selamat mencoba!!

2. Memasang foto di blog dengan avatar kita :
Terlebih dahulu masukklah ke "My dashboard" anda

a. Masuk ke menu “My Account” di sebelah pojok kiri atas…pilih sub menu “Edit Profile”.
b. Setelah membuka halaman My Public Profile tinggal pilih change your gravatar pada kotak di sebelah kanan.
c. Nah tinggal uploade aja foto anda dan crop seperti langkah mengganti ikon blog.
d. Lalu jangan lupa pilih “GR” untuk menampilkan gravatar kita di semua platform, OK!!
e. Udah deh jd!!
f. Kalau mau menampilkan di blog tinggal masuk ke menu “apearance” pada menu navigasi, lalu pilih sub menu Widgets.
g. Pilih widgets gravatar lalu drag ke side bar sebelah kanan!!
h. Masukkan judul.
i. Masukkan alamat email anda.
j. Pilih ukuran gambar anda.
k. Masukkan link jika anda menginginkan.
l. Lalu masukkan pesan di bawah gambar gravatar anda jika anda menginginkannya, kalu tidak ya tidak usah di isi.
m. Dah, klik Save dan liat blog anda maka gravatar anda akan muncul di blog.
Selamat mencoba, semoga bermanfaat..

Memasang jam digital(islami) seperti di blog saya?? Sebenernya bukan cuman jam digital yang bisa ditampilkan, ada widget-widget lain yang dapat di tampilkan di blog wordpress,..tetapi sayang wordpress tidak dapat menampilkan widget dengan kode java script!!!hemmms….

Ya udah, langsung saja ya,..caranya seperti di bawah ini :

1. Login dulu ke blog wordpress anda.
2. Klik url berikut :
http://www.al-habib.info/
3. Pilih “Islamic Clock” jika ingin menampilkan jam digital.
4. Pilih jam sesuai selera anda.
5. Lalu klik : “Get this clock..”
6. Edit tampilan widget sesuai selera anda.
7. Lalu klik Button “BLOG ME!” pada form Code.
8. Copy paste kode HLML ke HTML/Java Script bagi anda pengguna BLOGGER(Blogspot).
9. Tetapi jika anda pengguna wordpress klik icon wordpress yang ada di atas kode HTML untuk widget.
10. Lalu postkan kode HTML khusus wordpress dengan mengisi username, pastword, dan alamat url blog wordpress anda.
11. Klik “Post”.
12. Sekarang tinggal ambil kodenya di postingan blog anda, Drop Down menu “Post” pada menu navigasi di sebelah kiri lalu pilih dan klik “Edit”.
13. Pilih postingan dari Al-Habib (Islamic Clock) dan klik edit yang ada di bagian bawah judul.
14. Copy kode yang ada di dalam postingan, OK!!
15. Lalu hapus postingan dari Al-Habib (Islamic Clock) tadi, OK!!
16. Dah, Drppdown menu “Appearance” pada menu navigasi di sebelah kiri lalu pilik dan Klik “Widgets”
17. Drag widget “Text” ke sidebar yang ada di sebelah kanan.
18. Pastekan kode HTML di dalamnya.
19. Lalu klik “Save”
20. Dah, jadi…lihat blog anda maka jam digital menghiasi blog anda,..

selamat mencoba dan semoga bermanfaat..




Cara membuat link atau menambah link di blog wordpress :

1. Login dulu ke akun wordpress anda dan masuk ke Dashboard (pusat informasi).
2. Dropdown menu “Appearance” di menu navigasi sebelah kiri lalu pilih dan klik “Widgets”.
3. Drag widget “Links” ke sidebar anda dan klik “save”.
4. Sekarang dropdown menu “Links” lalu pilih dan klik “Add New”.
5. Masukkan nama URL di bagian “name”. Misal : Forum KMMTP UGM
6. Masukkan alamat URL di bagian “Web Adress”. Misal :
http://kmmtp.lifeme.net
7. Masukkan deskripsi URL di bagian “Description”. Misal : Ini adalah forumku.
8. Pilih target : Blank!!
9. Lalu klik Add Link dibagian pojok kanan atas.
10. Selesai, tiggal dilihat di blog, link sudah terpasang.





Cara memasukan Lagu ke dalam Blog
1. Kunjungi situs scmplayer.net
Widget Lagu/ Musik mp3

2. Akan muncul tampilan seperti dibawah ini dan di menu “Choose Skin” anda dapat memilih warna background yang anda inginkan dan lanjut dengan kllik “Edit Playlist”
3. Siapkan lagu yang anda inginkan, saya sarankan cari di soundcloud.com selanjutnya masukan judulnya kedalam kolom “song title” dan URL lagu dari
soundcloud.com tadi kedalam “Song URL” kemudian jika telah selesai klik “Next”
Memasukan Lagu ke Blog
4. Anda akan masuk ke menu “Setup Wizard” dan silahkan atur sesuai keinginan anda
Pengaturan Lagu Blog
Keterangan Pengaturan :

  • Auto play untuk memutar lagu secara otomatis
  • Shuffle Playback untuk memutar lagu dalam daftar anda secara acak
  • Default Volume untuk mengatur volume suara standar yang anda inginkan
  • Repeat Mode untuk mengatur pengulangan lagu
  • Placement of Player Bar untuk mengatur letak pemutar musik yang ingin kita pasang di blog
  • Show Playlist by Default untuk menampilkan pemutar secara default yaitu di sebelah kanan blog

5. Klik done untuk memperoleh kode HTML sesuai pengaturan yang kita lakukan
HTML widget Lagu untuk Blog
6. Copy kode seperti gambar diatas dan letakan didalam HTML template anda dengan cara Masuk ke blogger – Klik Template  - Edit HTML dan cari kode <body> atau <body (gunakan CTRL+F untuk mempermudah) setelah ketemu letakkan kode yang anda copy tadi tepat dibawah kode  <body>
7. Simpan template dan lihat hasilnya.













Cara Memasang Musik Di Blog WordPress

Cara memasang musik MP3 atau memberikan backsound
musik di blog WordPress.com
 . Dengan memakai videokeman masang background musik sangat gampang  ga usah ribet nah sekarang coba ikutin cara dibawah ini… saya pasang lagunya demi lovato.
saatnya proses cara memasang di blog WordPress.com Anda:
1.     Silahkan login ke akun WordPress.com Anda.
2.     Kemudian pergi ke http://videokeman.com/
3.     Pada halaman utama Videokeman,
cari lagu yang ingin Anda pasang di blog.
Pasang Musik MP3 Di WordPress.com
Sebagai contoh, Saya memilih lugu “demi lovato_skyscaper“.
4.     Kemudian pada kolom [Rock ‘n Share!], klik icon WordPress.
Pasang Musik MP3 Di WordPress.com
5.     Dan akan tampil Post to WordPress, silahkan isi username
dan password WordPress Anda.
Pasang Musik MP3 Di WordPress.com
6.     Jika proses berhasil, akan ada peringatan Item posted, Thank
You
.
Pasang Musik MP3 Di WordPress.com
7.     Dan langkah selanjutnya adalah pergi ke dashboard WordPress Anda kemudian
klik [Posts].
8.     Pada posting yang berjudul Videokeman, klik
[Edit].
Pasang Musik MP3 Di WordPress.com
9.     Kemudian copy kode yang tampil di area Visual sesuai contoh
dibawah.
Videokeman
Contoh :
Kode asli:
[g1gya width="300" height="44"
src="http://videokeman.com/music/videokemanplay.swf" quality="high"
flashvars="playerID=1&bg=0xffffff&leftbg=0xCA4536&lefticon=
0xffffff&rightbg=0xCA4536&rightbghover=0x999999&righticon=
0xffffff&righticonhover=0xffffff&text=0xCA4536&slider=
0x303030&track=0xFFFFFF&border=0x666666&loader=0xC52C24&autostart=
yes&loop=yes&soundFile=http://videokeman.com/dload/nm2/020222511
10. /_demi_skyscaper.vkm"
wmode="transparent" ]
11.                        Keterangan :
autostart: ganti
no” jika tidak ingin
lagu berputar secara otomatis saat blog
diakses.
loop: ganti “no” jika tidak ingin lagu memutar
kembali jika habis.
12.                        Kemudian pastekan pada widget Text.
13.                        Dan klik tombol Save.
Sedikit trick
dari Saya, biasanya setelah kita pasang di sidebar tombol playlist akan
terlihat. Dan ini bagi Saya sangat mengurangi ketidaknyamanan pembaca. Nah… agar
tombol playlist tidak terlihat maka kita atur sedikit lebar dan tinggi dari
playlist tersebut.

Kode asli:
[g1gya width="300" height="44"
src="http://videokeman.com/music/videokemanplay.swf" quality="high"
flashvars="playerID=1&bg=0xffffff&leftbg=0xCA4536&lefticon=

0xffffff&rightbg=0xCA4536&rightbghover=0x999999&righticon=
0xffffff&righticonhover=0xffffff&text=0xCA4536&slider=
0x303030&track=0xFFFFFF&border=0x666666&loader=0xC52C24&autostart=
yes&loop=yes&soundFile=http://videokeman.com/dload/nm2/020222511/-_demi_skyscaper.vkm"
wmode="transparent" ]

Rubah angka width dan height menjadi angka 1 semua.
Rubah juga posting videokeman anda menjadi Privat dengan klik edit.













Widget cursor analog clock / jam analog
  • login akun blog sobat
  • klik TATA LETAK / LAYOUT
  • klik TAMBAH GADGET
  • klik HTML/JAVASCRIPT
  • Copas kodenya di bawah,..
<script type="text/javascript">
// <![CDATA[
var second_hand_colour="#c9f"; // colour of second hand
var minute_hand_colour="#96c"; // colour of minute hand
var hour_hand_colour="#639"; // colour of hour hand
var facia_colour="#639"; // colour of facia (i.e. numbers)
var face_colour="#ccc"; // colour of face (can be set to "transparent");
var xoffset=60; // horizontal distance from centre of clock to cursor
var yoffset=60; // vertical distance from centre of clock to cursor
var size=120; // pixels high/wide

/****************************
*    Analogue Clock Effect  *
* (c)2006 mf2fm web-design  *
*  http://www.mf2fm.com/rv  *
* DON'T EDIT BELOW THIS BOX *
****************************/
var facia=String.fromCharCode(9660)+" 1 2 "+String.fromCharCode(9668)+" 4 5 "+String.fromCharCode(9650)+" 7 8 "+String.fromCharCode(9658)+" 10 11"; // characters to use for face, starting at '12' position
var clok;
var newx=xmo=400;
var newy=ymo=300;
window.onload=function() { if (document.getElementById) {
  var i, j, k;
  clok=document.createElement("div");
  clok.style.position="absolute";
  if (face_colour!="transparent") for (i=0; i<size; i++) {
      j=createDiv(false, face_colour);
      if (document.all) j.style.filter="Alpha(Opacity=50)";
      else j.style.opacity=0.5;
      k=size*Math.sqrt(i/size-Math.pow(i/size, 2));
      j.style.left=size/2-k+"px";
      j.style.top=i+"px";
      j.style.height="1px";
      j.style.width=k*2+"px";
      clok.appendChild(j);
  }
  for (i=1; i<size/4; i++) {
      j=createDiv("sec"+i, second_hand_colour);
      j.style.height="2px";
      j.style.width="2px";
      clok.appendChild(j);
  }
  for (i=1; i<size/4; i++) {
      j=createDiv("min"+i, minute_hand_colour);
      j.style.height="3px";
      j.style.width="3px";
      clok.appendChild(j);
  }
  for (i=0; i<size/6; i++) {
      j=createDiv("hour"+i, hour_hand_colour);
      j.style.height="4px";
      j.style.width="4px";
      if (!i) j.style.top=j.style.left=size/2-2+"px";
      clok.appendChild(j);
  }
  facia=facia.split(" ");
  for (i=0; i<12; i++) {
      j=createDiv(false, "transparent");
      j.style.color=facia_colour;
      j.style.font="bold 10pt monospace";
      j.style.overflow="visible";
      j.appendChild(document.createTextNode(facia[i]));
      j.style.top=size/2-7-size/2*Math.cos(i*Math.PI/6)+"px";
      j.style.left=size/2-5+size/2*Math.sin(i*Math.PI/6)+"px";
      clok.appendChild(j);
  }
  document.body.appendChild(clok);
  tick();
  tock();
}}


function tick() {
  var i, j;
  var now=new Date();
  var sec=(now.getSeconds()+(now.getMilliseconds()%1000)/1000)*Math.PI/30;
  for (i=1; i<size/4; i++) {
      j=document.getElementById("sec"+i).style;
      j.left=size/2+2*i*Math.sin(sec)-1+"px";
      j.top=size/2-2*i*Math.cos(sec)-1+"px";
  }
  xmo+=Math.floor((newx-xmo)/4);
  clok.style.left=xmo+"px";
  ymo+=Math.floor((newy-ymo)/4);
  clok.style.top=ymo+"px";
  setTimeout("tick()", 40);
}

function tock() {
  var i, j;
  var now=new Date();
  var min=(now.getMinutes()+now.getSeconds()/60)*Math.PI/30;
  var hrs=(now.getHours()+now.getMinutes()/60)*Math.PI/6
  for (i=1; i<size/4; i++) {
      j=document.getElementById("min"+i).style;
      j.left=size/2+2*i*Math.sin(min)-1.5+"px";
      j.top=size/2-2*i*Math.cos(min)-1.5+"px";
  }
  for (i=1; i<size/6; i++) {
      j=document.getElementById("hour"+i).style;
      j.left=size/2+2*i*Math.sin(hrs)-2+"px";
      j.top=size/2-2*i*Math.cos(hrs)-2+"px";
  }
  setTimeout("tock()", 999);
}
document.onmousemove=mouse;

function mouse(e) {
  newy=yoffset-size/2+((e)?e.pageY:event.y+scro());
  newx=xoffset-size/2+((e)?e.pageX:event.x);
}

function scro() {
  var scro=0;
  if (document.body.scrollTop) scro=document.body.scrollTop;
  else if (document.documentElement && document.documentElement.scrollTop) scro=document.documentElement.scrollTop;
  return (scro);
}

function createDiv(id, bg) {
  var div=document.createElement("div");
  div.style.position="absolute";
  div.style.overflow="hidden";
  div.style.backgroundColor=bg;
  if (id) div.setAttribute("id", id);
  return (div);
}
// ]]>
</script>
  • klik SIMPAN / SAVE













Cara Menambahkan Kalender yang Telah Tersedia Pada Blog

1.     Langkah yang pertama, buka browser internet pada komputer anda, kemudian tunggu sementara halaman browser dimunculkan. 
2.     Selanjutnya masuk ke halaman dashboard dengan cara masukan alamat link “blogger.com”, dengan begitu anda akan diarahkan halaman depan untuk masuk ke blog. 
3.     Silahkan masuk ke dashboard blog dengan menggunakan akun gmail, selanjutnya tunggu hinga anda diarahakan masuk ke halaman tersebut. 
4.     Selanjutnya silahkan klik ikon anak panah yang berada persis disamping tombol “Lihat blog”. Kemudian pilih menu Tata letak. 
5.     Silahkan pilih tempat dimana anda ingin memasang kalender. Jika sudah diputuskan, klik menu Tambahkan gadget. 
6.     Dengan begitu akan muncul halaman browser baru. Silahkan pilih kategori Gdget pada kolom side bar disebelah kiri. Kemudian cari Daily Calendar, kemudian silahkan sesuaikan tanggal. Jika sudah selesai tekan tombol simpan yang ada dibagian bawah. Dengan begitu maka kini kalender bisa terpasang pada blog anda. 

Menambahkan Kalender  Dengan Desain Lain Pada Blog 

1.     Langkah yang pertama, buka browser internet pada komputer anda, kemudian tunggu sementara halaman browser dimunculkan. 
2.     Selanjutnya masuk ke halaman dashboard dengan cara masukan alamat link “blogger.com”, dengan begitu anda akan diarahkan halaman depan untuk masuk ke blog. 
3.     Silahkan masuk ke dashboard blog dengan menggunakan akun gmail, selanjutnya tunggu hinga anda diarahakan masuk ke halaman tersebut. 
4.     Selanjutnya, untuk dapat menambhakan kalender dengan desain yang lain, anda bisa mencari di internet kalender yang unik untuk dipasang ke blog kemudian copy script HTML. Berikut ini sebagai referensi anda bisa mengambil kalneder dari alamat berikut  http://www.calendarlabs.com. 
5.     Selanjutnya, jika sudah masuk ke halaman link tersebut pilih model kalender yang anda inginkan. Kemudian tekan tombol Use this Widget. Dengan begitu akan muncul  kolom script, silahkancopy script tersebut. 
6.     Kemudian masuk kembali ke dashboard blog. 
7.     Selanjutnya silahkan klik ikon anak panah yang berada persis disamping tombol “Lihat blog”. Kemudian pilih menu Tata letak. 
8.     Silahkan pilih tempat dimana anda ingin memasang kalender. Jika sudah diputuskan, klik menu Tambahkan gadget. Dengan begitu akan muncul jendela browser baru pilih kategori “ HTML JavaScript dan paste kan script yang telah anda copy tadi. 
9.     Jika sudah selesai selanjunjutnya, klik tombol simpan, agar kalender bisa diterpakan. 




















Berbagai Animasi Untuk Blog

1.Pig


 <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://berbagi-html.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/110/th/11046.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://berbagi-html.blogspot.com/2012/10/animasi-cartoon-di-blog.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

2. Muka senyum



<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://berbagi-html.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/197/th/19769.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

3. monyet


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://berbagi-html.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/458/th/45845.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://berbagi-html.blogspot.com/2012/10/animasi-cartoon-di-blog.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

 4.Doraemon


 <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://berbagi-html.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1031/th/103123.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://berbagi-html.blogspot.com/2012/10/animasi-cartoon-di-blog.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

5.Spongebob


 <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://berbagi-html.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://berbagi-html.blogspot.com/2012/10/animasi-cartoon-di-blog.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

6.Panda

 
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://berbagi-html.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/212/th/21215.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://berbagi-html.blogspot.com/2012/10/animasi-cartoon-di-blog.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

6.Monyet loncat


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://berbagi-html.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53966.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://berbagi-html.blogspot.com/2012/10/animasi-cartoon-di-blog.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

7.Anime cewek


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://berbagi-html.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/228/th/22801.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://berbagi-html.blogspot.com/2012/10/animasi-cartoon-di-blog.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div

Animasi binatang Di Blog

Banyak hal yang dapat membuat sebuah blog dikatakan menarik, selain dari isi content atau postingan , ternyata ada hal - hal lain yang bisa membuat si blog terlihat lebih menarik dan tentunya banyak pengunjungnya. Nah selain postingan, disain dan animasi / pernak - pernik blog ternyata dapat meningkatkan performa dari suatu blog.. ga percaya ? cobalah anda berkunjung kesuatu blog yang disainnya polos hanya berisikan artikel saja kemudian bandingkan dengan blog yang berisi postingan menarik dengan disain yang menarik pula . Pasti kita akan lebih betah berlama-lama di blog yang berisi artikel menarik dan disain / animasi yang menarik itu bukan ? tentunya. Dan, memberikan efek animasi di blog itu ga sulit kok, dan pilihan animasinya pun beragam bergantung selera. . nah dibawah ini ada beberapa contoh widget animasinya. Kalo udah cocok, berikut langkahnya :

1.Copy script yang ingin anda munculkan animasinya
2.Login ke Blog
3.Pilih Rancangan
4.Tambah gedget
5.Pilih edit html atau script,
6.Pastekan script tadi
7.Lalu save.. “pasti akan langsung  muncul animasi yang anda pilih tadi

1.Gajah loncat


<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://berbagi-html.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://berbagi-html.blogspot.com/2012/10/animasi-binatang-di-blog.html" target="_blank" title="Cara Memasang Widget Animasi">Berbagi Animasi Widget</a></center></small></div>

2. Lumba lumba


<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://berbagi-html.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://berbagi-html.blogspot.com/2012/10/animasi-binatang-di-blog.html" target="_blank" title="Cara Memasang Widget Animasi">Berbagi Animasi Widget</a></center></small></div>

3.Kucing tidur


<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://berbagi-html.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://berbagi-html.blogspot.com/2012/10/animasi-binatang-di-blog.html" target="_blank" title="Cara Memasang Widget Animasi">Berbagi Animasi Widget</a></center></small></div>

4.Ayam betelur


<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http:/berbagi-html.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020541.gif" title="Click to get more." /></a><small><center><a href="http://berbagi-html.blogspot.com/2012/10/animasi-binatang-di-blog.html" target="_blank" title="Cara Memasang Widget Animasi">Berbagi Widget</a></center></small></div


Link Cursor Unik ( Doraemon)



http://i1304.photobucket.com/albums/s529/LarasHawaningKinasih/cursor/images64_zpse92b70de.png



http://i1304.photobucket.com/albums/s529/LarasHawaningKinasih/cursor/images62_zpse8214179.png


http://i1304.photobucket.com/albums/s529/LarasHawaningKinasih/cursor/images65_zpsd534bb46.png


http://i1304.photobucket.com/albums/s529/LarasHawaningKinasih/cursor/images63_zpsd0ed1a04.png


http://i1304.photobucket.com/albums/s529/LarasHawaningKinasih/cursor/images66_zpsbf78b4a8.png


http://i1304.photobucket.com/albums/s529/LarasHawaningKinasih/cursor/images67_zpsc2482dfb.png


http://i1304.photobucket.com/albums/s529/LarasHawaningKinasih/cursor/images69_zps6a6afaa6.png

http://i1304.photobucket.com/albums/s529/LarasHawaningKinasih/cursor/images68_zpsbb89a526.png


http://i1304.photobucket.com/albums/s529/LarasHawaningKinasih/cursor/images71_zps6d438063.png


http://i1304.photobucket.com/albums/s529/LarasHawaningKinasih/cursor/images70_zpsd4746e01.png










Sobat yang tertarik memasangnya silahkan ikuti tutorial memasang efek - efek pada blog berikut.

A. Efek Ringan
Mungkin Ini adalah efek yang biasa sobat lihat saat sobat blogwalking.

1. Efek salju berjatuhan
<script src='http://tateluproject.googlecode.com/files/snow.js' type='text/javascript'></script>

2. Efek hati bertaburan
<script src='http://tateluproject.googlecode.com/files/lovingheart.js' type='text/javascript'></script>

3. Efek bintang bertaburan
<script src='http://tateluproject.googlecode.com/files/bintang.js' type='text/javascript'></script>

4. Efek kembang api
<script src='http://tateluproject.googlecode.com/files/kembangapi.js' type='text/javascript'></script>

5. Efek Gelembung
<script src='http://tateluproject.googlecode.com/files/efek-gelembung.js' type='text/javascript'></script>

5. Efek Kupu - Kupu Terbang
<script language="JavaScript1.2" src="http://imtikhan.googlecode.com/files/Kupu-kupu1.js"></script>



Cara pemasangan :
1.     Klik rancangan --> Edit html
2.     Letakkan script efek di atas kode </body>
3.     Klik Save

B. Efek Menengah - Berat
Efek ini saya ambil dari
http://www.netdisaster.com.

1.Meteor Jatuh
<script language="javascript">
nd_mode="meteor";
nd_control="on";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

 2. Banjir
<script language="javascript">
nd_mode="flood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

 3. Bunga Mekar
<script language="javascript">
nd_mode="flowers";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

4.  Bom Atom
<script language="javascript">
nd_mode="bomb";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

5. Ufo
<script language="javascript">
nd_mode="ufo";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

6. Graffity
<script language="javascript">
nd_mode="graff";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

7. Shaver
<script language="javascript">
nd_mode="shaver";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

8. Gun
<script language="javascript">
nd_mode="gun";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

9.Bloody gun
<script language="javascript">
nd_mode="blood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

10. Paint ball
<script language="javascript">
nd_mode="paint";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

11. Chainsaw
<script language="javascript">
nd_mode="chainsaw";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

12. Dinosaur
<script language="javascript">
nd_mode="dino";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

13. Lebah
<script language="javascript">
nd_mode="wasp";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

14. Lalat
<script language="javascript">
nd_mode="fly";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

15. Semut
<script language="javascript">
nd_mode="ants";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

16. Siput
<script language="javascript">
nd_mode="snail";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

17. Cacing
<script language="javascript">
nd_mode="worms";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>










18. Mold
<script language="javascript">
nd_mode="mold";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

19. Bayi merangkak
<script language="javascript">
nd_mode="baby";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>





20. Telur mata sapi
<script language="javascript">
nd_mode="eggs";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>



21. Kopi tumpah
<script language="javascript">
nd_mode="coffee";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>



22. Terbakar
<script language="javascript">
nd_mode="burn";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>






23. Tomat
<script language="javascript">
nd_mode="tomato";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

24. Creampie
<script language="javascript">
nd_mode="creampie";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>










25. Murka
<script language="javascript">
nd_mode="god";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

26. Sapi Jorok
<script language="javascript">
nd_mode="cow";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

27. Anjing Jorok
<script language="javascript">
nd_mode="dog";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>



28. Kencing Sembarangan
<script language="javascript">
nd_mode="pee";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

Cara pemasangan :
1.     Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
2.     Masukkan script efek di dalam kotak yang di sediakan
3.     Klik save dan lihat hasilnya.
Tambahan :
Efek yang ke 2 berbeda dengan efek yang pertama. di efek ke 2, efek bisa dimatikan secara manual, sedangkan yang pertama sebaliknya ( tidak bisa dimatikan selama masih memasang scriptnya ).  so, pilih mana yang terbaik menurut sobat.. salam..



Cara Upload File ke Blog

Bagi anda yang baru pertama kali masuk ke google docs, maka anda harus setuju dengan peraturan yang di buat oleh google. Sudah punya account google? mari kita serbu google docs.

Langkah 1 : upload file ke google docs.

1. Silahkan login ke 
http://docs.google.com dengan account gmail anda.
2. Klik tab Upload yang berada di sebelah kiri atas layar monitor anda.
3. Klik tombol browse… di bawah tulisan Browse your computer to select a file to upload:
4. Masukan file yang ingin anda upload (word, excel, power point).
5. Klik tombol Upload File yang ada di sebelah bawahnya.
6. Tunggu beberapa saat sampai file anda terupload semuanya (tergantung dari besarnya file serta kecepatan koneksi anda).
7. Jika sudah terupload, anda bisa mengeditnya jika mau. yaitu dengan mengeklik dokumen yang telah terupload pada menu My drive.
8. Kemudian pilih share
9. Maka muncul menu sharing settings.
10. Copy link to share ke notepad atau text editor lainnya.
11. Done
15. Silahkan di close saja window nya.
16. Silahkan anda sign out dari google docs jika mau.
17. Selesai.

Langkah 2 : posting kode google docs ke blogger.

1. Silahkan login ke blogger dengan ID anda.
2. Klik Posting Baru.
3. Silahkan anda buat postingan yang anda inginkan.
4. Ketika anda mau menyisipkan kode yang dari google docs, klik terlebih dahulu tab Edit HTML ( jangan yang compose)
5. Paste kode google docs yang ada di notepad tadi pada tempat yang anda inginkan.
6. Klik Tombol MEMPUBLIKASIKAN POSTING.
7. Silahkan lihat hasilnya.
8. Selesai.

Cara Memasukkan Video di Blog

Video adalah salah satu bagian dari Post yang memberikan informasi tambahan dengan lebih jelas lewat audio visual dan memberikan kesan menarik bagi pengunjung blog. Di  dalam Post ini, saya akan menjelaskan kepada Anda langkah-langkah mengupload video.

Langkah-langkah memasukan video di Blog :


1. Masuk ke dashboard, klik "Buat enrti baru"


2. Klik "Insert a video"
3. Pilih Upload --> klik "Pilih video untuk diunggah"
 
4. Pilih file video yang sudah Anda siapkan untuk di unggah --> klik "Open"
 
5.  Setelah itu Klik "Unggah"
 
6. Tunggu sampai video selesai di upload.
 
7. Hasil video selesai di upload.
 
8. Agar video yang Anda Post memberikan informasi yang jelas, tuliskan Judul Video dan berikan penjelasan tambahan tentang video tersebut.
 
9. Dan  misalkan di perlukan penjelasan tambahan yang sangat panjang, sertakan Link untuk memberi informasi tambahan. Setelah semua informasi telah Anda masukan di dalam Post, klik "Publikasikan"
 
10. Sekarang untuk melihat hasilnya klik "Lihat blog"

11. Ini adalah hasilnya.
 

















cara membuat dan memasang facebook page di blog. 


1. Masuk ke akun facebook kita, kemudian masuk juga ke facebook page / halaman facebook kita.
2.  Langkah selanjutnya lihat gambar di bawah
  • Masukkan url/alamat facebook page di kolom atas yang ada (panah hitam)
  • tentukan ukuran lebar halaman di blog (panah merah)
  • panah kuning ialah ukuran tinggi facebook page nya
  • panah ungu adalah pemilihan warna, jika blog sobat berwarna terang pilih light, jika gelap pilih dark.
  • centang pada kotak panah hijau  jika ingin menampilkan foto yang menyukai page kita
  • centang show stream jika ingin menampilkan posting terakhir blog kita

3. Kemudian akan tampil di sisi kanan preview / tampilan facebook page kita nantinya di blog.  Jika sudah merasa cocok klik Get Code.




4. Lihat gambar di atas, jika sudah muncul, masuk ke akun blogger sobat, Dasbor > Menu Template > Edit HTML > centang Expland Template lalu ikuti petunjuk yang ada. Atau cari kode ini <body>  Masukkan kode nomor 1 tepat di bawah kode di bawah ini. Lalu simpan template.
<body>
5. Masuk ke Dasbor > Tata letak > Add Gadget/widget > pilih HTML Javascript > 
    Lalu masukkan / copas kode nomor 2. Lalu simpan perubahan.
6. Facebook Page sobat sudah masuk dan tampil di blog. 

Cara Membuat kata Pembuka “SELAMAT DATANG BERGERAK”
Sebagai ucapan "Selamat Datang" kepada pengunjung blog Anda, gadget yang satu ini sangat membantu dan cukup memberi hiasan baru bagi blog Anda. Berikut langkah-langkah untuk memasang gadget Blog Selamat Datang Flash Message Effect.
2. Klik "Flash Message"
3. Isi data yang disediakan:
 Your message here: Tuliskan "Selamat Datang" atau kalimat lain yang Anda inginkan
Multi color 1: pilih warna teks yang mau digunakan
Choose size: pilih big (ukuran panjang) atau small (ukuran pendek)
Category: pilih jenis blog yang Anda punya Do you have an adult containt: pilih no jika tidak ada konten dewasa
4. Centang kotak "I accept term and condition"
5. Klik Get Widget
6. Copy kode html yang muncul
7. Kemudian Anda buka http://www.blogger.com/
 8. Masukkan alamat email Anda dan kata sandi
9. Klik Dasbor
10.Klik Rancangan
11.Klik Tambah Gadget atau Klik Add Widget
12.Klik tanda plus "+" pada HTML/JavaScript
13.Paste kode html tadi
14.Klik Save atau Klik Simpan




Cara Memasang Icon Facebook,Twitter, dan RSS Feed Melayang di Blog


Sebuah blog akan terasa lengkap jika didalamnya tercantum akun sosmed sang pemilik blog. Hehe..bener ga? Oke, langsung aja ya simak tutorial berikut ini:
1. Masuk ke www.blogger.com
    isi email dan kata sandi Anda

2. Klik Tata Letak
3. Klik Tambah Gadget
4. Klik HTML/ Java Script
5. Copy kode script berikut ini klik buka Ctrl+C 

Kode script:
<div style="display:scroll; position:fixed; top:260px; left:-6px;"> <a class="linkopacity" href="https://www.facebook.com/susan.moocen" target="_blank" rel="nofollow" title="Add me your facebook" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0"src="http://i239.photobucket.com/albums/ff304/cxoluvme/facebook_32.png"/></a><br /> <a class="linkopacity" href="https://www.twitter.com/moocensusan" target="_blank" rel="nofollow" title="Add me your Twitter" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0"src="http://i239.photobucket.com/albums/ff304/cxoluvme/twitter.png" /></a><br /> <a class="linkopacity" href="http://moocensusan.blogspot.com/" target="_blank" rel="nofollow" title="Newslater" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i239.photobucket.com/albums/ff304/cxoluvme/feed.png" /></a><br /> </div>
6. Ganti tulisan yang bergaris bawah warna merah dengan alamat link  facebook, twitter, dan blog Anda. Misalnya:

https://www.facebook.com/susan.moocen
https://www.twitter.com/moocensusan
http://moocensusan.blogspot.com/
7. Paste kode (Ctrl+V) di dalam kotak HTML/ Java Script        Simpan 
Ketr.Gb.6-7
8. Lihat Blog










Berikut ini langkah-langkah manambahkan lagu pada Blog

1.     Langkah yang pertama, terkebih dahulu buka browser browser paada komputer anda. 
2.     Kemudian masuk pada dashboard dari akun blog. Caranya, bisa dilakukan dengan buka alamat “blogger.com”. dan masuk dengan menggunakan akun gmail yang anda buat untuk mendaftar akun blog di artikel yang telah kami bisikan sebelumnya yakni  Cara Membuat Blog dengan Mudah dan Cepat.  Selanjutnya tekan tombol Masuk, agar anda bisa diarahkan masuk ke dashboard blog. 
3.     Selanjutnya, cari salah satu script untuk dapat memutar lagu pada blog. Berikut ini link yang bisa anda kunjungi http://www.divine-music.info. 
4.     Dengan membuka link ini akan muncul beberapa artis dan anda bisa memilih lagu/musik mana yang ingin anda putar di blog, yang nantinya musik/lagu tersebut akan dimainkan saat orang lain mengunjungi situs anda. 
5.     Jika salah satu artis sudah dipilih, maka anda akan diarahkan pada halaman kode HTML dari setiap lagu. Terlebih dahulu pilih lagu mana yang anda inginkan. 
6.     Dan apabila lagu sudah ditemukan, copy kan semua scrip HTML yang terdapat pada kolom disana. 
7.     Kemudian letakan, script HTML tersebut di blog. Yakni dengan cara kembali ke dashboard blogger> Tata Letak> tambahkan gadget pada kolom yang anda inginkan. 
8.     Selanjutnya, pada halaman jendela browser yang baru pilih kategori HTML/JavaScript. Disinilah script yang anda copy tadi bisa di paste-kan. 
9.     Dan jangan lupa untuk memberikan judul, apabila sudah selesai tekan tombol simpan. 
10. Untuk dapat melihat perubahan klik tombol “Lihat Blog” dan kini anda bisa mendengar sebuah lagu diputar pada blog anda. Hal yang sama akn terjadi saat orang lain mengunjungi blog anda.







Daftar Pustaka