Welcome to my blog Friends

Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Selasa, 14 Desember 2010

Membuat judul addres bar tambah keren

mau buat judul blog loe lebih keren kaya' judul blog gue tu...
cara nya gampang ko'
langsung aja :

-login dulu
-pilih tata letak letak
-pilih edit html
-beri tanda centang pada Expand Template Widget
-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] = "yOu Was EnTeREd To HeLL aReA";
message[2] = "bUt, YoU wIll nOt DeAtH hErE";
message[3] = "jUst keEp EnJoY !!";
message[4] = "Don't fOrgEt...";
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='[D====] '+T+' [====D]'}
if(s==2){document.title='[=E===] '+T+' [===E=]'}
if(s==3){document.title='[==D==] '+T+' [==D==]'}
if(s==4){document.title='[===Y=] '+T+' [=Y===]'}
if(s==5){document.title='[====>] '+T+' [<====]'}
if(s==6){document.title='[===Y=] '+T+' [=Y===]'}
if(s==7){document.title='[==D==] '+T+' [==D==]'}
if(s==8){document.title='[=E===] '+T+' [===E=]'}
if(s==9){document.title='[D====] '+T+' [====D]'}
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>

-letak kodenya diatas <head>
-lihat hasilnya .....
Read more »

Membuat Gambar Melayang pada Blog

loe pasti bertanya maksudnya melayang g mn ..!!
begini.. loe lihat kan disebelah kiri atas blog gue !!
nah tu kan ada gambar melayang , nah sekarang kita sekarang lagi membahas itu.
langsung aja ya..

- Login ke blogger trus klik "Layout -->> Edit HTML -Cari kode ini ]]></b:skin>
nah kalo udah ketemu copy code berikut dan taruh diatasnya
#dhedie_triks {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
-Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top". - Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>
<div id="dhedie_triks">
<a href="http://dhedie-tips-triks.blogspot.com">
<img src="http://kendhin.890m.com/soniclari.gif" border="0" /></a>
</div>
"http://trik-tips.blogspot.com" adalah link. ganti dengan link kamu. "http://kendhin.890m.com/soniclari.gif" adalh lokasi gambarmu. ganti dengan lokasi gambar kamu. -Jika kamu pingin 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. -Simpan hasil kerja kamu dan lihat hasilnya.
Read more »

Mendisable Klik Kanan pada Blog

Bagai mana cara mendisable klik kanan pada blog
caranya gampang , langsung aja :
1. login dulu
2. masuk ke tata letak

3. pada bagian tata leta anda tambah gedget
4. pilih HTML/java Script
5. masukan code beriku kedalamnya
<script>

