Cara Membuat Fungsi Scroll Pada Arsip Blog/Blog Archive Gadget

Pada kesempatan terdahulu, sudah saya berbagi bagaimana cara membuat reply di komentar di blogspot. Sekarang giliran tips selanjutnya, membuat fungsi scroll di archive blog.

Apa tujuannya? Tujuannya agar, arsip blog yang kita buat dalam bentuk Hirarkie, dan pengaturan postingannya per posting, pasti akan memuat judul postingan yang banyak, jika kita memang me-mosting banyak. Akibatnya, tampilan blog kita menjadi proporsional. Karena judulnya yg makin kebawah. Jika ini menggangu, jalan yang terbaik adalah dengan memasang fungsi scroll di gadget tersebut.

Bagaimana caranya? Mudah, tinggal ikuti langkah-langkah dibawah ini saja :

1. Masuk ke Dashboard Blogger

2. Klik Desain, Klik Edit HTML, Jangan Lupa Centang Expand Widget

3. Jika sobat menamai Blog Archive dengan nama "Arsip Blog Ini" (misalnya), maka Tekan CRTL + F, Lalu cari kata "Arsip Blog Ini"

4. Jika sudah ketemu kode CSS nya seperti ini :

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog Ini' type='BlogArchive'>

5. Nah, tinggal sobat Sisipkan Kode

<div style='overflow:auto; width:ancho; height:250px;'>

Dan :

</div>

6. Sehingga bentuk Kode Fungsi Scroll Pada Archive Blog sobat menjadi seperti ini :

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog Ini' 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:250px;'>

<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'/>

Catatan : Warna Biru adalah Kode yang disisipkan tadi. Angka : height:250px;'> adalah tinggi dari Scroll Blog Archive Sobat.

Demikian Trik Membuat Fungsi Scroll ini, semoga membantu dan bermanfaat. Terima kasih.

Membuat Kotak Pencari/search engine di My Blog

 

Mesin pencari atau “Search” berfungsi untuk mencari dokumen yang ada dib log. Sayangnya sebagian template ada yang tidak menyertakan fitur ini sehingga kita harus membuatnya secara manual. Untuk cara membuatnya, ikuti langkah dibawah ini.

- Buka halaman Dashboard blog anda
- Klik Layout

- Klik Page Elements

- Klik link Add a Gadget, pilih HTML/JavaScript

- Masukkan kode dibawah ini di kotak Configure HTML/JavaScript

<form id="searchform" action="http://namablogAnda.blogspot.com/search" name="searchform" method="get"><br /><input id="s" value="" name="q" type="text"/> <input id="searchsubmit" value="Search" type="submit"/> </form>

- Klik SAVE

- Geser ke tempat yang anda inginkan, klik SAVE lagi

- Lihat hasilnya.

Sumber : http://www.ariswan.co.cc/

Cara Membuat Tombol Home, BackToTop, BackToDown, Reload

 

Dah lama yah saya gak posting tutorial blog kali ini saya akan memposting tentang cara Cara Membuat Tombol Home, BackToTop, BackToDown, Reload ,Tahukah sahabat bahwasanya ada Icon untuk mempermudah dalam navigasi, Saya akan menjelaskan cara membuat tombol Home, Back to top, Back to down, Refresh..

inilah penjelasannya,

1. Tombol Home gunanya untuk Kembali ke HomePage.
2. Tombol Back To Top gunanya untuk kembali ke atas.
3. Tombol Back To Down gunanya untuk kembali ke bawah.
4. Tombol Refresh gunanya untuk membuk ulang halaman.
Caranya mudah saya jelaskan tahapannya :

1. Kita menuju Tatak letak/masih bisa di Edit HTML juga(centang tanda Expand...), atau pula sekarang di sebut Rancangan >> edit HTML.
2. Kalau sudah, cari kodeBerikut:

]]></b:skin>

3. Kalau sudah ketemu, copy code berikut dan paste di atas code tadi

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

Kalau sudah, copy code berikut :

