Cara Membuat Tulisan Berkedip

Sebenernya membuat huruf berkedip Caranya gampang sekali, tapi atas permintaan teman2 ya terpaksa harus saya posting disini…
Cara nya sangat lah mudah tinggal tambah <blink>  Dan akhiri Dengan  </blink>
Mudah Kan..!!!!
Sebagai Contoh Lihatlah Tulisan yang ada dibawah ini..?

Hallo Teman-teman Semua Apa Kabarnya…???

Jika anda ingin tulisannnya berjalan dan berkedip seperti contoh dibawah ini

Hallo Teman-teman Semua Apa Kabarnya…???

 

Semoga berhasil……….

Cara Mudah Membuat Menu Horizontal Dropdown

Ini dia Cara Membuat Menu Navigasi Horizontal Dropdown . Dalam bahasan Tutorial Blog kali ini kita akan mencoba membuat menu navigasi yang ada cabangnya (dropdown). Contoh menu navigasi horizontal bercabang tersebut bisa anda lihat di bawah ini:

Menu horizontal di atas dibuat dengan menggunakan html script dan css, menurut beberapa sumber menu horisontal yang dibuat menggunakan script css + html  lebih mudah ditelusuri oleh robot search engine dibanding jika menggunakan menu yang dibuat menggunakan javascript.

Untuk membuatnya bisa lakukan langkah berikut:

1. Login ke account blogger anda
Pilih Dashboard -> Tataletak -> Edit HTML

 Cari Kode Berikut : ]]></b:skin>

2. Copy Kode Dibawah Ini Diatas Kode Langkah 1 :

/* Navbar */
#menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url(http://i36.tinypic.com/28lgntl.jpg) repeat-x;
opacity: 0.99; filter: alpha(opacity: 98);}
#menu-cari{float:right; display:inline; padding:3px 5px 0 0;}
#menu ul{padding:0; margin:0;}
#menu ul li{padding:0; margin:0; list-style:none; display:block; float:left;}
#menu ul li a{float:left; padding-left:15px; display:block; color:#ffffff; text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; background:url(http://i36.tinypic.com/28lgntl.jpg) 0px -30px no-repeat; line-height:30px; padding-right:15px;}
#menu ul li a:hover{background-position:0px -60px; color:#ffffff;}
#menu ul li a.active, .menu li a.active:hover{background-position:0px -90px; color:#ffffff;}
#menu ul li ul {display:none;}
#menu ul li:hover ul, #menu ul li.hover ul {position: absolute; max-width:175px;
display: block; background:#000000; margin:2px; clear:left; margin-top:30px;}
#menu ul li:hover ul li, #menu ul li.hover ul li {width:175px; float: left; background: display: block;}
#menu ul li:hover ul li a, #menu ul li.hover ul li a{border-top:1px dotted #fff; background:black; width:175px;}
#menu ul li:hover ul li a:hover, #menu ul li.hover ul li a:hover{background:#7C01A4;}
.status-msg-wrap{
display:none;
}

3. Lalu Klik Tombol Simpan Template

4.Buka halaman "Tata Letak -> Elemen Halaman"


5.Pada Elemen header , klik " Tambah Gadget"

Catatan: Jika anda menggunakan template default (bawaan) blogger maka tombol "Tambah gadget" tidak muncul pada bagian header, untuk menampilkannya bisa lihat postingan BLog Lain  tentang cara menampilkan "tambah gadget" di header

6.setelah mengklik tombol "tambah gadget" pilih HTML/Javascript

7.pada kotak dialog html/javascrpit masukkan kode html berikut:

<div id="menu">
<ul>
<li><a class="active" href="/"> Home</a></li>
<li><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a>
<ul>
<li><a href="#">Menu 2.1</a></li>
<li><a href="#">Menu 2.2</a></li>
</ul></li>
<li><a href="#">Menu 3</a>
<ul>
<li><a href="#">Menu 3.1</a></li>
<li><a href="#">Menu 3.2</a></li>
<li><a href="#">Menu 3.3</a></li>
<li><a href="#">Menu 3.4</a></li>
</ul></li>
<li><a href="#">Menu 4</a></li>
<ul>
</ul>
</ul></div>

Setelah Itu Edit Pada Tanda # Dengan Link Yang Anda Punya Selesai Deh...

Cara Menambah Slot (elemen) Gadget di Header

Jika anda menggunakan template default blogger, maka anda akan mengalami kesulitan untuk menyisipkan gadget ke bagian header blog. Karena fungsi add gadget dinonaktifkan oleh blogger. Anda bisa mengaktifkan gadget tersebut, kemudian bisa menyisipkan obyek seperti script html/javascript, link, gambar, atau widget tertentu.