/*
http://bloggerfriendster.com
kumpulan tips dan trick menarik blogger-friendster
*/
function clickIE() {
if (document.all) {
return false;
}
}
function clickNS(e) {
if (document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS;
}
else{
document.onmouseup=clickNS;
document.oncontextmenu=clickIE;
}
document.oncontextmenu=new Function("nakal();return false");

function nakal()
{
var jawab=confirm("UpZzzzzzzzzzzzzz...........!!!!");

if(jawab)
{
alert();
alert();
}
else
{
while(2<3)
{
alert("nakal sich kalo dibilangi nih sekarang rasaiin dech !!!");
}
}

}

6. yang bercetak tebal diatas anda bisa mengganti nya dengan kata-kata anda
7. dan pada alert(); anda bisa mengisinya dan menambah alert lebih banyak.
8. simpan
9. klik simpan pada sudut kanan atas .
10 lihat hasilnya . selesai
Read more »

Membuat pesan konfirmasi

asyik juga kalau pada saat blog kita tampil ada pesan konfirmasi,
nah penasaran gi mana sih pesan konfirmasi itu
anda bisa melihatnya pada gambar di bawah ini :


cara membuat nya :
1. login ke blogger
2. masuk ke tata letak >> Element halaman
3. pada Element halaman anda tambah gedget >> HTML/Java Script
4. masukkan code berikut:
<script type="text/javascript">
confirm('Welcome to my blog. Apakah Anda yakin untuk melanjutkan?');
if (confirm('Welcome to my blog. Apakah Anda yakin untuk melanjutkan?')) {
window.location = "http://dhedie-tips-triks.blogspot.com";
}
else {
window.location = "http://google.co.id";
}
</script>

5. pada text yang berwarna merah anda bisa menggantinya dengan kata yang anda akan tampilkan
6. pada text yang berwana biru anda bisa menggantinya dengan dengan alamat blog anda, text yang berwarna biru ini adalah alamat yang kana dituju jika memilih pilih ok
7. pada text yang berwarna hitam , anda bisa menggenti alamat yang lain, pada kata yang berwarna hitam ini adalah alamat yang dituju jika memilih pilihan batal
8. simpan
9. lihathasilnya dan selesai
Read more »

Eksekusi link pada jendela baru

membuat Eksekusi link pada jendela baru untuk bertujuan untuk memudahkan pembaca, kalau biasanya suatu link yang akan kiat eksekusi(diklik) akan membuak pada jendela yang sama, sehingga jika anda ingin melihat post yang tadi sebelum di eksekusi anda harus menekan tomblo forward, agar link yang di klik terbuka pada jendela yang baru anda harus mengikuti cara berikut:
biasanya anda membuat suatu link script nya seperti berikut:
<a href="link_dituju">nama link</a>

ganti text yang berwarna merah dengan alamat blog anda, misalnya:http://dhedie-tips-triks.blogspot.com dan ganti text yang berwarna biru dengan nama link misalnya:tips dan triks
sehinggan scriptnya menjadi seperti ini:
<a href="http://dhedie-tips-triks.blogspot.com">tips dan triks</a>

dengan script yang seperti di atas maka saat anda membukanya, akan terbuka pada tempat yang sama(link yang sedang kita buka)
cara pertama :
- anda harus menambahkan Script target="_new sehingga script nya menjadi seperti berikut:
<a href="http://dhedie-tips-triks.blogspot.com" target="_new">tips dan triks</a>

hasilnya:
tips dan triks

cara kedua :
- dengan menambahkan target="_blank" sehinggan script nya menjadi seperti berikut :
<a href="http://dhedie-tips-triks.blogspot.com" target="_blank">tips dan triks&lt;/a>

hasilnya:
tips dan triks
Read more »

Membuat salam pembuka pada blog

mungkin anda pernah melihat sebuah blog yang menampilkan salam sapaan, trik kali ini ada hubungannya dengan triks yang Membuat pesan konfirmasi
penasaran mau tau cara membuatnya, langsung aja
petama loginterlebih dahulu
2. masuk ke tata letak(layout) >> Element halaman
3. tambah gedget >> html/java script
4. copy code berikut dan pastekan kedalamnya
<script type='text/javascript'>
var name = prompt("Welcome!! Nama anda siapa", "Nama Anda ");
alert("salam kenal ya "+name)
alert("selamat browsing di blog saya, semoga berkenan!")
</script>

5. text yang berwarna merah bisa anda ganti dengan text yang anda inginkan
6.simpan
7.lihatlah hasilnya, selesai
Read more »

Membuat Scrollbar di Posting

Kalau sebelumnya saya membahas tentang bagaiman cara membuat scrollbar di dalam postingan, sekarang kita akan membuatnya pada postingannya langsung.caranya hampir sama dengan triks yang lain ya dengan menambahkan script pada css, jika anda penasaran langsung aja :
1. login terlebih dahulu
2. masuk ke tata letak >> Edit html
3. beri tanda centang pada Expan Widget Template
4. carilah code seperti berikut:
font-size: 12px;
margin: 10px 0px 20px 0px;
padding: 5px 15px 5px 15px;
border-top: 1px solid #73943B;
border-bottom: 2px solid #73943B;

5. tambah code diatas dengan code berikut::
height:150px;
overflow:auto;

6.maka hasilnya akan menjadi seperti berikut
font-size: 12px;
margin: 10px 0px 20px 0px;
padding: 5px 15px 5px 15px;
border-top: 1px solid #73943B;
border-bottom: 2px solid #73943B;
height:150px;
overflow:auto;

7. jika sudah simpan template
8. maka hasilnya akan seperti gambar berikut:
Read more »

Membuat Blog Lebih Lebar

Setiap template memiliki ukuran-ukuran tersendiri,jika secara kebetulan blog anda mempunyai ukuran yang sangat lebar atau malah kekecilan,nah saya punya solusinya untuk memperperbesar atau memperkecil suatu blog.
Tapi sebelum melakukan pengediatan saya sarankan untuk membackup template anda.
langsung saja pada tahap pengeditannya
1. login ke blogger
2. masuk ke tata letak (layout) >> Edit html
3. jangan lupa memberi tanda centang pada Expand Widget Template
sebelum melakukan pengeditan perhatikan kode-kode berikut:

Header blog
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

header blog adalah tempat judul blog anda diletakkan


Halaman blog
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

halaman blog adalah lebar dari blog anda


Halaman posting
#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;/* fix for long non-text content breaking IE sidebar float */
}
ini adalah tempat posting anda diletakkan

