Berbagi Sesama Blogger - Blogger Sharing Network

Cari Tutorial

Memuat...

Senin, 10 Mei 2010

Cara Memasang Widget Followers di Pojok Blog - Trik Gadget Followers Melayang


penting Menjadi Ahli Desain Web

penting Lancar Percakapan Bahasa Inggris Cepat!

isi paypal dengan gratis
Cara Memasang widget Followers di pojok blog. Trik yang satu ini tujuannya yaitu tidak lain dan tidak bukan selain untuk mengoptimasi fungsi widget followers anda. Dengan letaknya widget Followers di bagian pojok blog anda atau dalam keadaan melayang - maka setiap kali halaman mana saja yang ada di blog anda diklik oleh pengunjung, maka widget followers ini akan selalu berada di pojok dan juga walau halaman yang ada di blog anda di-scroll atau digulung, widget followers anda akan terus berada di tempat - tepatnya di bagian pojok blog. Dengan begitu - karena widget ini selalu tampil di pojok dan lebih sering dilihat, maka semakin besar pula peluang pengunjung blog anda untuk ikut blog anda (ya semakin besar juga kesempatan anda untuk mendapatkan jumlah followers yang banyak dengan cepat, hehe).

Oh ya, ngomong-ngomong trik optimasi/meningkatkan jumlah followers: Sebelumnya saya juga pernah membahasnya, ya...sedikit trik yang sederhana - namun patut dicoba kalau ingin cepat dapat banyak followers, silahkan dibaca juga => Cara Memasang Gadget Followers di setiap Akhir Postingan



Sekapur sirih mengenai trik ini: Trik Ini hanya lah sebuah trik sederhana yang tidak terlalu membutuhkan keahlian dalam mengedit kode template anda, walau begitu - manfaatnya mungkin melebihi sederhananya trik yang kita terapkan, ya singkatnya untuk melakukan trik ini anda lebih membutuhkan kreatif daripada keahlian.

Sebelum kita membahas bareng mengenai trik ini, ada baiknya teman-teman tahu terlebih dahulu mengenai trik ini=> Trik ini sebenarnya sama saja dengan trik "Cara membuat Sesuatu Tampil di Pojok", hanya saja kita akan menggunakan pihak ketiga sebagai pendukung trik ini, yaitu widget dari Google Friend connect. Youpz, seperti itu lah sekilasnya...

Bagi teman-teman yang tertarik untuk menerapkan trik ini ke blognya, silahkan untuk memperaktekkannya melalui langkah-langkah berikut:

TAHAP 1

1. Silahkan surfing ke akun Google Friend Connect milik anda (usahakan anda dalam keadaan online/login akun Google atau Blogger anda)
2. Selanjutnya anda akan dibawa ke halaman utama akun Google friend connect milik anda. Perhatikanlah nama-nama blog anda di bagian kiri (untuk poin yang ini khusus bagi anda yang memiliki blog lebih dari satu dalam satu akun Blogger, bagi anda yang hanya memiki satu blog - silahkan langsung ke poin "tiga") => Pilihlah blog mana yang hendak anda pasang widget Followers-nya.
3. Pilih Gadget yang bernama "Tambahkan Gadget Anggota"

4. Maka anda akan dibawa ke halaman pengambilan kode script "Widget Followers". Di halaman ini anda bisa mengatur berapa lebar widget followers anda nantinya, lalu berapa jumlah sederetan wajah followers anda, juga bisa mengatur warna tampilan widget followers anda (background, garis tepi, dll). Sebagai catatan: Usahakan lebar widget anda benar-benar cocok dengan bagian pojok blog anda, ini bertujuan agar tampilan blog anda terlihat lebih bagus di berbagai resolusi komputer pengunjung.
5. Seusai pengaturan dan anda merasa ukuran widget yang telah anda setting sudah benar-benar cocok dengan ukuran pojok template blog anda, maka segeralah untuk mengambil kode scriptnya dengan cara mengklik tombol "Buat Kode"

6. Ambillah kode tersebut, lalu paste-kan ke "notepad" atau di mana pun untuk digunakan di langkah tahap 2


TAHAP 2

