Membuat Fanspage Melayang Di Blog

Membuat Fanspage Melayang Di Blog - Sudah lama nggak update posting hehe.. , kali ini saya hanya mau berbagi tips blogger yaitu Membuat Fanspage Melayang Di Blog ,emang melayang bagaimana sih ? ya, kalau scroll browser dinaikkan atau diturunkan fanspagenya tetep diam sehingga memungkinkan pengunjung mengekliknya.. penasaran pengen coba ? disimak ya.....

• Login ke blogger jangan di Twitter apalagi Facebook 
• Masuk Ke "Tata Letak"
• Pilih "Add Widget"
• Lalu Pilih "HTML/JavaScript
• Copy Kode Dibawah Ini

<style type="text/css">
#topbar{
position:absolute;
padding-left:1px;
background-color: transparancy;
width: 238px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 10 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopright=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopright()", 10);
}
ftlObj = ml("topbar");
stayTopright();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="topbar">
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxSH63TVcWEr2fSIV96IFQgnTI9PGOarEPwTuI4xXOhzMD4Ryqy0rGfyv0LJwQVZ_R0px-HXh06uBqRa-_QK5QYt2S4lugqqQ7B34ThZZfLA-WYlSnhq9oba7tLQ3z2er552agqHgJjbV9/s1600/closanku.png" /></a></div>
<center>
<div style="background: #fff;">
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://facebook.com/NesabaSite&amp;width=238&amp;height=360&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:238px; height:360px;" allowtransparency="true"></iframe>
</div>
</center>
</div>

KETERANGAN : Ganti kode berwarna biru dengan kode fanspage sobat

• Simpan Perubahan
• Jangan Lupa Dilihat Hasilnya  :D

Sekian Dulu , Semoga bermanfaat ....dilike yah hihihih.... kkaabbooorrr

Read More

Cara Simple Buat Forum Sendiri

Halo sobat Nesaba site ! , saya mau ngeshare nih Cara Simple Buat Forum Sendiri , pernahkah anda menginginkan sebuah forum-forum besar seperti Kaskus.co.id ataupun Forum.detik.com ? Tertarik ingin membuatnya ?, Berikut
ini Cara Membuat Forum Sendiri , disimak baik-baik agar tidak terjadi kesalahan :D

• Pertama Kunjungi http://www.forumotion.com/
• Klik Create A Free Forum Seperti Yang Digambar Berikut

• Pilihlah Sebuah Tema/Template Yang Ingin Digunakan Untuk Forum Anda , Setelah Selesai Klik Continue 

• Isi Informasi Forum, Informasi Admin Yang Telah Disediakan, Jangan Lupa Dicentang TOS nya, Lalu klik Continue lagi hehe

• Isikan Password Sekali Lagi Lalu Klik Continue Lagi *capek 
• Oke Forum Sudah Jadi :D Contoh Bisa Dilihat Di http://nesaba-forum.forume.biz/

Sekian Dulu Semoga Forumnya Jadi Rame :D

Read More

Membuat Widget Follow Us Keren

Halo sobat Nesaba Site, sudah 4 hari nggak posting rasanya galau heheh... daripada tambah galau mending saya share tentang Cara Membuat Widget Follow Us .Hem.. apa sih manfaat dari Widget Follow Us ini ? ya ,cukup banyak misalnya untuk mempromosikan Fans Page Facebook, Twitter, biar banyak yang like maupun yang follow, dll . Adapun yang lain bisa di tambahkan di komentar ya hehhe... ,oke disimak baik-baik ya.

• Login Ke Blogger Jangan Di Facebook Hehe.
• Pilih Tata Letak.
• Pilih Add Widget.
• Pilih HTML/Java Script.
• Letakan Kode Dibawah Ini ke Dalam Box.