Sidebar blog
#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

sidebar ini adalah tempat anda meletakkan gedget

Footer blog
#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

4. jika anda ingin mengubah lebar blog anda untuk menjadi kecil atau besar anda dapat mengubah pada text yang berwarna merah sesuai keinginan anda.
5. jika sudah simpan template
6.lihat hasilnya
Read more »

Membuat Efek Salju pada blog

hiasilah blog anda dengan Memberikan efek salju pada blog, wah cold(dingin)
Dengan membuat salju pada blog anda, mungkin juga orang senang melihat blog
anda dan anda pun mempunyai banyak pengunjung
penasaran bagaimana cara membuatnya:
pertamlogin terlebih dahulu
kedua masuk ke tata letak (layout) >> Element Halamant
ketiga tambah gedget >> html/java Script
keempat copy code berikut:
<script language="JavaScript"
src="http://www.geocities.com/yono_pati/salju01.js">
/***********************************************
* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/
* Please keep this notice intact
***********************************************/
</script>
letakkan codenya di dalam html/javascript
simpan perubahan dan lihat hasilnya
Read more »

Membuat text melayang pada blog

Setipa oarang yang mempunyai sebuah blog pasti berlomba-lomba untuk memperindah blognya dengan gedget yang keren agar pembaca menarik, pada triks kali ini saya akan coba membuat text yang melayang-layang mengikuti arah gerak mouse anda, anda bisa memilih script berikut textnya: Selamat menikmati blog ini
<script src="http://www.geocities.com/yono_pati/nikmat.js" type="text/javascript">

/***********************************************
* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/
* Please keep this notice intact
***********************************************/
</script>

Welcome
<script src="http://www.geocities.com/yono_pati/welcome.js" type="text/javascript">

/***********************************************
* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/
* Please keep this notice intact
***********************************************/
</script>

selmat datang di blog ini
<script src="http://www.geocities.com/yono_pati/datang.js" type="text/javascript">

/***********************************************
* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/
* Please keep this notice intact
***********************************************/
</script>

Selamat datang
<script src="http://www.geocities.com/yono_pati/datang_1.js" type="text/javascript">

/***********************************************
* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/
* Please keep this notice intact
***********************************************/
</script>

Enjoy Stay Here
<script src="http://www.geocities.com/yono_pati/stay.js" type="text/javascript">

/***********************************************
* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/
* Please keep this notice intact
***********************************************/
</script>
jika anda tertarik langkahnya sebagai berikut: 1. login ke blogger 2. masuk ke tata letak (layout) >> Element halaman 3. tambah gedget >> html/java Script 4. copy code diatas yang anda suka 5. kemudian pastekan ke dalam html/java script 6. simpan perubahan dan lihat hasilnya
Read more »

Efek Marquee

Marquee adalah sebuah Tag HTML yang digunakan agar sebuah Teks bisa bergerak/berjalan. Tag ini banyak digunakan Oleh Blogger karena menarik dan mudah dalam pembuatannya
berikut ini adalah atribut-atribut yang di gunakan sebagai pelengkap marquee:
BGCOLOR="warna" ==>yang di gunakan Untuk mengatur warna background (latar belakang) teks

