jamaican bloger: 2014

cara memasang widget twiter blogspot

Pernakah anda melihat burung tweeter terbang pada halaman blogger? menclok ke-sana-kemari menyesuaikan pergerakan halaman blog? tampak unik dan blog pun terlihat cantik. Bagaimana caranya ya? nah pada pembahasan kali ini saya akan menjelaskan cara memasang widget twitter blogspot baik yang sifatnya diam dengan menampilkan status twitter, maupun widget burung twitter yang terbang.

Fungsi widget ini sama halnya dengan widget facebook yang sudah saya tulis sebelumnya seperti "Cara Membuat Widget Melayang Facebook Like Box". widget ini juga berguna untuk:
1. Menampilkan Status twitter anda di blog
2. Mempromosikan blog anda melalui twitter
3. Sebagai cara mempercantik blog anda.

Singkat cerita :) cara memasang widget twitter adalah sebagai berikut:

Masuk ke situs twitter, atau cepatnya masuk ke link berikut: https://twitter.com/about/resources/widgets.
Kemudian pilih "situs web saya".
Pilih "widget profile" > pada kolom nama pengguna, isikan ID twitter anda.
Anda bisa mengatur tampilan widget twitter anda melalui tab Preferensi, Tampilan dan ukuran.
Setelah dirasa cukup Klik tombol "selesai & ambil kode".
Ada dua pilihan yang diberikan yaitu mengambil atau copy kode scriptnya dan nantinya dipasang/paste sendiri pada gadget blog anda, atau dengan meng-klik tombol "add to blogger" yang secara otomatis nanti dituntun masuk ke gadget blog anda secara otomatis.
Dari langkah 6 di atas misalkan anda memilih copy code scrpitnya cara pasang nya adalah pada langkah 8 berikut:
Masuk dan log in ke akun blogspot anda.
Klik tombol rancangan > tata letak
Tambah gadget > HTML/JavaScript
Kemudian copy kode script pada langkah 6 tadi.
Simpan pekerjaan anda dan lihat hasilnya..

Sekarang bagaimana cara memasang widget burung twitter melayang di blog? caranya adalah:

Ikuti langkah 8 sampai 10 pada penjelasan di atas.
Copy kode di bawah ini dan ikuti seperti langkah 11 dan 12 di atas.

Widget Twitter Terbang Di Blog burung twitter warna biru

        <script src="http://imemovaz.googlecode.com/files/tripleflap.js" type="text/javascript">
</script>
        <script type="text/javascript">
        var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEBPBQLhhM6XzrooFTPY1MYv4hRFsHJxV3XPASYHL4ptllz0_0uPED-5OkVV3jlhv_D113ptoX8S-Kx36AKC9qpJZOiip354lG6RY5qhDfgBTxekwovq6N3T0kWDS5tVCQGaR5S13RzuY//"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/NamaTwitterAnda";var tweetThisText = "Twitter - NamaTwitterAnda http://UrlSitusAnda/";tripleflapInit();

</script>

Widget Twitter Terbang Di Blog burung twitter warna merah

        <script src="http://imemovaz.googlecode.com/files/tripleflap.js" type="text/javascript">
</script>
        <script type="text/javascript">
        var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdVVIqAhM-moarRZSuQHn3MCZ5SZ8iC79fjaKY3O7uL3QpaTb8PLLFV9upjCXFxs3-nqEyRfFE0ih8JmQyc-x_lZPbjp0OS-HRL02d-jNQKCHNkgdLNZLW6Ai9f9lgtxq8QHfZNsNnFag//"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/NamaTwitterAnda";var tweetThisText = "Twitter - NamaTwitterAnda http://UrlSitusAnda/";tripleflapInit();

</script>

Keterangan: tulisan yang berwarna merah, silahkan ganti dan sesuaikan dengan alamat akun twitter dan alamat situs blog anda.

Demikian kupas tuntas cara memasang widget twitter blogspot - blogger, baik yang sifatnya diam (status twitter) atau dengan animasi burung twitter yang terbang di blog. Bagaimana dengan blog anda, apakah sudah dipasang twitternya?

cara menghubungkan twiter ke facebook

Twitter dan facebook merupakan jejaring sosial yang sangat diminati para masyarakat, bagaimana kalau keduanya saling berhubungan? Tentunya cara menghubungkan twitter ke facebook sangat menarik dan perlu anda terapkan. Tidak ketinggalan para Netter, blogger pun begitu antusias dalam memanfaatkan kedua situs jejaring ini, terbukti dengan banyaknya gadget Facebook dan widget twitter nongkrong di setiap blogspot para blogger.

Beberapa manfaat yang bisa anda peroleh ketika menghubungkan twitter dengan facebook diantaranya adalah setiap anda update status di Twitter maka akan otomatis terupdate pula di Facebook dan akun Twitter anda juga akan dikenal oleh sobat-sobat anda di Facebook. Menarik kan?

Oke, langsung saja kita bahas cara menghubungkan twitter ke facebook berikut ini:

Klik atau masuk ke link ini: http://apps.facebook.com/twitter/
Klik “Go to your Twitter Profile Setting to start”
Anda akan dibawa kesitus Twitter dan diminta memasukkan username & password twitter
Kemudian muncul konfirmasi “allow” atau tidak dan anda pilih “allow”

Atau anda bisa juga setting langsung di akun Twitter, caranya:

Log in akun Twitter
Masuk menu Setting dan masuk ke Tab Profile
Di bagian bawah cari tulisan Facebook kemudian anda akan diminta login ke akun facebook.