Tampilan default pada saat anda membuka halaman tata letak -> Elemen halaman adalah seperti di bawah ini:


Untuk mengubah atau menambah elemen gadget ke header, lakukan prosedur berikut:

1. Login ke dashboard => Tata Letak => Edit HTML , centang pada "Expand widget template"



2. Cari kode berikut

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

Ubah
maxwidgets='1' menjadi maxwidgets='4'
showaddelement='no' menjadi showaddelement='yes'

hasilnya bisa dilhat di bawah ini

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='4' showaddelement='yes'>

3. Klik tombol Simpan Template

4. Jika berhasil, bisa lihat tampilannya akan berubah seperti di bawah ini

Follow Twitter Melayang Mengikuti Arah Kursor

Pada postingan kali ini kita akan membahas sedikit tutorial cara memasang widget twitter animasi di blog yang selalu mengikuti krusor. tanpa sengaja saya menemukan tutorial ini di search Engine Mbah google,.hehee Oia, Untuk contohnya anda bisa lihat langsung pada postingan ini.

Demonya bisa dilihat disini


Tertarik??Baiklah, bagi sobat blogger yang tertarik untuk memasangnya di blog, silahkan ikuti tutorial di bawah ini.
1. Login ke akun Blog sobat.
2. Pilih rancangan, add gadget kemudian klik HTML/Java Script.
3. Copy Paste script di bawah ini ke dalam gadget sobat.

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://kangdadang.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIZs829-f-9kmZc0g62ZsuLHgmNObZbtFWYQRyjUT0cAcOpwq1O7qBpKB563geLiguTlab2guy4A8qqsCEsYpJzoLxkN3kbn3ZmfnUE-c2glUSgbEYwgzIP50ExeuTuoFTruAGNTfkUTU/s1600/birdsprite.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/http://arnandatkj.blogspot.com/";var tweetThisText = "Twitter - UserID http://arnandatkj.blogspot.com/.blogspot.com/";tripleflapInit();
</script>

NB: perhatikan teks yg berwarna biru, anda ganti semua sesuai dengan ID anda.

4. Terakhir Simpan. Lihat hasilnya.

Jangan lupa untuk meninggalkan pesan anda.. .

Cara Membuat Buku Tamu Blog Tanpa Di Klik Terbuka

Mungkin sobat sudah paham dengan Judul postingan saya kali ini Cara Membuat Buku Tamu Blog Tanpa Di Klik Terbuka , maka Di postingan saya kali ini hanya menambahkan saja,.sebagai contoh Cara Membuat Buku Tamu Blog Tanpa Di Klik Terbuka sobat bisa lihat buku tamu saya.

Gambar di atas yg di tunjuk oleh panah adalah Buku tamu yang saya miliki,sobat tidak perlu meng klik nya,tinggal sorot saja dengan Mouse,maka akan kuluar sendiri.
jika sobat berminat untuk memasang di blog sobat,mari kita mulai saja Cara pembuatan nya.

1. Login Ke Akun Blog Sobat
2. Pilih Rancangan/Tata Letak
3. Tambah Gadget/Add Gadget Pilih HTML JAVA SCRIPT
4. Masukan Script Berikut Di dalamnya

<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}