<div align="center"><a style="margin-left: 1em; margin-right: 1em;" title="Get updates on your facebook news feed" href="http://facebook.com/radenmasgalangmangkuwanitotanpobusono" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaAKjYq-Cj6AXw9Dxg1Lq7K_qop3sNAVdEQyWwohPc5rkI9_FCNywOdlE0NOaO4xFoprh_vBJKdoUJ6gQg6K1YoO6af91pPLRs2NeAZXx3bhPnhn9UhkS_na4orSz8X8oHQwWBsMd95PzZ/s400/facebook.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Follow us to get our twitter updates" href="http://twitter.com/galang_7x" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhOPx4pejtchmJWEXwEBBp7a7LX36GAab7vHXbLiEgK4vSvC8iARumMZZzXLGNuFwv9i55A0W1R_Hd-J8sWDO_a5kdVic1zJc33DUfh1THFdNPyXjxBTrUC1QEX5mDHeizPKxJIue3v8by/s400/twitter.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Add us to your circles on google plus" href="https://plus.google.com/109221280412979005312" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx2cZ_OJE-o38_neXCBswuWdioxpDclRgcnXZQGn5vEjljl6tW-UIQLeJnKdpLtN7WYXrE0mfRBYW-GZO_CvOUDDEEuMAZ_GxSUpwmlQiOleQJf35NifZ4PapTa3IKibGcJmywxSAW3Hoy/s400/gplus.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Subscribe to our RSS feed" href="http://feeds.feedburner.com/NesabaSite" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8dxIM_EvQyMSg7Se8v2N7Zd-j7gru1sPkRm8zyK6RAr2rpDpXQms5pNLxly9lAjcSjUocXYkmOc7_TzDiDx9TkVMFPrPuHjoPYAYITsZ7v5dYjctV1ZcwvO8Xg-65XW9fOhc4h9u7xQ6K/s400/rss.png" alt="" border="0" /></a><a style="margin-left: 1em; margin-right: 1em;" title="Get updates right in your inbox" href="http://feedburner.google.com/fb/a/mailverify?uri=nesabasite&amp;loc=en_US" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgco7Ggg47UERNu2HQrU50PYeu9eR5V3Y8ia9qoAZkTZPbdL81YbqYUJUW2EL2CBgWQWB2P0ewkgk_pIPDcGy5inXxtLlYyhde4SrJwtvtPax7WAlW5s7mEbX9ps2O8PP4DzFpZ6R6XjVcm/s400/email.png" alt="" border="0" /></a></div&gt

CATATAN :

1. Ganti Kode Yang Berwarna Biru Dengan Alamat Facebook Sobat.
2. Ganti Kode Yang Berwarna Biru Muda Dengan Alamat Twitter Sobat.
3. Ganti Kode Yang Bewarna  Merah Dengan Alamat Google Plus Sobat.
4. Ganti Kode Yang Berwarna Orange Dengan Alamat Feed Burner Sobat.
5. Ganti Kode Yang Berwarna Hijau Dengan ID Feed Burner Sobat.

• Klik "Save" dan Selesai 

Begitulah Cara Membuat Widget Follow Us Keren, Semoga Bermanfaat Untuk Semua :D

Read More

5 Keuntungan Jomblo

Hayo sobat Nesaba Site ada yang jomblo nggak ? bila ada , berbahagialah karena saya akan share 5 Keuntungan Jomblo , emang sih jomblo itu ada enaknya ada nggak enaknya ,seperti saya ini hehhee... dari dulu nggak dapet temen buat nemenin Smsan, Jalan bareng, dll. hoe kapan postingnya ? malah curhat melulu hehe.... oke disimak baik-baik ya :D

• Tidak Perlu Jadi Tahanan Yang Kudu Wajib Lapor 1x24 jam

kalau kita jomblo hidup kita bakalan santai, mengapa? karena kita nggak perlu terpaku sama sms "gi ngapain bebz?","udah maem lumbz?","udah mandi lumbz?", mungkin kata-kata ini yang sering kali digunakan untuk Sms sang pacar. Betul Tidak ?. Tapi untuk jomblo ? nggak usah kayak robot yang Sms pacar setiap hari kaya orang bego haha...

• IRIT ! 

