Cara buat FaceBlog Template

THEME NAME:
Smells Like Tai Ucing
DESIGNER:
Aing Creations Team: aing-creations.blogspot.com
Date: December 2011
BASED ON:
Blogger Template Style
Name: Simple
Designer: Josh Peterson
URL: www.noaesthetic.com

1. Login ke Blogger, Rancangan, Edit HTML, Download template: faceblogV43.xml
2. Upload xml faceblog tadi, ke Element Laman isi bagian2:
Navbar

<a id="gbr-sama-nama-pesbuk" href="javascript:void(0)" title="Aing Creations" target="_blank"></a>
<a class="garis"></a>

<script type="text/javascript">
<!--
document.write('<a href="http://'+window.location.hostname+'" class="middle">Home</a>');
document.write('<a href="http://www.facebook.com/100003167696243" class="middle">My FaceBook</a>');

function bukaNavBar(){
  if(document.getElementById('navbar').style.display=='block'){
    document.getElementById('navbar').style.display='none';
    document.getElementsByClassName('header-outer')[0].style.top='0px';
  }else{
    document.getElementById('navbar').style.display='block';
    document.getElementsByClassName('header-outer')[0].style.top='30px';
  }
}
//-->
</script>

<a class="garis"></a>
<a href="javascript:void(0)" onclick="bukaNavBar()" class="drop-down"></a>

Global Variables

<script type="text/javascript">
<!--
// ID APLIKASI FACEBOOK
var idAplikasiGue = '338702316161314';

// ID BLOG
var idBlogGue = '2413285391341550265';

// ID GOOGLE FRIEND CONNECT
var idSiteFriendConnectGue = '06098827024843277985';

// FACEBOOK POST ID (PRIVACY HARUS PUBLIC!!)
var postIdBuatFbLikers = '276602519055008_276611005720826';

// APPLICATION ACCESS TOKEN (PAKE APLIKASI YANG UDAH GAK KEPAKE ATAU BIKIN BARU AJA)
var accessTokenBuatRecentVisitor = '338702316161314|PJaetpeWcVa_EJlmtt3sWXSV1Y4';

var skin = {};
    skin['FACE_SIZE'] = '32';
    skin['HEIGHT'] = "32";
    skin['TITLE'] = "";
    skin['BORDER_COLOR'] = "transparent";
    skin['ENDCAP_BG_COLOR'] = "transparent";
    skin['ENDCAP_TEXT_COLOR'] = "#000000";
    skin['ENDCAP_LINK_COLOR'] = "#000000";
    skin['ALTERNATE_BG_COLOR'] = "transparent";
    skin['CONTENT_BG_COLOR'] = "transparent";
    skin['CONTENT_LINK_COLOR'] = "#000000";
    skin['CONTENT_TEXT_COLOR'] = "#000000";
    skin['CONTENT_SECONDARY_LINK_COLOR'] = "#FFFFFF";
    skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";
    skin['CONTENT_HEADLINE_COLOR'] = "#000000";
    skin['FONT_FACE'] = "verdana";
//-->
</script>

3. Untuk photo profile Visitor, Tambah Gadget isi script di bawah:

<td>
      <fb:profile-pic uid="loggedinuser" size="normal">
        <img src="http://a2.sphotos.ak.fbcdn.net/hphotos-ak-snc3/30690_1374230609013_1629256153_868867_6871848_n.jpg" style="max-width:200px; _width:200px;"/>
      </fb:profile-pic>
    </td>
<div class="transparent" style="left: 4px; margin-top: -75px; position: absolute;"><iframe src="http://www.facebook.com/plugins/like.php?href=http://faceblog-lutfi.blogspot.com/&amp;layout=box_count&amp;show_faces=false&amp;width=55" style="width: 55px; height: 62px; background: none repeat scroll 0% 0% transparent; padding: 0pt; margin: 0pt; border: medium none;"></iframe></div>

Share on Google Plus

About SumberUangQu