nah kali ini saat yang di nanti-nanti karna saya akan bagikan blue-silver blogger template
template ini sangatlah sempurna (di MATA gue XD)
dan template ini hasil buatan saya sendiri.. tanpa campur tangan dengan rekan blogger lain :p
sombonglah sedikit nape ....... xixixixi
gue bisa, masa lo kagak?
untuk pemasangan provil dengan allconnect nya
letakan kode di bawah ini di add gadget >> HTML/Java Script
<div style="-moz-border-radius: 10px; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTcKfbuY_vB8jpUs4Z3nMVwoXuEAQoTwSpgmdzOrjk6xq5_j_5DKx39sKEb5mfcVWurCJa9yUcaqfuBMRUKeqzVrenB5U0XljLDy1lF4_ZxI6zfKXJcfTsU6F27wykh0eKHLSXVpwVgQZ-/s1600/black70.png); border-radius: 10px; padding: 10px;"> <div style="text-align: center;"> <div style=" -moz-border-radius: 0px 0px 0px 0px; border-radius: 10px; border: 1px solid #ccc; margin: 0; overflow: auto;"> <fb:profile-pic size="normal" uid="loggedinuser"></fb:profile-pic> </div> <div style=" -moz-border-radius: 5px; border-radius: 10px; border: 1px solid #ccc; margin: 0; overflow: auto;"> <div style="text-align: center;"> <span style="color: red; font-size: large;"><fb:name linked="false" uid="loggedinuser" useyou="false"> </fb:name></span></div></div></div></div>
<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 = '337732132937612';
var idUserYgLogin = '';
var blokLoginElment = document.getElementById('block-login-aing');
var tempatGambarPropil = document.getElementById('facebook-propic');
//-->
</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>merah ganti dengan ID aplikasi kalian
dan jangan lupa seting Posting Blog lihat gambar di bawah
setelah kalian klik EDIT pada posting akan muncul halaman seperti di bawah ini
rubah Jumlah posting di halaman utama 1 post saja
karena template ini tdk menggunakan read more
dan jika klian ingin menggabungkan Explore The Archive/category/What's Awesome
seperti gambar:
letakan kode di bawah ini tepatnya di atas Explore The Archive/category/What's Awesome
<style type="text/css">
.blogtabs {padding: 0px !important;border: 0 solid #bbb;}
.blogtabs h2 {float: left;margin: 0 2px 4px 0;font-size: 12px;padding: 3px 5px;border: 1px solid #bbb;overflow: hidden;position: relative;background: transparent;cursor:pointer;}
html .blogtabs h2.active {background:transparent url(http://images2.layoutsparks.com/1/129832/flashy-black-animated-image.gif);}
.blogtabs .widget-content {border: 1px solid #bbb;padding: 10px;background: transparent;clear:both;margin:0;}
.btab, #showtabs {display:none;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script type="text/javascript" src="http://infonetmu.googlecode.com/files/SimpleTabViewJQuery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#showtabs').simpleBlogTab ({organictabs: 3});
});
</script>
<div id="showtabs"></div>