Untuk melihat hasilnya, anda bisa mencobanya dengan update status di Twitter, dan lihat apa yang terjadi di Facebook anda, apakah ikut terupdate juga? Kalau terupdate maka settingan anda berhasil.

Sudahkah akun jejaring sosial anda saling berhubungan? Kalau belum silahkan terapkan cara menghubungkan twitter ke facebook yang dijelaskan di-atas.

membuat facebook di blog

Membuat facebook di blog pada saat sekarang ini seperti menjadi suatu kewajiban yang harus diterapkan oleh para blogger, kenapa? karena banyak keuntungan yang diperoleh oleh anda sebagai pemilik blog ketika anda memasang facebook di blogspot. Facebook adalah jejaring sosial terbesar di samping twitter, ada sekitar 400juta pengguna aktif dan akan terus bertambah di setiap harinya dan Indonesia adalah pengguna terbesar ke-2 setelah Amerika.

Tidak seperti artikel saya sebelumnya yaitu cara membuat blog berbahasa inggris tetapi artikel saya yang lain yaitu cara memasang widget twitter blogspot, salah satu cara memasang facebook di blog adalah dengan memasang widget facebook. widget facebook inilah yang bisa menghubungkan account facebook dengan blog anda, di situlah anda bisa berbagi informasi blog, profil, bisnis kepada pengguna facebook.

Ada sekitar delapan widget atau tool facebook yang saya rangkum dan bisa anda pasang di blog, diantaranya:

Like Badge, Widget ini dapat menampilkan halaman facebook anda di blog, untuk membuatnya anda bisa mengikuti link berikut:
http://www.facebook.com/facebook-widgets/fanbadges.php
Profile Badge, Widget ini dalam bahasa indonesia disebut Lencana facebook yang berfungsi untuk berbagi informasi profil pilihan untuk blog sehingga akan memudahkan komunikasi dan bisa menambah banyak teman. Link untuk membuatnya adalah:
http://www.facebook.com/facebook-widgets/profilebadges.php?creating
Photo Badge, widget ini memungkinkan ada untuk berbagi Photo yang ada di facebook dengan pengunjung blog anda, ada beberapa type tata letak photo badge yang bisa anda pilih horizontal atau vertikal. Link untuk membuatnya adalah:
http://www.facebook.com/facebook-widgets/photobadges.php?creating
Like Box, Widget yang satu ini yang sering kita jumpai di blog, dengan widget ini anda bisa mengetahui seberapa banyak pengunjung yang follow/like ke facebook anda. untuk membuat widget facebook like bon ini, ikuti saja link berikut:
http://developers.facebook.com/docs/reference/plugins/like-box/
Share Button, Widget facebook yang satu ini menurut saya sangat baik di pasang di blog, karena memudahkan pengunjung untuk berbagi konten pemilik blog di facebook. artinya pengunjung secara tidak langsung dapat mempromosikan blog anda melalui facebooknya. untuk membuat widget facebook ini dipasang di blogspot, ikuti link berikut:
http://www.facebook.com/facebook-widgets/share.php
Page Badge, memasang widget facebook page badge memungkinkan ada bisa berbagi halaman Facebook (yang telah anda update) pada blog anda. link untuk memasangnya adalah:
http://www.facebook.com/facebook-widgets/pagebadges.php
Menghubungkan Facebook dengan Twitter..
nah yang ini sudah saya bahas pada artikel khusus yang telah saya tulis dengan judul Cara menghubungkan twitter ke facebook
Comments Box atau komentar facebook di blog, widget ini dapat berfungsi setiap pengunjung dapat mengomentari isi artikel blog anda dengan account facebooknya. serukan widget ini?, cara membuat widget comment box facebook di blog, ikuti link ini:
http://developers.facebook.com/docs/reference/plugins/comments/

Sebenarnya ada beberapa widget dan tool facebook lain yang bisa anda pasang di blog, sementara 8 link cara membuat facebook di blog di atas cukup mewakili dan bisa diterapkan. semoga bermanfaat.

membuat facebook like and button di blo

Pada artikel sebelum membuat facebook like dan send button di blogger ini di tulis, saya sudah membuat artikel seputar facebook satu diantaranya adalah Cara menghubungkan twitter ke facebook, fungsi facebook kali ini terletak setelah posting blog anda atau bisa juga setelah judul posting blog, Pengunjung yang tertarik dengan isi blog anda akan dengan mudah untuk meng-like lewat facebook dan menshare ke yang lain dengan menggunakan tombol facebook share.

Untuk melihat contoh hasilnya, anda bisa melihat pada artikel contoh (demo) jasa pembuatan blog Kangroes Versi-2 disini.

Cara pembuatan facebook like dan send button adalah sebagai berikut:

Log in ke blogger anda
Pilih design > Edit HTML
Back up dulu data template anda untuk jaga-jaga.
Centang Expand widgets templates box
Cari kode berikut: <data:post.body/>, anda bisa menekan tombol F3
Apabila anda ingin meletakan plugin facebook like dan share button dibawah judul postingan maka tempatkan kode dibawah sebelum kode <data:post.body/>, dan apabila ingin meletakannya setelah akhir postingan maka letakan setelah kode <data:post.body/>.
Kode nya adalah:
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="true" layout="button_count" width="450" show_faces="false" font=""></fb:like>
Jangan lupa save pekerjaan anda.

Artikel facebook lain yang pernah saya tulis adalah:

Demikian artikel seputar facebook kali ini. semoga membuat facebook like dan send button di blogger blog bermanfaat buat blog anda.

cara promositoko online di facebook

Anda punya blog toko online namun di peringkat search engine seperti Google masih kurang bagus? Cara termudah untuk mempromosikan toko online anda yaitu melalu jejaring social salah satunya adalah dengan Facebook. Facebook memang merupakan jejaring social yang phenomenal saat ini selain twitter. Anda bisa memanfaatkan media ini agar produk-produk anda bias terjual secara online selagi anda terus mengoptimalkan toko online anda agar posisinya bagus.

Cara promosi toko online di Facebook tidaklah sulit, syaratnya tentu anda mempunya banyak teman atau follower di sana sehingga produk anda dengan mudah dikenal. Cara-cara promosi melalui facebook sangat beragam, banyak trik dan aplikasi diterapkan baik yang gratis maupun yang berbayar, Namun yang saya infokan pada artikel kali ini adalah cara yang umum yang mudah dilakukan oleh siapapun dan tentunya gratis.

Mempromosikan produk toko online anda melalui Facebook dengan cara:

Melalui Status Facebook
Menurut saya ini adalah cara yang termudah dalam berpromosi di Facebook. Status ini bisa dengan mudah dapat memandu/menggiring calon pembeli untuk berkunjung ke toko online anda. Jangan lupa untuk menambahkan link url toko online anda atau link produk tententu yang ingin anda promosikan.

Melalui Tag foto produk
Cara Men Tag foto produk ke beberapa teman yang dijadikan sebagai target calon pembeli adalah cara yang paling sering dipakai oleh Facebooker untuk mempromosikan produknya secara online. Tahapannya adalah anda meng upload foto produk kemudian men tag ke beberapa teman, tidak ketinggalan untuk menambahkan info atau spesifikasi produk dan terakhir menambahkan link produk atau link toko online anda. Dengan sekali klik “send” produk anda sudah bisa dikenal banyak orang.

Melalui Halaman Facebook Like
Cara ini cukup efektif dalam memasarkan produk-produk baru yang ada di toko online anda. Setiap orang klik like ke halaman facebook anda tentu adalah orang yang tertarik dengan produk anda. Semakin banyak follower yang klik akan semakin mudah anda mempromosikan peroduk baru anda.
Tentang cara membuat halaman Facebook like ini pernah saya ulas pada artikel saya dengan judul “membuat facebook di blog”.

Melalui Komunitas atau group
Membuat sendiri group di Facebook yang disesuaikan dengan toko online tidak salah nya anda coba. Sebagaimana diketahui suatu komunitas dalam penyebaran innformasi akan dirasakan begitu kuat. Namun jumlah komunitas dalam group facebook ini hanya dibatasi 5000 member saja.

Dari ke-4 cara diatas pembuatannya sangan mudah tidak salahnya anda yang sudah mempunyai akun facebook bisa memafaatkannya sebagai media untuk meningkatkan penghasilan anda.
mudah-mudahan artikel cara promosi toko online di facebook kali ini bisa bermanfaat buat anda yang pagerank toko online nya masih belum bisa menempati posisi yang diharapkan.

cara memasang fans page di blo

Salah satu cara untuk mempromosikan bisnis online Anda adalah dengan memasang Fans page di blog, atau juga sebaliknya untuk menaikkan popularitas blog dan mendatangkan visitor-visitor baru sebuah blog bisa melalui fanspage, dengan kata lain keduanya saling berkaitan dan saling menguntungkan. Anda sebagai pebisnis online tentu pemasangan salah satu alat dari Facebook ini sangat dibutuhkan. Dari Facebooknya sendiri alat ini dinamakan Like Box dan dapat dipasang pada sebuah web dengan ukuran widget bisa ditentukan sendiri.

Cara membuat fans page facebook di sebuah blog tentu syaratnya adalah Anda terlebih dahulu membuat fans page melalui akun facebook Anda. Bagi Anda yang belum mempunyai alat ini silahkan membuat melalui link berikut:https://www.facebook.com/pages/create.php

ikuti petunjuk yang diberikan pihak facebook sampai sukses di-halaman beranda fanspage Anda.
Pemasangan fans page pada sebuah situs biasanya di simpan di bagian samping atau sidebar pada sebuah blog atau website melalui widget script HTML.

Memasang Fans page facebook

Secara umum ada tiga tahap dalam pembuatan sampai pemasangan di blog yaitu:

Pembuatan Fans fage melalui akun facebook Anda.
Pembuatan/pengambilan script melalui facebook develop.
Pemasangan script pada website atau blog.

Pada kesempatan ini yang saya info-kan adalah cara pemasangan widget fans page facebook pada sebuah blog dari blogger atau blogspot.

Membuat Code script untuk Blog

Silahkan anda copy link URL halaman beranda Fans page facebook anda
Untuk mendapatkan code script, buka link berikut ini:
http://developers.facebook.com/docs/reference/plugins/like-box/

Isi dan atur pada setiap kolom yang disediakan
- Facebook Page URL: isi dengan link fans page yang sudah Anda buat
- Width: Pengaturan Lebar
  dan pengaturan lainnya sesuaikan dengan kebutuhan.
Klik 'Get Code" apabila sudah selesai

Klik IFrame dan copy code nya

Memasang code pada blogspot:

Log in blogger Anda
Pada halaman dashboard klik Layout
Klik "add a Gadget" pada posisi sidebar yang akan ditempatkan fans page Anda
Klik "HTML/JavaScript Add " dan isikan Code yang Anda copy tadi
Klik save dan lihat hasilnya.