Sangat jelas !, Seorang jomblo nggak usah mikir bokek , kalau misalnya bokek tinggal ngumpet di kamar langsung selesai , tapi kalo yang pacaran ? Pasti Panik, Gelisah, Tak Berdaya hahhaa... Pasti pusing cari pinjaman kesana kemari..

• Nggak Perlu Ngumpet Kalau Jalan Sama Lawan Jenis

Jomblo jalan sama siapa saja ? pasti boleh, tidak ada yang melarang. Berbeda kalau lagi pacaran , misalnya kita lagi jalan sama mantan *Udah Jadi Sahabat , Masak kita pamitan sama pacar "yang, nanti malem aku mau jalan sama Desi, mantan aku dulu..", bisa-bisa dirudal sama pacar lo. Tapi buat jomblo ? mau jalan sama Bu RT kek,sama monyet tetangga kek, yang penting happy hahaha....

• Bebas Dari Dosa

Hayo siapa yang pernah gitu-gituin pacar lo? , Kalau kita pacaran bersentuhan aja Dosa apalagi sampai ke situ-situ , pasti dosanya berat...*Sok Alim, Dan yang terakhir.........

• Manfaatkan Waktu Untuk Mikir Diri Sendiri

ini adalah keunggulan Jomblo, paling enak mikir sendiri , mikir sendiri aja susah apa lagi mikir orang laen ?

ya begitulah 5 Keuntungan Jomblo versi saya hahaaha, nikmati masa-masa jomblomu jangan buru-buru cari gebetan, betul tidak ?

Read More

5 Cara Meningkatkan Popularitas Blog

Menjadi blog yang paling populer merupakan idaman para blogger, betul tidak ? saya juga beranggapan begitu hehe. Ada beberapa cara yang mudah untuk membuat blog kita menjadi terkenal. mari kita simak..

• Submit Blog Ke Google

Tidak perlu dipertanyakan karena Google adalah master dari internet.

• Daftarkan Ke Social Bookmarking

Mengapa? karena Social Bookmarking merupakan situs yang mengirimkan data blog dan posting-posting
ke Google, contoh blog direkotir adalah Infogue,Lintas Me,dll.

• Tukar link

Jika ada teman yang mempunyai blog ajak dia untuk saling bertukar link. Karena dapat menjalin silaturahmi sesama blogger dan juga menjadi terkenal dimata Google.

• Isi Blog Dengan Artikel Yang Bermanfaat

Apa yang membuat pengunjung datang ke blog kita ? karena informasi yang mereka butuhkan ada pada blog kita. Oleh karena itu sangat penting mengisi blog kita dengan artikel yang bermanfaat.

• Dengan Uang Seribuan 

Ini yang saya suka karena paling jitu, Caranya tulis url blog di uang seribuan. Siapa tahu yang dapet orang yang sedang diwarnet dll. wahahahhahahaah........

Sekian Dulu, Semoga Bermanfaat :D

Read More

Terms of Service

Terms of Service for Nesaba Site

If you require any more information or have any questions about our Terms of Service, please feel free to contact us by email at .

Introduction

These terms and conditions govern your use of this website; by using this website, you accept these terms and conditions in full and without reservation. If you disagree with these terms and conditions or any part of these terms and conditions, you must not use this website.

You must be at least 18 [eighteen] years of age to use this website. By using this website and by agreeing to these terms and conditions, you warrant and represent that you are at least 18 years of age.

License to use website

Unless otherwise stated, and/or its licensors own the intellectual property rights published on this website and materials used on . Subject to the license below, all these intellectual property rights are reserved.

You may view, download for caching purposes only, and print pages, files or other content from the website for your own personal use, subject to the restrictions set out below and elsewhere in these terms and conditions.

You must not:

• republish material from this website in neither print nor digital media or documents (including republication on another website);
• sell, rent or sub-license material from the website;
• show any material from the website in public;
• reproduce, duplicate, copy or otherwise exploit material on this website for a commercial purpose;
• edit or otherwise modify any material on the website;
• redistribute material from this website - except for content specifically and expressly made available for redistribution; or
• republish or reproduce any part of this website through the use of iframes or screenscrapers.