1. Login dulu ke akun Blogger anda
2. Klik pilihan Tata Letak => Edit HTML
3. Carilah kode tag ]]></b:skin> dan kalau sudah ketemu, letakkan kode berikut tepat di atas kode tag ]]></b:skin>

#followers-pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }


4. Selanjutnya, carilah kode tag </body> dan letakkan kode berikut tepat di atasnya

<div id="followers-pojok">

DI SINI KODE SCRIPT "WIDGET FOLLOWERS" YANG TELAH ANDA AMBIL DI GOOGLE FRIEND CONNECT TADI!

</div>



CONTOH

<div id="followers-pojok">

<!-- Include the Google Friend Connect javascript library. -->
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<!-- Define the div tag where the gadget will be inserted. -->
<div id="div-3373505607229667276" style="width:276px;border:1px solid #cccccc;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin['BORDER_COLOR'] = '#cccccc';
skin['ENDCAP_BG_COLOR'] = '#e0ecff';
skin['ENDCAP_TEXT_COLOR'] = '#333333';
skin['ENDCAP_LINK_COLOR'] = '#0000cc';
skin['ALTERNATE_BG_COLOR'] = '#ffffff';
skin['CONTENT_BG_COLOR'] = '#ffffff';
skin['CONTENT_LINK_COLOR'] = '#0000cc';
skin['CONTENT_TEXT_COLOR'] = '#333333';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
skin['CONTENT_HEADLINE_COLOR'] = '#333333';
skin['NUMBER_ROWS'] = '4';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
{ id: 'div-3373505607229667276',
site: '11591567978510271076' },
skin);
</script>

</div>


5. Klik simpan template. SELESAI....Sekarang Widget Followers anda ada di pojok^


GUNAKAN SATU TRIK UNTUK BERBAGAI MACAM TAMPILAN DAN KREASI, SATU TRIK TAK BERARTI HANYA SATU TAMPILAN



Jika ada masalah, silahkan untuk meninggalkan pertanyaan anda di kotak komentar.

Semoga bermanfaat_


Tags: Trik Followers pojok, cara agar gadget followers melayang, membuat widget followers ada di pojok, agar gadget anggota ada di pojok, membuat followers selalu melayang
Info Menarik: penting Menjadi Ahli Desain Web penting Lancar Percakapan Bahasa Inggris Cepat! isi paypal dengan gratis

Postingan Menarik Lainnya:



35 comments

10 Mei 2010 22:42

Tips bagus nih.. Saya juga penasaran kenapa bisa Follower GFC bisa diapasang seperti widget biasa.. Thanks yaa...

11 Mei 2010 11:54

mas , koq di blog saya widget melayangnya ga melayang ????
mohon petunjuknya mas . .
THX . .

11 Mei 2010 12:28

Menarik sekali...menambah cantik blog kita..

12 Mei 2010 10:22

tapi kalo keberatan karna kebanyakan JS, pengunjung malah gak jadi baca2 di blog kita dong...

12 Mei 2010 23:28

thanks infonya........langsung tak prktekin...

15 Mei 2010 01:30

keren sob .. langsung k tkp ...

20 Mei 2010 12:39

mantap...

22 Mei 2010 04:48

bagus bro....gue mw dong diajarin bahasa HTML....

22 Mei 2010 06:01

bro aku da buat tp ga bisa sprt punya kamu yg aku buat dia disudut pojok bawah trus kalo di roll kebawah baru keliatan kalo roll keatas ga keliatan..mohon petunjukx

7 Juni 2010 20:58

Oke boz, ane udah add follower di blog ente. Gantian ya! doong, taktunggu di http://link2mobile.blogspot.com. Ce Yu!

11 Juni 2010 16:09

http://lh4.ggpht.com/_RVpTV2JOOxA/S1UTHWyJdTI/AAAAAAAAB6Y/2Pv4W2ncs8I/t4belajarblogger23.gif

2 Juli 2010 08:10

mantap broo

30 September 2010 06:37

Thx.. :34

15 Oktober 2010 11:50

Salut buat Admin. Kode ini yang telah lama saya cari. Saya terinspirasi dari Mashable.com. Sampe ngobrak-ngabrik mbah google lom jg ketemu. Eh trnyata malah di blog ini ada. Padahal link blog ini udah lama lo aq save. wkwkwk... Lam knl bos, eh liat ya hasil kreasi aq dari trik kamu itu. :)