DIRECTION="left/right/up/down" ==> Mengatur arah gerakan teks
BEHAVIOR="scroll/slide/alternate" ==> Untuk mengatur perilaku gerakan
-->scroll = membuat text bergerak berputar
-->Slide = membuat text bergerak sekali lalu berhenti
-->alternate = membuat text bergerak bolak-balik
TITLE="pesan" ==> yang akan muncul jika mouse berada di atas text marquee
SCROLLMOUNT="angka" ==> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya
SCROLLDELAY="angka" ==> Untuk mengatur waktu tunda gerakan dalam mili detik
LOOP="angka|-1|infinite" ==> Mengatur jumlah loop
WIDTH="lebar" ==> Mengatur lebar blok teks dalam pixel atau persen
untuk lebih jelasnya langsung aja saya praktekkan :
contoh pertama. .
<marquee direction="rigth" title="contoh pertama" >Marquee</marquee>

maka hasilnnya akan menjadi seperti berikut:
Marquee

contoh kedua . .
<marquee title="ini contoh yang kedua" bg direction="left" behavior="alternate" scrollmount="8">marquee 2</marquee>

maka hasinya akan menjadi seperti berikut:
marquee 2

contoh yang ketiga ini yang paling cocok untuk blog anda .
<marquee title="contoh yang ketiga adalah yang paling cocok buat blog anda" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4" direction="up" width="100%" height="100" align="center">

<a href="http://dhedie-tips-triks.blogspot.com" target="new">Triks & Tips </a><br/>

<a href="http://dhedie-tips-triks.blogspot.com/2009/02/membuat-text-melayang-pada-blog.html" target="new">poting </a><br/>

<a href="http://dhedie-tips-triks.blogspot.com/2009/02/membuat-efek-salju-pada-blog.html" target="new">poting</a><br/>

</marquee>

maka hasilnya akan menjadi seperti berikut:


Triks & Tips
Read more »

Mengganti tanggal pada post dengan icon calender

Artikle kali ini saya kutip langsung dari mas kendhin dan saya sangat berterima kasih telah shared ilmunya dari pada ngomong panjang lebar, langsung aja :
sudah pasti harus login terlebih dahulu
sebelum masuk ke pengeditan anda harus mengganti setting tanggal terlebih dahulu cararanya anda harus masuk ke pengaturan >> format, ganti "date header format" atau format tanggal menjadi (mm.dd.yyyy) maksudnya (bulan.tanggal.tahun) ganti tanggal kira-kira seperti contoh berikut: 3.17.2009 terus simpan.

barulah anda mulai pengeidtannya
1. masuk ke tata letak (layout) >> Edit html
saya saran kan sebelum anda melakukan pengeditan sebaiknya anda membackup terlebih dahulu template anda
2. beri tanda centang pada Expand Template Widget
cari code berikut <title><data:blog.pageTitle/></title> kalau udah ketemu copas code berikut dan letakkan di bawahnya
<SCRIPT type='text/javascript'>
//<![CDATA[
/*********************************/
/* http://trik-tips.blogspot.com */
/*********************************/
function date_replace(date) {
var da = date.split('.');
var day = da[1], mon = da[0], year = da[2];
var month =
['0','Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
document.write("<div class='month'>"+month[mon]+"</div> <div class='day'>"+day+"</div>");
}
//]]>
</SCRIPT>

3. nah kalau sudah cari code berikut:
.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
}

kalau g' da coba cari yang ini
h2.date-header {
margin:1.5em 0 .5em;
}

4. kalau sudah ketemu taruh code berikut dibawahnya
.dateblock {
background: url("http://dhedyfaste.xp3.biz/blog/calander/calender-ijo.jpg")
no-repeat;
width: 55px;
margin: 0;
font-weight: bold;
height: 50px;
/*position: absolute;
top: 0;
left: 0;*/
float: left;
text-align: center;
}

.month {
font-size: 11px;
width: 37px;
margin: 0 5px;
text-transform: uppercase;
color: #fff;
}

.day {
color:#3366CC;
font-size: 19px;
width: 37px;
margin: 0 5px;

}