Info: Untuk alat-alat lainnya, Anda bisa merujuk pada artikel saya sebelumnya yaitu Membuat Facebook di Blog.

Demikian sedikit info cara memasang fans page Facebook di blog, semoga bisnis online Anda semakin maju pesat. Salam Blogger.

cara membuat kotak link exchange

Kamu belum bisa masang banner link exchange? masa' sih? hari gini belum bisa masang banner, capeee'' deeh :p
Kalo kita mau tukeran link biasanya ada kotak seperti ini :

Nha trus gimana cara buat kotak tersebut?
gini lho,
pertama Login ke blogger trus pilih Layout --> Page Elements
trus klik Add a Gadget lalup pilih HTML/Java Script
trus kopi kode berikut ini di tempat yang disediakan.

text yang berwarna hijau menunjukkan labar kotak, text warna biru adalah link, ganti text tersebut dengan alamat blogmu sedangkan text warna merah adalah alamat gambar beserta ukurannya, ganti text tsb dengan alamat gambar km.
terus simpan templatenya.
Hasilnya akan seperti kotak diatas, trus gambarnya mana?, gini didalam kotak tersebut kan ada textnya tuh, nha kalo textnya itu dicopy terus di paste di blog, maka hasilnya akan menjadi gambar dan juga ada linknya. Kisi kotak diatas kalo dicopy dan paste jadinya akan seperti ini:

cara membuat search engine

Tentu kita semua sudah tahu apa itu Search Engine (hari gini gak tahu apa itu search engine? cape' deeh...). Search Engine adalah ... bla.. bla..bla.. dst.
Saat ini Search Engine tidak bisa dipisahkan dalam dunia internet. Dengan Search Engine kita bisa mencari tahu tentang suatu hal yang kita inginkan sesuai dengan keyword yang kita ketikkan dan juga bla.bla..bla..... udah ah penjelasannya, yang mau dibahas disini adalah bagaimana caranya membuat search engine di blogger . Caranya sangat mudah, yaitu:

1. Login ke blogger terus klik Layout terus pilih page elements nha disitu kan banyak tulisan Add a page elements klik link tersebut dan sesuaikan dimana tempatnya menaruh search engine
2. kemudian pada layar baru yang muncul pilih HTML/Javascript kemudian copy/paste script/kode berikut ini di dalam kolom content.

<form action="http://nama-blogmu.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Ganti nama-blogmu dengan nama blog kamu. Aangka 30 menunjukkan panjang kotak (text box) semakin banyak angkanya maka semakin panjang textbox-nya

cara membuat kotak blogroll dan marque

Kali ini aku mau ngejelasin trik kali dengan gaya puisi, biar nggak bosen, tapi jangan diketawain ya, soalnya lom pernah buat puisi nih.

Tatkala link-link jumlahnya sudah berjuta-juta
Maka semakin sesaklah dada blog ini
Jikalau hal ini tidak diatasi dengan bijaksana
Maka blognya dikau akan penuh sesak dengan link-link itu
Udah bagus nggak puisinya? ancur ya? :r Ok lanjuuut.

Oleh karena itulah
hamba memberanikan diri untuk menawarkan obat sesak tersebut
Melalui secuil ilmu berikut
Daku berharap dapat membantu kisanak supaya blognya tidak sesak

Kira-kira pada mudeng nggak ya penjelasan tadi, ah biarin deh :z
:r udah ah, udah mual2 nih pake gaya puici, sekarang ganti gaya biasa aja.

Untuk trik kali ini, ada dua macam kotak blogroll yang akan kita buat, terserah kamu mo pilih yang mana. Kotak blogroll-nya yaitu:

1. Kotak Blogroll Model Textarea

Contohnya seperti kotak blog roll seperti punyaku itu, itu lho yg atasnya ada tulisanya "Friend links"
Nha begini cara membuatnya :
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)

keterangan:
- Kode width: 200px; dan height: 200px; adalah ukuran lebar dan panjang kotak, kamu bisa merubahnya dan menyesuaikanya dengan ukuran yg kamu suka.
- Ganti tulisan "#link1,#link2, #link3 dst" dengan daftar link-link kamu, oh ya itu juga bisa diisi dengan banner link.
- Jika kamu pingin daftar link-linknya berjajar kayak punyaku, maka hilangkan kode <br />

2. Kotak Blogroll Model Marquee

Kotak ini juga mampu menampung banyak link dalam tempat yang sempit. Namun kotak blog roll ini berbeda dengan kotak yg diatas, karena kotak yang ini tidak memiliki rollbar (yg biasanya disebelah kanan trus ditarik keatas kebawah itu lho). Link-link ato isi didalam kotak ini akan bergerak/berjalan, bisa vertikal ato horizontal. Nah gini nih cara buatnya:
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)

Keterangan :
- Kode "up" itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right (udah mudeng to artinya, gak usah dijelasin ya).
- Jika kamu menggantinya dengan pergerakan horizontal (left ato right) maka hilangkan kode <br />.
- Angka "100" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.

OK SELAMAT MENCOBA......

cara membuat form email subscriser