Where content is specifically made available for redistribution, it may only be redistributed within your organisation.

Acceptable use

You must not use this website in any way that causes, or may cause, damage to the website or impairment of the availability or accessibility of or in any way which is unlawful, illegal, fraudulent or harmful, or in connection with any unlawful, illegal, fraudulent or harmful purpose or activity.

You must not use this website to copy, store, host, transmit, send, use, publish or distribute any material which consists of (or is linked to) any spyware, computer virus, Trojan horse, worm, keystroke logger, rootkit or other malicious computer software.

You must not conduct any systematic or automated data collection activities on or in relation to this website without 's express written consent.

This includes:

• scraping
• data mining
• data extraction
• data harvesting
• 'framing' (iframes)
• Article 'Spinning'

You must not use this website or any part of it to transmit or send unsolicited commercial communications.

You must not use this website for any purposes related to marketing without the express written consent of .

Restricted access

Access to certain areas of this website is restricted. reserves the right to restrict access to certain areas of this website, or at our discretion, this entire website. may change or modify this policy without notice.

If provides you with a user ID and password to enable you to access restricted areas of this website or other content or services, you must ensure that the user ID and password are kept confidential. You alone are responsible for your password and user ID security..

may disable your user ID and password at 's sole discretion without notice or explanation.

User content

In these terms and conditions, “your user content” means material (including without limitation text, images, audio material, video material and audio-visual material) that you submit to this website, for whatever purpose.

You grant to a worldwide, irrevocable, non-exclusive, royalty-free license to use, reproduce, adapt, publish, translate and distribute your user content in any existing or future media. You also grant to the right to sub-license these rights, and the right to bring an action for infringement of these rights.

Your user content must not be illegal or unlawful, must not infringe any third party's legal rights, and must not be capable of giving rise to legal action whether against you or or a third party (in each case under any applicable law).

You must not submit any user content to the website that is or has ever been the subject of any threatened or actual legal proceedings or other similar complaint.

reserves the right to edit or remove any material submitted to this website, or stored on the servers of , or hosted or published upon this website.

's rights under these terms and conditions in relation to user content, does not undertake to monitor the submission of such content to, or the publication of such content on, this website.

No warranties

This website is provided “as is” without any representations or warranties, express or implied. makes no representations or warranties in relation to this website or the information and materials provided on this website.

Without prejudice to the generality of the foregoing paragraph, does not warrant that:

• this website will be constantly available, or available at all; or
• the information on this website is complete, true, accurate or non-misleading.

Nothing on this website constitutes, or is meant to constitute, advice of any kind. If you require advice in relation to any legal, financial or medical matter you should consult an appropriate professional.

Limitations of liability

will not be liable to you (whether under the law of contact, the law of torts or otherwise) in relation to the contents of, or use of, or otherwise in connection with, this website:

• to the extent that the website is provided free-of-charge, for any direct loss;
• for any indirect, special or consequential loss; or
• for any business losses, loss of revenue, income, profits or anticipated savings, loss of contracts or business relationships, loss of reputation or goodwill, or loss or corruption of information or data.

These limitations of liability apply even if has been expressly advised of the potential loss.

Exceptions

Nothing in this website disclaimer will exclude or limit any warranty implied by law that it would be unlawful to exclude or limit; and nothing in this website disclaimer will exclude or limit the liability of in respect of any:

• death or personal injury caused by the negligence of or its agents, employees or shareholders/owners;
• fraud or fraudulent misrepresentation on the part of ; or
• matter which it would be illegal or unlawful for to exclude or limit, or to attempt or purport to exclude or limit, its liability.

Reasonableness

By using this website, you agree that the exclusions and limitations of liability set out in this website disclaimer are reasonable.

If you do not think they are reasonable, you must not use this website.

Other parties

You accept that, as a limited liability entity, has an interest in limiting the personal liability of its officers and employees. You agree that you will not bring any claim personally against 's officers or employees in respect of any losses you suffer in connection with the website.

Without prejudice to the foregoing paragraph, you agree that the limitations of warranties and liability set out in this website disclaimer will protect 's officers, employees, agents, subsidiaries, successors, assigns and sub-contractors as well as .