<div id='mangetsu'><br /><table border='0'><br /><tr><br /><td><a expr:href='data:blog.homepageUrl' title='Home'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTMaBXs_3XKEZ8ASUQtxWCWb8rM3sUwxdQRVbjI0GhLTBpu0H9F9I2QE5Lrq8lHmo9zxeJQKfA2b-fn8vp9QcxfFIbhwTYbsWCnBMOjfz1k1rVbfm2W2aSTePBt0Xikh9sKf5y9APkJZU/s320/home-icon2.png'/></a></td><br /><td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFmtxzXfGgBLSYe89K3RN_jlWKLAqTeeFEsfkxq4u1FXUWsyh9KoqEFSdfKP3_sp6T4uaanmLI10y82NhUBlwZScAd07EX9v2gygRMt_7_R3mu3q1VB-P5UcIbUtgTCU5QzzuRZDqFX9M/s320/pre-icon1.png'/></a></td><br /><td><a href='#bottom' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPOk7_EfIgYYO9VdllSARzhMGQ8BwskO64JWsXi_cLKGHF7WFjhV7fxjWpUdASCIz14XnAPXQHlvcF8z6S9km0wFHpvXDr1Rp0eAMJM6_XLNbZXhKwGCk7qAcr6moHd9KyKPifNb63v2Q/s320/next-icon2.png'/></a></td><br /><td><a href='#' onClick='window.location.reload()' title='Reload page'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJfErPPKCGFvD5atrPPvNzcUrrAUnp8t0nHRhOCLIBAl2A4h4415EtAO75EVEJWXqpVsKMgmDHnB3LIoH4jmDWync7GHGkd35EdcRd1xSD84DiaX4kEzhsvJxaRsrbiy4-Wa8YIfcXv2g/s320/refresh-icon1.png'/></a></td><br /></tr><br /></table><br /></div>

Kalau sudah di copy, paste code di atas tepat dibawah code :

<body>

• Lalu Simpan, dan lihat hasilnya.

Jika sahabat ragu-ragu untuk menambahkan widget ini sahabat dapat mengklik tombol Pratinjau untuk mengecek apakah editan saya berhasail atau tidak.

Mudah-mudahan tips ini bermanfaat,wassalam

Sumber : http://magazineforum.blogspot.com/

Membuat Link Tanpa Harus Di Klik Langsung Terbuka

Tutorial Blog Kali ini Link nya ajaib bLum smpat di klik dah trbuka..wah bagus nih untuk iklan adsense blum di klik dah terbuka.
Sesuai dengan judul di atas, kali ini kita akan membuat link yang langsung terbuka tanpa harus di klik, caranya kita tinggal mengarahkan cursor mouse ke tulisan link tersebut..
Bagi anda yang baru memulai karir didunia blogger atau senang dengan yang unik-unik untuk blog anda, maka jangan tinggalkan cara yang satu ini,,

Tapi saran saya jangan terlalu banyak memasang link seperti ini, soalnya cara seperti ini sangat merepotkan pengunjung blog kita.. karena jika cursor mouse kita sekali melintas saja di link tersebut maka akan langsung Berpindah ke alamat link tersebut,
Sudah paham dengan penjelasan diatas…
Jika belum arah kan saja cursor mouse anda ke Link di bawah ini…!!!

Ghulam Blogerz
Dibawah ini adalah Script kode di atas

<a href="http://ridhocommunity.blogspot.com/" onMouseover="window.location=this.href">Ghulam Blogerz</a>

Jika Anda Ingin membuatnya cara nya Sangat mudah koq… Tinggal Copy Paste aja script kode dibawah ini..?

<a href="Masukan_Alamat_Link_Anda_disini" onMouseover="window.location=this.href">Masukan_Judul_link_Anda_disini</a>

Ganti alamat URL link Dan Judul dengan versi anda sendiri,,
Selamat Mencoba!!! Semoga Berhasil…

Cara Menghilangkan Link Berlangganan Entri Atom di Blog

