Membuat Anu Supaya Selalu Berada Di pojok

Pasti pada bingung nih, apa maksudnya dan kenapa judulnya begitu, sebenarnya aku sendiri juga bingung mau ngasih judul apa untuk trik yang berikut ini. Setelah aku pikir-pikir :t eee.. nggak nemu-nemu juga judul yang cocok, ya udah deh aku asal aja kasih judul gitu. Trus apa maksudnya dari judul tersebut dan trik apa yang akan dibahas?
Gini, untunya itu gini :D trik nyoba ngebahas gimana cara membuat "ANU" itu selalu berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana. "Scroll bar" itu apa sih? itu lho kotak kecil panjang yang ada disamping itu, yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang kepanjangan. Trus maksudnya "ANU" itu apa? "ANU" itu maksudnya bisa gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. Kalo untuk di blog ini aku pasang gambar sonic yg sedang lari-lari (pojok kiri bawah). Nha udah tahu kan maksudnya. Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.


#trik_pojok {
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); }



3. 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".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>


<div id="trik_pojok">
<a href="http://trik-tips.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.

5. 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.
6. Simpan hasil kerja kamu dan lihat hasilnya.

Baca Selengkapnya...

Tertipu Artis Bugil

Waduh, judulnya ngeriii... :o
Eiitt.. jangan salah sangka dulu, ini kan bukan situ porno, terus kenapa judulnya gitu?
gini ceritanya, di daftar menu blog ini dulu yang paling pojok kanan adalah menu "Profil" tapi karena aku malu :$ memasang profilku jadi aku ganti dengan menu yang lain, dan iseng-iseng aku pasang menu "Artis Bugil", padaha isinya cuman tipuan. Dan ternyata nih banyak juga yang tertipu dengan link tersebut, maksudku sih bukan untuk untuk menipu tapi cuman iseng kok :D

Tapi yang lebih heboh gini nih, aku lihat distatistik blog ini lewat sinystat, dari sekian banyak orang yang nyasar ke blog ini, 32% lebih adalah pengunjung lewat search engine. Dan dari keyword yang diketikkan disearch engine, ada beberapa keyword yang menyangkut tentang menu "artis bugil" tersebut, diantaranya keyword Artis Bugil, Blog Artis, Bugil, Artis, Artis artis bugil, blog bugil dan lain-lain. Dan anehnya keyword "Artis Bugil" ada di urutan atas. Fenomena apakah ini? padahal aku cuma menaruh tulisan "artis bugil" cuman sekali dari keseluruhan isi blog ini. Begitu sayangnyakah Om Google dengan blog ini?, sehingga walaupun cuma dengan dua kata saja sudah bisa masuk jajaran depan dari daftar pencarian mealui search engine googe.

Dan sekarang menunya sudah aku ganti dengan "Free Ebook" isinya adalah situsku yang lain yang berisi daftar ebook yang bisa di download gratis, bagi yang berminat silahkan aja klik menu tersebut. Yak gitu aja ceritanya, sekian, terima kasih, mau tidur lagi ah... :s :s :s :s

Baca Selengkapnya...

Cara Mengganti Tanggal Posting dg Icon Calender

Akhirnya jadi juga, setelah beberapa hari nyari-nyari artikel tentang "cara mengganti tanggal dengan icon kalender" dan mengotak-atik template akhirnya berhasil juga aku membuatnya, fiuuhh :f dengan menghabiskan dana ber M-M (maksudnya Maribu, Mablas ribu) untuk melakukan penelitian dan dengan membanting keringat dan memeras tulang dan akhirnya berhasiiiiill..... Mau tahu cara membuatnya? jangan khawatir aku akan membagi-bagikan tutorial ini pada kalian dengan geratis (kalo ada yang mo bayar sih boleh aja :D ) yak mari kita mulai trik dan tipsnya.

