Cara Membuat Tombol Back To Top Blogger

Kali ini saya akan menjelaskan satu tips yang sangat mudah dan penting, yaitu cara membuat tombol Back to Top.
Kenapa sangat mudah? Karena anda akan saya kasih tau tips nya.. :O
Kenapa Penting? Karena bisa mempercepat pengunjung untuk kembali ke bagian paling atas halaman blog kita tanpa harus "scrolling". Dengan begitu mereka bisa dengan mudah mencari navigasi lain blog untuk berlama-lama disana. Hal ini merupakan salah satu cara membuat pengunjung merasa betah dan nyaman di blog. Mau tau caranya?

Berikut Cara Membuat Tombol Back to Top:

1. Login ke akun Blogger anda
2. Plih Layout > Edit HTML
3. Paste kode berikut sebelum kode ]]></b:skin> :

.gototop {
background:url(http://3.bp.blogspot.com/_Z_KyM3IvEFQ/S0NoQIQJzoI/AAAAAAAAAys/sIo_pJYRIo4/s400/arrowtopdt6.gif)no-repeat;
display:block;
_display:none;
position:fixed;
z-index:9999;
text-indent:-9999px;
width:17px;
height:17px;
overflow:hidden;
outline:none;
right:8px;
bottom:35px
}
.gotobottom {
background:url(http://4.bp.blogspot.com/_Z_KyM3IvEFQ/S0NoP_eDZQI/AAAAAAAAAyk/Z-BZuY6cx84/s400/arrowdownqe1.gif)no-repeat;
width:17px;
height:17px;
display:block;
_display:none;
position:fixed;
z-index:9999;
text-indent:-9999px;
overflow:hidden;
outline:none;
right:8px;
bottom:15px
}

4. Selanjutnya, cari kode </body>. Paste kode berikut di atasnya:

<a class='gototop' href='javascript:scroll(0,0)' title='Go to Top'>Top</a>
<a class='gotobottom' href='#footer' title='Go to Bottom'>Bottom</a>

5. Terakhir, klik Save Template untuk menyimpan perubahan.
Selamat mencoba...
Jangan lupa kasih komentar yaa,.. :y

Memasang Widget Share On Facebook

Dengan memasang widget ini, kita atau pengunjung bisa membagikan artikel kita ke status profil facebook mereka. Berharap dengan itu bisa membuat artikel kita bisa dibaca oleh banyak orang sehigga dapat meningkatkan traffic blog atau website kita. Mau tau cara memasangnya?
Untuk memasangnya bisa kita lakukan dengan 2 cara, yaitu:

1. Mengambil widget langsung ke Facebook
-   Buka situs ini
-   Pilih style widget yang anda suka, lalu copy kode yang diberikan.
-  Login ke akun Blogger anda, Pilih Layout > Edit HTML, lalu centang Expand Widget  Template.
-  Cari kode <div class='post-header-line-1'/>. Paste kode widget anda tadi tepat di bawahnya.
-  Jika anda tidak menemukan kode tersebut, coba cari kode <data:post.body/>, paste kode widget anda tepat di atasnya.

- Klik Save Template untuk menyimpan perubahan.

2. Costumisasi Widget

Kodenya:

<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img src='http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_2.png' border='0'/></a>

Lalu pilih Layout > Edit HTML, lalu centang Expand Widget Template. Cari kode <data:post.body/>, paste kode widget yang anda pilih tadi tepat di atasnya.

Gimana? Mudahkan?

Jangan lupa kasih komentar yaa,.. :y

Cara Membuat Widget Top Artikel / Popular Post

Widget Top Artikel atau Popular Posts adalah widget yang berfungsi untuk menampilkan daftar artikel yang paling banyak dikomentari oleh pengunjung. Cara membuatnya hampir sama mudahnya dengan cara membuat widget top komentar yang telah saya jelaskan sebelumnya. Mau?

Berikut Cara Membuat Widget Top Artikel:

1. Login ke akun Blogger anda

2. Plih Layout > Edit HTML

3. Tambahkan Page Elements dengan HTML/Javascript, lalu paste kode berikut ke dalam kotak content:

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=1a1c6e4e6d4f148e3650fda46910e15f&url=http%3A%2F%2Ftipsbloggerzacky.blogspot.com&num=10" type="text/javascript"></script><span style="font-size:9px;"><a href="http://isyaratsam.blogspot.com">Get this widget!</a></span>

*Keterangan:
- Ganti isyaratsam.blogspot.com dengan alamat blog anda tanpa http://
- Angka 10 menunjukkan jumlah artikel yang tampil pada daftar. :y

Membuat Sexy Social Boomark

Bingung ya judul postingannya,belakangan ini Fasilitas Sharing Sexy ini sudah banyak digunakan oleh para Blogger,Saya melihat Widget ini pada blog http://www.cahayabiru.com, jika anda belum mengerti juga silahkan lihat contohnya disini,apa sudah tahu sekarang maksudnya kan,yayaya[haha kayak lagu gigi] Sharing Sexy adalah sebuah Widget Bookmark dengan bentuk yang sangat unik dan enak dilihat,sangat efisien dan tampil dinamis,dan diberi nama Sharing Sexy Silahkan lihat gambar dibawah ini:

Bagaimana Anda Tertarik Membuatnya,
1.Login ke Blogger dengan ID anda
2.Lalu Klik Menu Templates
3.Klik Sub Menu Edit HTML
4.Pada Kotak Edit HTML [jangan lupa beri centang pada Expand Widget Template cari Kode ]]></b:skin>
5.Lalu Letakan Kode dibawah ini diatas/sebelum kode ]]></b:skin>

