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
<script type='text/javascript'>
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
Sumbernye : http://bjquery-id.blogspot.com/<script type='text/javascript'>jb_twitter_share_no_count('RT @itsmefurzy : ','dari itsmefurzy');</script>
▂ ▃ ▅ ▆ █ Baca Juga Artikel █ ▆ ▅ ▃ ▂
Tulisan "Pemasangan Widget Blogger Mudah Dengan BJquery" bebas Anda sebarluaskan asal anda menyertakan link asli sumber tulisan
Dengan mengisi email Anda dibawah ini maka anda akan mendapatkan artikel terbaru dari ItsMeFurZy.blogspot.com
1 komentar:
sobb,
thankzz bgt atas infonyaa,
oya, kunjungi blog saya ya di
http://rikymetalist.blogspot.com
jgn lupa follow
^,^
thankzz
Posting Komentar
Tulislah komentar dengan bijak dan jangan melakukan SPAM karena komentar anda sangat dibutuhkan bagi saya.