Menampilkan Jam Di Sidebar

Setelah kemarin mengalami masalah jaringan sampai-sampai mau posting juga bingung, tapi sekarang alhamdulilah udah normal lagi. Padahal gangguan cuma 24 jam doang tapi terasa lama banget, sepertinya virus internet udah betah di dalam otak saya nih, mudah-mudahan buat kedepan-nya gangguan ini enggak terjadi lagi amien...

Ada sahabat baru yang bertanya bagaimana cara menampilkan jam di blog dan saya langsung aja kasih script-nya, mungkin anda juga mau memakai jam di blog anda berikut ini caranya atau anda mau lihat contohnya silahkan lihat di blog sahabat baru saya, kemarin sih setelah saya visit ke blog sahabat baru saya udah di pasang script-nya, entah sampai kapan dia memasang script jam tersebut. Berikut ini script dan cara memasang-nya :
>> Login Di blogger
>> Rancang/Design
>> Tambah Gadget/Add a Gadget

>> Kemudian pilih HTML/javascript

Kemudian copy paste script di bawah ini :

<script type="text/javascript">
now = new Date();
if (now.getTimezoneOffset() == 0) (a=now.getTime() + (7*60*60*1000))
else (a=now.getTime());
now.setTime(a);
document.write("Jam: " + ((now.getHours() < 10) ? "0" : "") + now.getHours() + ":" + ((now.getMinutes() < 10) ? "0" : "") + now.getMinutes() + ":" + ((now.getSeconds() < 10) ? "0" : "") + now.getSeconds() + (" WIB "))
</script>

Kemudian jangan lupa di simpan dan lihat hasilnya, Semoga bermanfaat.

Buku Tamu Tersembunyi

Lagi bete enggak ada kerjaan lebih baik membuat postingan lagi, berhubung sekarang lagi sedang ngetrend-nya membuat buku tamu tersembunyi di samping kiri atau kanan monitor, saatnya saya tulis lagi untuk sekedar menambah koleksi artikel saya.

Script ini hampir sama seperti yang pernah saya pernah buat silahkan di baca dulu javascript melayang di blog jika anda ingin memasang buku tamu tersembunyi anda harus bedakan kode-nya dengan script melayang tersebut (jika di blog anda memasang script melayang atau iklan melayang)

Silahkan Anda ikuti langkah-langkah berikut ini.
>> Login Blogger
>> Klik Rancangan/Design
>> Tambah Gadget / Add a Gadget

>> Anda pilih HTML/javascript

Kemudian Copy paste kode di bawah ini di dalam Html/javascript tadi.

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg83rWYkdO6lugGz0hfNX_tToDAyD5uBquHIh2n05vg61bj8iDWI6NzbJjFbKQ4JKp51NdAB3dEgVTT318CDjw8IcLg8AZo4SdtYFc7h2dGJVvfL2Jbn3v3VKfwMg1bDTUKWh3h3KJ8a7HD/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

Letakkan disini kode Shoutbox, Iklan, Menu Dll

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>



<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

Yang saya cetak merah dapat anda ganti posisi-nya tapi anda harus mengatur juga dari style-nya. Dan yang berwarna biru bisa anda letakkan kode buku tamu, iklan dan terserah.

Seharusnya tadi pagi postingan ini udah jadi, berhubung ke habisan sinyal buat posting (enggak konek), ya udah deh terpaksa di tunda.
Selamat Mencoba dan Semoga Bermanfaat.

Create Recent Post And Comments

Pertama, Cara Membuat Recent Post Dulu
>> Silahkan login di Blogger
>> Rancangan/Design
>> Tambah Gadget/Add a Gadget

>> Kemudian anda pilih Feed

Kemudian anda masukkan feed blog anda contoh

http://www.rhoedal.co.cc/feeds/posts/default

yang saya cetak merah anda bisa ganti dengan alamat blog anda

kemudian klik Continue atau Lanjutkan
Kemudian anda beri judul pada gadget-nya dan anda pun bisa menseting berapa yang harus tampil dll.

