Tips Menaikan Alexa Rank

Perlu kita ketahui bahwa Alexa Rank adalah pendukung bagi pengguna blog yaitu blogger dan wordpress yang fungsinya adalah menaikan traffik dari blog itu sendiri dengan Alexa Rank.
Hampir semua pengguna blogger menggunakan Alexa Rank sebagai alternatif untuk menigkatkan rank blog.
Kali ini saya Admin Koisine Blog akan membahas tentang Cara Menaikan Alexa Rank.


1. Memasang Alexa Toolbar

Memasang Alexa Toolbar.
Dengan memasang Alexa Toolbar ini juga dapat dijadikan alternatif lain untuk menaikan Alexa Rank dan juga kita bisa memasang website atau blog kita sendiri di dalam toolbar itu sendiri dan juga situs social lainnya dengan akun yang kita miliki seperti Facebook dan Twitter.
Jadi dengan memasang Alexa Toolbar yang sudah terinstal dalam browser kalian maka sedikit demi sedikit akan menambahkan point ranking suatu blog atau blog yang kita miliki.
Alexa Toolbar ini bisa diinstal dengan browser Mozilla Firefox dan Intenet Explore saja.



2. Alexa Widget

Pasang Alexa Widget Disini
Dengan Alexa Widget merupakan salah satu cara untuk meningkatkan Rank Alexa dan Juga Rank Blog kalian. Apabila ada pengunjung yang mengklik Alexa Widget yang dipasang dalam blog kalian maka Alexa akan menggangap sebagai point tambahan apabila pengunjung yang mengklik Alexa widget yang kita miliki belum menginstal Alexa Toolbar. Pemasangan Alexa Widget ini diberikan gratis oleh Alexa Rank.

3. Claim site

Maksudnya dengan melakukan claim site maka proses ini sama seperti melakukan webmaster/tools yang membuat Meta Tag sesuai dengan blog kita sendiri.
Calim site dari Alexa rank ini juga menyediakan Meta Tag sesuai dengan blog kita.
Kalian menaruh meta tag Alexa tepay di bawah <head>
Claim Site di  Sini

4. Artikel yang Original

Dengan artikel yang original dan juga artikel yang sudah terindex dalam mesin pencari walaupun tidak nomor 1, maka pengunjung yang datang ke blog kita dan membaca salah satu artikel yang dicari melalui mesin pencari dengan artikel yang asli tanpa copy paste maka pengunjung akan menghargai artikel kita dan juga pengunjung tersebut akan betah di dalam blog kita.

5. Update Blog

Maksudnya kita harus sering melakukan update pada artikel atau membuat artikel baru minimal dalam satu minggu ada 3 atau 4 artikel yang baru dalam blog kita. Apabila kita sering mengupdate blog maka Alexa Rank kita juga akan bertambah dan bertambah.

6. Melakukan Ping

Maksudnya kita harus melakukan ping terhadap artikel yang menurut kita layak untuk dibaca oleh publik dan menarik, dengan melakukan ping ini maka artikel kalian akan cepat masuk ke dalam mesin pencari, hal ini juga bisa menaikan alexa rank sedikit demi sedikit.
Kalian bisa melakukan ping : Disini | Disini dan ping lainnya.

7. Alexa Artikel

Buatlah artikel yang berkaitan dengan Alexa Rank dengan karyamu sendiri, karena maish banyak orang di luar sana yang belum mengerti tentang Alexa Rank, dan sebaiknya kalian juga harus melakukan ping terhadap artikel yang berkaitan dengan Alexa Rank tersebut.

8. Label Alexa

Dalam membuat artikel yang berkaitan dengan Alexa sebaiknya kalian membuat label baru tentan Alexa rank.

9. Social Bookmark

Share artikel kalian ke situs sosial yang ada, seperti Facebook, Twitter, Plurk, Tumlr dll.
Atau buatlah posting dalam situs social tentang blog kalian.

10. Blogwalking