.gbtab{
height:150px;
width:50px;
float:left;
background:url('http://i1042.photobucket.com/albums/b429/Farix_2010/Chatting.png') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #BB0000;
-moz-border-radius-bottomleft:10px;
-webkit-border-radius-bottomleft:10px;
-o-border-radius-bottomleft:10px;
-khtml-border-radius-bottomleft:10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
background: #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgizOyH9GiPZ9zvY5a03WJzF78XXmKblZ4w1LDq4PkHIjx-lQLs1kYcayRSqxXnx3v9o67XIcP7icOH5o3yHLpSErvOrd1JRj0tEQuCGThwc4J1lYI_4vvgp7yetCN4BdCQWRSRhso9vbg0/s1600/api.gif) no-repeat bottom;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){

var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>
Letakan Script Buku tamu sobat Disini
<br />
<div style="text-align:center">
<a onclick="showHideGB()" class="tips-fade" title="klik untuk tutup chattingbox">
<center><hr /><img src="http://i1042.photobucket.com/albums/b429/Farix_2010/CloseComment-1.png" /><hr /></center>
</a>

</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script></div>

5. Ubah Kata Letakan Script Buku tamu sobat Disini Dengan Script Buku Tamu Sobat
6.Simpan Dan Lihat Hasilnya.

Membuat Read More Otomatis (Automatic Read More + Thumbnail Image)

Read more otomatis (Automatic Read more ) adalah read more atau baca selengkapnya dengan secara otomatis mengambil ringkasan dari blog kita di tambah lagi read more otomatis ini juga akan mengambil gambar thumbnailnya. Klo pake read more / baca selengkapnya yang biasa kan agak repot tuh di saat setiap kali mau New Post / menambah postingan baru kita harus menambahkan kode <span class="fullpost> isi postingan </span> atau <span id="fullpost">isi postingan</span>,, Capeeek Dhe.hh...!!! jaman sekarang mah da basi nieh yang ginian...hehehehe... nah bagi yang gak mau lagi disusahkan oleh read more yang seperti ini sekarang ikutin aja nieh tips dan trik membuat Read more otomatis berikut ini

klik untuk memperbesar gambar

Ikuti langkah-langkah berikut ini untuk membuatnya

1. Login di Blogger > pada Dasboard pilih Rancangan > Edit HTML
2. Centang / Check List dulu "expand widget templates"
3. Cari kode </head> kemudian copy - paste kode di bawah ini sebelum kode tersebut

<script type='text/javascript'>var thumbnail_mode = "no-float" ;

summary_noimg = 430;

summary_img = 340;

img_thumb_height = 100;

img_thumb_width = 120;

</script>

<script src='http://sites.google.com/site/hitsukeproject/summarypost.js' type='text/javascript'/>

kamu juga bisa mengubah kode tersebut sesuai selera

summary_noimg = 430; kode ini untuk memotong / mengatur tinggi tanpa gambar

summary_img = 340; kode ini untuk memotong / mengatur tinggi dengan gambar

img_thumb_height = 100; kode ini untuk tinggi gambar thumbnailnya

img_thumb_width = 120; kode ini untuk lebar gambar thumbnailnya

4. Sekarang cari kode


<data:post.body/> , hati-hati ya bagi yang sudah memakai read more yg tidak otomatis, biasanya ada dua kode yang seperti itu, jadi pilih yang pertama. Klo Udah ketemu copy - paste kode berikut lalu ganti dengan kode dibawah ini

<b:if cond='data:blog.pageType != "item"'>


<div expr:id='"summary" + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");

</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> Read More </a></span>


</b:if>

<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

tulisan read more disana bisa kamu ganti sesuai keinginan. gmn..? sudah blom.?? Hm..klo sudah di SAVE ya..!!!

Sekarang coba liat Blog kamu pasti jadi lebih menarik dan tidak repot lagi klo mo posting. ^_ ^

Trus Bagai mana dengan yang udah pakai read more yang lama?? gman cara ganti dengan read more otomatis ini??
Nah kode yang read more yang lama kan seperti ini (setiap template boleh jadi berbeda lho, jadi hati-hati ya)

<div class='post-header-line-1'/>

<div class='post-body entry-conten'>

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More......</a>

</b:if>

lalu hapus kode yang di tebalkan kemudian ikuti langkah 1 sampai 4.
Semoga bermanfaat, jangan lupa kritik dan sarannya . . .
GOOD LUCK..!!!

Cara Menambah Animasi di pojok Blog

Gimana cara membuat "animasi" itu selalu berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana.Untuk bisa tahu bagaimana caranya,.,.,

Yukz,,kita lihat langkahnya di bawah ini. :

1. Login ke blogger trus klik Layout -->> Edit HTML


2. Cari kode ini ]]></b:skin> kalo dah ketemu taruh kode berikut ini di atasnya.

#trik_pojok {
position:fixed;_position:absolute;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); }

 
3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "buttom", jika pingin di posisi atas bisa diganti dengan "top".Untuk contoh punya saya, letaknya berada di pojok bawah sebelah kanan.

4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

<div id="trik_pojok">
<a href="http://arnanda-tutorial.blogspot.com">
<img src="http://www.geocities.com/bannernyadonie.jpg" border="0" /></a>
</div>

"http://arnanda-tutorial.blogspot.com" adalah link. ganti dengan link kamu.
"http://www.geocities.com/bannernyadonie.jpg" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu ingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.

Selamat Mencoba. . .

Cara Mengganti Tampian Cursor

Bingung,,, ???
Bosan dengan tampilan kursor yang seperti itu-itu saja,,.,.???

Untuk kali ini, saya akan berbagi pengetahuan tentang bagaimana cara mengganti tampilan kursor pada blog agar lebih terlihat menarik dan indah. Cara menggantinya ikuti langkah - langkah brikut :