Haii sobat ada postingan baru nich .hehehe di malam yang sunyi ini saya mau menjelaskan bagaimana Cara Menghilangkan Link Berlangganan Entri Atom di Blog.Kamu tentunya pernah melihat tulisan seperti ini kan Langgan: Poskan Komentar (Atom)  ?yupzz tulisan ini biasanya ada di bawah postingan blog kita. bagi sebagian orang tulisan ini mungkin membuat risih,atau ga enak aja buat dipandang .hehehehe bagaimana cara menghilangkanya ? yuupzz..Cara Menghilangkan Link Berlangganan Entri Atom
di Blog ini Cukup mudah.Caranya tinggal ikuti aja langkah-langkah Menghilangkan Link Berlangganan Entri Atom Berikut Ini.

1.Login Ke blogger Dengan ID kamu.

2.Klik Tata Letak Kemudian Klik Edit HTML.

3.Selanjutnya Cari Kode :

]]></b:skin>

4.Kalo Udah ketemu copy dan paste kode berikut diatasnya.

.feed-links{
display:none;
}

5.Kalo Udah selesai jangan lupa klik Simpan Template.

6.Tinggal kamu lihat hasilnya dech .pasti itu link udah ilang.hehehe

Buat Judul Blog Keren

Temen2 ingin pada tahu cara membuat judul address tambah keren ,caranya gampang banget kok..kalau kita emng mo caba..langsung aja ya kita praktekkan dan langkah2nya seperti dibawah ini :

1. login dulu ke Blogger

2. pilih Rancangan

3. Tambah Gadget

4.Pilih Html/javascript

5. copy script di bawah :

<script type="text/javascript">

//<![CDATA[

var message = new Array() // leave this as is

message[0] = "Welcome to my Blogger !";

message[1] = "Cahaya Blogerz Community";

message[2] = "ridhocommunity.blogspot.com";

message[3] = "is the hacker !!";

message[4] = "tutorial blog.";

message[5] = "LeaVe mE a cOoL cOmment !!";

var reps = 2

var speed = 100

var p=message.length;

var T="";

var C=0;

var mC=0;

var s=0;

var sT=null;

if(reps<1)reps=1;

function doTheThing(){

T=message[mC];

A();}

function A(){

s++

if(s>9){s=1}

if(s==1){document.title='[C====] '+T+' [====C]'}

if(s==2){document.title='[=A===] '+T+' [===A=]'}

if(s==3){document.title='[==H==] '+T+' [==H==]'}

if(s==4){document.title='[====>] '+T+' [<====]'}

if(s==5){document.title='[===A=] '+T+' [=A===]'}

if(s==6){document.title='[==Y==] '+T+' [==Y==]'}

if(s==7){document.title='[=A===] '+T+' [===A=]'}

if(C<(8*reps)){

sT=setTimeout("A()",speed);

C++

}else{

C=0;

s=0;

mC++

if(mC>p-1)mC=0;

sT=null;

doTheThing();}}

doTheThing();

//]]>

</script>

6. pastekan di kolom Html/javascript

selamat mencoba dan selamat bereksperimen !!!
Sumber : Ghulam Blogerz

Script Unik untuk Menyambut Pengunjung di blog 2

Salam .Blogger Indonesia.
Kmaren Saya pernah pernah posting tentangSciript Unik Untuk Menyambut Pengunjung Kali ini saya akan menjelaskan tentang cara  untuk membuat browser bergerak berputar,,

Maksud dari judul Di atas adalah perubahan pada browser yang bergerak mengecil lalu membesar kembali,,

jadi tampilan browser seperti berputar, lalu akan kembali ke awal seperti semula lagi





Sebagai contoh lihatlah perubahan pada saat anda memasuki alamat blog ini,, dan lihat lah apa yang terjadi
Sudah jelas Terlihat perubahan yang terjadi pada browser anda,, dengan script browser bergerak ini maka tampilan saat membuka blog anda akan semakin unik dan menarik...
Tertarik untuk membuatnya langsung saja ikuti langkah - langkah di bawah ini :

Copy Paste Script Kode Di Bawah Ini :

<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>

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