download: disini
kami menyediakan kode selamat datang pada blog caranya:
1.buka dan login blogger.com
2.pilih template
3.edit html
4.klik lanjutkan
5.cari kode </head> dengan klik F3 atau Ctrl+F
6.masukkan kode dibawah ini
kode no :
1.<script type='text/javascript'>
var name = prompt("Selamat Datang!! Boleh Tau Nama Anda?", "Nama Anda ");
alert("Salam Kenal "+name)
alert("Selamat Surfing di Blog Saya, Semoga Bermanfaat!!")
</script>
2.<SCRIPT language='JavaScript'>alert("Selamat Datang di Fikkry Share");</SCRIPT>
<script type='text/javascript'>
var name = prompt("Tuliskan nama Kamu?", "......");
alert("Selamat datang di Fikkry Share "+name)
alert("Thank You for Visiting")
</script>
7.pratinjau(apabila di butuhkan)
8.SAve Template
keterangan:ganti tulisan merah dengan apa yang anda inginkan.pilih salah satu kode dari 2 nomor diatas
kami juga menyediakan cara buat tombol blogger,twitter,facebook melayang caranya :
1.login ke blogger.com
2.klik tata letak
3.tambah gadget
4.pilih html/javascript
5. masukan kode dibawah ini
<style type="text/css">
.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLGHQMz1p13K9j9UAwJ4HdDvsWS6vtbp0ksh8vxxyBZag84M3DSKQNQchwv_Y3VrSLHUog8uPK4bI2sG_64MElUq7a8fBBX8tVjrqtjV4CIjFUcCz2HstkU75S5x0Kc5d3LCahKaJPHMKS/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:50px; z-index:1000;}
.barrightbloggerc{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhsWji8d4zbO-CtVwCUY5PIgapEhgZmWxocD9DQEarJPgxCgCzzGS12IUiv0FAt3VbWKiVGe2bx7kNeFBu1O41Fhg2ehrxSebYJtEnSumjfLNH6F6s_mTG23vsk6UD8fTiQNXpoMcEv77a/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}
.barconteblogger{margin:5px 0 0 47px}
.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe69s9hLLwnZK9Vm6cdmZdTRxGaYkiWj2aOSc2HqXkn528yHRlMz0zwhw7hPmecVspZf1qEl3rKxgBw0Ax2POHmOL7m29YX7mMJ7D0gG0HwmKXxgR0d-ldNaDTY7WnSXVHFRspIAZURh-E/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}
.barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEyZOyQ9lqPPIOlg8Ol-OsJAQPbBnSHj5Km_6GJiwQqI_-PbmLWgrO8Iu2cs-Imjcss8AROEQOiN09rhAi9Vnf5ocOi1HR5Lo3Je9FJVpimS-XA9YQYfLEsxBliB9l8e_fDM-F3AmgWazy/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}
.barcontetwitter{margin:5px 0 0 47px}
.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC3S4qGb2N0zfmr8YuVY-HxHnyqEVKKrdjU0_Jg-V6T5F22cWxWq64Ki31NrX0cLmUI2pctW3gMqhPc-zPubuTOTmXgIEfEeI3IE9dAn1FlXstpp4MCOrgrqUyWu_knMTIrL0NaeMckMsm/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}
.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifPYmAyhJXhvsCqBI2B6e9sqVqJ6nFfdAJxafsYk8-2n8t-VMBH0vquJjDJLyhvWNoniS5VHCxYbu8V2UO3QBiHM_dXmKdYxwRSY8f9_DPiPOfDZmUK5ZeLzNb3QHkna_EgcoFIZRT0s3c/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}
.barcontefacebook{margin:5px 0 0 47px}
</style>
<div class="barrightblogger" onmouseover="this.className='barrightbloggerc'" onmouseout="this.className='barrightblogger'">
<div class="barconteblogger">
CONTENT BLOGGER HERE
</div>
</div>
<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">
<div class="barcontetwitter">
CONTENT TWITTER HERE
</div>
</div>
<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">
<div class="barcontefacebook">
CONTENT FACEBOOK HERE
</div>
</div>
.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLGHQMz1p13K9j9UAwJ4HdDvsWS6vtbp0ksh8vxxyBZag84M3DSKQNQchwv_Y3VrSLHUog8uPK4bI2sG_64MElUq7a8fBBX8tVjrqtjV4CIjFUcCz2HstkU75S5x0Kc5d3LCahKaJPHMKS/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:50px; z-index:1000;}
.barrightbloggerc{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhsWji8d4zbO-CtVwCUY5PIgapEhgZmWxocD9DQEarJPgxCgCzzGS12IUiv0FAt3VbWKiVGe2bx7kNeFBu1O41Fhg2ehrxSebYJtEnSumjfLNH6F6s_mTG23vsk6UD8fTiQNXpoMcEv77a/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}
.barconteblogger{margin:5px 0 0 47px}
.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe69s9hLLwnZK9Vm6cdmZdTRxGaYkiWj2aOSc2HqXkn528yHRlMz0zwhw7hPmecVspZf1qEl3rKxgBw0Ax2POHmOL7m29YX7mMJ7D0gG0HwmKXxgR0d-ldNaDTY7WnSXVHFRspIAZURh-E/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}
.barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEyZOyQ9lqPPIOlg8Ol-OsJAQPbBnSHj5Km_6GJiwQqI_-PbmLWgrO8Iu2cs-Imjcss8AROEQOiN09rhAi9Vnf5ocOi1HR5Lo3Je9FJVpimS-XA9YQYfLEsxBliB9l8e_fDM-F3AmgWazy/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}
.barcontetwitter{margin:5px 0 0 47px}
.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC3S4qGb2N0zfmr8YuVY-HxHnyqEVKKrdjU0_Jg-V6T5F22cWxWq64Ki31NrX0cLmUI2pctW3gMqhPc-zPubuTOTmXgIEfEeI3IE9dAn1FlXstpp4MCOrgrqUyWu_knMTIrL0NaeMckMsm/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}
.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifPYmAyhJXhvsCqBI2B6e9sqVqJ6nFfdAJxafsYk8-2n8t-VMBH0vquJjDJLyhvWNoniS5VHCxYbu8V2UO3QBiHM_dXmKdYxwRSY8f9_DPiPOfDZmUK5ZeLzNb3QHkna_EgcoFIZRT0s3c/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}
.barcontefacebook{margin:5px 0 0 47px}
</style>
<div class="barrightblogger" onmouseover="this.className='barrightbloggerc'" onmouseout="this.className='barrightblogger'">
<div class="barconteblogger">
CONTENT BLOGGER HERE
</div>
</div>
<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">
<div class="barcontetwitter">
CONTENT TWITTER HERE
</div>
</div>
<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">
<div class="barcontefacebook">
CONTENT FACEBOOK HERE
</div>
</div>
atau seperti punya saya
<style type="text/css">
.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLGHQMz1p13K9j9UAwJ4HdDvsWS6vtbp0ksh8vxxyBZag84M3DSKQNQchwv_Y3VrSLHUog8uPK4bI2sG_64MElUq7a8fBBX8tVjrqtjV4CIjFUcCz2HstkU75S5x0Kc5d3LCahKaJPHMKS/');background-repeat:no-repeat;width:39px;height:200px;position:fixed;right:0px;top:50px; z-index:1000;}
.barrightbloggerc{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhsWji8d4zbO-CtVwCUY5PIgapEhgZmWxocD9DQEarJPgxCgCzzGS12IUiv0FAt3VbWKiVGe2bx7kNeFBu1O41Fhg2ehrxSebYJtEnSumjfLNH6F6s_mTG23vsk6UD8fTiQNXpoMcEv77a/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}
.barconteblogger{margin:5px 0 0 47px}
.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe69s9hLLwnZK9Vm6cdmZdTRxGaYkiWj2aOSc2HqXkn528yHRlMz0zwhw7hPmecVspZf1qEl3rKxgBw0Ax2POHmOL7m29YX7mMJ7D0gG0HwmKXxgR0d-ldNaDTY7WnSXVHFRspIAZURh-E/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}
.barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEyZOyQ9lqPPIOlg8Ol-OsJAQPbBnSHj5Km_6GJiwQqI_-PbmLWgrO8Iu2cs-Imjcss8AROEQOiN09rhAi9Vnf5ocOi1HR5Lo3Je9FJVpimS-XA9YQYfLEsxBliB9l8e_fDM-F3AmgWazy/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}
.barcontetwitter{margin:5px 0 0 47px}
.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC3S4qGb2N0zfmr8YuVY-HxHnyqEVKKrdjU0_Jg-V6T5F22cWxWq64Ki31NrX0cLmUI2pctW3gMqhPc-zPubuTOTmXgIEfEeI3IE9dAn1FlXstpp4MCOrgrqUyWu_knMTIrL0NaeMckMsm/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}
.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifPYmAyhJXhvsCqBI2B6e9sqVqJ6nFfdAJxafsYk8-2n8t-VMBH0vquJjDJLyhvWNoniS5VHCxYbu8V2UO3QBiHM_dXmKdYxwRSY8f9_DPiPOfDZmUK5ZeLzNb3QHkna_EgcoFIZRT0s3c/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}
.barcontefacebook{margin:5px 0 0 47px}
</style>
<div class="barrightblogger" onmouseover="this.className='barrightbloggerc'" onmouseout="this.className='barrightblogger'">
<div class="barconteblogger">
<!-- Include the Google Friend Connect javascript library. -->
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<!-- Define the div tag where the gadget will be inserted. -->
<div id="div-5482375241368277334" style="width:260px;border:1px solid #ff0000;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin['BORDER_COLOR'] = '#ff0000';
skin['ENDCAP_BG_COLOR'] = '#ffffff';
skin['ENDCAP_TEXT_COLOR'] = '#ff0000';
skin['ENDCAP_LINK_COLOR'] = '#0000cc';
skin['ALTERNATE_BG_COLOR'] = '#ffffff';
skin['CONTENT_BG_COLOR'] = '#ffffff';
skin['CONTENT_LINK_COLOR'] = '#0000cc';
skin['CONTENT_TEXT_COLOR'] = '#ffffff';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#ffffff';
skin['CONTENT_HEADLINE_COLOR'] = '#ff0000';
skin['NUMBER_ROWS'] = '5';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
{ id: 'div-5482375241368277334',
site: '08893081966999273614' },
skin);
</script>
</div>
</div>
<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">
<div class="barcontetwitter">
<!-- Twitter Follower Box -->
<script type='text/javascript'>
function fanbox_init(screen_name){document.getElementById('twitterfanbox').innerHTML='\<iframe name=\"fbfanIFrame_0\" frameborder=\"0\" allowtransparency=\"true\" src=\"http://s.moopz.com/connect.html?user='+screen_name+'\" class=\"FB_SERVER_IFRAME\" scrolling=\"no\" style=\"width: 295px; height: 250px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; \"\>\<\/iframe\>';}
</script>
<div id="twitterfanbox"></div><script
type="text/javascript">fanbox_init("@FikrryFikrry");</script
type="text><div
style="font-size:10px;margin-top:-8px;"></div
style="font-size:10px;margin-top:-8px;"></div>
<!-- End Twitter Follower Box -->
</div>
<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">
<div class="barcontefacebook">
<div id="fb-root"></div>
<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/all.js#xfbml=1&appId=391540344232853";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like-box" data-href="https://www.facebook.com/pages/Fikkry-Share/144103962395945" data-width="320" data-height="320" data-show-faces="true" data-border-color="Hitam" data-stream="false" data-header="true"></div>
</div>
</div>
edit tulisan merah sesuai yang anda inginkan.
cara mengetahui site dan id blog
1.login ke blogger.com
2.pergi ke tata letak
3.di addres bar anda akan melihat gambar seperti ini
4.liihat di kotak biru ini
5.sekarang pergi ke blogmu misalnya fikkryshare.blogspot.com
6.klik view page scoure
(anda harus sudah mempunyai gadget pengikut terlebih dahulu)
7.tekan F3 atau Ctrl+F
8.cari kode google.friendconnect.container
kotak segitiga adalah tulisan site.sedangkan kotak biru adalah site anda
selesai
cara tambahkan twitter follow box pada blog
caranya
1.pergi ke blogger
2.klik tata letak
3.tambah gadget
4.klik html/javascript
5masukkan kode berikut
<!-- Twitter Follower Box -->
<script type='text/javascript'>
function fanbox_init(screen_name){document.getElementById('twitterfanbox').innerHTML='\<iframe name=\"fbfanIFrame_0\" frameborder=\"0\" allowtransparency=\"true\" src=\"http://s.moopz.com/connect.html?user='+screen_name+'\" class=\"FB_SERVER_IFRAME\" scrolling=\"no\" style=\"width: 295px; height: 250px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; \"\>\<\/iframe\>';}
</script>
<div id="twitterfanbox"></div><script
type="text/javascript">fanbox_init("@FikrryFikrry");</script
type="text><div
style="font-size:10px;margin-top:-8px;"></div
style="font-size:10px;margin-top:-8px;"></div>
<!-- End Twitter Follower Box -->
selesai
ganti tulisan merah sesuai kesukaan anda
Thanks
Tidak ada komentar:
Posting Komentar