Yang pertama harus kita lakukan yaitu mengganti setting tanggal dulu, caranya seperti biasa Login dulu ke blogger terus pilih Settings --> Formatting, ganti "date header format" atau "format tanggal menjadi (mm.dd.yyyy) nha yang masih pemula pasti bingung maksudnya kan? itu lho disebelah tulisan "date header format" kan ada kotak yang ada tanggalnya, trus kamu klik dan pilih yang formatnya bulan.tangal.tahun contohnya 1.13.2008 terus simpan

Langkah yang kedua pilih menu Layout --> Edit HTML . Trus beri tanda centang pada kotak Expand Widget Templates, Oh ya, jangan lupa di back-up dulu template kamu. Yang nggak tahu caranya memback-template silahkan lihat dulu artikel ini. udah? kalo udah mari kita mulai ke jeroannya.

1. Cari kode ini <TITLE><data:blog.pageTitle/></TITLE> (tempatnya dibagian atas) kalo dah ketemu taruh script berikut ini dibawahnya persis

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




2. kalo udah cari kode ini:

.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
}


kalo ggak ada coba cari yang ini

h2.date-header {
margin:1.5em 0 .5em;
}



3. Kalo dah ketemu taruh script berikut dibawahnya

.dateblock {
background: url("http://kendhin.890m.com/kalender/bluecalend.gif")
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;

}



Kode http://kendhin.890m.com/kalender/bluecalend.gif
adalah gambar icon kalender. kamu bisa menggantinya mengantinya
dengan gambar-gambar dibawah ini caranya ganti hurus yang dicetak tebal dengan
kode gambar berikut ini, misalnya kamu pingin kelender yang berwarna merah,
caranya kamu ganti text bluecalend.gif
dengan redcalend.gif.

blackcalend.gifblue2calend.gifbluecalend.gif
greencalend.giforangecalend.gifpinkcalend.gif
redcalend.gifungucalend.gifyellowcalend.gif


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 kamu 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!!!!!!!........

Baca Selengkapnya...

Melihat Statistik Blog Kita

Di episode yang dulu pernah saya ulas mengenai Google Analytic, yaitu salah satu penyedia layanan yang akan mendata statistik blog kita. Nha kini aku nemu yang baru lagi nih, yang ini lebih mudah dan lebih simpel, layanan ini namanya shinystat. Apa aja yang dimiliki layanan ini dan apa kelebihannya dibanding google analytics?
Layanan yang diberikan shinystat diantaranya yaitu:
1. Kamu bisa mengetahui berapa banyak pengunjung yang sedang melihat blogmu saat ini.
2. Bisa mengetahui berapa banyak pungunjung yang datang tiap harinya dan juga berapa total pengunjung yang mampir di web/blogmu.
3. Bisa mengetahui para pengunjung kamu itu datangnya lewat mana, maksudnya lewat search engine atau lewat blog orang lain atau leangsung datang mak pedunduk ke blogmu. itu semua juga ada statistiknya lho.

4. Kalo datangnya lewat search engine, kita bisa tahu kata kunci (keyword apa yang diketikkan sehingga dia bisa nyasar ke blog kamu.
5. Bisa mengetahui pengunjung blog kamu itu datang dari negara mana aja.
6. Informasinya up-to-date, jadi kapan aja bisa berubah, tidak seperti di google analytics yang informasinya baru bisa diketahui sahari kemudian.
7. Ada banyak pilihan gambar yang bisa kamu pasang di blog kamu. contohnya kayak gini nih:





8. Dan lain-lain, lihat aja sendiri deh kesitusnya ya.

Nha kalo pengen langsung daftar aja ke situsnya ini http://s5.shinystat.com/en. cara daftarnya gampang dan gratis, tinggal isi formulirnya terus login terus setting dan pilih-pilih terus ambil kode yang diberikan terus pasang di blog kamu, jadi deh.

Baca Selengkapnya...

Arsip Blog