Kemudian klik simpan atau save. Selesai sudah membuat recent post.

Membuat Komentar Terbaru
caranya hampir sama seperti cara di atas tadi, tapi yang berbeda adalah alamat feed-nya!

http://www.rhoedal.co.cc/feeds/comments/default

seperti biasa yang berwarna merah, anda ganti dengan alamat blog anda

silahkan anda ikuti saja cara di atas tersebut! Selesai.

Alternatif lain, anda pun bisa menggunakan gadget recent post / artikel terbaru. Recent comment atau komentar terbaru di blog anda dengan menggunakan gadget dari blogger. Perhatikan gambar di bawah ini.

Nah mudah bukan? Semoga bermanfaat...

Style warna widget Whos.Amung.Us

Mungkin anda bosan dengan tampilan widget yang di sediakan dari layanan whos.amung.us seperti ini contohnya

terlihat membosankan bukan? Gambar yang merah tersebut nama-nya classictab, biasa berada di sisi kiri, kanan dan bawah monitor. Anda senang dengan posisi tersebut tapi anda bosan dengan warna-nya yang itu-itu saja, sekedar memberitahu saja, sekarang anda bisa mengganti warna dengan selera anda langsung aja anda menuju http://whos.amung.us/colorwheel/ disana anda bisa mengganti warna seperti yang saya bilang tadi.

Semoga bermanfaat...

Cara Membuat Next Page Dengan Angka

Sebentar lagi udah mau puasa nih! Belum punya persiapan yang mateng... Mudah-mudahan bulan ini lulus lagi amien...

Langsung aja ah sekarang kita belajar bersama membuat next navigasi, seperti gambar di bawah ini


Jika anda berminat buat memasangnya silahkan ikuti langkahnya berikut ini
>> Masuk Blogger
>> Rancangan/Design (dulu masih tata letak)
>> Edit Html
Letakkan kode di bawah ini tepat di atas ]]></b:skin<

.showpageArea a {text-decoration:underline;}
.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}
.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}
.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}
.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}
.showpage a:hover {text-decoration:none;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}

Kemudian cari lagi kode seperti ini </body> dan letakkan kode di bawah ini tepat di atas </body>

<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord=&#39;Previous&#39;;
var downPageWord=&#39;Next&#39;;
</script>
<script src='http://rumbiadalam.googlecode.com/files/pag3.js' type='text/javascript'/>

Kemudian simpan template anda. Nah buat yang saya cetak merah dan biru, pastinya anda sudah tahu apa yang harus anda lakukan, sepertinya saya tidak perlu banyak berkomentar dalam hal ini. Semoga bermanfaat.

Menambahkan Tombol Retweet Di Blog

Bagi anda pembaca setia rhoedal (rhoedalisme) tentunya kemarin membaca cara membuat tombol share facebook, bagi anda yang baru pertama kali dateng ke rhoedal, silahkan mungkin mau baca cara membuat tombol share facebook dengan penghitung (counter) nah kali ini kita akan menambahkan tombol button retweet dari twitter

Caranya
>> Silahkan login di Blogger
>> Rancangan/Design
>> Edit HTML
>> Centang Expand Widget Template
>> Copy Paste salah satu kode di bawah ini di atas atau di bawah <data:post.body/>


<script type='text/javascript'>
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'UserName';
</script>
<script type='text/javascript' src='http://tweetmeme.com/i/scripts/button.js'/>

Atau yang ini :

<script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'UserName';
</script>
<script type='text/javascript' src='http://tweetmeme.com/i/scripts/button.js'/>

Kemudian simpan template anda...
Agar tombol retweet di muncul di halaman depan (home) tambahkan kode seperti ini

<b:if cond='data:blog.pageType == "item"'>

...

</b:if>

Seperti ini contohnya :

<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'UserName';
</script>
<script type='text/javascript' src='http://tweetmeme.com/i/scripts/button.js'/>
</b:if>

Selamat mencoba dan semoga bermanfaat...