Friday 12 August 2011

Memasang Follower pada blog

Seperti halnya blog ini, teman-teman akan menemukan di setiap akhir postingannya terdapat gadget follower (update: Sekarang sudah diganti dengan form berlangganan, harap maklum_). Mungkin ada yang bertanya, apa kelebihan menempatkan gadget follower pada setiap bagian akhir postingan? Kelebihan/manfaat pertama mengurangi berat loading homepage/halaman depan blog kita, lalu kegunaan yang lain yaitu lebih memudahkan bagi para pengunjung yang ingin follow/gabung dengan blog kita, pasalnya setelah membaca postingan kita para pengunjung akan langsung bertemu dengan gadget follower tersebut. Bagi teman-teman yang tertarik untuk memasang/menampilkan gadget follower di setiap akhir postingannya, maka kita bisa mengandalkan jasa yang telah disediakan oleh Google friend connect.

Langkah pembuatannya sama saja dengan langkah/cara menampilkan iklan/sesuatu di akhir postingan yang pernah saya bahas sebelumnya. Agar tidak kelamaan, teman-teman bisa memperaktekkannya melalui langkah-langkah berikut

1. Silahkan untuk mengunjungi situs Google friend connect

2. Setelah anda dibawa ke halaman depan situs Google friend connect, maka anda akan dihadapkan dengan berbagai macam gadget/fitur yang bisa ditambahkan ke dalam blog anda, maka anda dapat memilih gadget yang bertemakan "Tambahkan Gadget Anggota", dan jangan lupa untuk menentukan anggota/follower blog mana yang ingin anda tambahkan (opsi ini jika anda memiliki lebih dari satu blog dalam satu dasbor)

3. Selanjutnya anda bisa mengambil kode HTML dari gadget follower yang sebelumnya telah anda atur warna serta berbagai macam ukuran yang telah ditawarkan kepada anda. Dan yang harus anda lakukan terhadap kode HTML tersebut (kode gadget follower) yaitu untuk memparse-nya/meng-konvert-nya terlebih dahulu.

4. Selanjutnya kembali ke blog anda, klik Tata Letak, lalu Edit HTML

5. Jangan lupa untuk mencentang kotak "Expand Widget Template"

6. Selanjutnya carilah kode

<div class='post-body entry-content'>
<data:post.body/>


Atau

<div class='post-body entry-content'>
<p><data:post.body/></p>


7. Lalu tambahkan kode berikut di bawah salah satu dari kode di atas (kode pada no.6)

<b:if cond='data:blog.pageType == "item"'>

<p>Kode Hasil Parse anda tadi di sini!</p>

</b:if>


Contoh Penggunaan:

<b:if cond='data:blog.pageType == "item"'>

<p>&lt;!-- Include the Google Friend Connect javascript library. --&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;http://www.google.com/friendconnect/script/friendconnect.js&quot;&gt;&lt;/script&gt;
&lt;!-- Define the div tag where the gadget will be inserted. --&gt;
&lt;div id=&quot;div-7729785063601488938&quot; style=&quot;width:276px;border:1px solid #cccccc;&quot;&gt;&lt;/div&gt;
&lt;!-- Render the gadget into a div. --&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
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-7729785063601488938',
site: '11591567978510271076' },
skin);
&lt;/script&gt;</p>

</b:if>


8. Langkah terakhir, silahkan klik Simpan Template

Sekarang anda bisa melihat tampilan gadget follower pada bagian akhir postingan anda. Untuk mengeceknya, teman-teman bisa mengklik slah satu postingan yang ada di blog anda, perhatikan pada bagian akhir postingan...pasti akan ada gadget follower tersebut. Jika tidak muncul, perhatikan kembali langkah-langkah di atas.

Semoga Bermanfaat []

Jangan Lupa Baca Yang Ini Juga!!!:

0 comments:

Post a Comment

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Harnadi Hajri, S.pd | Bloggerized by Wahana corp - Indonesia | LPPM Wahana Education