1.Masuk Ke Akun Blogger Anda
2.Klik Rancangan atau Tata letak 
3.Lalu Klik Tambah Gadget
4.Pilih HTML/JavaScript

5.Setelah itu kita masuk ke alamat Disini untuk memilih bentuk kursor yang kita inginkan.

6.Copy Paste Script nya, , ,

7.Simpan dan lihat hasilnya,.,.,,

SEmoga Berhasil . . . .

Tips Untuk Menghemat Energi pada Blog dengan Online Leaf

Online Leaf Untuk Menghemat Energi - apa itu Online leaf ..? Online Leaf adalah script yang dibuat oleh onlineleaf.com yang bertujuan untuk mengurangi sekaligus mencegah globalwarming, apahubungannya dengan script ini, ini pasti yang ditanya-tanya, script ini nanti akan kita pasang di blog kita yang akan secara otomatis dalam kurang lebih kalau tidak salah satu 1menit, maka halaman blog kita akan secara otomatis sreensaver, dan ini akan mengurangin energi, dan tida membuang-buang energi yang tidak penting, ingat dalam satu menit blog atau web kita jika kita diamkan maka akan mucul tulisan "Energi Saving mode" yang bacKgroundnya berwarna hitam, seperti pada blog ini.

Cara pasang script ini cukup mudah ikuti saja langkah-langkah dibawah ini.:

1.Masuk Ke Akun Blogger Anda
2.Klik Rancangan atau Tata letak 
3.Lalu Klik Tambah Gadget
4.Pilih HTML/JavaScript
5.Copy paste script kodenya 

<script language="javascript" src="http://www.onlineleaf.com/savetheenvironment.js?lang=id" type="text/javascript"> </script>

 6.Klik Simpan Dan Lihat Hasilnya...

Cara Mudah Membuat Daftar Isi

Untuk dapat membuat daftar isi yang menampung isi dari postingan yang kita postkan,pasti kita akan lebih mudah untuk membuat daftar isi yang dapat muncul link postingan kita secara otomatis.

Dalam hal ini saya punya script untuk dapat membuat daftar isi seperti yang ada di blog saya.

Ikuti saja langkah-langkahnya :

1.Masuk Ke Akun Blogger Anda
2.Klik Rancangan atau Tata letak 
3.Lalu Klik Tambah Gadget
4.Pilih HTML/JavaScript
5.Copy paste script kodenya 

<style></style>

<div style="margin: 0px; padding: 0px; overflow: auto; width: 155px; height: 200px; background-color: #F6E3CE;">

<script style="text/javascript" src="http://adesanusi.googlepages.com/daftar-isi.txt"></script><script style="text/javascript">var numposts = 150;var showpostdate = false;var showpostsummary = false;var numchars = 150;var standardstyling = true;</script><script src="http://arnanda-tutorial.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script><br /><br /></div>

 6.Klik Simpan Dan Lihat Hasilnya

Ket :

Tulisan yang berwarna, silahkan Anda ganti dengan nama Blog Anda.

Tips Mudah Membuat Link Vertikal di Blog

Kali ini saya akan membahas tentang bagaimana cara membuat Menu Link Vertikal Di Blog, dengan sedikit hiasan yang tentunya akan membuat tampilan link tersebut menjadi indah di pandang,
Langsung saja pada pokok permasalahan, dan jika masih bingung seperti apa tampilannya, lihatlah contoh dibawah ini :

	MENU MY BLOG
	Home
	Facebook
	Download
	About Me

Tertarik Untuk mencoba nya.. ya sudah langsung saja ke TKP
Ikuti Langkah - langkah di bawah ini :
Klik Elemen Halaman - Pilih Tambah Gadget - Klik HTML/Javascript - Copy paste kode Dibawah ini,, Setelah itu paste kan di halaman HTML/Javascript :