Seperti yang kamu lihat, disebelah kanan blog ini ada sebuah kotak yang berisi kotak untuk mengisikan alamat email dan sebuah tombol yang ada tulisan "Berlangganan Trik Baru". Nha dalam trik dan tips kali ini kita akan belajar kelompok tentang bagaimana membuat kotak tersebut. Oh ya, perlu dijelasin dulu nih apa fungsi dari form tersebut. Form tersebut fungsinya adalah untuk mempermudah para pembaca blog kita agar bisa berlangganan atau mendapatkan info terbari postingan kita melalui email mereka. Jadi jika memposting artikel baru maka para pelanggan/pembaca yang sudah memasukkan email mereka melalui form tersebut akan secara otomatis mendapatkan kiriman email yang berisi postingan terbaru kita. Mudeng ra? wes pokoke ngono lah.
Beginilah cara membuat form "Email Subscriber" tersebut :

1. Kunjungi situs ini : http://www.feedburner.com
2. Saat pertama kali datang kamu akan langsung disodori kotak untuk mengisikan alamat feed blogmu yang akan dibakar :D
3. Biasanya alamat feed blog kamu seperti ini http://NAMABLOGMU.blogspot.com/feeds/posts/default , ganti tulisan NAMABLOGMU dengan nama alamat blogmu.
3. Isikan nama feed blogmu tadi dalam kotak yang disodorkan tersebut, jika blogmu itu isinya hanya video2 maka beri tanda centang pada kotak "I am a podcaster", jika tidak ya gak usah dicentang. Kemudian klik tombol "next"
4. Setelah itu kamu akan disodori lagi dengan form pendaftaran, isikan data2 yg diperlukan disana, trus klik tombol "Activate Feed"
5. Nha kalo berhasil nanti akan ada informasi "Congrats! your ......".
6. Dibawahnya akan ada tombol "Next" dan link "Skip directly to feed management" kali ini pilih yang link "Skip directly to feed management", sebenarnya lewat tombol "next" bisa sih tapi biar seru kita lewat jalan lain aja.
7 Kemudian nanti akan ada beberapa menu, kali ini pilih menu "Publicize"
8. Setelah itu disebelah kiri akan muncul beberapa menu. PIlih menu "Email Subscriptions".
9. Kemudian klik tombol "Activate"
10. Nha setelah itu nanti akan ada beberapa kotak yang berisi kode2. Nha kalo km pinginnya yang berbentuk form maka pilih kode yang ada di kotak "Subsciption Form Code".
11. Copy kode yang ada dalam kotak tadi, trus klik tombol "Save" untuk mengaktifkan layanan tersebut.
12. Cara pasangnya, Login ke blogger, pilih "layout --> Add a Gadget --> HTMl/Java Script" nha paste kode yang sudah kamu copy tadi disana.

Sekarang coba dilihat blogmu, udah ada kan form untuk "Email Subscriber".

Trus kalo mo nampilin jumlah reder yang berlanganan gini caranya :
- Login ke feedburner kemudian pilih feed blogmu
- Trus masuk ke menu "Publicize --> FeedCount" nha disitu scriptnya yang harus km copy dan pasang di blogmu.

pasang widget translator

Memasang widget translator atau "Penerjemah" pada blog banyak sekali gunanya. Translator ini berguna apabila ada pengunjung dari negara lain yang secara sengaja maupun tidak yang melihat blog kita dan tidak tahu bahasa kita maka mereka bisa menggunakan widget ini untuk menterjemahkannya kedalam bahasa yang mereka inginkan (tentunya yang sudah ada di widget ini). Widget ini sudah support untuk bahasa Indonesia. Dan kalo kamu mau, translator ini bisa juga untuk menterjemahkan tugas dari sekolah/kampus secara mudah. Dan hasilnya bisa lebih bagus daripada software transtool lho. Gimana? mau membuatnya? caranya mudah lho. Gini nih...

1. Login ke Blogger trus pilih menu "Layout" atau "Tata Letak"
2. Kemudian klik pada "Add Gadget" atau "tambah gadget=".
3. Lalu pilih HTML/Javascript"
4. Kemudian masukkan script berikut ini kedalamnya.

5. Kemudian simpan.

Coba sekarang lihat blogmu maka ada tampilan seperti ini :



	Gadgets powered by Google

Coba dites apakah translator tersebut bekerja dengan baik atau tidak.
Gimana? gampang kan

cara menghilangkan navi bar

Navbar adalah fasilitas yang dimiliki oleh Blogger/blogspot, bentuknya berupa kotak kecil memanjang kesamping yang letaknya berada di bagian paling atas dari blog yang fungsinya antara lain untuk mulai melakukan Sign In/out atau bisa juga membuat Blog baru. Navigation Bar juga bisa digunakan untuk melaporkan kecurangan atau tindak kejahatan weblog yang dilakukan oleh seorang blogger, misalnya kontent blognya yang melanggar TOS atau hal-hal yang dianggap merugikan orang lain.

Namun ada beberapa blogger yang merasa akan lebih enak jika melihat tampilan blognya dalam keadaan bersih tanpa harus ada bagian mencolok di bagian atas blognya sendiri (NavBar). Karena itu, kadang para blogger menghapus NavBar tersebut. Pertanyaannya adalah: Apa tidak melanggar Term of Service (TOS) dari Blogger.com?
Sejauh ini, banyak blogger yang telah menghilangkan Navbar mereka dan tidak juga mendapat teguran dari blogger. Artinya, bisa dilakukan. Toh di TOS Blogger sendiri juga tidak ada aturan yang cukup detail tentang hal ini.

Nah, bagaimana menghilangkan Navigation Bar?
Ada beberapa penyedia template yang memang sudah tidak ada NavBar-nya. Namun bagi kamu yang memakai template yang masih ada NavBarnya dan ingin menghilangkannya maka inilah caranya.

