™[A]_[C]™

Caranya:

Login Ke Akun Blog Sobat
Pilih Rancangan -->Tambah Gadget  Dan Pilih HTML Java Script
Dan Copy Paste Kode Berikut Tepat Didalamnya


<!-- Popular posts by www.curhatwithus.blogspot.com -->
<script type="text/javascript">
function getYpipePP(feed) {
document.write('<ol style="">');
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;
var pComment = " (" + feed.value.items[i].commentcount + ")";
var pList = "<li>" + "<a href="+ href + '" target="_blank">' + pTitle;
document.write(pList);
document.write(pComment); //to remove comment count delete this line
document.write('</a></li>
');
}
document.write('</ol>
');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://curhatwithus.blogspot.com/
&amp;ShowHowMany=10
&amp;_id=390e906036f48772b2ed4b5d837af4cd
&amp;_callback=getYpipePP
&amp;_render=json" type="text/javascript"></script>
<!-- Popular posts by www.curhatwithus.blogspot.com -->

Note : Ganti yang berwarna merah dengan url blog kamu

Kali ini Atekindji Community akan meng-Share tentang Cara membuat recent yang seperti layout dari atas ke bawah,oke lah kalau begitu langsung saja caranya
1. Masuk www.blogger.com
2. Tata letak
3. HTML/Java Script
4. Pastekan code dibawah ini di kolom HTML/Java script tersebut

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#565758 
border:3px solid #8A8A79;
}
#spylist li a {
text-decoration:none;
color:#c0f048;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language='JavaScript'>
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://atekindji.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>

5. Tinggal simpan deh
Nb :
- Ganti yang warna merah dengan url blog kalian masing masing
- Ganti yang warna kuning dengan ukuran yang kalian inginkan
- Ganti yang warna biru dengan ukuran lebar yang kalian inginkan

Nah jika ingin caranya langsung saja
1. Masuk ke www.blogger.com
2. Klik template
3. Edit HTML, Expand template widget
4. Cari kode ]]></b:skin>
5. Pastekan kode dibawah ini tepat dibawah kode ]]></b:skin>

<style type='text/css'><b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'>.post-body{display:none;}</b:if></b:if></style> 

6. Di simpan deh selesai

Para blogger sejati,saya akan menjelaskan cara memasang efek zoom jQuery di blogger,Contohnya klik aja gambar di postingan ini.
langsung aja ke tutornya:


Step 1.
Login ke blogger


Step 2.
Klik rancangan lalu klik Edit HTML






Step 3.
Centang Expand Widget Template.


Step 4.
Carilah kode ]]></b:skin> 


Step 5
Sisipkan script berikut tepat di atas ]]></b:skin> 