18 Oktober 2010 13:19

mas, setelah saya ganti template, widget follower saya hilang... sudah saya ganti tiap kali dengan yang baru. tetap saja tidak mau keluar.
terus setelah mengikuti petunjuk di atas, tetap saja tidak keluar, malah ada pesan dari google kalau "gadget ini salah konfigurasi .. ... ... ." seperti itu.. mohon bantuannya ya mas...

saya baru disini... terima kasih banyak atas tutorial yang bermanfaat ini. saya beruntung menemukan site ini..

23 Oktober 2010 02:07

Jadi nih penyebabnya karena gara-gara ganti template kah sob :10 kalau begitu sobat bisa mencari ulang lagi kode2 yang telah diterapkan pada template sebelumnya (dan hapuslah/bersihkan), dan jika tidak ketemu maka aman2 saja, dan silahkan diterapkan ulang langkah2 trik di atas, dan jika masih tidak bisa, cobalah untuk membersihkan cookies pada browser ente. caranya gampang tekan tombol ctrl+shift+DEL. Dan ternyata tetap belum bisa? Maka bisa dicoba untuk mengambil ulang kode yang ada pada Google friendconnect, semoga membantu...

:ntauadmint4bb:

15 Desember 2010 00:28

Waah...
bgus jg... ^^
berguna... XD

8 Januari 2011 05:06

koq gag muncul ya mz??
ap yg salah??

31 Januari 2011 06:10

13

9 Februari 2011 05:54

wow..
inspirasi banget masss...

saya newbie..sedikitnya jadi rada tau hihi..
mksh infonya..
^^

24 Februari 2011 09:16

tolong link baliknya mas . link ke www.andimuhammadyusuf.blogspot.com

12 Maret 2011 17:26

makasih mas
sangat bermanfaat..


http://www.thyanzweb.co.cc

18 Maret 2011 08:02

wah.. makasih banyak y bang..
sangat bermanfaat buat saya yang baru belajar ngeblog..!!

thx.. salam damai

www.domprince.blogspot.com

27 Maret 2011 07:44

Tips ini menarik ... dan telah aku ikuti ..., salam kenal (CHORDY)

www.chorddigital.blogspot.com
www.dolananmusik.blogspot.com

14 April 2011 09:18

keren triknya, trims.

26 April 2011 06:06

koq aq gagal yah, malah ga muncul
mohon pencerahan

27 April 2011 12:07

Mungkin ada kesalahan ketika sobat menggunakan trik ini. silahkan dicoba lagi dengan hati-hati dan sabar ya sob :D

:ntauadmint4bb:

8 Mei 2011 22:07

:13makasihh tips & triknya sangat bermampaat:14

9 Mei 2011 01:35

mas saya kurang ngerti

6 Juli 2011 00:14

thanks ya buat informasinya, follow blog saya donk, ane jamin bakal di follow balik blognya.haha

18 Oktober 2011 20:34

Mas Iqbal, salam kenal ya....
saya sudah coba menasang widget follower di blog saya, tapi widgetnya malah diam di pojok kiri atas dan kalo pagenya di roll widgetnya ikut naik , malah htmlnya (#followers-pojok {position....dst) ikut nongol diatas widget. Apa yang salah ya Mas.
Thanks ya...

20 Oktober 2011 14:32

Mungkin ada langkah yang dilewati oleh anda sob...coba diulangi dan lebih teliti lagi sob...:10

:ntauadmint4bb:

9 November 2011 02:10

assalamualaikum....

saya mau tanya, di blog saya udah saya tambah gadget follower baik cara biasa, dan cara di atas juga saya coba (jadi ada 2 gadget follower), tapi semuanya kagak ada yang tampil,

mungkin sobat ada solusi, tolong berkunjung dan beri solusi di blog saya, http://lukmankhakim.blogspot.com/

thanks

27 Mei 2012 23:51

nyimak gan...

Poskan Komentar

Komentar anda sangat penting! Oleh karenanya saya sangat berterima kasih bagi anda yang tidak SPAMMING di sini. Komentar SPAM, mengandung SARA, dan menyinggung pihak lain akan saya hapus. Terima kasih telah berkunjung :D

[Tutup]

Submit Link