<table width="300" border="0" cellpadding="0" cellspacing="0" bordercolor="#00FFCC">

  <tr>

    <td width="28" rowspan="6" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHU_R1CPZdyX1gJyoHDdpITc7mnqAn5Q8O5jnWNRsmikUKLwk5DM98yicztUh_JKGWio-x5Mlr-pvLe4iNueadDZavUA6nhVS8Qoic7Q9pQCIQjzb5ico-HW1XEpmYPSrvT-w1g8FTRuXP/s128/kiri.jpg">&nbsp;</td>

    <td width="238" height="30" align="center" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYzSIBxZDG_t3JK-aiJg_LJtPwAI2cVVVJJwMq2lhmxYJGvV2wEYSmNjzyEE7_COO5j4phxkr1ilU8oRglH7C1WwCwfG21vkvtMieVcxSyF_oPqjoj0VYiJBq5vPt4wo-oilR-q-7dUFfO/s128/ataski2yo.jpg"><strong>JUDUL LINK</strong></td>

    <td width="28" height="30" rowspan="6" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSXoSWejn9Y3d1AIcLXu1jH4CfBG-V7lLH5pn5tWk_ZlUFxKKNTsTNiRpbBm_Y9ofapVMmOJPY4KhTbyt5mAaiosGvdEeoyZKTJcjXC1ZBmyNiy_UM71JErPV1X38q6Q67yx2SY14jBTup/s128/kanan.jpg">&nbsp;</td>

  </tr>

  <tr>

    <td height="30" align="center" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqnBQ396a66X0SSywv7mcLOK8UvbzUOmsDMT7tAKsFnGAUySb3G2Duw8_gvD-mpxropI4pD-BdnapEcAxI-74e9XLAz-hSovsWt8zCyjVTwMH5Z93k32INaI0OdKYMRn-O_cy-EqrE2MpH/s128/linkkikiyo.jpg"><strong><a href="Ganti_Dengan_Url_Link_Anda">Link 1</a></strong></td>

  </tr>

  <tr>

    <td height="30" align="center" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqnBQ396a66X0SSywv7mcLOK8UvbzUOmsDMT7tAKsFnGAUySb3G2Duw8_gvD-mpxropI4pD-BdnapEcAxI-74e9XLAz-hSovsWt8zCyjVTwMH5Z93k32INaI0OdKYMRn-O_cy-EqrE2MpH/s128/linkkikiyo.jpg"><strong><a href="Ganti_Dengan_Url_Link_Anda">Link 2</strong></td>

  </tr>

  <tr>

    <td height="30" align="center" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqnBQ396a66X0SSywv7mcLOK8UvbzUOmsDMT7tAKsFnGAUySb3G2Duw8_gvD-mpxropI4pD-BdnapEcAxI-74e9XLAz-hSovsWt8zCyjVTwMH5Z93k32INaI0OdKYMRn-O_cy-EqrE2MpH/s128/linkkikiyo.jpg"><strong><a href="Ganti_Dengan_Url_Link_Anda">Link 3</strong></td>

  </tr>

  <tr>

    <td height="30" align="center" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqnBQ396a66X0SSywv7mcLOK8UvbzUOmsDMT7tAKsFnGAUySb3G2Duw8_gvD-mpxropI4pD-BdnapEcAxI-74e9XLAz-hSovsWt8zCyjVTwMH5Z93k32INaI0OdKYMRn-O_cy-EqrE2MpH/s128/linkkikiyo.jpg"><strong><a href="Ganti_Dengan_Url_Link_Anda">Link 4</strong></td>

  </tr>

  <tr>

    <td height="30" align="center" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYzSIBxZDG_t3JK-aiJg_LJtPwAI2cVVVJJwMq2lhmxYJGvV2wEYSmNjzyEE7_COO5j4phxkr1ilU8oRglH7C1WwCwfG21vkvtMieVcxSyF_oPqjoj0VYiJBq5vPt4wo-oilR-q-7dUFfO/s128/ataski2yo.jpg"><strong></td>

  </tr>

</table>

Ket :

JUDUL LINK : ganti dengan judul menu Anda
Ganti_Dengan_Url_Link_Anda : Ganti Dengan Link Tujuan Link Anda
LINK 1 : Silahkan Anda ganti dengan nama tampilan link anda
LINK 2 : Silahkan Anda ganti dengan nama tampilan link anda
LINK 3: Silahkan Anda ganti dengan nama tampilan link anda
LINK 4: Silahkan Anda ganti dengan nama tampilan link anda

Selamat Mencoba...!!!!

Cara Membuat Daftar Isi Secara Manual

Untuk pertanyaan bagaimana cara membuat daftar isi ,secara manual ,.,.kali ini langkah - langkahnya sebagai berikut :