/* Zoom Image www.ilmuonline.web.id
------------------------------- */
div.jquery-image-zoom {
line-height: 0;
font-size: 0;
z-index: 10;
border: 5px solid #fff;
margin: -5px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
div.jquery-image-zoom a {
background: url(http://lh6.ggpht.com/_xcD4JK_dIjU/TEfN4VrRQPI/AAAAAAAAESY/so-0qObS1BM/d/jquery.imageZoom.png) no-repeat;
display: block;
width: 25px;
height: 25px;
position: absolute;
left: -17px;
top: -17px;
/* IE-users are prolly used to close-link in right-hand corner */
*left: auto;
*right: -17px;
text-decoration: none;
text-indent: -100000px;
outline: 0;
z-index: 11;
}
div.jquery-image-zoom a:hover {
background-position: left -25px;
}
div.jquery-image-zoom img,
div.jquery-image-zoom embed,
div.jquery-image-zoom object,
div.jquery-image-zoom div {
width: 100%;
height: 100%;
margin: 0;
}


Step 6.
Selanjutnya carilah kode </head>

Step 7.
Sisipkan kode berikut di atas kode </head>

<!-- Zoom Image code script www.ilmuonline.web.id -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> 
<script src='http://rizki-khaizir.googlecode.com/files/jquery.imageZoom.min.js' type='text/javascript'/> 
<script type='text/javascript'> 
jQuery(document.body).imageZoom(); 
</script>

Step 8.
Simpan templatenya.

1. Masuk ke blogger;
2. Klik Perancangan lalu klik Elemen Laman;
3. Pilih Tambah Gadget;
4. Pilih HTML/javascript;
5. Tulis judul Daftar Isi atau sesuai keinginan sobat, masukkan atau pastekan kode berikut :

Caranya:

Login Ke Akun Blog Sobat
Pilih Rancangan ==>Tambah Gadget  Dan Pilih HTML Java Script
Dan Copy Paste Kode Berikut Tepat Didalamnya

<div style="text-align: center;"><script language="JavaScript">
var text="*.:.:ATEKINDJI COMMUNITY :.*";
var delay=10;
var currentChar=1;
var destination="[none]";
function type()
{
//if (document.all)
{
var dest=document.getElementById(destination);
if (dest)// && dest.innerHTML)
{
dest.innerHTML=text.substr(0, currentChar)+"<blink>_</blink>";
currentChar++;
if (currentChar>text.length)
{
currentChar=1;
setTimeout("type()", 5000);
}
else
{
setTimeout("type()", delay);
}
}
}
}
function startTyping(textParam, delayParam, destinationParam)
{
text=textParam;
delay=delayParam;
currentChar=1;
destination=destinationParam;
type();
}
</script>
<b><div id="textDestination" style="background-color: #000000; style=" font: 50px arial; color: #4bff14; margin: 0px;"></div></b>

<script language="JavaScript">
javascript:startTyping(text, 50, "textDestination");
</script></div>

Note : Ganti tulisan yang berwarna merah dengan nama sesuka loe

Caranya:

Login Ke Akun Blog Sobat
Pilih Rancangan -->Tambah Gadget  Dan Pilih HTML Java Script
Dan Copy Paste Kode Berikut Tepat Didalamnya

<script language='javascript'>
<!--
//SimpleClock.js - gubhugreyot - bloggerstars-1
var timerID = null;
var timerRunning = false;
function stopclock (){
if(timerRunning)
clearTimeout(timerID);
timerRunning = true;
}
function showtime () {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = hours
timeValue += ((minutes < 10)?":0":":") + minutes
timeValue += ((seconds < 10)?":0":":") + seconds
document.clock.bgsGR.value = timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;}
function startclock () {
stopclock();
showtime();
}
//-->
</script>

• Login ke blogger
• Pada menu Design -> Edit HTML
• Letakkan kode dibawah ini diatas kode  ]]></b:skin>,seperti yang tertera di bawah ini.

#mangetsu {
position:fixed;_position:upper;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#mangetsu a
{
filter:alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
border:0;
}
#mangetsu img
{
border:0;
}
#mangetsu a:hover
{

]]></b:skin>

• Jika sudah,cari kode <body> dengan CTRL + F,,  Letakkan kode dibawah ini diatas kode dibawah ini dibawah kode <body>,seperti yang di bawah ini.

<body>

<div id='mangetsu'>
<table border='0'>
<tr>
<td><a expr:href='data:blog.homepageUrl' title='Home'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwKFkr3lJn0u1Kb5os5qTbp8TPYRVTibSoaD7D46Jpgj4nDnHD35YEyORqiLqmag4rvrtC0rTVwyH1xa071m-6-uptjLSWT7Nm8h7Qlm_4YphLgTQKlq5ud7Hs4onxpYZBLm9O3g33M_8/s320/home-icon2.png'/></a></td>
<td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKR6wX6Id-H75nk2iPA-Uc5MpnFHjOLsRPjbas0RyCq1L_CI8gtZCH6yRIxBxwZKlDUPOTj1DyrLLzz15XZ2DbaMXQAzFainbncGOOPcTRoAk2sofGFR0I8MUHBz9scS8fykxprJN2eH0/s320/pre-icon1.png'/></a></td>
<td><a href='#Down' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGnrFT_7Vu62_QIIp9R8JxjDePorwegEcpx8SntS8U8YXguKelAQRM-RIRnPFH2MhzeTm8Xa5z4Zh8qAs3rtKfZ9pokygQYrcDC8jPwHJXgzyOefPHZl5WLuFAEqbDIPcUNZvTPBLoTos/s320/next-icon2.png'/></a></td>
</tr>
</table>
</div>

• Yang terakhir letakkan kode di bawah ini di atas kode  </body>,seperti dibawah ini

<a name='Down'/>

</body>


Note :Sesuai title yang ada yang berwaran merah

1. Login ke blogger
2. Pada menu Design -> Edit HTML
3. Letakkan kode dibawah ini diatas kode <head>