1. Kamu harus Login dulu di Blogger.com / Blogspot.com
2. Trus Pilih Layout --> Edit HTML
3. Copy script berikut ke dalam tag head

#navbar-iframe {
display: none !important;
}

contohnya sebagai berikut :
-----------------------------------------------
Blogger Template Style
Name: Son of Moto (Mean Green Blogging Machine variation)
Designer: Jeffrey Zeldman
URL: www.zeldman.com
Date: 23 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

#navbar-iframe {
display: none !important;
}

/* Variable definitions
====================

4. Kemudian simpan.

Selamat Mencoba.....!!

cara mengganti icon pada addres bar

Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :

Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu .....
masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode </head>

<link href='http://kendhin.890m.com/sonictrik.gif' rel='SHORTCUT ICON'/>

ganti huruf yang dicetak tebal dengan lokasi gambar dimana kamu menyimpannya. Kamu bisa menyimpan gambarmu di 000webhost atau bisa juga di photobucket dan juga di imageshack atau kalo kamu tidak mau pusing dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.

http://img87.imageshack.us/img87/5862/image1an1.gif

http://img110.imageshack.us/img110/6218/image2ie0.gif

http://img98.imageshack.us/img98/9617/image3cr0.gif

http://img134.imageshack.us/img134/633/image4hx4.gif

http://img139.imageshack.us/img139/83/image5oa7.gif

http://img509.imageshack.us/img509/6449/image6fu0.gif

http://img527.imageshack.us/img527/6543/image7go9.gif

http://img507.imageshack.us/img507/5774/image8wn8.gif

http://img150.imageshack.us/img150/5784/image9qo1.gif

http://img404.imageshack.us/img404/1214/image10vr1.gif

http://img412.imageshack.us/img412/3808/image11pc0.gif

http://img100.imageshack.us/img100/4658/image12du2.gif

http://img132.imageshack.us/img132/4733/image13lj1.gif

http://img145.imageshack.us/img145/7793/image14zg9.gif

http://img412.imageshack.us/img412/4403/image15jc7.gif

http://img264.imageshack.us/img264/7575/image16kn8.gif

cara menganti tanggal dengan icon kalender

Akhirnya jadi juga, setelah beberapa hari nyari-nyari artikel tentang "cara mengganti tanggal dengan icon kalender" dan mengotak-atik template akhirnya berhasil juga aku membuatnya, fiuuhh :f dengan menghabiskan dana ber M-M (maksudnya Maribu, Mablas ribu) untuk melakukan penelitian dan dengan membanting keringat dan memeras tulang dan akhirnya berhasiiiiill..... Mau tahu cara membuatnya? jangan khawatir aku akan membagi-bagikan tutorial ini pada kalian dengan geratis (kalo ada yang mo bayar sih boleh aja :D ) yak mari kita mulai trik dan tipsnya.

Yang pertama harus kita lakukan yaitu mengganti setting tanggal dulu, caranya seperti biasa Login dulu ke blogger terus pilih Settings --> Formatting, ganti "date header format" atau "format tanggal menjadi (mm.dd.yyyy) nha yang masih pemula pasti bingung maksudnya kan? itu lho disebelah tulisan "date header format" kan ada kotak yang ada tanggalnya, trus kamu klik dan pilih yang formatnya bulan.tangal.tahun contohnya 1.13.2008 terus simpan

Langkah yang kedua pilih menu Layout --> Edit HTML . Trus beri tanda centang pada kotak Expand Widget Templates, Oh ya, jangan lupa di back-up dulu template kamu. Yang nggak tahu caranya memback-template silahkan lihat dulu artikel ini. udah? kalo udah mari kita mulai ke jeroannya.

1. Cari kode ini <TITLE><data:blog.pageTitle/></TITLE> (tempatnya dibagian atas) kalo dah ketemu taruh script berikut ini dibawahnya persis

<SCRIPT type='text/javascript'>
//<![CDATA[
/*********************************/
/* http://trik-tips.blogspot.com */
/*********************************/
function date_replace(date) {
var da = date.split('.');
var day = da[1], mon = da[0], year = da[2];
var month =
['0','Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
document.write("<div class='month'>"+month[mon]+"</div> <div class='day'>"+day+"</div>");
}
//]]>
</SCRIPT>

2. kalo udah cari kode ini:

.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
}

kalo ggak ada coba cari yang ini

h2.date-header {
margin:1.5em 0 .5em;
}

3. Kalo dah ketemu taruh script berikut dibawahnya

.dateblock {
background: url("http://img600.imageshack.us/img600/3576/bluecalend.gif")
no-repeat;
width: 55px;
margin: 0;
font-weight: bold;
height: 50px;
/*position: absolute;
top: 0;
left: 0;*/
float: left;
text-align: center;
}

.month {
font-size: 11px;
width: 37px;
margin: 0 5px;
text-transform: uppercase;
color: #fff;
}

.day {
color:#3366CC;
font-size: 19px;
width: 37px;
margin: 0 5px;

}

Kode http://img600.imageshack.us/img600/3576/bluecalend.gifadalah gambar icon kalender. kamu bisa menggantinya dengan gambar-gambar dibawah ini caranya ganti kode gambar tersebut dengan kode gambar berikut ini, misalnya kamu pingin kelender yang berwarna merah, maka ganti kode tersebut jadi http://img837.imageshack.us/img837/9199/redcalend.gif