.sexy-bookmarks {
height:54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat left bottom;
position:relative;
width:540px;
}

.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat right bottom;
position:absolute;
right:-17px;
}

.sexy-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}

.sexy-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}

.sexy-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;

}

.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {
background:url('http://img509.imageshack.us/img509/3131/sexysprite.png') no-repeat !important;
}

.sexy-furl {
background-position:-300px top !important;
}
.sexy-furl:hover {
background-position:-300px bottom !important;
}
.sexy-digg {
background-position:-500px top !important;
}
.sexy-digg:hover {
background-position:-500px bottom !important;
}
.sexy-reddit {
background-position:-100px top !important;
}
.sexy-reddit:hover {
background-position:-100px bottom !important;
}
.sexy-stumble {
background-position:-50px top !important;
}
.sexy-stumble:hover {
background-position:-50px bottom !important;
}
.sexy-delicious {
background-position:left top !important;
}
.sexy-delicious:hover {
background-position:left bottom !important;
}
.sexy-yahoo {
background-position:-650px top !important;
}
.sexy-yahoo:hover {
background-position:-650px bottom !important;
}
.sexy-blinklist {
background-position:-600px top !important;
}
.sexy-blinklist:hover {
background-position:-600px bottom !important;
}
.sexy-technorati {
background-position:-700px top !important;
}
.sexy-technorati:hover {
background-position:-700px bottom !important;
}
.sexy-myspace {
background-position:-200px top !important;
}
.sexy-myspace:hover {
background-position:-200px bottom !important;
}
.sexy-twitter {
background-position:-350px top !important;
}
.sexy-twitter:hover {
background-position:-350px bottom !important;
}
.sexy-facebook {
background-position:-450px top !important;
}
.sexy-facebook:hover {
background-position:-450px bottom !important;
}
.sexy-mixx {
background-position:-250px top !important;
}
.sexy-mixx:hover {
background-position:-250px bottom !important;
}
.sexy-script-style {
background-position:-400px top !important;
}
.sexy-script-style:hover {
background-position:-400px bottom !important;
}
.sexy-designfloat {
background-position:-550px top !important;
}
.sexy-designfloat:hover {
background-position:-550px bottom !important;
}
.sexy-syndicate {
background-position:-150px top !important;
}
.sexy-syndicate:hover {
background-position:-150px bottom !important;
}
.sexy-email {
background-position:-753px top !important;
}
.sexy-email:hover {
background-position:-753px bottom !important;
}

6.Jangan simpan terlebih dahulu
7.Masih pada kotak Edit HTML cari kode <data:post.body/>
8.Lalu Copy Kode dan letakan dibawah kode <data:post.body/>

<div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'
/></li>

<li class='sexy-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'
/></li>

<li class='sexy-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'
/></li>

<li class='sexy-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'
/></li>

<li class='sexy-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'
/></li>

<li class='sexy-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-twitter'><a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-furl'><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/12689686748957461622' title='Subscribe to RSS'/></li> 

<li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'/></li>

</ul>
<span class='sexy-rightside'/></div>

[pada kode tersebut di bagian akhir terdapat kata YOUR-FEEDBURNER-ID,ganti alamat tersebut dengan ID feedburner anda]

9.  Save Template Sobat. 

10.Selesai
Note:kode biasanya terletak pada bagian readmore[yang sudah memakainya]jika kodenya ada 2,letakan dibawah kode yang pertama.
Semoga postingan ini dapat mengobati rasa rindu sobat terhadap blog ini.
Silahkan lihat blog Sobat untuk melihat hasilnya,Selamat jika sudah berhasil,Oh ya jangan lupa Komentarnya ya,karna sangat berarti untuk kedewasaan blog ini.

Moga berhasil,..

Jangan lupa komentarnya yaa,.. :y

Statistik Blog Dengan Shiniystat