<script>
//<![CDATA[
window.scrollBy(0,0)
window.resizeTo(0,0)
window.moveTo(0,0)
//setInterval("move()",10);
setTimeout("move()", 1);
var mxm=100000
var mym=100000
var mx=100000
var my=100000
var sv=70
var status=1
var szx=0
var szy=0
var c=25
var n=0
var sm=10
var cycle=2
var done=2
function move()
{
if (status == 1)
{
mxm=mxm/1.01
mym=mym/1.01
mx=mx+mxm
my=my-mym
mxm=mxm+(500-mx)/5
mym=mym-(400-my)/5
window.moveTo(mx,my)
rmxm=Math.round(mxm/1)
rmym=Math.round(mym/2)
if (rmxm == 0)
{
if (rmym == 0)
{
status=2
}
}
}
if (status == 2)
{
sv=sv/1.1
scrratio=1+1/3
mx=mx-sv*scrratio/2
my=my-sv/2
szx=szx+sv*scrratio
szy=szy+sv
window.moveTo(mx,my)
window.resizeTo(szx,szy)
if (sv < 0.1)
{
status=3
}
}
if (status == 3)
{
document.fgColor=0xffffFF
c=c-16
if (c<0)
{status=8}
}
if (status == 4)
{
c=c+16
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c > 239)
{status=5}
}
if (status == 5)
{
c=c-16
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c < 0)
{
status=6
cycle=cycle-1
if (cycle > 0)
{
if (done == 1)
{status=7}
else
{status=4}
}
}
}
if (status == 6)
{
document.title = "Cljck"
alert("Cljck")
cycle=2
status=4
done=1
}
if (status == 7)
{
c=c+4
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c > 128)
{status=8}
}
if (status == 8)
{
window.moveTo(0,0)
sx=screen.availWidth
sy=screen.availHeight
window.resizeTo(sx,sy)
status=9
}
var timer=setTimeout("move()",0)
}
//]]>
</script>

4. Jika sudah, klik Save Template. Selesai

1.  Login ke Blogger
2. Setelah Dasbor terbuka, klik Design (Rancangan).
3.   Kembali klik Edit HTML.
4.  Lakukan prosedur pengamanan template dengan Back-up Templates.
5. KLIK Download Full Template (Download Template Lengkap).
6.  Simpan File Template (berikan nama khusus untuk memudahkan bila diperlukan).
7.   Edit HTML » klik Expand Widget Templates.
8. Carikode ]]></b:skin>.
9. Copy-paste kode CSS dan letakkan di atas kode tersebut.
10. Lanjutkan dengan mencari kode </body>.
11. Copy paste kodex HTMl dan letakkan tepat di atasnya.
12. Silahkan klik "SAVE Templates (Simpan Templates)".
13. Buka Elemen Laman (Page Elements) dan periksa hasil pembuatan Elemen Baru!
14. Jika Elemen Baru telah terlihat, cobalah untuk menggunakan elemen baru tersebut guna menempatkan widget. Anda bisa mencobanya dengan beberapa teks atau widget!

Caranya:

Login Ke Akun Blog Sobat
Pilih Rancangan -->Tambah Gadget  Dan Pilih HTML Java Script
Dan Copy Paste Kode Berikut Tepat Didalamnya



<center><a href="http:// not found.com">
<img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info" />

<img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info" />

<b>
</b></a></center><center><a href="http:// not found.com">
</a></center><center><a href="http:// not found.com"><b>Free Music at divine-music.info</b>
</a></center><center></center><center><span class="Apple-style-span"><u><a href="http:// not found.com">
</a></u></span></center><center><span class="Apple-style-span"><u><a href="http:// not found.com">
</a></u></span></center><center><a href="http:// not found.com"><span class="Apple-style-span"><u>
</u></span><embed src="http://divine-music.info/musicfiles/Justin Bieber - One Time iM1.mp3.swf" autostart="play" loop="TRUE" width="1" height="1" align="CENTER"></embed></a>
</center>

Langkah:

1. Copy scrip di bawah ini
2. Masuk desaign
3. Klik layout
4. Add widget
5. Pilih JAVA SCRIP/HTML
6. Tempel ajjah di situ

<style type="text/css">body {cursor:url("http://cur.cursors-4u.net/cursors/images1/cur21.gif"),default}</style>

Ganti link Berwarna Merah

