Most of the bloggers think that with a beautiful view blogs will make the visitors feel comfortable. And I think by using the masculine template, will make your blog look more elegant, so why not try it?

DOWNLOAD | VIEW

Cara Mengetahui Nilai Suatu Blog Atau Situs

MENGETAHUI PERKIRAAN NILAI SUATU BLOG ATAU SITUS. Kemarin, saya melakukan browsing dan secara tidak sengaja menemukan sebuah layanan online yang mampu menyajikan perkiraan nilai sebuah situs, informasi, dan data pengunjung suatu situs dan informasi situs yang berguna lainnya.

Adalah BIZ INFORMATION yang menyediakan layanan dimaksud. Untuk mengetahui informasi serta nilai perkiraan suatu situs, kita hanya perlu memasukkan alamat URL situs tersebut pada kotak yang disediakan. Kemudian kita hanya perlu menekan button “NILAI” dan kemudian menunggu beberapa detik untuk mendapatkan informasi yang lengkap dari situs tersebut.

Informasi yang ditampilkan antara lain :

1. Nilai Situs
2. Titik Halaman Harian
3. Pengunjung Harian
4. Peringkat Dunia
5. Peringkat Indonesia
6. Jenis Web
7. Page Rank
8. Jumlah Halaman
9. Tautan Eksternal
10. Nilai Metrik
11. Pengenalan Situs
12. Sejak Online Situs
13. Dll

Untuk mencobanya, silakan ikuti langkah-langkah berikut ini.

Pertama, buka halaman http://bizinformation.org/id/

Kedua, masukkan alamat URL situs/blog pada kotak yang disediakan

Ketiga, klik “NILAI”

Keempat, tunggu beberapa saat untuk mendapatkan hasilnya.

Berikut contoh hasil dari informasi blog ini (Tips dan Trik Komputer). Dan dari penilaian layanan tersebut BLOG ini mempunyai nilai perkiraan 75 juta. Sungguh angka yang menakjubkan. Sayangnya hanya berupa angka saja. Jika menginginkan, kita dapat menampilkan hasil perkiraan nilai pada side blog kita dengan cara mengcopy paste kode html yang telah disediakan.

Selamat Mencoba!!

Membuat Tool Google Translate pada Blog

Sejak Google mengumumkan bahwa Google Translate telah menambahkan 11 bahasa baru dan Bahasa Indonesia adalah salah satunya. Layanan translasi otomatis gratis Google kini mendukung 35 bahasa asing dan dapat menerjemahkan dari dan ke bahasa apapun yang didukung. Di sebagian besar skenario, Google menggunakan Inggris sebagai bahasa perantara sehingga saat Anda menerjemahkan konten dalam bahasa Indonesia ke Vietnam, Google terlebih dahulu menerjemahkan konten berbahasa Indonesia ke Inggris dan dari Inggris ke Vietnam. Untuk skenario seperti ini, tentunya akurasi hasil terjemahan lebih rendah karena melalui dua kali proses translasi.

Diberdayakan oleh Terjemahan

Untuk saat ini, hasil dari Google Translate dalam bahasa Indonesia mungkin masih belum sebaik bahasa-bahasa utama dunia lain seperti Perancis dan German, akan tetapi seperti bahasa-bahasa yang sudah didukung sebelumnya, akurasi Google Translate biasanya semakin lama semakin akurat bersama dengan meningkatnya jumlah sampel terjemahan yang dimiliki Google.

Nah, Jika teman teman meiliki Blog dan ingin menampilkan tools untuk penterjemahnya silahkan copy script Google Translate dibawah ini lalu paste pada blog anda, tentunya anda harus membuang tanda "//" pada awal script agar berjalan sesuai keinginan.

// <div id="google_translate_element"></div><script>

function googleTranslateElementInit() {  new google.translate.TranslateElement({   pageLanguage: 'en'

  }, 'google_translate_element');

}

</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Selamat mencoba sukses selalu.

Sahabat mungkin sudah pada tau apa itu Tampilan Hemat Energi di Blog, seperti yang saya pake juga di blog ini. Ketika sahabat tidak melakukan aktivitas di blog ini atau ketika sedang browsing di halaman lain, maka ketika membuka halaman blog saya ini lagi akan terlihat tampilan halaman hemat energi. 

Contoh tampilan hemat energi punya blog saya

OK langsung saja ke tutorialnya:

1. copy script berikut dan paste di notepade

var idleTime = 0; var standby = false; function CheckInactivity() { idleTime += 10; if(idleTime > 60) { InitializeStandBy(); } } function InitializeStandBy() { if(!standby) { var h = 0; h = jQuery(window).height(); jQuery("#energysaving").show().css({ height: "0", width: "0", left: "50%", top: "50%" }).animate({ width: "100%", height: h, left: "0", top: "0", opacity: "1" }, 1000); standby = true; } } function StopStandBy() { if(standby) { jQuery("#energysaving").animate({ width: "0", height: "0", opacity: "0", left: "50%", top: "50%" }, 500); setTimeout('jQuery("#energysaving").hide();', 800); standby = false; } } document.write('<link rel="stylesheet" href="http://www.onlineleaf.com/savetheenvironment.css" type="text/css">'); if(typeof(jQuery) == "undefined") { document.write('<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>'); } function InitJQuery() { if(typeof(jQuery) == "undefined") { setTimeout("InitJQuery();", 50); } else { jQuery(function() { jQuery(document).ready(function() { setInterval("CheckInactivity();", 10000); jQuery(this).mousemove(function(e) { idleTime = 0; StopStandBy(); }); jQuery(document).keypress(function(e) { idleTime = 0; StopStandBy(); }); jQuery("body").append('<div id="energysaving"><p><a href="http://mafiaray.blogspot.com" target="_blank"><img src="http://a2.sphotos.ak.fbcdn.net/hphotos-ak-ash2/166922_336734259676920_243451975671816_1620412_1000593647_n.jpg" border="0" alt="sin1aja"></a><br /><span>Gerakan Mouse Sahabat Untuk Kembali Ke Halaman</span></p><div id="copyrightOnlineLeaf">Copyright 2011 <font style="color: #666666;">DIKDIK M WIGUNA</font> - All rights reserved</div></div>'); jQuery("#energysaving").hide(); }); }); } } InitJQuery();

2. kemudian cari tulisan yang ditandai warna merah berikut yang ada di dalam script diatas:

• http://ugiw.blogspot.com (ganti dengan URL blog kamu)
• http://a2.sphotos.ak.fbcdn.net/hphotos-ak-ash2/166922_336734259676920_243451975671816_1620412_1000593647_n.jpg (ganti dengan URL image kamu yang nantinya akan menjadi tampilan background Hemat Energi)  
• Gerakan Mouse Sahabat Untuk Kembali Ke Halaman (ganti tulisan ini sesuai dengan selera kamu)
• DIKDIK M WIGUNA (ganti dengan namamu atau tulisan apa saja terserah)

3. Setelah selesai dimodifikasi, selanjutnya save dengan exsistensi file JS (Java Script). caranya save as, lalu kasih nama: hematenergi.js (catatan: jangan lupa pada save as type pilih All file dan pada encoding pilih Ansi)

4. Kemudian upload file JS tersebut ke alamat ini: http://yourjavascript.com/
browse file yang akan di upload tadi, lalu masukkan email kamu. Nanti akan ada balasan dan dikirim widget scriptnya ke email kamu. Setelah di upload buka dan cek email kamu, lalu copy scriptnya yang dikirim tadi.

5. selanjutnya masuk ke blog kamu, pilih Tata letak =>Tambah gadget => Html javascript, kemudian pastekan widget javascript tadi. Klik simpan/save

6. Semoga berhasil

Cara Membuat Slide Out Navigasi Floating Di Atas Header Blog

Langkah 1
Copy kode dibawah ini.

<style>

ul#navigation {

position: fixed;

margin: 0px;

padding: 0px;

top: 0px;

right: 0px;

list-style: none;

z-index:999999;

width:721px;

}

ul#navigation li {

width: 103px;

display:inline;

float:left;

border:0; 

}

ul#navigation li a {

display: block;

float:left;

margin-top: -2px;

width: 100px;

height: 25px;

background-color:#E7F2F9;

background-repeat:no-repeat;

background-position:50% 10px;

border:1px solid #BDDCEF;

-moz-border-radius:0px 0px 10px 10px;

-webkit-border-bottom-right-radius: 10px;

-webkit-border-bottom-left-radius: 10px;

-khtml-border-bottom-right-radius: 10px;

-khtml-border-bottom-left-radius: 10px;

text-decoration:none;

