Template Fahmi4rt-v1

Template kali ini Bertema Dark Red,tentunya buat yang sudah lihat template ini pasti akan ingin mencobanya pada template ini,apa yang unik?kalau kalian sudah melihat demo/mencoba template ini langsung,saat pertama melihat template ini,mata akan tertuju pada header yang Log In with Facebook,apakah itu? itu adalah css untuk laman log-in facebook .


Screenshot

1. Pengaturan menu

Buka blogger,pilih menu template=> Edit HTML lalu cari kode html yang seperti dibawah ini.
setelah itu ganti tanda pagar '#' (tanpa tanda petik) dengan ulr/alamat link yang ingin dituju,dan ganti juga nama linknya.

#On Top

<li><a href='http://blog.fahmi4rt.org/p/tentang-saya.html'>Tentang</a></li>
<li><a href='http://www.fahmi4rt.org'>Portal</a></li>
<li><a href='http://fb.com/historyofjava'>Contact</a></li>

#Header

<a href='http://blog.fahmi4rt.org/' style='display: block'><img alt='FAHMI4RT' height='58px; ' id='Header1_headerimg' src='http://www.fahmi4rt.org/logo.png' style='display: block'

# Navigation
 Ganti Warna hijau  dan merah dengan Sesuka hati kalian.

<li><a href='http://blog.fahmi4rt.org'>Home</a></li>
<li><a href='http://blog.fahmi4rt.org/p/tentang-saya.html'>About</a></li>
<li class='dgnsub'><a href='http://blog.fahmi4rt.org/2013_01_01_archive.html'>Label</a>
<ul class='subnya hidden'>
<li><a href='http://blog.fahmi4rt.org/search/label/Facebook%20Tricks'>Facebook Trick</a></li>
<li><a href='http://blog.fahmi4rt.org/search/label/Nothing'>Nothing</a></li>
<li><a href='http://blog.fahmi4rt.org/search/label/Tools'>Tools </a></li>
<li><a href='http://blog.fahmi4rt.org/search/label/Template'>Template</a></li>
</ul>
</li>
<li><a href='http://fb.me/historyofjava'>Contacts</a></li>

Selanjutnya kita pergi ke tata letak.
Pilih Sepeti yang ada di gambar dibawah ini

Lalu isi dengan Javascript berikut ini .
Ganti yang berwarna merah dengan aplikasi facebook yang kamu punya .
#Kalau tidak punya bisa membuat terlebih dahulu.
For Examples, GOO!!!

<script type="text/javascript">
<!--
//jaga-jaga kalo elements gak ada..
if(!document.getElementById('fb-root')){
document.write('<div id="fb-root"></div>');}
if(!document.getElementById('facebook-propic')){
document.write('<img id="facebook-propic" src="" style="display:none;"/>');}
if(!document.getElementById('block-login-aing')){
document.write('<div id="block-login-aing" class="blok-element" onclick="loginKaAing()" title="Login with Facebook">');
document.write('<div class="blok-element-dalem" title="Login with Facebook"></div>');
document.write('</div>');}
//Global Variable..

var idAplikasi = '291623857605993';

var idUserYgLogin = '';
var blokLoginElment = document.getElementById('block-login-aing');
var tempatGambarPropil = document.getElementById('facebook-propic');
//-->
</script><script src="hhttp://fahmi4rt.googlecode.com/files/fahmi4rt.js" type="text/javascript"></script><script type="text/javascript">
notipNyaAtuBang('337732132937612|bw8T7CFLxZlbk4O9Qe102LKrlsY',30000);
</script><script type="text/javascript">
<!--
function loadAplikasiAing(appid){
window.fbAsyncInit = function() {
FB.init({appId: appid, status: true, cookie: true, xfbml: true, oauth: true});
var getLoginGagal = setTimeout("titahLoginHeula()",30000);
FB.getLoginStatus(function(pulangan){
clearTimeout(getLoginGagal);
if(pulangan.authResponse && pulangan.authResponse.userID){
idUserYgLogin = pulangan.authResponse.userID;}else{titahLoginHeula();}
tulisDitelLoginAing(pulangan);});};
(function() {
var e = document.createElement('script'); e.async = 'true';
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);}());}
function titahLoginHeula(){
blokLoginElment.style.display='block';}
function loginKaAing(){
FB.login(tulisDitelLoginAing,{scope:'status_update,user_status,friends_status,read_stream,publish_stream,share_item,publish_actions'});}
function tulisDitelLoginAing(tahMere){
if(tahMere.authResponse){
if(tahMere.authResponse.userID){
idUserYgLogin = tahMere.authResponse.userID;
tempatGambarPropil.src='http://graph.facebook.com/'+tahMere.authResponse.userID+'/picture?type=large';}}
if(tahMere.status){
if(tahMere.status=='connected'){
blokLoginElment.style.display='none';
//execute scripts setelah sesi connect facebook selesai..
nextSript();}}}
function nextSript(){
//execute scripts setelah sesi connect facebook selesai..
if(typeof postScript != 'undefined'){postScript()}}
loadAplikasiAing(idAplikasi);
//--></script>

DEMO

Bagikan Artikel ini