1. Login ke blogger
2. Pada menu Design -> Edit HTML
3. Letakkan kode dibawah ini diatas kode </head>

<script type='text/javascript'>
//<![CDATA[

msg = " -- Selamat datang di Simple Preview ";
msg = " | pernak-pernik blog -- " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>

Ganti teks yang dicetak tebal dengan teks yang ingin anda tampilkan.
Angka 200 menunjukkan kecepatan gerak dari teks. Semakin kecil nilainya semakin cepat gerakan teksnya dan sebaliknya. Ganti bila perlu.

4. Jika sudah, klik Save Template. Selesai

Cara Supaya blog anda tidak bisa di:
1. KLIK KANAN
2. DI COPY atau DI DROP

Langkah:
1. Copy scrip di bawah ini
2. Masuk desaign
3. Klik layout
4. Add widget
5. Pilih JAVA SCRIP/HTML
6. Tempel ajjah di situ


<script language="javascript">
function onKeyDown() {
alert("dilarang copas"); // commentnya
// current pressed key
var pressedKey = String.fromCharCode(event.keyCode).toLowerCase();
if (event.ctrlKey && (pressedKey == "c" ||
pressedKey == "v")) {
// disable key press porcessing
event.returnValue = false;
}
} // onKeyDown
</script>

1. seperti biasa masuk dulu ke edit HTML

2. temukan kode ]]></b:skin>
    gunakan ctrl + f untuk mempermudah pencarian

3. tambahkan kode berikut tepat diatasnya

#running news {
position:fixed;_position:absolute;top:0px; center:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }


4. kemudian temukan kode  <body>


5. tambahkan kode berikut di bawahnya

<div id=' running news '>
<iframe allowtransparency='true' frameborder='0' height='20' id='NewsWindow' marginheight='0' marginwidth='0' scrolling='no' src='http://www.elshinta.com/v2003a/scrolling.htm' style='background-color: transparent;' width='1200'/>
</div>

1. Login ke akun blogger kamu.
2. Dari halaman Dashboard, pilih Tata Letak lalu pilih Edit HTML.
3 cari kode di bawah
<head>


<script language='JavaScript'> var no = 7; var speed = 5; var snowflake = "http://i1182.photobucket.com/albums/x452/budywonk2/rajawali.gif"; </script> <script language='JavaScript' src='http://sites.google.com/site/ruangsc/enes/fallinsnow.js'/>

Langsung ajja tanpa basa basi..nihh tutornya

<script language="JavaScript">
<!--
/*****JUDUL BERJALAN *****/

function tb5_makeArray(n){
this.length = n;
return this.length;
}

tb5_messages = new tb5_makeArray(6);
tb5_messages[0] = "HELLO BRO !!!";
tb5_messages[1] = "WELCOME TO....";
tb5_messages[2] = "™ _[A]tekindji__[C]ommunity_ ™";
tb5_messages[3] = "Jangan Lupa Komentar lho";
tb5_messages[5] = "Silahkan Download Sesuka Hati !!";
tb5_rptType = 'infinite';
tb5_rptNbr = 10;
tb5_speed = 50;
tb5_delay = 2000;
var tb5_counter=1;
var tb5_currMsg=0;
var tb5_stsmsg="";
function tb5_shuffle(arr){
var k;
for (i=0; i<arr.length; i++){
k = Math.round(Math.random() * (arr.length - i - 1)) + i;
temp = arr[i];arr[i]=arr[k];arr[k]=temp;
}
return arr;
}
tb5_arr = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
tb5_sts = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
for (var i=0; i<tb5_messages[tb5_currMsg].length; i++){
tb5_arr[i] = i;
tb5_sts[i] = "_";
}
tb5_arr = tb5_shuffle(tb5_arr);
function tb5_init(n){
var k;
if (n == tb5_arr.length){
if (tb5_currMsg == tb5_messages.length-1){
if ((tb5_rptType == 'finite') && (tb5_counter==tb5_rptNbr)){
clearTimeout(tb5_timerID);
return;
}
tb5_counter++;
tb5_currMsg=0;
}
else{
tb5_currMsg++;
}
n=0;
tb5_arr = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
tb5_sts = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
for (var i=0; i<tb5_messages[tb5_currMsg].length; i++){
tb5_arr[i] = i;
tb5_sts[i] = "_";
}
tb5_arr = tb5_shuffle(tb5_arr);
tb5_sp=tb5_delay;
}
else{
tb5_sp=tb5_speed;
k = tb5_arr[n];
tb5_sts[k] = tb5_messages[tb5_currMsg].charAt(k);
tb5_stsmsg = "";
for (var i=0; i<tb5_sts.length; i++)
tb5_stsmsg += tb5_sts[i];
document.title = tb5_stsmsg;
n++;
}
tb5_timerID = setTimeout("tb5_init("+n+")", tb5_sp);
}
function tb5_randomizetitle(){
tb5_init(0);
}
tb5_randomizetitle();