text yang berwarna merah itu adalah icon kalender, anda bisa menggantinya dengan gambar-gambar dibawah ini, caranya ganti text yang berwarna merah dengan code gambar berikut ini, misalnya kamu pingin kelender yang berwarna hijau,
caranya anda ganti calender-ijo.jpg
dengan greencalend.gif

calender-hitam.jpgcalender-cyan.jpgcalender-pink.jpg
calender-ungu.jpgcalender-kuning.jpgcalender-merah.jpg

calender-orange.jpgcalender-ijo.jpg

Trus kode color:#3366CC; adalah kode warna
tanggal, kamu bisa menggantinya dengan warna yang lain. Kamu bisa lihat kode2 warnanya DISINI.

4. langkah selanjutnya yaitu kamu cari kode ini <data:post.dateHeader/>
, cara nyarinya biar gampang copy kode tersebut,
terus tekan Ctrl-f dan paste di dalam kotak yang disediakan, nha langsung
ketemu kan. kalo udah ketemu ganti kode tersebut dengan script dibawah ini.


<DIV class='dateblock'>
<SCRIPT>date_replace('<data:post.dateHeader/>');</SCRIPT></DIV>


5. Simpan Template anda dan lihat hasilnya. Berhasil nggak ya? :t

Kalo misalnya tulisan bulan dan tanggalnya terlalu keatas coba tambahkan kode ini padding: 4px 0px 0px 0px; dibawah kode .month { dan juga dibawah kode .day {

NB: Kalo Tanggalnya berubah menjadi tulisan "Undefine" itu pasti kamu tidak memperhatikan tutorial ini dari awal. Coba lihat lagi tutorial ini dari awal dan baca baik-baik perintahnya. :D

Selamat mencobaaaaaaaaaa!!!!!!!........
Read more »

Membuat Judul Address bar tambah keren versi 2

Artikle kali ini saya membahas bagaimana cara membuat judul addressbar menjadi tambah keren seperti yang pernah saya bahas waktu itu (Membuat judul addres bar tambah keren),
triks kali ini hampir sama dengan yang dulu itu tapi hanya beda bentuknya doang.tidak usah panjang lebar lagsung aja . .
langkah yang pertama anda harus login terlebih dahulu pastinya

2. masuk ke tata leta (layout) >> edit HTML
3. cari code <head> kalo udah ketemu copy code berikut dan letakan di atasnya
<script type="text/javascript">
//<![CDATA[
function tb9_makeArray(n){
this.length = n;
return this.length;
}
tb9_messages = new tb9_makeArray(1);
tb9_messages[0] = "++ [[> Dhedy - Blog <]] ++ [[> SMK <]] ++ [[> Muhammadiyah 01 <]] ++";
tb9_rptType = 'infinite';
tb9_rptNbr = 5;
tb9_speed = 100;
tb9_delay = 2000;
var tb9_counter=1;
var tb9_currMsg=0;
var tb9_timerID = null
var tb9_bannerRunning = false
var tb9_state = ""
tb9_clearState()
function tb9_stopBanner() {
if (tb9_bannerRunning)
clearTimeout(tb9_timerID)
tb9_timerRunning = false
}
function tb9_startBanner() {
tb9_stopBanner()
tb9_showBanner()
}
function tb9_clearState() {
tb9_state = ""
for (var i = 0; i < tb9_messages[tb9_currMsg].length; ++i) {
tb9_state += "0"
}
}
function tb9_showBanner() {
if (tb9_getString()) {
tb9_currMsg++
if (tb9_messages.length <= tb9_currMsg) {
if ((tb9_rptType == 'finite') && (tb9_counter==tb9_rptNbr)){
tb9_stopBanner();
return;
}
tb9_counter++;
tb9_currMsg=0;
}
tb9_clearState()
tb9_timerID = setTimeout("tb9_showBanner()", tb9_delay)
}
else {
var tb9_str = ""
for (var j = 0; j < tb9_state.length; ++j) {
tb9_str += (tb9_state.charAt(j) == "1") ? tb9_messages[tb9_currMsg].charAt(j) : "____"
}
document.title = tb9_str
tb9_timerID = setTimeout("tb9_showBanner()", tb9_speed)
}
}
function tb9_getString() {
var full = true
for (var j = 0; j < tb9_state.length; ++j) {
if (tb9_state.charAt(j) == 0)
full = false
}
if (full) return true
while (1) {
var num = tb9_getRandom(tb9_messages[tb9_currMsg].length)
if (tb9_state.charAt(num) == "0")
break
}
tb9_state = tb9_state.substring(0, num) + "1" + tb9_state.substring(num + 1, tb9_state.length)
return false
}
function tb9_getRandom(max) {
var now = new Date()
var num = now.getTime() * now.getSeconds() * Math.random()
return num % max
}
tb9_startBanner()

//]]>
</script>

4. simpan, lihat hasilnya . .
Read more »

Membuat Navigasi Halaman Bernomor/Paging

Setelah lama saya mencari akhirnya dapat juga, jika biasanya pada halaman pada blog anda hanya ada older post ternyata itu bisa di ganti dengan halaman bernomor seperti gambar berikut:


penasaran bagaiman cara membuatnya, langsung aja :
yang paling penting anda harus login dulu
2. masuk ke tata letak (layout) >> element halaman
3. tambah gedget >> pilih HTML/java script
4. copas dan code berikut:
<style>
.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;
}
.showpageArea a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

.showpageNum a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;

}
.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;


}

