Kamis, 20 November 2014
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.
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
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.
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
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
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;
}
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.
Sebuah widget
yang akan menampilakn nominal dari nilai Alexa rank yang menandakan
tingkat popularitas sebuah blog.
4. Mypagerank
Sama halnya
dengan Alexa, tetapi Mypagerank adalah nominal dari page rank sebuah
blog.
Lebih komplit
widget yang akan menampilkan trafic rank dari google page rank, alexa traffic
rank, technorati blog rank serta yahoo.
6. Softcircuits
Sebuah widget
gratis persembahan dari google page rank.
7. Widgetbox
Widget gratis
dari blogger.
8. Clocklink
Widget gratis
untuk menampilkan jam pada sebuah blog.
9. Localtimes
Tidak ada
bedanya dengan Clocklink kebunaannya untuk menampilkan jam.
10. Clockwidgets
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.
14. Flagcounter
Pengunjung yang
ditandai oleh bendera negara masing-masing.
Widget yang akan
menampilkan kotak pesan terletak pada halaman blog.
16. Widget animasi
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.
18. Widget zooshia
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;
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.
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
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
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>
<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.js" dengan 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...
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
- 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>
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>
<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.
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..
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..
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.
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.
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”
4. Anda
akan masuk ke menu “Setup Wizard” dan silahkan atur sesuai keinginan anda
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
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: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.
1.
Silahkan login ke
akun WordPress.com Anda.
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.
dan password WordPress Anda.
Pasang Musik MP3
Di WordPress.com
6.
Jika proses
berhasil, akan ada peringatan Item posted, Thank
You.
You.
Pasang Musik MP3
Di WordPress.com
7.
Dan langkah
selanjutnya adalah pergi ke dashboard WordPress Anda kemudian
klik [Posts].
klik [Posts].
8.
Pada posting yang
berjudul Videokeman,
klik
[Edit].
[Edit].
Pasang Musik MP3
Di WordPress.com
9.
Kemudian copy
kode yang tampil di area Visual sesuai
contoh
dibawah.
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.
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 trickdari 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>
// <![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
<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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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.
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
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
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.
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
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/
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
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
Langganan:
Komentar (Atom)