Jika anda sayang ama blog anda tentunya pengen tau dunk perkembangannya.dan anda membandingkan seberapa besar pengunjung di hari ini, kemaren dan besok-besok, dan jika anda bandingkan dengan statistik blog yang lainya shiniystat ini lebih unggul dan lebih simple.. iya itu katanya orang-orang yang suka dengan shinystat tentunya wkakakak... tapi emang bener juga aku juga ngerasa seperti itu kok...

Aku akan jelaskan sedikit banyak fitur-fitur yang dimiliki shinystat

•   Kamu bisa mengetahui pengunjung kamu yang online sekarang di blog kamu

•   Kamu bisa melihat berapa banyak pengunjung yang datang hari ini dan total keseluruhan pengunjung sejak pertama kali pasang shinystat

•   Mengetahui pengunjung blog kamu itu dari negara mana

•   Mengetahui pengunjung blog kamu dari mana datangnya misalnya, Dari search engine atau dari blog orang atau dari manalah.. pokoknya datang.

Nah diatas kurang lebih fitur-fitur yang dianggap penting tapi masih banyak lagi kok fitur-fitur yang lain yg belum aku sebutin.. juga pasti fiturnya juga di update dunk dari pihak sninystat

Gimana berminat daftar aja ni http://shinystat.com

Nah sekarang ans juga kasih tau cara pasang Widgetnya di Blog gini nih...

•   Daftar dulu di http://shinystat.com

•   Setelah daftar kamu masuk di menu Settings -----> Icons/Counters kemudian pilih icons yang kamu sukai dan setting dulu yang mau kamu tampilin di widgetnya

Setelah itu Kamu masuk HTML Code kemudian taruh codenya di Sidebar Blog kamu dengan cara masuk menu Layout di blog kamu kemudian Page Elements lalu Add a Gadget kemudian pilih HTML/JavaScript

Moga berhasil,..

Jangan lupa komentarnya yaa,.. :y

Buat Logo & Image Button

Apakah Sobat pernah melihat Blog yang menggunakan Logo sebagai identitas Blog nya, bagaimana, terlihat baguskah atau sobat juga ingin demikian,membuat logo(Banner blog) Sobat, bagi Sobat2 yang mahir menggunakan software desain grafis seperti Photoshop ataupun Coreldraw hal tersebut sangatlah mudah,tapi bagaimana dengan teman-teman yang lain yang tidak bias menggunakan program desain grafis,ataupun yang masih asing dengan program desain grafis(sepertisaya ini).Apakah Sobat hanya diam dan berharap ada yang mau membuatkanya untuk Sobat, sekarang buang jauh-jauh perasaan itu,karma banyak cara yang bias digunakan untuk membuat Logo,salah satunya secara online(menggunakan jasa internet) seperti Cooltext.com

Silahkan ikuti langkah-langkah berikut ini:

1. Silahkan buka alamat http://cooltext.com
2. Lalu klik tulisan Logos
3. Lalu klik gambar contoh logo yang sobat sukai
4. Tulis Teks yang ingin di jadikan logo di sampimg tulisan Logo Text
5. Pilih jenis Fonts(huruf) yang dugunakan di samping tulisan FONT
6. Tulis ukuran yang di inginkan di samping Tulisan Text Size.
7. Klik warna disamping kotak yang ada tulisan Text Color untuk memilih warna tulisan (text). pilih warna yang sobat sukai
8. Lalu Sobat juga bias memilih Background yang digunakan untuk Logo pada bagian   background Color atau Background Image
9. Lalu pilih format image disamping tulisan file format.
10. Klik tombol yang bertuliskan Render Logo
11. Tunggu beberapa saat ketika proses pembuatan logo berlangsung
12. Lihat hasil logo, bila belum cocok, klik tulisan Edit this logo ulangi langkah diatas, rubah yang sobat inginkan. Jika sudah cocok, klik tulisan Download Image untuk kita simpan di PC kita
13. Selesai. Sobat sudah mempunyai sebuah logo.

Nha itukan untuk membuat Logo,Jika ingin membuat Image Button ikuti langkah-langkah berikut ini:

1. Silahkan buka alamat http://cooltext.com
2. Pada Pilihan Choose a Button Design, pilih gambar yang sobat sukai
3. Tulis Teks yang ingin di jadikan logo di sampimg tulisan Logo Text
4. Pilih jenis Fonts(huruf) yang dugunakan di samping tulisan FONT
5. Lalukan pengeditan seperlunya saja,pada pilihan Shape Option
6. JIka sudah sesuai klik tombol Render Button
7. Lihat hasil logo, bila belum cocok, klik tulisan Edit this logo ulangi langkah diatas, rubah yang sobat inginkan. Jika sudah cocok, klik tulisan Download Image untuk kita simpan di PC kita

8. Selesai.