http://i246.photobucket.com/albums/gg91/elu_isme/blackcalend.gif	http://img805.imageshack.us/img805/9918/blue2calend.gif	http://img600.imageshack.us/img600/3576/bluecalend.gif

http://img837.imageshack.us/img837/4311/greencalend.gif	http://img137.imageshack.us/img137/3329/orangecalend.gif	http://img196.imageshack.us/img196/8339/pinkcalend.gif

http://img837.imageshack.us/img837/9199/redcalend.gif	http://img220.imageshack.us/img220/3262/ungucalend.gif	http://img818.imageshack.us/img818/1760/yellowcalend.gif

Trus kode color:#3366CC; adalah kode warna
tanggal, kamu bisa menggantinya dengan warna yang lain. Kamu bisa lihat kode2 warnanya DISINI.

4. langkah selanjutnya yaitu kamu cari kode ini
<data:post.dateHeader/>, cara nyarinya biar gampang copy kode tersebut,
terus tekan Ctrl-f dan paste di dalam kotak yang disediakan, nha langsung
ketemu kan. kalo udah ketemu ganti kode tersebut dengan script dibawah ini.

<DIV class='dateblock'>
<SCRIPT>date_replace('<data:post.dateHeader/>');</SCRIPT></DIV>

5. Simpan Template kamu dan lihat hasilnya. Berhasil nggak ya? :t

Kalo misalnya tulisan bulan dan tanggalnya terlalu keatas coba tambahkan kode ini padding: 4px 0px 0px 0px; dibawah kode .month { dan juga dibawah kode .day {

NB: Kalo Tanggalnya berubah menjadi tulisan "Undefine" itu pasti kamu tidak memperhatikan tutorial ini dari awal. Coba lihat lagi tutorial ini dari awal dan baca baik-baik perintahnya. :D

Selamat mencobaaaaaaaaaa!!!!!!!........

menganti older post

Biasanya dibagian paling bawah artikel kamu terdapat tulisan seperti ini "Older Post / Newer Post" atau "Posting Lama / Posting Baru". Nah mungkin awal-awalnya kamu nggak tahu maksudnya apa tulisan tersebut dan setelah tahu oooo ternyata itu link menuju ke artikel-artikel sebelumnya dan juga artikel-artikel yang baru. Nah mungkin kamu ingin mengganti tulisan tersebut dengan tulisan yang lain, misalnya dengan tulisan "Artikelku Sebelumnya" atau "Coretanku Yang dulu2" atau bahkan dengan sebuah gambar. Nha pingin tahu caranya? mari kita mulai Pelajaranya...

1. Seperti biasanya kita login dulu ke blogger trus pilih "Template --> Edit HTML".
2. Beri tanda centang pada kotak "Expand Widget Template"
3. Cari kode berikut ini, cara nyarinya biar mudah copy kode berikut ini lalu tekan "Ctr + F " dan paste kedalam kotak yg disediakan.

<data:newerPageTitle/>

4 . Ganti kode tersebut dengan tulisan yg kamu inginkan. Tapi jika kamu pingin ganti dengan gambar panah misalnya, ganti dengan kode seperti ini <img src="http://www.geocities.com/kendhin_x/arrow/newblue.gif"/>. text yg dicetak tebal adalah lokasi dari gambar, kamu bisa menggantinya dengan gambar yang kamu inginka atau bisa diganti dengan gambar yang aku sediain dibawah.
5. Yang diatas untuk mengganti tulisan "Newest Post" atau "Posting Baru".
6. Terus untuk tulisan "Older Post" atau "Posting Lama" coba cari kode berikut ini, lokasinya tidak jauh dari kode diatas atau dibawahnya sedikit.

<data:olderPageTitle/>

7. Kalo sudah ketemu ganti lagi dengan tulisan yang kamu inginkan. Jika pingin diganti menjadi gambar coba ganti dengan kode seperti ini <img src="http://www.geocities.com/kendhin_x/arrow/oldblue.gif"/>

8. Jika kamu pingin ganti warna biru jadi warna merah, tinggal ganti "newblue.gif" dengan "newred.gif" dan "oldblue.gif" ganti dengan "oldred.gif"

Berikut ini gambar panah dan kodenya


olblue.gif	newblue.gif

oldblack.gif	newblack.gif

oldgreen.gif	newgreen.gif

oldpink.gif	newpink.gif

oldred.gif	newred.gif

oldyellow.gif	newyellow.gif

membuat artikel yang berhubungan

Keuntungan menampilkan "Artikel yang berhubungan" atau "Related Post", "Related Article" adalah para pembaca blog bisa dengan mudah menemukan informasi lain yang masih ada hubungannya dengan artikel yg sedang mereka baca. Contohnya seperti yang ada dibagian akhir dari artikel ini, disitu ada link-link dari artikel yang berhubungan yang berdasarkan pada kategori ato label yang sama. Nha mau tahu cara membuatnya?

Caranya cukup mudah, ikuti langkah2 berikut ini:
1. Login ke blogger Blogger
2. Pilih menu "Layout-->Edit HTML"
3. Beri tanda centang pada kotak "Expand Widgets Template".
4. Kemudian download "SCRIPT INI"
5. Buka file tersebut kemudian copy semua script yang ada didalamnya.
6. Setelah itu cari kode ini <data:post.body/> dan letakkan script tadi dibawahnya. Untuk blog yang ada "readmore"nya biasanya akan terdapat 2 kode. Nha km taruhnya dabawah kode yang pertama.
7. Kalo sudah simpan template km dan lihat hasilnya.

Tambahan:
Setelah jadi, jika kamu ingin merubah tulisan "Related Posts by Categories" maka cari kode tersebut di HTML, trus ganti dengan text/tulisan yg kamu suka.

membuat kotak komentar di bawah postingan

Akhirnya datang juga....
Setelah lama ditunggu-tunggu oleh para penggemar setianya, akhir blogger/blogspot menerbitkan juga comment box atau kotak komentar yang langsung muncul berada dibawah postingan. Kalau dulu hanya berupa link "Post a Comment", maka yang sekarang lain, yg sekarang kotak komentarnya langsung muncul persis dibawah postingan (seperti kotak komentar dibawah ini). Dengan adanya kotak komentar yang seperti ini, akupun rela mengganti kotak komentarku yang dulu (haloscan) dengan comentbox yang ini. Walaupun kotak komentar ini masih dalam draft tapi sudah bisa dinikmati.

Begini nih cara membuat kotak komentar blogger yang berada dibawah postingan.

1. Login ke http://draft.blogger.com, Ingat yang http://draft.blogger.com bukan blogger.com.
2. Trus ke menu Setting-->Comments. Kemudian ganti "Comment Form Placement" menjadi "Embedded below post" (lihat gambar dibawah)

3. Kemudian klik "Save Setting"

Sekarang coba kamu lihat blogmu dan coba di klik salah satu postinganmu kemudian lihat hasilnya, apakah sudah ada kotak komentarnya yg dibawah postingan atau belum. kalau sudah berarti langkahnya cukup disini. Kalau belum ikuti langkah berikut ini.
(ini karena kode HTML tiap2 template itu berbeda. Untuk template default dari blogger yang baru, kode HTMLnya sudah berubah, sedangkan template yg lama atau ambil dari luar ada yg belum dan ada juga yg sudah).

4. Selanjutnya pergi ke menu "Layout-->Edit HTML"
5. Beri tanda centang kotak "Expand widget templates".
6. Trus cari kode berikut ini :

7. Kemudian ganti kode tersebut dengan kode dibawah ini:

8. Lalu simpan template kamu.

Lihat deh hasilnya, coba kamu klik salah satu postingan kamu, maka dibawahnya akan muncul kotak komentar seperti punyaku ini (Bagi yang berhasil).

highlight author coment : ttutorial blog

Highlight Author Comment fungsinya adalah supaya komentar author (pemilik blog) berbeda dengan komentar orang lain . Contohnya bisa dilihat di blog ini. Untuk komentar pemilik blog akan ada bordernya dan ada efek lainnya. Nha berikut ini akan aku beberkan cara untuk membuat Highlight Author Comment ini. Dah siap semuanya ? OK lets dance togather :D

1. Login ke blogger trus ke menu "Layout --> Edit HTML"
2. Beri tanda centang pada kotak "Expand Widget Templates"
3. Copy script berikut ini sebelum kode ]]></b:skin> atau copy ke dalam kode CSS.

