cara membuat Share

cara membuat share to all,,
langsung aja :

- masuk ke blog kamu
- klik rancangan
- klik " tambah gadget"
- lalu pilih "HTML/JAVASCRIPT"
- dan paste kan kode di bawah ini ( judul biarkan kosong saja )
- lalu save

---

---

<div class="addthis_bar addthis_bar_vertical addthis_bar_medium" style="top:50px;left:150px;">
            <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                <span><a class="addthis_button_preferred_1"></a></span>
                <span><a class="addthis_button_preferred_2"></a></span>
                <span><a class="addthis_button_preferred_3"></a></span>
                <span><a class="addthis_button_preferred_4"></a></span>
                <span><a class="addthis_button_compact"></a></span>
<span style="font-size: xx-small;"><a href="http://www.akbari-syahputra.blogspot.com">Get This</a></span>


</div>
</div>
<script type="text/javascript" src="http://acbary.16mb.com/file_akbari/share_akbari.js"></script>

---

---

Read More

Cara Membuat bacaan selamat datang

postingan kali ini adalah tips membuat salam pembuka pada blog yang mungkin sering Anda lihat atau bahkan telah Anda gunakan dalam blog Anda namun tidak ada salahnya untuk menampilkan kembali, siapa tahu ada diantara new blogger yang masih membutuhkan aksesoris blog yang tidak akan membuat loading blog Anda menjadi berat.
Dengan script ini pengunjung yang berkunjung ke blog Anda, pertama kali akan diminta untuk mengetikkan namanya kemudian dengan nama yang diketikkan tersebut untuk memberi ucapan salam perkenalan dan lain-lain sesuka Anda. 


Scriptnya adalah seperti di bawah ini: 

---

---

<script type='text/javascript'>
var name=prompt("SELAMAT DATANG! SILAHKAN ANDA MEMBERIKAN KOMENTAR DI ARTIKEL YANG TERSEDIA?", "Komentar Anda ");
alert("TERIMA KASIH " + name)
alert("SELAMAT MEMBACA DI BLOG AKBARI SYAHPUTRA, SEMOGA BERMANFAAT!!!")
</script> 

---

---

Ganti teks yang BERKAPITAL BESAR dengan teks sesuai keinginan Anda. Kemudian copy script tersebut pada sidebar blog Anda, dengan langkah sebagai berikut.


- Login ke Blogger >> Dasbor >> Rancangan >> 
-Tambah Gadget >> HTML/Javascript >> kemudian pastekan kode tersebut >> 
- Simpan Perubahan >> Selesai.


Hasilnya dapat dilihat pada blog Anda!


Selamat Mencoba.

Read More

Cara membuat page navigator

Page Navigation adalah sebuah widget yang digunakan pada web atau blog untuk memperlihatkan postingan atau artikel pada web atau blog tersebut per halaman, contohnya seperti gambar di bawah ini:

Untuk membuatnya sangat mudah!


1. Login ke Blogger dengan ID Anda.
2. Lalu Rancangan.
3. Klik Tambah Gadget.
4. Pilih Menu HTML/Java Script.
5. Lalu salin kode di bawah ini lalu tempel kodenya pada kotak HTML tersebut.

---

---

<style type='text/css'>.showpageArea a {text-decoration:underline;}.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}.showpage a:hover {text-decoration:none;}.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}</style><script style='text/javascript'>var pageCount=5;var displayPageNum=5;var upPageWord="Previous";var downPageWord="Next";</script><script style='text/javascript' src=http://acbary.16mb.com/file_akbari/kode3.js'></script>

---

---

6. Save Widget tersebut
7. Scrool atau pindahkan widget tersebut pada area di bawah posting [lihat gambar]

Read More

Cara pasang komentar dengan Avatar

Cara membuat Widget Komentar Terbaru Dengan Avatar:
1. Login
2. Rancangan
3. Tambah Gadget
4. Pilih Gadget HTML/Javascript
5. Salin Kode HTML di bawah ini, lalu tempel di kotak HTML.
6. Dan jangan ada yang terlewat ubah dulu http://akbari-syahputra.blogspot.com yang berwarna Biru, dengan nama blog kalian, lalu SAVE.
7. Lihat Blog.


Kalau widgetnya tidak sesuai dengan sidebar blog kalian, ada beberapa kode yang ditandai miring di bawah ini yang bisa kalian utak-atik biar tampilan widgetnya sesuai dengan ukuran sidebar blog kalian. 


Jika kalian tertarik sama widget komentar terbaru ini, silahkan dicoba.

---

---

<style type="text/css">
ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 20,
showAvatar = true,
avatarSize = 60,
roundAvatar = true,
characters = 40,
showMorelink = false,
moreLinktext = "More »",
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = false;
//]]>
</script>
<script type="text/javascript" src="http://acbary.16mb.com/file_akbari/recentcomment.js"></script>
<script type="text/javascript" src="http://WWW.AKBARI-SYAHPUTRA.BLOGSPOT.COM/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=20"></script>

---

---

Read More

Membuat Tulisan yang Mengikuti Cursor

Mungkin teman2 pernah berkunjung ke suatu blog lalu tiba2 cursornya teman2 diikuti oleh suatu teks. Nah, untuk membuat yang seperti itu sebenarnya gampang sekali, karena kita hanya membutuhkan kode HTML khusus membuat efek tulisan yang mengikuti cursor. Kode HTML yang saya maksud adalah kode berikut ini:






<script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='AKBARI SYAHPUTRA'.split('').reverse().join('');


var font='Verdana,Arial';
var size=5; // up to seven
var color='#FF9900';


// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;


// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;


// Alter no variables past here!, unless you are good
//---------------------------------------------------




var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" size="+size+" color="+color+">";


if (ie)
window.pageYOffset=0


// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;


function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}


if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}


var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}


var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}


var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);


}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}


}
cursor_text_circle();


</script>

---

Nah, kopi-paste kode di atas ke gadget HTML-nya teman2 lalu jangan lupa disimpan. Beberapa bagian yang bisa teman2 ganti yaitu yang berwarna biru (bisa diganti dengan tulisan apa pun), hijau(ukuran font), dan orange (yaitu warna tulisan/font).

Read More