Pemasangan Widget Blogger Mudah Dengan BJquery

Pemasangan Widget Blogger Mudah Dengan BJquery - Untuk memasang widget di blogger tidaklah mudah dikarenakan fitur pihak ketiga yang tidak didukung serta fiturnya masih sedikit nah tapi gw ada solusinya nih. Bagi yang susah seoin blogger ada kok fiturnya.

Dengan menggunakan BJquery kita bisa memasang widget dengan mudah dan banyak fitur widget dijadikan satu script. Tapi tenang aja ini script ga bakalan bebanin blog lo. Kecil kok scriptnya, nah tinggal lo coba aja ini script nanti dibawah bakalan ada tutorialnya kok.

Pertama anda harus memasang script BJquerynya :

<script src='http://bjquery.xtgem.com/v_1_19' type='text/javascript'>

cari tag <body dengan menekan tombol CTRL + F lalu paste script diatas dibawah tag <body tersebut.

Kalau udah selesai tahap pertama tinggal tahap keduanya :

Apit postingan dengan tag <div id='c_content'> dan </div> di tag <data:post.body> caranya?

Buka Rancangan >> Edit HTML >< Centang Expand Widget
Lalu cari tag <data:post.body> dengan menekan tombol CTRL + F
Kalau sudah ketemu tinggal anda apit menjadi seperti ini :
<div id='c_content'><data:post.body/></div>

Kalau sudah selesai 2 tahap ini anda sudah bisa memasang widget blogger dengan mudah. Nah berikut daftar widgetnya :

WIDGET 1 : STRONG_KEYWORD

Fungsi : Memberikan Efek <STRONG></STRONG> untuk keyword-keyword yang ada pada halaman yang bersangkutan

(NB: KALAU nanya kenapa STRONG..? kenapa Bukan Bold <B>..? Itu dikarenakan untuk SEO, Efek STRONG lebih bagus)

FOTMAT : jb_strong_keyword("ID_CONTENT");

Cara Pemasangan :

Letakkan SCRIPT dibawah, TEPAT setelah <div id='c_content'><data:post.body/></div>

<script type='text/javascript'>

jb_strong_keyword("c_content");

</script>

Kalau PUSING, Letakkan aja sebelum </body> (untuk cara ini EFEK yang dihasilkan lebih LAMA, karena proses ini dilakukan TERAKHIR)

WIDGET 2 : TEXT_TO_LINK

Fungsi : Mengubah Kata yang diinginkan Menjadi LINK.

FORMAT : jb_text_to_link("KATA","URL_LINK","ID_CONTENT");

Dulu, Script TEXT TO LINK ini, Pernah ada orang yang ingin membelinya. jadi pergunakan baik-baik..

Cara Pemasangan :

Letakkan SCRIPT dibawah, SETELAH <div id='c_content'><data:post.body/></div>

<script type='text/javascript'>

jb_text_to_link("ItsMeFurZy","http://itsmefurzy.blogspot.com","c_content");

jb_text_to_link("Halaman Yang Sedang Aktif","","c_content");

</script>

Kalau PUSING, Letakkan aja sebelum </body> (untuk cara ini EFEK yang dihasilkan lebih LAMA, karena proses ini dilakukan TERAKHIR)

WIDGET 3 : BOLD_TO_LINK

Fungsi : Mengubah SEMUA KATA yang di BOLD Menjadi LINK.

FORMAT : jb_bold_to_link("URL_LINK","ID_CONTENT");

Cara Pemasangan :

Letakkan SCRIPT dibawah, SETELAH <div id='c_content'><data:post.body/></div>

<script type='text/javascript'>

jb_bold_to_link("http://itsmefurzy.blogspot.com","c_content");

</script>

Kalau PUSING, Letakkan aja sebelum </body> (untuk cara ini EFEK yang dihasilkan lebih LAMA, karena proses ini dilakukan TERAKHIR)