Unenforceable provisions

If any provision of this website disclaimer is, or is found to be, unenforceable under applicable law, that will not affect the enforceability of the other provisions of this website disclaimer.

Indemnity

You hereby indemnify and undertake to keep indemnified against any losses, damages, costs, liabilities and expenses (including without limitation legal expenses and any amounts paid by to a third party in settlement of a claim or dispute on the advice of 's legal advisers) incurred or suffered by arising out of any breach by you of any provision of these terms and conditions, or arising out of any claim that you have breached any provision of these terms and conditions.

Breaches of these terms and conditions

Without prejudice to 's other rights under these terms and conditions, if you breach these terms and conditions in any way, may take such action as deems appropriate to deal with the breach, including suspending your access to the website, prohibiting you from accessing the website, blocking computers using your IP address from accessing the website, contacting your internet service provider to request that they block your access to the website and/or bringing court proceedings against you.

Variation

may revise these terms and conditions from time-to-time. Revised terms and conditions will apply to the use of this website from the date of the publication of the revised terms and conditions on this website. Please check this page regularly to ensure you are familiar with the current version.

Assignment

may transfer, sub-contract or otherwise deal with 's rights and/or obligations under these terms and conditions without notifying you or obtaining your consent.

You may not transfer, sub-contract or otherwise deal with your rights and/or obligations under these terms and conditions.

Severability

If a provision of these terms and conditions is determined by any court or other competent authority to be unlawful and/or unenforceable, the other provisions will continue in effect. If any unlawful and/or unenforceable provision would be lawful or enforceable if part of it were deleted, that part will be deemed to be deleted, and the rest of the provision will continue in effect.

Entire agreement

These terms and conditions, together with 's Privacy Policy constitute the entire agreement between you and in relation to your use of this website, and supersede all previous agreements in respect of your use of this website.

Law and jurisdiction

These terms and conditions will be governed by and construed in accordance with the laws of , and any disputes relating to these terms and conditions will be subject to the exclusive jurisdiction of the courts of .

About these website Terms of Service

We created these website terms and conditions using the TOS/T&C generator available from Privacy Policy Online.

The full name of is Galang Krisnawa Bhakti.
You can contact by email at our email address link at the top of this Terms of Service document.

Read More

Membuat Random Post Di Blogspot

Huh... masih bingung nih kenapa kok blog ini nggak bisa dibuat dofollow, daripada bingung yang berkepanjangan saya mau share tentang Cara Membuat Random Post Di Blogspot . apa sih manfaat dari Random Post ini? ya dapat meningkat kan pageviews blog kita, karena Random Post itu akan menampilkan post secara acak biar pengunjung penasaran apa isi blog kita hehe . 

adapun Cara Membuat Random Postnya adalah :

• Seperti biasa, anda harus login di blogger. jangan di facebook lho hehe
• Pilih Tata Letak - Tambah Gadget - Pilih HTML/Java Script.
• Copy script dibawah ini dan paste pada kotak widget yang anda tambahkan tadi

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&
callback=randomposts" type="text/javascript"></script>

• Simpan widget dan simpan template blog anda 

• Dan saya ucapkan selamat karena anda berhasil Membuat Random Post nya

*Keterangan : Ganti tulisan warna biru sesuai jumlah post yang kita inginkan.
Semoga bermanfaat untuk semua :D

Read More

Cooltext.com Membuat Bannner Menjadi Mudah

Sore Sobat Nesaba Site , bertemu lagi nih dengan saya yang guanteng ini hehehe... pada kali ini saya akan share Cara Membuat Banner  dengan mudah, apa sih banner itu ? banner adalah tulisan / gambar untuk menunjukan suatu promosi atau ajakan dalam berbagai hal. dengan cooltext.com membuat banner pun jadi mudah. namun jika lebih profesional kita juga bisa membuat banner dengan photoshop.. okeh langsung saja ke tkp 

1. Masuk ke www.cooltext.com atau kesini
2. Pilih salah satu logo (Choose a Logo Style atau Choose a Button Design)
3. Design your logo, lalu pilih Create Logo
4. Pilih 4 pilihan yaitu Download Image - Edit this logo - Get HTML Code - Email Image
5. Pilih salah satu 
6. Selamat Banner Sudah Jadi :D

Sekian dulu dari saya , karena billing warnet mau habis hehee... , semoga bermanfaat

Read More

Cara Membuat Daftar Isi Accordion

Daftar isi memang sangat penting bagi suatu blog karena berfungsi sebagai alat navigasi untuk menyajikan seluruh artikel yang diposting. kali ini saya akan share tutorial bagaimana cara membuat daftar isi accordion .

Daftar isi ini menggunakkan efek accordion dimaksudkan untuk menghemat ruang yang ada di blog kita. Juga menimbulkan kesan yang rapi dengan artikel yang disusun berdasarkan Label. untuk perjelas lihat screenshot dulu atau lihat DEMO

menarik bukan?, mari kita simak langkah - langkahnya.

1. Login ke akun blogger anda
2. Buat sebuah posting dengan judul Daftar Isi atau terserah anda.
3. Klik tombol HTML disebelah tombol Compose.
4. Masukan kode dibawah ini :

<!-- Content - http://galangkuatir.blogspot.com - Start -->
<div style="margin-top: -85px;">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript">
</script>
<style type="text/css">
#daftar-isi {
background-color:#333;
border:2px solid #fafafa;
color:#fff;
margin-bottom:10px;
-webkit-box-shadow:0 1px 2px #000;
-moz-box-shadow:0 1px 2px #000;
box-shadow:0 1px 2px #000;
overflow:hidden;
}