Sekarang Sobat sudah mempunyai Logo atau Image Button,setelah ini yang perlu dilakukan adalah meng-upload gambar tersebut ke layanan peng-uploa gambar ,seperti Photobucket.com, jika sudah selesai copy URL LINK gambar tersebut untuk ditempatkan di Blog,Contohnya seperti ini http://i388.photobucket.com/albums/oo322/arif_bucket/cooltext413734739.jpg lalu untuk memasukannya ke HTML tambahkan kode berikut: <img src="Link URL logo">, sehingga kode tadi menjadi seperti ini :

<img src="http://i388.photobucket.com/albums/oo322/arif_bucket/cooltext413734739.jpg">

Jika merasa ukurannya terlalu besar Sobat dapat mengecilkannya dengan menambahkan ukuran 100px X 40px , maka kode tersebut menjadi seperti ini :

<img src="http://i388.photobucket.com/albums/oo322/arif_bucket/cooltext413734739.jpg" width="100" height="40" alt="tutorial blog">

Contohnya Seperti ini:
kode width="..." yaitu untuk ukuran lebar image,diperbesar atau diperkecil
kode height="..." yaitu untuk ukuran tinggi image
Kode alt="..." yaitu untuk menampilkan tulisan ketika mouse berada pada image tersebut.

Moga berhasil,..

Jangan lupa komentarnya yaa,..

Pasang Kalender di Blog

Kali ini Saya akan memperlengkap Aksesoris pada Blog anda,dengan menambahkan tool kalender ke bagian sidebar blog, kalender(anda sudah tahukan apa itu) sangat banyak fungsinya,salah satunyauntuk menunjukan tanggal(hari) emangnya ada fungsi yang lain,saya sih gak tahu fungsinya yang lain selain buat tunjukin tanggal,(kalau sobat tahu,tolong kasih tahu saya dong).

Untuk memasang sebuah kalender sangatlah mudah,anda bisa memanfaatkan berbagai situs penyedia kalender gratisan di Internet,tentunya dengan berbagai keunggulan yang dimilikinya,kalau anda bingung memilihnya saya berikan contoh saja,yaitu, http://www.free-blog-content.com/. Coba kunjungi situs tersebut,dan pilih kalender yang sesuai untuk anda.

Setelah itu ambil kodenya,dan untuk memasangnya di blog ikuti petunjuk berikut ini:

1. Sign in di blogger dengan ID anda

2. Klik menu Layout

3. Klik menu Elemen halaman

4. Klik tulisan Tambah sebuah Halaman Elemen

5. Klik tulisan TAMBAHKAN KE BLOG di bawah tulisan HTML/javascript

6. Copy kode yang ada pada notepad, kemudian paste pada kolom yang tersedia

7. Klik tombol SIMPAN PERUBAHAN

8. Pindahkan elemen yang baru di buat pada tempat yang sobat inginkan, lalu klik tombol SIMPAN

9. Selesai.

Moga berhasil,..

Jangan lupa komentarnya yaa,..

Pasang Fasilitas Print di Blog

Akhirnya bisa nulis lagi di blog ini, setelah sekian lama tidak menulis artikel,bukannya tidak mau menulis tapi karna kesibukan yang sangat padat,jadi mau tidak mau blog ini jadi terbengkalai deh,masih berhubungan dengan Widget-widget pada kesempatan kali ini lita akan buat sedikit tips/trik sederhana untuk meletakkan fasilitas print pada halaman blog

Memasang Fasilitas Print pada halaman blog tidaklah sulit,tidak perlu keterampilan menguasai bahasa HTML,ataupun keterampilan memperbaiki motor(he he he bercanda),jika anda ingin memasang fasilitas print dib log anda cukup dengan meng-Copy kode berikut dan letakkan pada halaman blog anda.

Fasilitas Print yang memakai gambar

Pasang kode berikut ke blog anda

<a href="javascript:print(document)"><img src="http://i388.photobucket.com/albums/oo322/arif_bucket/print.png" alt="print this page" border="0"/>&#160;Print this page</a>

Untuk memasangnya ke dalam blog anda ikuti petunjuk ini:

1.Masuk ke blogger dengan ID anda
2.Klik menu Template
3.Klik Elemen Halaman
4.Klik Tambahkan Elemen Baru
5.Copy-kan kode berikut pada kotak yang tersedia lalu

<a href="javascript:print(document)"><img src="http://i388.photobucket.com/albums/oo322/arif_bucket/print.png" alt="print this page" border="0"/>&#160;Print this page</a>

6.Klik Save

Atau jika anda ingin memasang fasilitas Print dalam bentuk Tombol silahkan Copy kode berikut

<form>
<input type="button" value="Print this page" Onclick="print()" ;>
</form>

 Moga berhasil,..

Jangan lupa komentarnya yaa,..

Widget Tool Dari Google Translate