Blogwalking di sini maksudnya kalian dalam bekunjung ke blog orang lain dibiasakan untuk meninggalkan komentar terhadap blog tersebut dan juga berkomentarlah terhadap blog yang mempunyai Rank yang tinggi karena sebagai metode lain untuk menaikan Rank Alexa.

11. Tukaran Link

Dengan melakukan tukaran link juga bisa membantu untuk menaikan Alexa Rank.

12. Short Url

Maksudnya, dalam membuat artikel dan didalam artikel tersebut terdapat beberapa link atau Url yang menuju ke situs lain, sebaiknya kalian menggunakan shorten url.
Hal ini juga bisa mempercepat Alexa Rank Meningkat.

Terima kasih, semoga dengan tutorial cara meningkatkan Alexa Rank ini bisa membantu kalian blogger-blogger indonesia atau luar.

Saya hanyalah blogger pemula tetapi saya akan berusaha semaksimal mungkin untuk menjadi blogger pro seperti kalian yang membaca artikel saya ini.

I ♥ ALL

Mengedit Label Dengan Fungsi Scroll



Pada pertemuan kali ini, koisine blog akan membahas masalah label. Pelu kita ketahui label itu sendiri adalah pengelompokan artikel-artikel pada suatu blog yang bisa disesuaikan oleh individu atau pemilik blog sesuai dengan artikel itu sendiri.
bentuk Label pada umumnya yaitu berbentuk daftar yang memanjang ke bawah dengan teratur, tetapi apakah jika kita membuat label yang banyak pada blog pasti tampilan label tersebut akan memanjang ke bawah. Bagaimana ya ?
Jangan khawatir sobat koisine blog punya solusinya, yaitu dengan mengunakan fungsi scroll pada label tersbut, jadi label yang jumlahnya banyak akan terlihat rapi dengan ukuran yang berbeda-beda sesuai dengan selera maisng-masing agar terlihat lebih baik dan rapi dan juga akan mempercanti tampilan blog.



Langsung saja tutorialnya secara cuma-cuma.

Hal pertama yang harus kalian lakukan yaitu,

  • Masuk ke Blogger yang kalian punya,
  • Masuk ke Edit HTML, *Jangan Lupa Ceklist Expand Template Widget*
  • Silahkan cari "Label", *Lakukan ctrl-F untuk mempermudah pencarian*
  • Maka akan muncul kode seperti di bawah ini.
  • Kode yang belum diEdit.
 
<b:widget id='Label1' locked='false' title='Label' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

  • Lakukan pengeditan seperti kode di bawah ini,
  • Kode sesudah diEdit dengan fungsi Scroll Label, 
 
<b:widget id='Label1' locked='false' title='Label' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:100px;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

  • Lakukan penambahan kode yang berwarna merah pada template sobat sesuai dengan kode di atas,
  • Simpan Template,
  • Selesai.
Terima Kasih
Selamat Mencoba :)

Membuat Arsip Blog Fungsi Scroll

Artikel kali ini saya akan membahas tentang, Cara Membuat Fungsi Scroll Terhadap Arsip Blog.
Banyak orang berfikir dengan memasang arsip blog dapat memikat pengunjung yang datang untuk membaca artikel lainnya, tetapi apabila blog kita mempunyai artikel yang jumlahnya 100-200 bagaimana ceritanya ? Pasti semua artikel akan memanjang sangat panjang ke bawah. Apakah enak untuk di lihat ? Menurut saya tidak. Ok saya mempunyai solusinya untuk masalah tersebut dengan menggunakan Scroll terhadap arsip blog. Dengan fungsi scroll ini banyaknya artikel yang tercantum dalam arsip blog akan enak dilihat dengan scroll ke atas atau kebawah dan juga untuk memperunik, memperbagus blog dengan fungsi scroll tersebut.