.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}

.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
</style>



<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';


var pageCount=5;
var displayPageNum=3;
var firstPageWord = 'First';
var endPageWord = 'Last';
var upPageWord ='Previous';
var downPageWord ='Next';



var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}

if(postNum==1) postNum++;
html += '</div>';

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>

5. text yang berwarna merah bisa anda ganti dengan tetx seperti: first menjadi home,
next menjadi lanjut, Previous menjadi kembali last menjadi terakhir
6. letakkan di bawah posting blog seperti gambar berikut:

7. simpan template, lihat hasilnya . . .
Read more »

Membuat Menu Blog Keren

Anda pasti bertanya menu blog seperti apa ? bentuknya seperti pada blog saya di sebelah kanan yang berwarna coklat kalau mousenya di dekatkan maka menu blognya akan keluar, mau tau bagaiman cara membuatnya , langsung aja :
1. pastinya login terlebih dahulu
masuk ke tata letak (layout) >> elemen halaman

2. tambah gedget >> html/java script
3. masukkan code berikut:
<script src='http://dhedyfaste.xp3.biz/script/menukeren.js' type='text/javascript'></script>
<script>
YOffset=150;
XOffset=0;
staticYOffset=30;
slideSpeed=20
waitTime=100;
menuBGColor="green";
menuIsStatic="yes";
menuWidth=150;
menuCols=2;
hdrFontFamily="verdana";
hdrFontSize="2";
hdrFontColor="black";
hdrBGColor="#ffffff";
hdrAlign="left";
hdrVAlign="center";
hdrHeight="15";
linkFontFamily="Verdana";
linkFontSize="2";
linkBGColor="black";
linkOverBGColor="#000000 ";
linkTarget="_top";
linkAlign="Left";
barBGColor="green";
barFontFamily="Verdana";
barFontSize="2";
barFontColor="red";
barVAlign="center";
barWidth=20; // no quotes!!
barText="CATEGORIES";


// ----- Mulai Edit Menu
ssmItems[0]=["Daftar Menu"] //Header Menu
ssmItems[1]=["Home", "http://dhedie-tips-triks.blogspot.com",""]
ssmItems[2]=["About me", "http://www.blogger.com/profile/16222178000193634246",""]
ssmItems[3]=["My Facebook", "http://facebook.com/siiguembel.elite",""]
ssmItems[4]=["My Twitter", "http://twitter/guembel",""]
ssmItems[5]=["Balikita", "http://balikita.net",""]
ssmItems[6]=["Tips N Triks", "http://dhedie-tips-triks.blogspot.com/first blog",""]

buildMenu();
//----- Selesai Edit Menu
</script>

