Jumat, 17 Agustus 2012

Tutor Blog

halo kami sedang menyediakan html bagi yang mau .
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(&quot;Selamat Datang di Fikkry Share&quot;);</SCRIPT>
<script type='text/javascript'>
var name = prompt(&quot;Tuliskan nama Kamu?&quot;, &quot;......&quot;);
alert(&quot;Selamat datang di Fikkry Share &quot;+name)
alert(&quot;Thank You for Visiting&quot;)
</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>

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






di kotak biru itu adalah id blog mu


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