Ok langsung saja tutorialnya.

  • Login ke Blogger sobat,
  • Masuk ke Edit HTML, *Jangan Lupa Ceklist Expand Template Widget*
  • Cari "Arsip Blog", *Untuk Mempermudah Tekan ctrl-F*
  • Maka akan terlihat seperti kode di bawah ini,
 <b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>

  •  Untuk melakukan fungsi scroll lihat kode di bawah ini.

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:100px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>

  • Untuk kode yang berwarna merah silahkan kalian tambahkan pada template kalian.
  • Kode di atas merupakan kode untuk melakukan fungsi scroll pada arsip blog.
  • Simpan Template.
  • Selesai.

Terima Kasih.
Selamat Mencoba :)

Pasang Meta Tag SEO

Pemasangan Meta tag sangat perlu ditaruh pada blog, karena dengan Meta tag suatu blog akan masuk ke mesin pencari dengan mudah dan juga agar menarik banyak pengunjung dengan keyword pada blog itu sendiri. Meta Tag sendiri istilahnya jatung Blog karena jika tidak ada Meta tag maka suatu blog yang dibuat tanpa Meta tag akan menjadi sia-sia tanpa terindex di google tanpa pengunjung tanpa trafick dll. jadi penempatan Meta tag sangat berpengaruh terhadap blog itu sendiri

Di bawah ini adalah contoh meta tag yang banyak dipakai .

Contoh 1

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>

<meta content='Deskripsi Blog Kalian' name='DESCRIPTION'/>
<meta content='Keyword 1, Keyword 2, Keyword 3, Keyword 4' name='KEYWORDS'/>

<meta content='ID Meta Tag Goggle' name='google-site-verification'/>
<meta content='ID Meta Tag Yahoo' name='y_key'/>
<meta content='1 Days' name='revisit-after'/>
<meta content='index, follow' name='robots'/>

Contoh 2

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>

<meta content='Deskripsi Blog Kalian' name='DESCRIPTION'/>
<meta content='Keyword 1, Keyword 2, Keyword 3, Keyword 4' name='KEYWORDS'/>

<meta content='ID Meta Tag Goggle' name='google-site-verification'/>
<meta content='ID Meta Tag Yahoo' name='y_key'/>
<meta content='ID Meta Tag Alexa' name='alexaVerifyID'/>
<meta content='general' name='rating'/> 
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='ID Meta Tag Alexa' name='alexaVerifyID'/>
<meta content='1 Days' name='revisit-after'/>

<meta content='index, follow' name='robots'/>

Contoh 3

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>

<meta content='Deskripsi Blog Kalian' name='DESCRIPTION'/>
<meta content='Keyword 1, Keyword 2, Keyword 3, Keyword 4' name='KEYWORDS'/>

<meta content='ID Meta Tag Goggle' name='google-site-verification'/>
<meta content='ID Meta Tag Yahoo' name='y_key'/>
<meta content='ID Meta Tag Alexa' name='alexaVerifyID'/>
<meta content='general' name='rating'/> 

<meta content='true' name='MSSmartTagsPreventParsing'/>

<meta content='ID Meta Tag Alexa' name='alexaVerifyID'/>
<meta content='1 Days' name='revisit-after'/>

<meta content='index, follow' name='robots'/>

<meta content='ALL' name='SPIDERS'/>

Contoh 4

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>

<meta content='Deskripsi Blog Kalian' name='DESCRIPTION'/><meta content='Keyword 1, Keyword 2, Keyword 3, Keyword 4' name='KEYWORDS'/>

<meta content='ID Meta Tag Goggle' name='google-site-verification'/>
<meta content='ID Meta Tag Yahoo' name='y_key'/>
<meta content='ID Meta Tag Alexa' name='alexaVerifyID'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='general' name='rating'/>
<meta content='2011, Nama Blog Kalian' name='copyright'/>
<meta content='Nama Kalian' name='author'/>
<meta content='global' name='distribution'/>
<meta content='index, follow' name='robots'/>
<meta content='index, follow, all' name='googlebot'/>
<meta content='index, follow, all' name='msnbot'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='never' name='expires'/>
<meta content='1 Days' name='revisit-after'/>
<meta content='global' name='target'/>