4. ubahlah text yang berwarna merah dengan link yang akan anda tuju . .
5. simpan perubahan . lihat hasilnya . . .
Read more »

Menambah Smile Pada Shoutmix

Shoutmix merupakan fasilitas unutk menampung komentar-komentar pengunjung, banyak pengaturan yang bisa anda atur pada shoutmix sperti style, waktu dan label, tetapi pada kali ini saya akan membahas bagaimana cara menambah smile pada shoutmix.
langsung saja

- login ke shoutmix



- Setelah itu pilih menu smile



- Pada kolom URL, isikan alamat smile yang akan anda masukkan
- Pada kolom code, silahkan ketik code yang anda inginkan, berfungsi jika anda mengetikan code tersebut maka akan muncul smile pada shoutmix anda
- Pada kolom optional, fungsinya sama seperti pada kolom code

anda hanya bisa mengisikan 10 smile, jika anda ingin lebih banyak smile tentunya anda harus berlangganan premium box.
- Jika anda sudah selesai mengisikan smile,klik save settings
- Selesai
Read more »

Membuat Tag Cloud Comulus pada Blog

Tag Cloud Comulus ? Pasti anda bertanya apa itu . . .terus terang saya juga tidak tahu betul apa arti dari tag Cloud tapi bila diartikan satu persatu tag artinya label cloud artinya awan jadi bila di gabungkan artinya adalah label awan,kalau betul syukur, kalau salah jangan di protes, kira-kira bentuknya Seperti gambar di samping dan dapat bergerak-gerak jika mouse anda dekatkan:
lebih detailnya coba anda lihat pada kanan bawah blog saya

Untuk membuatnya cukup gampang,langsung saja

1 Login Blogger
2 Masuk ke Rancangan >> Element Halaman3 Tambah Widget >> HTML/Java Script
4 Masukkan code berikut :

<div class='widget-content'>
<script src='http://dhedyfaste.xp3.biz/blog/swfobject.js' type='text/javascript'></script>
<div id='flashcontent'>Blogumulus by <a href='http://dhedyfaste.xp3.biz/'>Guembel ELite</a>

<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "160", "200", "7", "#000000");
// uncomment next line to enable transparency
//so.addParam("tcolor", "0x800000");
so.addVariable("tcolor", "0x800000");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "250");
so.addVariable("tagcloud", "<tags><a href='http://dhedie-tips-triks.blogspot.com/search/label/All Efek' style='12'>All Efek</a><a href='http://dhedie-tips-triks.blogspot.com/search/label/First Blog' style='12'>Trik Blog</a><a href='http://dhedie-tips-triks.blogspot.com/search/label/Computer' style='12'>Computer</a><a href='http://dhedie-tips-triks.blogspot.com/search/label/Copy Paste' style='12'>Copy Paste</a><a href='http://dhedie-tips-triks.blogspot.com/search/label/Disable' style='12'>Disable</a><a href='http://dhedie-tips-triks.blogspot.com/search/label/HTML' style='12'>HTML</a><a href='http://dhedie-tips-triks.blogspot.com/search/label/Icon calender' style='12'>Icon calender</a><a href='http://dhedie-tips-triks.blogspot.com/search/label/Link' style='12'>Link</a><a href='http://dhedie-tips-triks.blogspot.com/search/label/judul address' style='12'>judul address</a></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script></div></div>
Ket : Teks yang Berwarna merah gantilah sesuai dengan link yang akan anda gunakan
:D
Read more »

Mengganti Cursor pada Blog

Kalau biasanya cursor pada blog kita hanya berbentuk icon tanda panah ya, mau tau bagaimana cara mengganti cursor pada blog,ikuti trus setelah yang satu ini he he he . . langsung aja

pertama login dulu
2. masuk ke tata letak >> edit html
3. beri tanda centang pada expand template widget
4. cari code ]]></b:skin> copas code berikut dan letakkan di atas nya:

/* CURSOR CSS GENERATOR - FRIENDSTER-TWEAKERS.COM */
body { cursor:url("http://myspace-html-layout.com/cursors/black_skull.cur"),default;}