WIDGET 4 : ITALIC_TO_LINK

Fungsi : Mengubah SEMUA KATA yang di ITALIC / Garis Miring semuanya Menjadi LINK.

FORMAT : jb_italic_to_link("URL_LINK","ID_CONTENT");

Cara Pemasangan :

Letakkan SCRIPT dibawah, SETELAH <div id='c_content'><data:post.body/></div>

<script type='text/javascript'>

jb_italic_to_link("http://itsmefurzy.blogspot.com","c_content");

</script>

Kalau PUSING, Letakkan aja sebelum </body> (untuk cara ini EFEK yang dihasilkan lebih LAMA, karena proses ini dilakukan TERAKHIR)

WIDGET 5 : UNDERLINE_TO_LINK

Fungsi : Mengubah SEMUA KATA yang di UNDERLINE / Garis Bawah semuanya Menjadi LINK.

FORMAT : jb_underline_to_link("URL_LINK","ID_CONTENT");

Cara Pemasangan :

Letakkan SCRIPT dibawah, SETELAH <div id='c_content'><data:post.body/></div>

<script type='text/javascript'>

jb_underline_to_link("http://itsmefurzy.blogspot.com","c_content");

</script>

Kalau PUSING, Letakkan aja sebelum </body> (untuk cara ini EFEK yang dihasilkan lebih LAMA, karena proses ini dilakukan TERAKHIR)

WIDGET 6 : LINK_STYLE

Fungsi : Mengubah Efek-efek yang telah di LINK. Dalam hal ini, efek yang dapat di ubah adalah efek WARNA , UNDERLINE dan BENTUK MOUSE / CURSOR

FORMAT : jb_link_style("WARNA_LINK",UNDERLINE,BENTUK_CURSOR,"ID_CONTENT") CONTOH FORMAT :

a. WARNA LINK : RED atau #FF0000 (wajib taruh kutip 2)

b. UNDERLINE :

isikan true JIKA ingin MENGHILANGKAN efek Underline pada LINK

isikan false JIKA TIDAK ingin MENGHILANGKAN efek Underline pada LINK

c. BENTUK_CURSOR :

isikan true JIKA ingin MENGUBAH Bentuk Cursor yang diarahkan ke link menjadi bentuk TEXT / NORMAL

isikan false JIKA TIDAK ingin mengubah Bentuk Cursor yang diarahkan ke link

Cara Pemasangan :

Letakkan SCRIPT dibawah, SETELAH <div id='c_content'><data:post.body/></div>

<script type='text/javascript'>

jb_link_style("black",true,true,"c_content")

</script>

Kalau PUSING, Letakkan aja sebelum </body> (untuk cara ini EFEK yang dihasilkan lebih LAMA, karena proses ini dilakukan TERAKHIR)

WIDGET 7 : Google_Translate

Fungsi : Translate Website / Blog. Memberikan kemudahan untuk User / Visitor yang tidak mengerti bahasa yang ada di blog / website kita..

FORMAT : jb_g_translate(BANYAK_GAMBAR_NEGARA_DALAM_1_BARIS,"BAHASA_AWAL");

kalau FORMAT-nya tidak dimengerti, baca aja dulu kelanjutannya..

Cara Pemasangan :

Letakkan SCRIPT dibawah, Di tempat yang Anda ingin tampilkan

<script type='text/javascript'>

jb_g_translate(6,"id");

</script>

WIDGET 8 : RANDOM_POST

Fungsi : Menampilkan Random Post dalam berbagai Style (Khusus pengguna Blogspot)

FORMAT : jb_random_post("URL_BLOG",JUMLAH_TAMPILAN,STYLE);

Contoh Format :