Kalian bebas memilih dari keempat Meta tag diatas.
Selamat Mencoba :)
Terima kasih.

Cara Membuat Spoiler Pada Blog

Tutorial blogger kali ini Koisine Blog akan membahas tentang,
Bagaimana membuat Spoiler pada blog.

Pusing dengan script blog yang panjang dan banyak, apa solusinya ?
Spoiler,, spoiler adalah salah satu solusi untuk mempersingkat script kode blog yang dibuat secara buka tutup dengan tombol.

Spoiler ini juga bisa digunakan dalam penulisan artikel dalam blog atau bisa juga digunakan dalam widget pada blog, apabila terdapat widget yang terlalu banyak maka semua widget tersebut akan disisipkan dengan spoiler dengan fungsi buka tutup.

Copy script yang ada di dalam Spoiler di bawah ini.

Spoiler:

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b>: <input value="Open" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

Letakkan kode script, HTML dan teks anda disini

<br>
</div>
</div>
</div>



Selamat Mencoba.

Edit Cursor Blog Dengan Buntut Text


Beberapa hari yang lalu saya sedang mencari tugas untuk keperluan sekolah, saya mencari tugas itu dalam mesin pencari tentang Minyak Bumi. Saya Mas Koisine menemukan artikel untuk tugas sekolah pada blog seseorang dengan menggunakan cursor berbuntut text. Kemudian saya tertarik dengan cursor berbuntut itu untuk dijadikan artikel tutorial blogger dalam blog saya, dan saya mencari dan mencari tentang script cursor berbuntut itu sampai ketemu dan tenyata usaha saya berhasil.  Dan saya juga berhasil menemukan Tugas Sekolah dan tutorial cara membuat cursor berbutut text. Hehehehe


Langsung saja tutorialnya !
  • Login terlebih dahulu ke blogger kalian,
  • Pilih Rancangan - Elemen Edit - Tambah Gadget - HTML/Javascript,
  • Copas script di bawah ini dan taruh pada blog kalian,
<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='Edit Di Sini'.split('').reverse().join('');

var font='Verdana,Arial';
var size=3; // up to seve var color='#ff0000';

// 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>
  • Ganti tulisan yang berwarna merah sesuai anda.
  • Simpan

Selamat Mencoba :)

Cara Membuat Kode Warna Pada Blog

Tutorial kali ini Mas Koisine akan memberikan tutorial tentang cara membuat Kode Warna Pada Posting.
Dengan memasang kode warna ini  maka akan mengurangi beban kalian dalam menganti warna pada css yang ada di blog kalian atau dalam pengeditan template yang berbau warna agar tidak mencari lagi pada mesin pencari tentang kode warna.




Langsung saja tuorialnya !

Langkah Pertama !
  • Login terlebih dahulu ke blogger kalian,
  • Pilih Rancangan - Elemen Edit - Tambah Gadget - HTML/Javascript,
  • Copas script di bawah ini dan taruh pada blog kalian,

<script language='javascript'>
function Barva(koda)
{
document.getElementById("vzorec").bgColor=koda;
document.hcc.barva.value=koda.toUpperCase();
document.hcc.barva.select();
}
function BarvaDruga(koda)
{
document.getElementById("vzorec2").bgColor=koda;
document.hcc.Barva2.value=koda.toUpperCase();
document.hcc.Barva2.select();
}
</script>

<script type='text/javascript'>

var hue;
var picker;
//var gLogger;
var dd1, dd2;
var r, g, b;

function init() {
if (typeof(ygLogger) != "undefined")
ygLogger.init(document.getElementById("logDiv"));
pickerInit();
//ddcolorposter.fillcolorbox("colorfield1", "colorbox1") //PREFILL "colorbox1" with hex value from "colorfield1"
//ddcolorposter.fillcolorbox("colorfield2", "colorbox2") //PREFILL "colorbox1" with hex value from "colorfield1"
}