#daftar-isi .judul-label {
overflow:hidden;
cursor:pointer;
text-decoration:none;
font:normal 13px/100% 'Verdana',Arial,Sans-serif;
padding:10px 15px 11px;
color:#bbb;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
border-top:1px solid #444;border-bottom:1px solid #222;
background:#333;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#333');
background:-webkit-linear-gradient(top, #3c3c3c, #333);
background:-moz-linear-gradient(top, #3c3c3c, #333);
background:-o-linear-gradient(#3c3c3c, #333);
background:linear-gradient(#3c3c3c, #333));
}

#daftar-isi .headactive {
color:#efefef;
border-top:1px solid #24B6E3;border-bottom:1px solid #104968;
background:#248AB0;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#248AB0', endColorstr='#21739B');
background:-webkit-linear-gradient(top, #248AB0, #21739B);
background:-moz-linear-gradient(top, #248AB0, #21739B);
background:-o-linear-gradient(#248AB0, #21739B);
background:linear-gradient(#248AB0, #21739B));
}

#daftar-isi ol {
background-color:#333;
margin:0 0;
padding:0 0;
color:#999;
list-style:none;
}

#daftar-isi li {
line-height:normal;
font:normal 11px/100% 'Verdana',Arial,Sans-serif;
margin:0 0;
padding:5px 5px 5px 15px;
white-space:nowrap;
text-align:left;
border-top:1px solid #444;border-bottom:1px solid #222;
}

#daftar-isi li:first-child {border-top:none;}
#daftar-isi a {color:#5687f8;}
#daftar-isi a:hover {text-decoration:underline;}
#daftar-isi a:visited {color:#5687b8;}

#daftar-isi strong {
font-weight:bold;
font-style:italic;
color:red;
}
</style>
<script type="text/javascript">
showNew = true;
accToc = true;
openNewTab = true;

var maxNew = 10,
baru = "New!!!",
sDownSpeed = 600,
sUpSpeed = 600;
</script>
<script src="http://nesaba.googlecode.com/files/Sak.js" type="text/javascript">
</script>
<script src="http://galangkuatir.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc">
</script></div>
<div style="text-align: right;">
<div style="margin-top: -10px;">
</div>
</div>
<!-- Content - http://galangkuatir.blogspot.com - End -->

    5. Ganti  tulisan warna Biru dengan alamat blog sobat.
    6. Publishkan :D

Read More