URL_BLOG : itsmefurzy.blogspot.com (tanpa HTTP:// DAN diapit dengan tanda Kutip 2)

JUMLAH_TAMPILAN : 5 (bebas mau taruh berapa)

STYLE : 1 (Tersedia 1 , 2 , 3 dan 0)

Cara Pemasangan :

Letakkan SCRIPT dibawah, Di tempat yang Anda ingin tampilkan

<script type='text/javascript'>

jb_random_post("itsmefurzy.blogspot.com",3,1);

</script>

WIDGET 9 : LATEST_POST (POSTINGAN TERBARU)

Fungsi : Menampilkan LATEST POST dalam berbagai Style (Khusus pengguna Blogspot)

FORMAT : jb_latest_post("URL_BLOG",JUMLAH_TAMPILAN,STYLE);

Contoh Format :

URL_BLOG : itsmefurzy.blogspot.com (tanpa HTTP:// DAN diapit dengan tanda Kutip 2)

JUMLAH_TAMPILAN : 5 (bebas mau taruh berapa)

STYLE : 1 (Tersedia 1 , 2 , 3 dan 0)

Cara Pemasangan :

Letakkan SCRIPT dibawah, Di tempat yang Anda ingin tampilkan

<script type='text/javascript'>

jb_latest("itsmefurzy.blogspot.com",3,1);

</script>

WIDGET 10 : ALEXA

Fungsi : Menampilkan Ranking dari ALEXA dalam berbagai STYLE

FORMAT : jb_alexa("URL_BLOG",STYLE);

Contoh Format :

URL_BLOG : itsmefurzy.blogspot.com (tanpa HTTP:// DAN diapit dengan tanda Kutip 2)

STYLE : 1 (Tersedia 1 , 2 , 3)

Cara Pemasangan :

Letakkan SCRIPT dibawah, Di tempat yang Anda ingin tampilkan

<script type='text/javascript'>

jb_alexa("www.google.com",1);

</script>

WIDGET 11 : Facebook Comment

Fungsi : Membuat Komentar Facebook di Blog / Website

FORMAT : jb_fb_comments(Banyak_Komentar,Lebar_Komentar);

Cara Pemasangan :

Letakkan SCRIPT dibawah, Tepat di bawah Postingan

jb_fb_comments(5,700);

</script>

WIDGET 12 : Facebook Like Box

Fungsi : Membuat Facebook Like Box di Blog / Website

FORMAT : jb_fb_like_box("URL_Facebook_Page",Lebar/Width,"Face","Stream","Header");

Contoh Format :

URL_Facebook_Page : www.facebook.com/Google (tanpa HTTP:// DAN diapit dengan tanda Kutip 2)

Lebar/Width : 300

Face : true (hanya boleh true atau false [WAJIB diapit Tanda Kutip "])

Stream : true (hanya boleh true atau false [WAJIB diapit Tanda Kutip "])

Header : true (hanya boleh true atau false [WAJIB diapit Tanda Kutip "])

Cara Pemasangan :

Letakkan SCRIPT dibawah, Di tempat yang Anda ingin tampilkan

<script type='text/javascript'>

jb_fb_like_box("www.facebook.com/Google",300,"true","true","true");

</script>

WIDGET 13 : Follow Twitter

Fungsi : Membuat Tombol FOLLOW Twitter di blog / website

FORMAT : jb_follow("URL_Alamat_Twitter","Warna_Text","Warna_Link");

Contoh Format :

URL_Alamat_Twitter : twitter.com/itsmefurzy (tanpa HTTP:// DAN diapit dengan tanda Kutip 2)

Warna_Text : #0000ff (hanya boleh ditulis dalam bentuk Heksadesimal [WAJIB diapit Tanda Kutip "])

Warna_Link : #ff0000 (hanya boleh ditulis dalam bentuk Heksadesimal [WAJIB diapit Tanda Kutip "])

Cara Pemasangan :

Letakkan SCRIPT dibawah, Tepat di bawah Postingan

<script type='text/javascript'>

jb_follow("twitter.com/itsmefurzy","#0000ff","#ff0000");

</script>

WIDGET 14 : SHARE My Website

Fungsi : Menampilkan kumpulan SHARE Button dalam berbagai STYLE

FORMAT : jb_share(STYLE);

Contoh Format :

STYLE : 3 (Tersedia 1 , 2 , 3 , 4 , 5)

Cara Pemasangan :

Letakkan SCRIPT dibawah, Di tempat yang Anda ingin tampilkan

<script type='text/javascript'>

jb_share(3);

</script>

WIDGET 15 : Facebook SHARE

Fungsi : Menampilkan SHARE Button Facebook dalam berbagai STYLE

FORMAT : jb_fb_share(STYLE);

Contoh Format :

STYLE : 1 (Tersedia 1 , 2)

Cara Pemasangan :

Letakkan SCRIPT dibawah, Di tempat yang Anda ingin tampilkan

<script type='text/javascript'>

jb_fb_share(1);

</script>

WIDGET 16 : Plus One SHARE

Fungsi : Menampilkan SHARE Button Plus One dalam berbagai STYLE

FORMAT : jb_plus1_share(STYLE);

Contoh Format :

STYLE : 1 (Tersedia 1 , 2 ,3 , 4)

Cara Pemasangan :

Letakkan SCRIPT dibawah, Di tempat yang Anda ingin tampilkan

<script type='text/javascript'>

jb_plus1_share(1);

</script>

WIDGET 17 : AddThis SHARE

Fungsi : Menampilkan SHARE Button AddThis dalam berbagai STYLE

FORMAT : jb_addthis_share(STYLE);

Contoh Format :

STYLE : 1 (Tersedia 1 , 2 ,3)

Cara Pemasangan :

Letakkan SCRIPT dibawah, Di tempat yang Anda ingin tampilkan

<script type='text/javascript'>

jb_addthis_share(1);

</script>

WIDGET 18 : Twitter SHARE

Fungsi : Menampilkan SHARE Button TWITTER dalam berbagai STYLE

FORMAT : jb_twitter_share(STYLE);

Contoh Format :

STYLE : 1 (Tersedia 1 , 2 ,3)

Cara Pemasangan :

Letakkan SCRIPT dibawah, Di tempat yang Anda ingin tampilkan

<script type='text/javascript'>

jb_twitter_share(1);

</script>

WIDGET 19 : Twitter SHARE No Count

Fungsi : Menampilkan SHARE Button TWITTER dalam berbagai Format dan STYLE

FORMAT : jb_twitter_share_no_count(PREFIX,SUFFIX);

Contoh Format :

PREFIX : RT @itsmefurzy : (Berfungsi untuk menambahkan kata yang kita inginkan di depan Title)

SUFFIX : dari itsmefurzy : (Berfungsi untuk menambahkan kata yang kita inginkan di akhir Title)

Cara Pemasangan :

Letakkan SCRIPT dibawah, Di tempat yang Anda ingin tampilkan

<script type='text/javascript'>

jb_twitter_share_no_count('RT @itsmefurzy : ','dari itsmefurzy');

</script>

Sumbernye : http://bjquery-id.blogspot.com/

1 komentar:

Anonim mengatakan...: sobb,
thankzz bgt atas infonyaa,

oya, kunjungi blog saya ya di

http://rikymetalist.blogspot.com

jgn lupa follow
^,^

thankzz; 20 September 2011 pukul 13.25

Posting Komentar

Tulislah komentar dengan bijak dan jangan melakukan SPAM karena komentar anda sangat dibutuhkan bagi saya.

ItsMeFurZy - Blog

Pemasangan Widget Blogger Mudah Dengan BJquery

▂ ▃ ▅ ▆ █ Baca Juga Artikel █ ▆ ▅ ▃ ▂

1 komentar:

Posting Komentar

Postingan Populer

Postingan Terbaru

About Writter

Langganan Via Email

Random Post

Arsip Blog

About This Blog