Widget penerjemah bahasa dari google ini sudah banyak digunakan dikalangan blogger dan webmaster, apabila ada pengunjung dari manca negara yang tidak bisa mengartikan bahasa indonesia kedalam bahasa yang diinginkan maka widget google translate bisa membantu menerjemahkan situs kita, tapi jika kita menggunakan bahasa yang tidak baku google translate akan kesulitan menerjemahkanya, jadi diharapkan menggunakan bahasa baku jika ingin sempurna diterjemahkan oleh google translate ini.

Udah dicoba belum? kalau sudah jika mau pasang widget ini silahkan baca dibawah ini.

Copy paste code dibawah ini kedalam blog Anda dengan cara :

1. Masuk menu Layout kemudian masuk menu Page Elements

2. Pilih box layout yang diinginkan kemudian klik Add a gadgets

3. Pilih Gadget HTML/JavaScript dan taruh code dibawah ini :

Code yang berwarna merah diatas adalah ukuran dari widget yang bisa kamu ubah-ubah. Kalau sudah kemudian SAVE.

Nah sedikit info dari saya dan jika Anda mau menggunakan layanan dari google translate yang lain kunjungi : http://translate.google.com

Mudah kan???

Berapa Page Rank Blog Kamu

PageRank adalah sebuah algoritma yang telah dipatenkan yang berfungsi menentukan situs web mana yang lebih penting/populer. PageRank merupakan salah satu fitur utama mesin pencari Google dan diciptakan oleh pendirinya, Larry Page dan Sergey Brin yang merupakan mahasiswa Ph.D. Universitas Stanford.
Trus bagaimana cara kerja Page Rank?

Sebuah situs akan semakin populer jika semakin banyak situs lain yang meletakan link yang mengarah ke situsnya, dengan asumsi isi/content situs tersebut lebih berguna dari isi/content situs lain. PageRank dihitung dengan skala 1-10.
Contoh: Sebuah situs yang mempunyai Pagerank 9 akan di urutkan lebih dahulu dalam list pencarian Google daripada situs yang mempunyai Pagerank 8 dan kemudian seterusnya yang lebih kecil.

Banyak cara digunakan search engine dalam menentukan kualitas/rangking sebuah halaman web, mulai dari penggunan META Tags, isi dokumen, penekanan pada content dan masih banyak teknik lain atau gabungan teknik yang mungkin digunakan. Link popularity, sebuah teknologi yang dikembangkan untuk memperbaiki kekurangan dari teknologi lain (Meta Keywords, Meta Description) yang bisa dicurangi dengan halaman yang khusus di desain untuk search engine atau biasa disebut doorway pages. Dengan algoritma ‘PageRank’ ini, dalam setiap halaman akan diperhitungkan inbound link (link masuk) dan outbound link (link keuar) dari setiap halaman web.

PageRank, memiliki konsep dasar yang sama dengan link popularity, tetapi tidak hanya memperhitungkan “jumlah” inbound dan outbound link. Pendekatan yang digunakan adalah sebuah halaman akan diangap penting jika halaman lain memiliki link ke halaman tersebut. Sebuah halaman juga akan menjadi semakin penting jika halaman lain yang memiliki rangking (pagerank) tinggi mengacu ke halaman tersebut.

Dengan pendekatan yang digunakan PageRank, proses terjadi secara rekursif dimana sebuah rangking akan ditentukan oleh rangking dari halaman web yang rangkingnya ditentukan oleh rangking halaman web lain yang memiliki link ke halaman tersebut. Proses ini berarti suatu proses yang berulang (rekursif). Di dunia maya, ada jutaan bahkan milyaran halaman web. Oleh karena itu sebuah rangking halaman web ditentukan dari struktur link dari keseluruhan halaman web yang ada di dunia maya. Sebuah proses yang sangat besar dan komplek.

Mau tahu algoritma page rank?
Dari pendekatan yang sudah dijelaskan pada artikel konsep pagerank, Lawrence Page and Sergey Brin membuat algoritma pagerank seperti di bawah :

Algoritma awal PR(A) = (1-d) + d ( ( PR(T1) / C(T1) ) + … + ( PR(Tn) / C(Tn) ) )

Salah satu alogtima lain yang dipublikasikan PR(A) = (1-d) / N + d ( ( PR(T1) / C(T1) ) + … + ( PR(Tn) / C(Tn) ) )

* PR(A) adalah Pagerank halaman A
* PR(T1) adalah Pagerank halaman T1 yang mengacu ke halaman A
* C(T1) adalah jumlah link keluar (outbound link) pada halaman T1
* d adalah damping factor yang bisa diberi antara 0 dan 1.
* N adalah jumlah keseluruhan halaman web (yang terindex oleh google)