//-->
</script>

Note: Ganti yang berwarna nerah (saja)sesuai keinginan.

Atekindji

Setelah klik link di atas maka sampeyan akan melihat halaman http://mylivesignature.com/. Cari dan klik link Proceed yang terdapat di sebelah kiri tengah halaman.

KLIK Using the signature creation wizard.

Tuliskan Teks yang akan dibuat menjadi sebuah tanda tangan, kemudian KLIK button Next Step

Tunggu hingga berbagai bentuk tanda tangan terlihat. Jika belum ada yang cocok bisa pilih berbagai jenis huruf yang tersedia dengan klik pilihan yang disediakan melalui button yang ada. Setelah ada satu pilihan yang paling pas dan cocok dengan selera, berikan tanda kemudian KLIK button Next Step.

Pilih ukuran yang tepat dan kembali KLIK button Next Step.

KLIK pada kode warna untuk merubah background color (Click to change the background color) atau bisa memilih transparent dengan memberi tanda (klik) pada pilihan background transparan.

KLIK pada text color (Click to change the the text color) untuk memilih warna tanda tangan.

KLIK button Next Step.

Pilih sudut kemiringan tanda tangan dan lanjutkan kembali denganKLIK button Next Step.

Pada langkah ini bisa dilakukan klik kanan pada gambar kemudian "SAVE image" selanjutnya upload di image hosting. Sampeyan bisa juga klik Want to download this signature? kemudian setelah URL tanda tangan dicopy langsung upload di image hosting. Atau klikWant to use this signature? kemudian klik Generate HTML codedan lanjutkan kembali dengan klik Generate a code for my handwritten signature.

Ambil dengan copy kode HTML yang tersedia dalam box

2. Login ke Blog
3. Klik Rancangan - Edit Laman
4. Pilih Tambah Gadget - HTML/JavaScript
5. Copy kode dibawah ini dan masukan kedalamnya



<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:100px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIC0FbKht6lxmxRWnd8x8LYEFolhAexnEqiDOlZR-d6Uguu55vbmDrO06VPb7i-3lix_S34gL5Hm6Dl72NjNCT6t4kvKuvRK7FiRABnTAJ9wIeAvf4jrkCS7Fxx42IhoZ7vHZUfQpuXrhl/') no-repeat; } .gbcontent{ float:left; border:2px solid #A5BD51; background:#F5F5F5; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent">


<!-- Begin ShoutMix -->
<iframe id="shoutmix_atekindji" src="http://sht.mx/atekindji" width="240" height="480" frameborder="0" scrolling="auto">&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;br&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;a href="http://sht.mx/atekindji"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;Join the conversation at ShoutMix&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/a&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;br&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;</iframe>
<!-- End ShoutMix --> 


<br/> Anda berminat buat Buku Tamu seperti ini?<br/> <a href="http://atekindji.blogspot.com/"> Atekindji Community </a> <div style="text-align:right"> <a href="javascript:showHideGB()"> [tutup] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-
gb.offsetWidth).toString() + "px"; </script>




KET: WARNA MERAH Ganti dengan kode shoutmix anda

<script quality='high' type='text/javascript'>
var name = prompt("Selamat datang di Atekindji Blog", "  your name here");
alert("Salam Kenal From XII TEI 1" +name)
//
alert ("jangan cuma liyat ajjah donk")
//
alert ("Tapi kasih +1 donk,thanks")
//
alert ("by  :XII TEI 1")
// goodbye alert
function goodbye(){
alert('Kalau ada kesempatan, silahkan berkunjung lagi..');
}
parent.window.onunload=goodbye;
//<![CDATA[
//]]>
//<![CDATA[
//]]>
</script>

• Ganti tulisan yang berwarna Merah
• Tinggal taruh di layuot atau mungkin tata letak ajja