Kebanyakan sekarang memasang widget facebook di sidebar, tetapi kali ini saya mau membagikan tutorial memasang fanspage facebook dibawah postingan.
Buat kamu yang mau memasang fanspage facebook dibawah postingan, silahkan ikuti tutorial saya dibawah ini.
1. Copy kode dibawah ini dan klik Di sini untuk memparse kode tersebut.
<div id="fb-root"></div>2. Jika sudah di parse kode diatas. Sekarang kamu login ke blogger
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.7";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="URL FANSPAGE KAMU" data-tabs="timeline" data-width="250" data-height="70" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="false"><blockquote cite="URL FANSPAGE KAMU" class="fb-xfbml-parse-ignore"><a href="URL FANSPAGE KAMU">NAMA FANSPAGE KAMU</a></blockquote></div>
3. Klik template → edit template
4. Cari kode <data:post.body/> .
5. Jika sudah ketemu sobat paste kode di bawah ini tepat dibawah salah satu kode <data:post.body/>
(Jika kode lebih dari 1 sobat coba satu satu)
<br/>5. Jika sudah dipaste, save template
<b:if cond='data:blog.pageType == "item"'><div style='text-align: center;'>
<table border='1' cellpadding='0' cellspacing='0' class='MsoTableGrid' style='border-collapse: collapse; border: none; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-yfti-tbllook: 1184;'>
<tbody>
<tr style='height: 13.45pt; mso-yfti-firstrow: yes; mso-yfti-irow: 0; mso-yfti-lastrow: yes;'>
<td style='border: solid black 100.0pt; height: 13.45pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; padding: 0cm 5.4pt 0cm 5.4pt; width: 235.2pt;' valign='top' width='314'>
<div class='MsoNormal' style='margin-bottom: 0.0001pt;'>
Info update baru via facebook, like fanspage saya.
PASTE KODE FANSPAGE FACEBOOK KAMU YANG SUDAH DI PARSE TADI DISINI</div>
</td></tr>
</tbody></table>
</div>
</b:if>
6. Selesai~
Begitulah cara memasang fanspage facebook di bawah postingan.
Semoga bermamfaat.

No comments:
Post a Comment