Random surfer model merupakan pendekatan yang menggambarkan bagaimana sesungguhnya yang dilakukan seorang pengunjung di depan sebuah halaman web. Ini berarti peluang atau probabilitas seorang user mengklik sebuah link sebanding dengan jumlah link yang ada pada halaman tersebut. Pendekatan ini yang digunakan pagerank sehingga pagerank dari link masuk (inbound link) tidak langsung didistribusikan ke halaman yang dituju, melainkan dibagi dengan jumlah link keluar (outbound link) yang ada pada halaman tersebut. Rasanya semua juga menganggap ini adil. Karena bisa anda bayangkan apa jadinya jika sebuah halaman dengan rangking tinggi mengacu ke banyak halaman, mungkin teknologi pagerank tidak akan relevan digunakan.

Metode ini juga memiliki pendekatan bahwa seorang user tidak akan mengklik semua link yang ada pada sebuah halaman web. Oleh karena itu pagerank menggunakan damping factor untuk mereduksi nilai pagerank yang didistribusikan sebuah halaman ke halaman lain. Probabilitas seorang user terus mengkilk semua link yang ada pada sebuah halaman ditentukan oleh nilai damping factor (d) yang bernilai antara 0 sampai 1. Nilai damping factor yang tinggi berarti seorang user akan lebih banyak mengklik sebuah halaman sampai dia berpindah ke halaman lain. Setelah user berpindah halaman maka probabilitas diimplemntasikan ke dalam algoritma pagerank sebagai konstanta (1-d) . Dengan mengeluarkan variable inbound link (link masuk), maka kemungkinan seorang user untuk berpindah ke halaman lain adalah (1-d), hal ini akan membuat pagerank selalu berada pada nilai minimum.

Dalam algoritma pagerank yang lain, terdapat nilai N yang merupkan jumlah keseluruhan halaman web, jadi seorang user memiliki probabilitas mengunjungi sebuah halaman dibagi dengan total jumlah halaman yang ada. Sebaagai contoh, jika sebuah halaman memiliki pagerank 2 dan total halaman web 100 maka dalam seratus kali kunjungan dia mengunjungi halaman itu sebanyak 2 kali (catatan, ini adalah probabilitas).

Wahhh Panjang amattt diatass aku juga lum sempet baca semuanya aku copas aja dari om wikipedia.org heheheeee yawdah deh tapi sebelum kamu dapet pagerank kamu harus baca cara daftar di searach engine... kalau sudah mari silahkan cek page rank kamu dibawah

Wahh tools diatas juga saya ambil dari prchecker.info jadi selengkapnya kamu bisa kunjungi website tersebut okey...

Udah ya Deepfreeze udah capekkkk. Tapi tips SEO selanjutnya akan menyusul okey..???

Moga berhasil,..

Jangan lupa komentarnya yaa,.. :y

Ganti Domain Blogspot.Com Menjadi co.cc

Untuk memasukkan domain ini ke dalam blogger atau blogspot, kita perlu sedikit settingan baik itu di domainnya maupun di blogger. Karna setelah kita setting domain co.cc ini di blogger, pihak blogger tidak akan mengapprove permintaan kita apabila data yang diperoleh oleh pihak bloggernya tidak valid.

Bagaimana cara mensetting domain ini agar blog kita yang dulunya,….
www.namablog.blogspot.com menjadi www.namablog.co.cc

sebelum mengikuti langkah di bawah ini daftarkan dahulu domain anda disini

* pertama check dan daftarkan alamat domain yg kamu inginkan di menu "Getting A Domain" lalu isikan alamat domain yang kamu inginkan di kolom yang disediakan, apabila nama domain kamu berhasil belum pernah dipake ma orang lain..segera lanjutkan ke "Continue to registration". lalu "Set Up"

* pada kolom "Set Up" kamu pilih yang "Zone Record", nanti di "Zone Record" terdapat 4 kolom yang harus kamu isi…

* Untuk kolom 1 yaitu “Host” kamu isi dengan alamat domain yang tadi kamu daftarkan misalnya “www.namablog.co.cc”. dan jangan lupa harus ditambahkan “www”.

* Untuk kolom 2 yaitu “TTL” jangan disentuh(he3..), biarkan saja apa adanya..
* Untuk kolom 3 yaitu “Type” kamu pilih saja yang “CNAME”..
* dan untuk kolom yg terakhir yaitu “Value” kamu isikan saja “ghs.google.com”
* klo sudah, "Klik Set Up"..
Biar g bingung, coba liat gambar di bawah ini :

Tugas di domainnya dah beres..nah sekarang selanjutnya tugas kita yaitu mensinergikan antara blogger dengan domain co.cc agar permintaan kita bisa diproses, caranya yaitu:

* Log in dulu di blogger

* Masuk ke menu “Setting / Pengaturan” lalu pilih “Publishing / Publikasikan”.

* Kemudian kamu pilih “Switch to : Custom Domain / Berpindah Ke : Domain Kustom”.