•   Membuat Link Berbentuk Tangga
•   Download Icon Dan Button Unik Jejaring Sosial
•   Membuat Menu Link Vertikal Di Blog
•   Pasang Tv Di Blog Part II
•   Pasang Multi Tv Di Blog
•   Merubah Tampilan Dan Ukuran Font Di blog Secara Otomatis
•   Pasang Script Anti Klik Kanan Di Blog
•   Membuat Tampilan Link Berkedip Warna - Warni
•   Cara Pasang Stripe Ad Seperti Tampilan Navgar
•   Membuat Tab Buka Tutup Di Blog
•   Merubah Tampilan Cursor Mouse
•   Membuat Buku Tamu Buka Tutup Di Samping Kanan Blog
•   Merubah Tampilan Link Di Blog
•   Memasang Profile Twitter Kita Di Blog
•   Membuat Link Tanpa harus Di klik langsung Terbuka
•   Cara Mudah Membuat Gambar Animasi Di Blog
•   Membuat Tulisan Terbalik
•   Memasang Kotak Link Kecil Yang Melayang Di Blog
•   Kode Kalkulator Pemrograman Dhelphi 7
•   Contoh Sistem Pakar
•   Pasang Aquarium Sekaligus Memberi Makan Ikan Di Blog
•   Cara Setting Blog
•   Menghilangkan Icon Obeng dan Tang Di Blog
•   Cara Membuat Daftar Isi
•   Membuat Contact Form
•   Pasang Jam Di Sidebar
•   Pasang Kalender Di Blog
•   Membuat Link-Link Bergerak Di Blog
•   Membuat Fhoto/Gambar Bergerak Marquee
•   Menyembunyikan Navgar Di Blog
•   Membuat Huruf berkedip
•   Memasang Fasilitas Print Di Blog
•   Membuat Efek Photo Semu/blur Pada Gambar
•   Pasang Tanda Skrip Alert Di Blog
•   Membuat Alamat Judul Blog Berjalan
•   Membuat Gambar/Widged Berada di pojok Blog Kita
•   Memperindah Tampilan Blogspot/Website
•   Download lagu dan Program
•   Template For Blog
•   Merubah gambar menjadi bentuk animasi
•   Membuat Teks Marquee
•   Cara Convert lagu Mp3
•   Tips dan Trik Computer
•   Contoh Observasi
•   Kode kalkulator Online
•   Definisi Facebook
•   Php
•   Cara Instalasi windows
•   Internet dan Jejaring Sosial
•   Akutansi
•   Daftar Website Di Google
•   Kode Html kalender

Jawabannya Susah sekali…!!! Perlu waktu bertahun-tahun untuk membuatnya.. hee..hee
Gak Cuma bercanda,, cara nya mudah koq tinggal copy paste aja cara dibawah ini…

<div style="background: Black;overflow:auto;width:855px;height:200px; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1Gmtdd0EwYBka3FZp3pE3wOlgQOjwHWWPFHmymObMlfRuabOe7k5u0q917cyf6zZZJArnfbp7TFWnFZ0MbavgJXa0cOl1gpYx7Srnzv0NG2kLEkHJDCIgRRs98vH8_yWsBprc6GzXB00D/); padding:10px;border:0px solid #eee">

<ul>

<li>&#160;<a href="http://arnandatkj.blogspot.com/2010/06/membuat-menu-link-berbentuk-tangga.html"> Membuat Link Berbentuk Tangga</a></li>

<br />

<li>&#160;<a href="http://arnandatkj.blogspot.com2010/06/download-icon-dan-button-unik-jejaring.html"> Download Icon Dan Button Unik Jejaring Sosial</a></li>

<br />

<li>&#160;<a href="http://arnandatkj.blogspot.com/2010/06/membuat-menu-link-vertikal-di-blog.html"> Membuat Menu Link Vertikal Di Blog</a></li>

<br />

<li>&#160;<a href="http://arnandatkj.blogspot.com/2010/06/pasang-tv-online-part-ii.html"> Pasang Tv Di Blog Part II</a></li>

<br />

<li>&#160;<a href="http://arnandatkj.blogspot.com/2010/06/pasang-multi-tv-di-blog.html"> Pasang Multi Tv Di Blog </a></li>

<br />

<li>&#160;<a href="http://arnandatkj.blogspot.com/2010/06/merubah-tampilan-dan-ukuran-font-di.html"> Merubah Tampilan Dan Ukuran Font Di blog Secara Otomatis </a></li>

<br />

<li>&#160;<a href="http://arnandatkj.blogspot.com/2010/05/pasang-script-anti-klik-kanan-di-blog.html"> Pasang Script Anti Klik Kanan Di Blog</a></li>

<br />

<ul>

</ul></ul></div>

Ket :
Tulisan Warna Merah Ganti Dengan URL Tujuan Anda
Tulisan Warna Hitam Ganti Dengan Judul Link Anda

Daftar Isi Ini Di Buat Secara Manual Jadi Anda Harus Menambah Link Nya Sendiri

Semoga Berhasil………

Cara Menghilangkan Icon Obeng dan Tang Di Blog