// Picker ---------------------------------------------------------

function pickerInit() {
hue = YAHOO.widget.Slider.getVertSlider("hueBg", "hueThumb", 0, 180);
hue.onChange = function(newVal) { hueUpdate(newVal); };

picker = YAHOO.widget.Slider.getSliderRegion("pickerDiv", "selector", 0, 180, 0, 180);
picker.onChange = function(newX, newY) { pickerUpdate(newX, newY); };

hueUpdate();

dd1 = new YAHOO.util.DD("pickerPanel");
dd1.setHandleElId("pickerHandle");
dd1.endDrag = function(e) {
// picker.thumb.resetConstraints();
// hue.thumb.resetConstraints();
};
}

executeonload(init);

function pickerUpdate(newX, newY) {
pickerSwatchUpdate();
}


function hueUpdate(newVal) {

var h = (180 - hue.getValue()) / 180;
if (h == 1) { h = 0; }

var a = YAHOO.util.Color.hsv2rgb( h, 1, 1);

document.getElementById("pickerDiv").style.backgroundColor =
"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";

pickerSwatchUpdate();
}

function pickerSwatchUpdate() {
var h = (180 - hue.getValue());
if (h == 180) { h = 0; }
document.getElementById("pickerhval").value = (h*2);

h = h / 180;

var s = picker.getXValue() / 180;
document.getElementById("pickersval").value = Math.round(s * 100);

var v = (180 - picker.getYValue()) / 180;
document.getElementById("pickervval").value = Math.round(v * 100);

var a = YAHOO.util.Color.hsv2rgb( h, s, v );

document.getElementById("pickerSwatch").style.backgroundColor =
"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";

document.getElementById("pickerrval").value = a[0];
document.getElementById("pickergval").value = a[1];
document.getElementById("pickerbval").value = a[2];
var hexvalue = document.getElementById("pickerhexval").value ='#'+
YAHOO.util.Color.rgb2hex(a[0], a[1], a[2]);
ddcolorposter.initialize(a[0], a[1], a[2], hexvalue)
if (hexvalue!="#FFFFFF") document.getElementById("pickerhexval").select();
}

</script><!--[if gte IE 5.5000]>
<script type="text/javascript">

function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}

YAHOO.util.Event.addListener(window, "load", correctPNG);

</script>
<![endif]-->
  • Save .

Langkah Kedua !

  • Buatlah entri baru atau artikel baru,
  • Pada entri tersebut ada dua pilihan "Edit HTML" dan "Compose",
  • Kalian pilih "Edit HTML" pada artikel tersebut,
  • Copas script di bawah ini pada artikel baru kalian.