* Klo sudah, kamu pilih yang “Already own a domain? Switch to advanced settings / Beralih Ke Pengaturan Lanjut”.

* Terakhir, isikan alamat domain kamu yang co.cc di kotak “Your Domain / Domain Anda”..dan jangan lupa alamat depannya pake “www”.

* Untuk dibawahnya yang "Gunakan Host File Yang Hilang" kamu biarkan saja..km langsung ja ke "Simpan Pengaturan"

* Selesai

Udah bisa kan,.

Tapi sabar dulu..proses aktivasi domain baru kamu akan diproses dalam beberapa jam atau bahkan bisa nyampe sehari lebih. Jadi klo saran dari sy, ketika kamu setting domain ini, lakukanlah pada saat sebelum tidur..karena, ketika proses aktivasi..blog kamu tidak akan bisa diakses karena masih dalam proses. Klo sebelum tidur kan nanti pas bangunnya..pagi2 kamu dah bisa akses blog kamu pake domain yang baru ini…g usah cape2 nunggu..dan yang penting, klo blog kamu dah punya traffic..kasian kan pengunjungnya g bisa akses blog kamu,hEE…

Klo dah berhasil..blog kamu akan tetap bisa diakses pake alamat yang dulu Cuma akan langsung dialihkan oleh pihak bloggernya ke alamat domain yang baru tadi.

Moga berhasil,..

Jangan lupa komentarnya yaa,.. :y

Membuat Kata Dan Kalimat Berkedip

Klo kita sering liat web atau blog yang ditampilannya terdapat kata atau kalimat yg berkelap kelip misalnya seperti kata ini yg sedang kelap kelip, mungkin buat yang belum tau, pasti kita sedikit heran..gimana y caranya..?

dulu juga sy kaya gtu, bingung banget, kq bisa y...tp ternyata setelah ditelusuri lebih lanjut..gampang banget, kita cuma tinggal sisipkan aja kode HTML di dalam kata atau kalimat yang mau kita kelap kelipkan..

kode HTML nya seperti ini.....

<blink>(Kata yang ingin anda kelap kelipkan)</blink>

contoh kalimat yg mau kita kelap kelipkan :

"ternyata gampang sekali y untuk mengkelap kelipkan kata itu"

caranya kita tinggal sisipkan aja kode HTML diantara kalimat tersebut menjadi :

<blink>"ternyata gampang sekali y untuk mengkelap kelipkan kata itu"</blink>

maka hasilnya akan seperti ini :

"ternyata gampang sekali y untuk mengkelap kelipkan kata itu"

Mudah Kan..
Jangan lupa, trik ini cuma bisa kita pake buat yang mendukung HTML aja, contohnya klo di blogger, masuk ke "ADD GADGET"---->"HTML/ Java Script". klo yang ngga ngedukung HTML sih jangan digunakan not mach...

Moga berhasil,..

Jangan lupa komentarnya yaa,..

Mengganti Icon Pada Address Bar

Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web).

Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu .....

masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode

ganti huruf yang dicetak tebal dengan lokasi gambar dimana kamu menyimpannya. Kamu bisa menyimpan gambarmu di 000webhost atau bisa juga di photobucket dan juga di imageshack.

Moga berhasil,..

Jangan lupa komentarnya yaa,..

Membuat Gambar Melayang Di Pojok