Begini teman-teman, jika kita sedang mengedit template dan melihat hasilnya maka pada sudut-sudut element akan terlihat icon bergambar obeng dan tang. Masih gak maksud juga….. ya udah liat aja contoh gambar dibawah :

Gambar yang ditunjukan oleh tanda berwarna merah tersebut di sebut juga dengan icon Quick Edit atau untuk mengedit secara cepat. Fungsinya jika kita ingin melakukan editing terhadap elemen tersebut tinggal klik saja icon nya dan kita bisa langsung mengeditnya.
Caranya mudah koq ikuti aja langkah-langkah dibawah ini…

1. Login ke blogger dengan ID anda tentunya.
2. Klik Tata Letak.
3. Klik tab Edit HTML.
4. Cari kode seperti ini : ]]></b:skin>
5. Copy paste kode Dibawah ini tepat di atas kode diatas tadi :

.quickedit { display:none; }

6. Klik tombol Simpan template.
7. Dan lihat hasilnya.

Selamat Mencoba. . . . . 

Cara Memasang Aquarium Sekaligus Memberi Makan Ikan Di Blog

Untuk Teman-teman yang ingin membuat Blog nya terlihat Indah, maka jangan tinggalkan cara yang satu ini, ini membuat kita seperti tinggal dirumah sendiri,, Kurang jelas dengan judul di atas, maksudnya kita bisa memberi makan ikan-ikan di blog dengan Mengarahkan cursor mouse ke kotak aquarium lalu di klik, maka secara otomatis kita memberi makanan ke ikan-ikan itu,,

Ikutin aja langkah-langkah dibawah ini,, Caranya gampang koq

1. Pertama-tama Klik Disini untuk mengujungi Alamatnya
2. Setelah Masuk Ke alamat itu Cari kode Html/Javasciptnya
3. Copy - Paste Kodenya
4. Langkah Selanjutnya masuk ke blog Anda
5. Buka Tata Letak setelah itu Klik Elemen Halaman
6. Klik tambah Gedged pilih/klik menu HTML/Javascript
7. Klik Save
8. Dan Lihat hasilnya…

Semoga Berhasil. . . . ????

Cara Membuat Background Hujan Salju

Untuk kali ini saya akan sharing tentang cara membuat tampilan background pada blog seperti  hujan salju.
Sebenarnya cara membuat atau cara menampilkannya cukup simple dengan menggunakan CSS..

Ok... langsung saja ikuti langkah - langkah dibawah ini :

Script Kode Untuk Membuat Background Hujan Salju  :

<style type="text/css">

<!--

body { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZc79IrxZbEXE2C3snM2Tn9EMrCYrMxHGG_O4g9_e6556XsHsBClvd30d0sg7FoKajGtZlYAftjNSbjD07MgykRFRKAuJMHhd7FYihhNI18oRRu2oeS_LpyDS7Y6ZLVSVsPO9pt74nR0YJ/); background-color: #4A6873; }

//Visit To www.kikiyo.co.cc for this script

-->

</style>

 

Langkah - langkahnya :
1.Masuk Ke Akun Blogger Anda
2.Klik Rancangan atau Tata letak 
3.Lalu Klik Tambah Gadget
4.Pilih HTML/JavaScript
5.Copy paste script kode diatas didalam HTML/JavaScript
6.Klik Simpan

Tips Menambahkan Translator atau Penerjemah pada Blog

Sahabat Blogger, untuk kali ini, saya akan menunjukkan bagaimana cara untuk menambahkan Penerjemah pada Blog Anda. Sehingga, Blog kita bisa menjadi lebih bagus dengan banyak bahasa yang dapat kita gunakan.
untuk mengetahui apa saja Scriptnya , silahkan ikuti langkahnya :
1. Silahkan login di blogger dengan id Anda.
2. Klik Layout.
3. Klik Elemen Halaman.
4. Klik tulisan Tambahkan Gadget.
5. Klik tombol tulisan Html/JavaScript.
6. Copy paste kode berikut pada elemen Html/javasript halaman tadi :

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'id'
  }, 'google_translate_element');
}
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

7. Klik tombol simpan perubahan.
8. Pindahkan elemen yang baru di buat tadi ke tempat yang anda sukai.
9. Klik tombol SIMPAN.
10. Selesai. Dan lihat hasilnya.

Silahkan Dicoba......

Cara Mengganti Icon Blog

Sahabat Blogger, kali ini saya akan membagi pengetahuan saya tentang bagaimana kita mengganti ikon blogger di address bar. Untuk blog saya, saya menggunakan cara yang saya ketahui. Lebih jelasnya, ikuti langkah - langkahnya :
1. Silahkan login di blogger dengan id Anda.
2. Klik Layout./Rancangan