<center><form name="hcc" id="hcc">
<table style="border-collapse: collapse;" align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0"><tbody><tr><td><table align="center" border="0" cellpadding="0" cellspacing="1" width="375"><tbody><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190707">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a0808">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b40404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df0101">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff0000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa5858">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f78181">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cece">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbefef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#191007">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a1b0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b240b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#61380b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a4b08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b45f04">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df7401">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff8000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe9a2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#faac58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7be81">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5d0a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6e3ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8ece0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbf5ef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#181907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#292a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#393b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5e610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#868a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#aeb404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d7df01">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ffff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7fe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f4fa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f3f781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f2f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5f6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7f8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbfbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#101907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1b2a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#243b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#38610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#4b8a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5fb404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#74df00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#80ff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#9afe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#acfa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#bef781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d0f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e3f6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ecf8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5fbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01df01">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58fa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071910">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a1b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b24">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b6138">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a4b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b45f">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01df74">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ff80">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efe9a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58faac">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f7be">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5d0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6e3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8ec">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbf5">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071918">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a29">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b39">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b615e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a85">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b4ae">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01dfd7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ffff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58faf4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f7f3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbfb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071019">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a1b2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b243b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3861">
</td><td onclick="Barva(this.bgColor)" bgcolor="#084b8a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#045fb4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0174df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0080ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e9afe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58acfa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81bef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9d0f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cee3f6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0ecf8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#eff5fb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#070719">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a0a2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b3b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b61">
</td><td onclick="Barva(this.bgColor)" bgcolor="#08088a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0404b4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0101df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0000ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e2efe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5858fa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8181f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9a9f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cecef6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0e0f8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#efeffb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#100719">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1b0a2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#240b3b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#380b61">
</td><td onclick="Barva(this.bgColor)" bgcolor="#4b088a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5f04b4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#7401df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8000ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#9a2efe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ac58fa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#be81f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d0a9f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e3cef6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ece0f8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5effb">
</td></tr><tr height="24"> <td onclick="Barva(this.bgColor)" bgcolor="#190718">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a29">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b39">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b5e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a0886">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b404ae">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df01d7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff00ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2ef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa58f4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f781f3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cef5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbeffb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190710">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a1b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b24">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b38">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a084b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b4045f">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df0174">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff0080">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e9a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa58ac">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f781be">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9d0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cee3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0ec">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbeff5">
</td></tr><tr height="10"><td>
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#000000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#151515">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1c1c1c">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e2e2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#424242">
</td><td onclick="Barva(this.bgColor)" bgcolor="#585858">
</td><td onclick="Barva(this.bgColor)" bgcolor="#6e6e6e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#848484">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a4a4a4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#bdbdbd">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d8d8d8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e6e6e6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f2f2f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ffffff">
</td></tr></tbody></table></td></tr></tbody></table>
<table align="center" border="0" cellpadding="0" cellspacing="2"><tbody><tr height="24"><td id="vzorec" width="24" height="24">
</td><td valign="bottom"><p>Kode warna yang terpilih : <input name="barva" id="barva" style="font-weight: bold; font-family: Verdana; height: 16px; width: 74px; font-size: 12px;" maxlength="7" size="9" type="text"></p></td></tr></tbody></table>
</form><p><a href="http://menujublog.blogspot.com/2010/03/cara-membuat-kode-warna-di-blog.html" target="new">Get it</a></p></center>
  • TERBITKAN ENTRI.
  • Apabila ada peringatan silahkan kalian ceklist "Hentikan galat HTML........." kalian ceklist saja.
  • TERBITKAN ENTRI.
  • Selesia.

Selesai dan selamat mencoba.

Contoh Kode Warna : Lihat Di Sini

Cara Pasang Widget Lintas Berita Pada Blog



Tutorial Blogger pada kali ini Mas Koisine Blog akan membahas cara memasang Widget Lintas Berita di blogger.

Widget ini berfungsi untuk melakukan Submit terhadap artikel yang ada pada blogger kalian ke Web Lintas Berita yang nanti artikel yang ada dalam blogger kalian akan terindex di google dengan web Lintas Berita dan terpangpang di Headline News Lintas Berita.

Lumayan untuk mendatangkan pengunjung atau menaikan traffick blog.
Karena apabila blog kalian belum terindex dalam google tetapi dengan anda sering Submit artikel ke Lintas Berita maka blog kalian sedikit demi sedikit akan muncul dalam google dari pengunjung yang melihat artikel blog kalian yang ada di dalam Lintas Berita, oleh karena itu kalian harus memasang widget Lintas Berita ke dalam blog kalian agar lebih baik.

Apabila kalian ingin memasang Widget Lintas Berita ini, kalian diminta ikuti langkah-langkah di bawah ini. 

  • Login ke Blogger kalian,
  • Masuk ke Edit HTML-- Jangan lupa diceklist yha--
  • Copas kode CSS di bawah ini di atas kode ]]></b:skin> 

#lintas-berita {  
background:#ECE0F8; /* Warna Tampilan */ 
border:1px solid #cccdcd;
margin:15px 0px 10px 0px;
padding:10px;
color:#000;
font-weight:normal;
}