text-align:center;

padding-top:80px;

opacity: 0.96;

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); 

}

ul#navigation li a:hover{

background-color:#CAE3F2;

}

ul#navigation li a span{

letter-spacing:2px;

font-size:11px;

color:#60ACD8;

font-family:trebuchet-ms, arial, tahoma, Sans-Serif;

font-weight:bold;

text-shadow: 0 -1px 1px #fff; 

}

ul#navigation .rss a{

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9p53NtcCCpSP98DDYFiBGqsbn0EhH9Ns7IAiR1mCX5QbrkMzak9Mk45fuBTjwvzAZo90hdAdIPBdYafQJwy9cni2l93Cs6K_9PBki_1FbiDfgBpe-VZx5IhGCMAgH5FGB5P4ob3dfc2U/s400/rss.png);

}

ul#navigation .facebook a {

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9IlZHxgPACCB490n-S5FOwedyHOFOCXCDFgsg_tJ3tHOeR4jj2p63EaZMtbpWhvlEOn9ZvQFOKQxZfePcrqXCp7alLwsMm6USbzP-rBkfXdlZoERa1ZQjVjc0yj_XOJ3vZwTAP8RSF04/s400/facebook.png);

}

ul#navigation .twitter a {

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6PnQV5C_0kX8LKOXwzd5twfWOBpbSs6shC9J81BrR3XVq2sj_gNVxD_7AUMOWh-F44Jq_05Kg8vxlXyeATr489MqMYF851heUaAgAl_pLLkDLY04HqFKW3yoHtWLHUiBifMYldkfxGmU/s400/twitter.png);

}

ul#navigation .about-me a {

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA8Q-ZK48z-2e9AgAahNj9mX0qhcEAg1SekazPAxyOygIEFy_8dPC-g2seraKyFwtkB_-uOg_uS6pK5cDmuzPFH965d-TU9teLgP73aQAvUn432BpP3iTi8qUkGuvwonqSlbCT3dOznYk/s400/photo.png);

}

ul#navigation .e-mail a {

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfkxIgd9bWOcX7UCJcNHqnhIeiwu7e4pZwRSpfYtud_94_JVllk-8c3irx13ua7sONhdXNdB37YaKbVfIE00DPiyDYwv1quDbqh7uaZk5je44Q7ZhyKQzKvFNcLR6ZtU48k1s6d90mdRs/s400/mail_edit.png);

}

</style>

<script type="text/javascript" src="https://sites.google.com/site/jquery01/jquery-1.3.2.js"></script>

<script type="text/javascript">

$(function() {

var d=300;

$('#navigation a').each(function(){

$(this).stop().animate({

'marginTop':'-80px'

},d+=150);

});

$('#navigation > li').hover(

function () {

$('a',$(this)).stop().animate({

'marginTop':'-2px'

},200);

},

function () {

$('a',$(this)).stop().animate({

'marginTop':'-80px'

},200);

}

);

});

</script>

<ul id="navigation">

<li class="rss"><a href="http://nama-blog-anda.blogspot.com/atom.xml"><span>RSS Feed</span></a></li>

<li class="facebook"><a href="http://www.facebook.com/profile.php?id=masukkan-ID-Facebook-disini"><span>My Facebook</span></a></li>

<li class="twitter"><a href="http://twitter.com/masukkan-ID-Twitter-disini"><span>My Twitter</span></a></li>

<li class="about-me"><a href="http://draft.blogger.com/profile/masukkan-ID-Blogger-disini"><span>My Profile</span></a></li>

<li class="e-mail"><a href="mailto:masukkan-email-disini@gmail.com"><span>My E-Mail</span></a></li>

</ul>

Tambahan:

1.Untuk mengubah warna background, silahkan edit kode background-color:#E7F2F9;

2. Untuk mengubah warna tulisan, silahkan edit kode color:#60ACD8;

3. Untuk memasukkan ID bagi akun Facebook, Twitter , RSS Feed, Profile dan E mail anda, silahkan edit kode yang di bold dengan warna merah.

Langkah 2

Cara Pemasangan.

1. Login ke Blogger, Klik Design :

2. Pada Elemen Halaman, klik Add Gadget di lokasi yang Anda ingin letak;

3. Pilih HTML/Javascript;

4. Copy paste code HTML diatas ke dalam Content yang telah tersedia;

5. Akhir sekali klik save.