•   Sebelumnya silahkan Anda Download Template Blog di ZoomTemplate atau di Btemplate

3.Pilih Edit HTML

4.Kemudian Cari kode seperti di bawah ini :
      <link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
5.Sebelumnya Masuk ke Posting
6.Pilih Entri Baru
7.Kemudian Klik Insert Image/tambahkan gambar.
8.Pilih Gambar yang Anda inginkan untuk icon Blog Anda.
9.Klik Kanan pada Gambar
11.Pilih Copy Image Location
12.Setelah itu, Paste pada tulisan YOUR-FAVICON-URL
13.Klik Simpan Template, dan Lihat hasilnya.

Semoga Bermanfaat .. dan Selamat Mencoba.......

Cara membuat Browser Bergerak pada Blog

Sahabat Blogger,,,ini saya ada tips untuk membuat halaman Browser kita bisa bergerak, jika blog kita akan dibuka. Namun kebanyakan saya mencoba , efek ini akan lebih terlihat dan akan maksimal jika kitya menggunakan Browser Mozilla firefox yang biasanya saya gunakan.

Seperti contoh halnya untuk blog saya yang apabila di buka , pasti browser akan bergerak berputar.

Untuk mengetahui bagaimana caranya , silahkan ikuti langkah - langkah berikut :

1. Silahkan login di blogger dengan id anda.
2. Klik Layout.
3. Klik Elemen Halaman.
4. Klik tulisan Tambahkan Gadget.
5. Klik tombol tulisan Html/JavaScript.
6. Copy paste kode berikut pada elemen Html/javasript halaman tadi :

<!-- Script Codes by Www.kikiyo.co.cc -->
<script>
window.scrollBy(0, 1)
window.resizeTo(0,0)
window.moveTo(0,0)
//setInterval("move()",30);
setTimeout("move()", 1);
var mxm=50
var mym=25
var mx=0
var my=0
var sv=50
var status=1
var szx=0
var szy=0
var c=255
var n=0
var sm=30
var cycle=2
var done=2
function move()
{
if (status == 1)
{
mxm=mxm/1.05
mym=mym/1.05
mx=mx+mxm
my=my-mym
mxm=mxm+(400-mx)/100
mym=mym-(300-my)/100
window.moveTo(mx,my)
rmxm=Math.round(mxm/10)
rmym=Math.round(mym/10)
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.3)
}
</script>

7. Klik tombol simpan perubahan.
8. Pindahkan elemen yang baru di buat tadi ke tempat yang anda sukai.
9. Klik tombol SIMPAN.
10. Selesai. Dan lihat hasilnya.

Selamat Mencoba. . . . . 

Tips untuk dapat Memasang fasilitas Print di Blog

Kita dapat memasang fasilitas print this page dalam blog kita, agar semisal kita membutuhkan halaman tersebut untuk dicetak ke sebuar kertas, maka fasilitas ini jugatida kalah bergunanya.

Untuk dapat memasangnya, kita lihat saja langkah – langkahnya.:

1. Silahkan login di blogger dengan id anda.
2. Klik Layout.
3. Klik Elemen Halaman.
4. Klik tulisan Tambahkan Gadget.
5. Klik tombol tulisan Html/JavaScript.
6. Copy paste kode berikut pada elemen Html/javasript halaman tadi :

<a href="javascript:print(document)"><img src="http://amen24.googlepages.com/printer.png" alt="print this page" border="0"/> Print this page</a>

7. Klik tombol simpan perubahan.
8. Pindahkan elemen yang baru di buat tadi ke tempat yang anda sukai.
9. Klik tombol SIMPAN.
10. Selesai. Dan lihat hasilnya.

Tips Untuk membuat Alamat Blog Bergerak/Berjalan

Untuk memvariasi blog, pasti kita pengin untuk alamat blog kita bisa berjalan.Untuk membuat Address Bar / Alamat Blog menjadi bergerak seperti blog saya yang harus dilakukan adalah :
1.Login dulu ke blogger
2.Setelah itu Masuk ke Tata Letak
3.Lalu Pilih HTML
4.Lalu Cari Kode seperti di bawah ini
        <b:include data='blog' name='all-head-content'/>
5.Lalu Kopikan Kode di bawah ini di bawahnya

<script language='JavaScript'>
var txt=&quot;<data:blog.pageTitle/>&quot;;
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout(&quot;bergerak()&quot;,kecepatan);}bergerak();
</script>

6.Simpan dan lihat deeech hasilnya . . . .