Berikut ini saya Mencoba ngebahas gimana cara membuat gambar yang selalu berlari tanpa henti dan 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 "gambar" itu apa? "gambar " 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 klik disini untuk melihatnya (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;top: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://deepfreeze62.blogspot.com">
<img src="http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif" border="0" /></a>
</div>

"http://deepfreeze62.blogspot.com" adalah link. ganti dengan link kamu.
"http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif" adalah 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.

Moga berhasil,..

Jangan lupa komentarnya yaa,.. :y

Kustomasi Kotak Pencarian Google

Pada postingan kali ini Tips dan Trik Blog akan memberikan “tips modifikasi” atau kustomasi atas kotak pencarian Google yang mana penempatannya pada side bar blog.

Kustomasi yang bisa kita lakukan dari pencarian tersebut adalah,

menghilangkan banner Google,

mengganti banner Google baik dengan banner lainnya atau dengan teks,

mengganti teks “google search” dengan teks yang kita inginkan.

Menambah lebar kotak (table)

Script originalnya adalah sebagai berikut.

<!-- Search Google -->

&lt:center>

<FORM method=GET action=http://www.google.com/search>

<input type=hidden name=ie value=UTF-8>

<input type=hidden name=oe value=UTF-8>

<TABLE bgpurple">#FFFFFF"><tr><td>

<A HREF=http://www.google.com/>

<IMG SRC="http://www.google.com/logos/Logo_40wht.gif"

border="0" ALT="Google" align="absmiddle"></A>

<INPUT TYPE=text name=q size=25 maxlength=255 value="">

<INPUT type=submit name=btnG VALUE="Google Search">

&lt>/td></tr></TABLE>

</FORM>

</center>

<!-- Search Google -->

Contoh yang dapat dikustomasi,

Warna kotak, dilakukan dengan mengganti kode html warna yang ada (ditandai dengan warna biru) dengan kode html warna yang diinginkan.

Banner Google dapat diganti banner lainnya dengan cara mengganti kode html banner Google (ditandai dengan warna merah) dengan kode html banner milik kita atau bisa menggantinya dengan teks atau bahkan menghilangkannya.

Teks ‘Google Search” (ditandai dengan warna biru) dapat diganti dengan teks sesuai dengan keinginan kita.

Menambah lebar kotak (table) dengan mengubah “size”nya.

TIPS DAN TRIK BLOG akan memberi contoh sederhana kustomasi tersebut.

Background diganti dengan warna hijau (#008000). Untuk kode html warna bisa dilihat di sini atau di sini.

Banner Google diganti dengan teks “Masukkan Keyword”

Teks “Google Search” diganti dengan teks “Pencarian dengan Google”

Lebar kotak (table) diubah menjadi 30

Moga berhasil

Jangan lupa komentarnya yaa,.. :y

Script Salam Pembuka Pada Blog

Tips yang akan saya sajikan pada postingan kali ini adalah tips membuat salam pembuka pada blog yang mungkin sering Anda lihat atau bahkan telah Anda gunakan dalam blog Anda namun tidak ada salahnya untuk menampilkan kembali, siapa tahu ada di antara new blogger yang masih membutuhkan accessories blog yang tidak akan membuat blog Anda berat.

Intinya pengunjung “dimohon” untuk mengetikkan namanya kemudian dengan nama yang diketikkan tersebut untuk memberi ucapan salam perkenalan dan lain-lain sesuka kita.

Scriptnya adalah seperti di bawah ini.

<script type='text/javascript'>
var name = prompt("Welcome!! Boleh Tahu Namanya?", "Nama Anda ");
alert("Salam Kenal "+name)
alert("Selamat Surfing di Blog Saya, Semoga Berkenan!!")
</script>

Teks yang berwarna merah dapat Anda kita ganti sesuai keinginan kita.

Kemudian copy script tersebut pada side bar bar Anda, dengan langkah sebagai berikut.

Login ke http://blogger.com >> Dasbor >> Tata Letak (layout) >> Tambah Gadget >> HTML/Javascript >> kemudian pastekan kode tersebut >> Simpan Perubahan >> Selesai.

Hasilnya dilihat pada blognya masing-masing, ya!!

Jangan lupa komentarnya yaa,..

Cara Membuat Buku Tamu / Shoutbox

Buku tamu atau istilah lainnya shoutbox, say box, tag board, dan chatter box adalah suatu kotak yang berfungsi untuk mengirimkan pesan-pesan pendek, namun bisa juga berfungsi sebagai tempat ngobrol (chatting). Dengan buku tamu/shoutbox, kita juga bisa mempromosikan blog kita. Misalnya, kita datangi blog orang yang menyediakan kotak ini kemudian kita kasih komentar atau cuma sekedar salam di shoutbox mereka, lalu yang punya blog akan melihat di shoutbox, biasanya meraka akan balas mengunjungi blog kita.

Biasanya buku tamu/shoutbox diselipkan kedalam halaman web/blog dengan bahasa javascript. Bagi anda yang jago pemrograman java script mungkin bisa membuatnya sendiri dengan membuat kode-kode yang memusingkan kepala. Namun buat anda yang nggak jago nggak usah kuatir karena sekarang ini banyak situs internet yang menyediakan layanan ini, salah satunya yaitu shoutmix. Mau tau gimana caranya?

Berikut cara membuat buku tamu / shoutbox dengan shoutmix

1. Buka shoutmix.com lalu daftarkan diri anda. Cara pendaftarnnya cukup mudah.
2. Jika pendaftarannya berhasil anda langsung disuruh memilih tipe shoutbox yang   disediakan. Setelah itu klik tombol continue.
3. Klik link go to my control panel now. Disana anda bisa mensetting terlebih dahulu shoutbox, misalnya style & color, date & time, dan lain-lain.
4. Setelah itu klik get codes lalu atur tinggi dan lebarnya shoutbox anda. Kemudian copy script yang ada di dalam kotak generated codes.
5. Login ke akun blogger anda.
6. Pilih layout > add page elements > html/javascript.
7. Paste kode yang telah anda copy tadi ke dalam kotak content.
8. Klik save.
Sekarang widget shoutmix anda sudah siap dan telah muncul di blog anda.

Selamat mencoba...
Jangan lupa kasih komentar yaa,..