.lintaskiri {
float:left;
margin:0px 15px 0px 0px;
width:380px; /* Lebar Widget */
}


.lintaskanan {
text-align:center;
}

  • Silahkan cari kode <data:post.body/> dan copas kode di bawah ini di bawah kode tersebut.
    Apabila kalian menggunakan fasilitas readmore kalian pilih kode <data:post.body/> yang kedua dan taruh tepat dibawahnya.

    <div class='clearfix' id='lintas-berita'>
    <div class='lintaskiri'>
    Apabila Artikel ini bagus silahkan Submit ke <strong>Lintas Berita</strong> aagar bisa dibaca oleh publik.
    </div>
    <div class='lintaskanan'>
    <script type='text/javascript'>lb_skin = &#39;mode2&#39;; </script>
    <script src='http://www.lintasberita.com/widget_vote/lintasberita.js' type='text/javascript'/>
    <noscript>Powered by www.lintasberita.com visit <a href='http://www.lintasberita.com'>Lintas Berita</a></noscript>
    </div>
    </div> 
  • Silahkan kalian edit tulisan yang berwarna biru.
  • Simpan Template
  • Selesai.
Selamat Mencoba :)

-Tugas- Contoh surat Congratulations

Congratulations to New Business
Dear Abhina:
Congratulations on the opening of your new gallery.
We know that every business requires a good bookkeeping
system, and have developed complete programs for
businesses of all sizes. While some systems are more
extensive than others, they all have a mutual goal;
to minimize paperwork, conserve time spent on bookkeeping,
and provide a simple format for keeping records in good
order.
I have enclosed our brochure and price list for your
review. Upon your request, I will be happy to arrange a
convenient time for one of our salesmen to meet with you
at your location.
Best wishes for your success.


Congratulations Letter
Dear Aby:
On behalf of everyone here at Deerwood Resorts Ltd., I would like to sincerely congratulate you on your recent graduation from Mountain State University with your M.B.A. (Marketing).
I must say that I was not surprised to read of your success in the newspaper. During your first of four summers as an employee at our Lakeland Family Resort I noted how bright you are and how you have a very quick mind for business. Combine those attributes with your relentless work ethic and commitment to quality customer service, and it is obvious that you have a wide-open future ahead of you. I can only hope that your experience working with us contributed in some small way to your success.
On behalf of the management and staff at Deerwood Resorts I wish you all the best in your future career and life endeavors, whatever they may be.
Yours sincerely,
Gita R A
President and CEO

Author : Sahabat

Cara Membuat Daftar Isi Otomatis

Tutorial blogger kali ini adalah bagaimana memasang daftar isi pada blog secara otomatis.
Kali ini koisine membahas tentang memasang daftar isi. Menurut saya daftar isi ini penting karena agar pengunjung penasaran dengan daftar isi pada blog kita sendiri. cara memasang daftar isi ini sangat gampang seperti halnya copas saja.

Langsung saja tutorial bagaimana membuat daftar isi pada blog.

  • Login terlebih dahulu ke Blogger kalian dengan id dan pass kalian.
  • Masuk ke Rancangan--Tata Letak--Tambah Widget--Javascript/HTML
  • Copas script di bawah ini pada blog kalian.

<div style="border: 1px solid #000; overflow: auto; height: 300px;">
<script style="text/javascript" src="http://hensblog.googlecode.com/files/daftar_isi.js"></script>
<script style="text/javascript">
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
</div>

  • Keterangan !
  • auto; height: 300px : Tinggi dari widget daftar isi tersebut.
  • var numposts = 1000 : Jumlah artikel yang akan ditampilkan "Silahkan Kalian Ganti Sesuai Selera".
  • var numchars = 100 : Judul judul pada daftar isi kalian.
  • Simpan Template.

Terima kasih, semoga dengan adanya tutorial ini dapat membantu kalian dalam dunia blogger di indonesia ini.

Selama Mencoba.