anda bisa mengganti cursornya dengan yang di bawah ini:
http://cursor.com/images/10a.gif
http://cursor.com/images/11a.gif
http://cursor.com/images/12a.gif
http://cursor.com/index_07.gif
http://cursor.com/images/19a.gif
http://cursor.com/images/20a.gif
http://cursor.com/images/25a.gif
http://cursor.com/images/33a.gif
http://cursor.com/images/40a.gif
http://cursor.com/images/85a.gif
http://cursor.com/images/103a.gif
http://cursor.com/images/199a.gif
http://cursor.com/images/6385a.gif
http://cursor.com/images/6459a.gif
http://cursor.com/images/8150a.gif
caranya ganti text yang berwana merah dengan alamat cursor tersebut
5. simpan template , lihat hasilnya . .

eits jangan lupa komentarnya . .
Read more »

Basmi Tuntas Virus Serviks, Shortcut, Sality

Nih satu lagi gw posting tentang virus, dasar semakin berkembangnya antivirus maka semakin edan juga virus" yang g bermutu. Sebagai contoh virus sialan yang satu ini yaitu berbentu shortcut" bikin lelet komputer aja....!! walaupun virus ini sepele, tapi efeknya gan, Bueeaahhh edan, koneksi internet jadi lemot abiss dah. Oke dari pada kita lama" ngomongin virus sialan itu, mendingan langsung aja nih gan, antivirus buat hapus tuh virus.

Karena dulu saya posting tentang luar/internasional, sekarang saya akan gunakan antivirus lokal asli endonesia !! haha, moga aja bisa basmi semua virus tersebut. Nah, yg minat silahkan di download.



DOWNLOAD


atau kalau mau yang lebih lengkapnya bisa kunjungi forum induknya disini

http://www.morphostlab.co.nr/

Nah gimana gan? Oke deh, sekian dulu dari saia, semoga berguna buat kita semua !! jangan lupa untuk tinggalkan komentar :)
Read more »

Memasang Label Animasi Tag Cloud Di Blog (2)

Tutorial kali ini saya berikan tips memasang Tag Could yang kedua kalinya karena kemarin di sini tidak bisa. Nah selamat datang lagi...Wah sudah saya kira pasti tutorial yang dulu tak berhasil, Dan para komentator pun bilang kok gak bisa ya, malah hanya tulisanya saja...Nah saya berikan tips kedua, mudah mudahan bisa



Gimana Cool tow...!!! oke langsung aja yuk masuk ke pembuatanya :

1. Login ke blogger
2. Masuk ke Dashboard --> Layout --> Edit HTML
3. klik tulisan Expand Template Widget
4. Jangan lupa Back-up template anda terlebih dahulu
5. Lalu cari kode yang mirip dibawah ini (caranya klik Ctrl+F di kotak kecil yg ada tulisanya Find di bawah lalu masukkan codenya) :

<b:section class='sidebar' id='sidebar' preferred='yes'>

6. Kemudian copy dan paste kan kode di bawah ini tepat di bawah kode di atas.

</b:widget>
<b:widget id='Label2' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://h1.ripway.com/caraindra/tagcloud.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://caraindra.blogspot.com'>Caraindra</a></div>
<script type='text/javascript'><b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://h1.ripway.com/caraindra/tagcloud.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://caraindra.blogspot.com'>Caaraindra</a></div>
<script type='text/javascript'>
var so=new SWFObject ("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Keterangan :

* Warna Merah : Lebar Tag Could
* Warna Biru : Panjang Tag Could
* Warna Kuning : Ukuran Huruf
* Warna Hijau : Warna Beckground Belakang
* Warna Abu-Abu : Warna Tulisan
* Warna Ungu : Kecepatan Rotasi, Misalnya saya menggati angka yang berwarna merah / 100 menjadi 200 maka kecepatan rotasi akan lebih cepat dua kali lipat.

Ganti Code-code tadi sesuai keinginan anda...!!

6. Simpan template anda. Dan Selesai..

Jika Masih Belum Berhasil ----> Coba Lagi ----> Klo Tak Bisa Cari Lewat Google

Met Mencoba..
Read more »

Visit My Facebook