Home » Archives for April 2013
Diposting oleh
Galauers
-
pertama gue mau ngucapin trimakasi buat sahabat gue T i a n (http://n0-galau.blogspot.com/)
yang punya template ini
dengan sedikit modivikasi dari gw,... yaah hasilnya lumayan (y)
cari kode dibawah ini:
<li><a href='http://gue-galau.blogspot.com/'><img alt='Home' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi46Kuzi_oIZ_X_H3-FVg6Ca_wwo8pgFTUJbkE-w8lAqGEzowUeRR0s_wTI_aYeJPZ_a5TEC9P9b2a5rYvBDUDLxF0z-PuWDVFIlq1C_oZjufmH_-jtHikK6uCkYYE1AjlcHtj-D0j5NxJ5/s1600/icon-home.png' title='Home'/></a></li>
<li><a href='#' title='Trick'>Trick</a>
<ul>
<li><a href='#' title='blogger'>blogger</a></li>
<li><a href='#' title='facebook'>facebook</a></li>
<li><a href='#' title='photoshop'>photoshop</a></li>
</ul></li>
<li><a href='#' title='blog content'>blog content</a><ul>
</ul></li>
<li><a href='#' title='JOIN'>JOIN</a>
<ul>
<li><a href='#' title='facebook gue'>facebook gue</a></li>
<li><a href='#' title='grub gue'>grub gue</a></li>
<li><a href='#' title='page gue'>page gue</a></li>
</ul></li>
<li><a href='#' title='Hacking'>Hacking</a></li>
<li><a href='#' title='My Sound Track'>Sound Track</a></li>
<li><a href='#' title='Admin'>IAdmin</a>
<ul>
<li><a href='http://goo.gl/ilzlt' title='Gue-galau.blogspot.com'>Gue-galau.blogspot.com</a></li>
</ul></li>
<li><a href='#' title='Link.Exc'>Link.Exc</a></li></ul>
ganti yang berwarna merah dengan link kalian
untuk memasang connect facebook tinggal copy scripsinya diSINI
dan letakan di ADD gatget >> HTML/JavaScript
jika ingin merubah tampilan arsip blog menggunaka JQUERY seperti gambar di atas: copy kode di bawah ini
dan letakan di ADD gatget >> HTML/JavaScript
<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: #306fc7;}
.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://gue-galau.mywapblog.com/files/simpletabviewjquery-js.txt"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#showtabs').simpleBlogTab ({organictabs: 3});
});
</script>
<div id="showtabs"></div>
Perhatikan penempatan scripsinya:
Nb: template ini sedikit berat. jadi jika kalian memasang facebook connect kedalamnya, kemungkinan besar 50%Blog terkunci
utilize the excess
Diposting oleh
Galauers
-
kali ini gue postingin versi ke-3 dari template gue, Black Lightning yang jelas 100% editan sendiri :p
langsung aja yuk.....!!! (no bawel)
ALL CONNECT nya di
SINI
Copy dan letakan di
ADD gatget >>
HTML/JavaScript
untuk mengganti gambar header dan welcome connect facebooknya ke rancangan >> edit HTML
lalu cari URL gambar dibawah ini
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCQUTYUv3DX4_-il6jeQy3I5oME1TFNkwcIMZRBiAFGq8f8_kKsYSR9-Wr04JRwR8ogjGtqjb9rQEf3350VWTM-yVttOCPHF2odECF50QuJzs-WJrL-MP-pajCkoisyp8eHWWQvqHXzro/s1600/header+gue-galau.blogspot.com.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm4ilKe3dM_kBAGIVkbf312jyXohT9g-8tKGKTI5f_9dyKrXI2BV4kY5wWR-B68EhcnlAnKP-bnne7UI7DL6XYve6YSHZUCUKjD5pJ5Z-QVFCcxPt-pm-pF84sj5nxLe9GHAXxOMttK902/s1600/connect+to+facebook+gue-galau.png
kemudian ganti dengan URL gambar kalian
Selamat Beriimajinasi
Diposting oleh
Galauers
-
haduuh...
capek yaa rasanya kalo tiap hari
ngurusin template mulu
uda
haus,
laper, ehh
puasa pula xixixixi...!!!
buat sahabat
galauvers ni experimen baru
gue siap
download
read more dengan sentuhan
CSS
setelah mendownload
template di atas
letakan
ALL connect di bawah ini di
ADD gatget >>
HTML/JavaScript
<div style="text-align: center;">
<div style="-moz-border-radius:10px; border-radius:20px; padding:20px; background: #000000;">
<div style="-moz-border-radius:5px; border-radius:10px; padding:10px; background: #333333;">
<fb:profile-pic uid="loggedinuser" size="normal"></fb:profile-pic>
<div style="text-align: center;">
<div style="-moz-border-radius:5px; border-radius:10px; padding:10px; background: #000000;">
<fb:name uid="loggedinuser" useyou="false" linked="false"></fb:name></div></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>
jangan lupa ganti ID aplikasi 337732132937612 dengan ID aplikasi punya sendiri :p
dan yang perlu agan rubah:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrEO_cxUZgF-0conp1GVI8Ec4BeoukxGXkwPPuJA_AVkuinwBzEjuT-_fvncXNOibRuX4cRiDCzM5zYRTiu-WiCZ8Ok4UFcwlAIaPi6ijb7HKsRltRdurMyEUKVCsxT-oMR0499XDv6H3F/s1600/header+gue-galau+1.png.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsxMjWUVt3sAM8-dr6ZCa0155wX_rQSv_7KyOV3dozaka5ROnDvPmHr2oqyJie9e_T0hEqbLcLNLFBaMn27zX9uICxG4cUHDvtEl-PsnkwpuSEja_KqOgS-XIGrcFy7y7piJP6pg6ZBC7r/s1600/header2+gue-galau.blogspot.com.png.png
NB:
Diposting oleh
Galauers
-
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/AVvXsEhV1g8pen7vnszadL_66HyI_88SuBGbsCOysf0DH8OhGOmRjx0LfdAsy-1MxJAatQiarvVNuITK8bD2IVN9NnhLNUXUN6Mbpju85edDsAgDuX_iBkSCJHwkwflLB2JvQKtWBOTRqxaO-hTB/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>
Diposting oleh
Galauers
-
Apa kabar sobat? akhirnya selesai juga Miku Orange Blogger Template.Template kali ini tema'a dengan warna dasar orange.desain'a saya buat simple dengan sedikit sentuhan CSS :p.
awalnya sedikit kesulitan cari gambar header yang bagus,trus nemu material gambar di google , terpaksa edit sendiri,croping sendiri,ngerender sendiri \('O')/..
template ini Versi ke2 dari template Dark Devil yang jelas 100% buatan sendiri XD
tanpa basa basi sedot aja gan....
yang perlu kalian rubah:
Rancangan >> Edit HTML >>(jangan lupa centangin Expand Template Widget nya)
<li class='current-cat'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Posts RSS'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"' title='Comments RSS'>Comments RSS</a></li>
<li><a href='#' title='about'>about</a></li>
<li><a href='#' title='about'>CSS</a></li>
<li><a href='#' title='about'>HTML</a></li>
merah ganti dengan link kalian
header 1
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitPPF2-KM77kPHYRQaxBgL7ZkX6NCuDXMNj8aGxtKbqQ-otTZ2NtEtH6nUlCPB21SVXcKKiRj_pUH7_h-tnw0cEhXaxLHfBBTYqTnzG6XqeKFRCTyK3Rm8_1BCCB1nOqtL5RfwgGzqNwE/s320/header+orange+gue-galau.blogspot.com.jpg
header 2
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsxMjWUVt3sAM8-dr6ZCa0155wX_rQSv_7KyOV3dozaka5ROnDvPmHr2oqyJie9e_T0hEqbLcLNLFBaMn27zX9uICxG4cUHDvtEl-PsnkwpuSEja_KqOgS-XIGrcFy7y7piJP6pg6ZBC7r/s1600/header2+gue-galau.blogspot.com.png
JADILAH YANG PERTAMA BERIMAJINASI
Diposting oleh
Galauers
-
Yang Perlu kalian Rubah:
Raccangan >>
edit HTML >>
gunakan
CNTRL+F cari kode dibawah ini
<div id='BCXmenu'>
<ul>
<li>
<a href='http://goo.gl/ii6ZC'>Home</a>
</li>
<li>
<a href='http://goo.gl/iI9lE'>Tricks</a>
</li>
<li>
<a href='http://goo.gl/MqDU6'>All</a>
</li>
<li>
<a href='http://goo.gl/K3Fzc'>Facebook</a>
</li>
<li>
<a href='http://goo.gl/zBcGs'>Blogger</a>
</li>
<li>
<a href='http://goo.gl/Y2JFf'>Template</a>
</li>
<li>
<a href='http://goo.gl/NU58w'>Admin</a>
</li>
</ul>
</div>
Merah Ganti Dengan Link Kalian
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglt_cV0iqWqU4Vlv4LFOzz83sYNy4IcCLFkcsVlChOuA9XW9VE827zal01x7_IM62vOPJnLlpklZru3I83qS8YYyO_PDoorJ-v1KGR6IXbgDbfXwwdhEmiUNZEQFFwhmM2P5wajHKEJqA/s1600/background_gue-galau.png
Diposting oleh
Galauers
-