.comment-body-author {
background: #E6E6E6; /* Warna Background */
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px;
}

4. Kemudian cari kode2 seperti berikut. Mungkin kode yg ada di HTML kamu akan beda, tp walaupun beda usahakan semirip mungkin dengan kode berikut ini :

5. Kode yang berwarna merah adalah kode yang harus kamu tambahkan di HTML kamu. Posisinya harus benar, ingat itu.
6. Kalo sudah terus disave template kamu.

Comment author ini berdasarkan profil dari pemilik blog tsb. Jadi supaya efeknya muncul sebelum memberi komentar kamu harus login dulu di blogger. OK.
Oh ya ini bukan untuk komentar dari haloscan lho. Tapi hanya untuk kotak komentar yg dari blogger murni

menampilkan emoticon di kotak komentar

Dengan adanya emoticon di kotak komentar tentunya akan membuat blog menjadi lebih hidup. Para komentator menjadi lebih bisa mengekspresikan perasaannya melalui icon2 (emoticon). Kalau di wordpress mungkin feature ini sudah tersedia. Tapi untuk blogspot kita harus mengotak-atik dan mengakalinya supaya bisa menampilkan emoticon di area komentar. Gimana? kamu mau memasang emoticon ini?

Seperti biasanya, di trik ini akan diberikan dua macam emoticon, yaitu emoticon kucing (seperti punyaku ini) dan emoticon yahoo. Kamu tinggal pilih mana yang kamu suka.

Emoticon Yahoo :

Emoticon Kucing :

Gini nih cara membuatnya :

1. Pertama login ke blogger, trus ke "Layout (Tataletak) --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode </body>

Untuk Emoticon Yahoo :

Untuk Emoticon Kucing :

4. Kemudian cari kode berikut ini :

5. Kalo sudah ketemu letakkan kode2 berikut setelah kode <p class='comment-footer'>

Ini untuk Yahoo emoticon :

Kalo mo yang emoticon kucing pake yang ini :

6. Kalo sudah trus di "save" dan coba lihat hasilnya

Tambahan
* Kadang-kadang ada beberapa template memiliki kode yang beda. Kalau caranya sudah dilaksanakan dengan benar tapi hasilnya tidak terjadi apa2 atau kodenya tidak berubah menjadi emoticon, kemungkinan itu karena Kode untuk templatenya berbeda atau bisa juga karena mugnkin hosting untuk menaruh file emoticon dan javascriptnya sedang bermasalah.

jamaican bloger

Total Visitor

Categories

Admins

Followers

Search