Jam Gratis Untuk Memperindah Blog Kita

A clock gives a beautiful look to a website. A clock is a must for a personal homepage, forum, blog etc. Isn’t it exciting when you get a highly quality flash Clock absolutely Free? FreeFlashclocks.eu is offering Free download plus embedding of hundreds of highly professional Clocks in different shapes, sizes, colors, themes and styles. Below I have shared some of the clocks from FreeFlashclocks.eu and have provided the embedding code. Simply copy the code below each clock and past that code in Edit Html Section of your blogger editor to display the clock in your posts just like I did! See a Screenshot below, To add a clock to your...

Selengkapnya

Cara Membuat Scrollbar pada Arsip Blog

Langsung saja Sobat berikut langkah-langkahnya : Login ke blog sobat Pilih Rancangan dan Edit Hmtl Cari kode berikut <b:includable id='main'> agar cepat tekan F3 Setelah sobat temukan kode diatas perhatikan deretan kode berikut : <b:includable id='main'><b:if cond='data:title'><h2><data:title/></h2></b:if><div class='widget-content'> <div id='ArchiveList'> Pada deretan kode diatas yang berwarna merah tambahkan style='overflow:auto; height:120px' sehingga lengkapnya seperti ini <div class='widget-content' style='overflow:auto; height:120px'> Selanjutnya save template dan lihat hasilnya. Selamat Mencoba...

Selengkapnya

Cara Membuat Menu Di Bawah Template Secara Melayang

Langsung saja memperaktekkan bagai mana cara menempatkan atau memasang menu melayang pada bagian bawah template seperti yang nampak pada Belajar Komputer yang memiliki beberapa menu dan sobat bisa menambahkan lebih banyak menu termasuk sub menu. Berikut langkah-langkahnya : Login ke blog sobat kemudian pilih Rancangan dan Edit Hmtl Sebelum melakukan pengeditan, sebaiknya back up terlebih dahulu template sobat. Expand template widget. Kemudian tempatkan kode berikut diatas kode </body>. <div id="zfpm_div" style="display:none;"> <div id="zfpm_upperBox"> tempat ads sobat </div> <ul id="zfpm_ul"> <!-- Your menus start --> <li><a href="">YOUR MENU-1</a></li> <li class="dir"><a href="">YOUR MENU 2 (containing submenu)</a> <ul> <li...

Selengkapnya

Cara Membuat Menu Tab Blogger

Seperti biasa, langsung menuju edit HTML, centang expand widget template dan back up current template sobat, kalau sudah sekarang sobat pasang kode css dibawah ini tepat diatas kode ]]></b:skin> /*---- Wordpress Style mybloggertricks.com Menu Tabs, edit by Akoey's Blog----*/     .MBT-tabs{list-style:none;list-style-type:none;margin:0 0 10px 0;padding:0;height:26px}     .MBT-tabs li{list-style:none;list-style-type:none;margin:0 0 0 4px;padding:0;float:left}     .MBT-tabs li:first-child{margin:0}     .MBT-tabs li a{color:#fff;background:#2E030D;padding:5px 5px;display:block;text-decoration:none;font:bold...

Selengkapnya

Cara Membuat Menu Dtree

Langsung saja yuk kita ikuti langkah2 berikut ini: Pertama kita lihat kode dasar dalam membuat menu dtree asli dari destroydrop.com seperti ini :<link rel="StyleSheet" href="dtree.css" type="text/css" /><script type="text/javascript" src="dtree.js"></script> Kode diatas disimpan di atas kode </head> pada template, kode tersebut adalah merupakan kode sumber script yang nantinya akan dipanggil. Sobat bisa menggantinya dengan script sendiri. Kemudian lihat kode dibawah ini: <h2>Example</h2> <div class="dtree"> <p><a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a></p> <script type="text/javascript"> <!-- d = new dTree('d'); d.add(0,-1,'My example tree'); d.add(1,0,'Node...

Selengkapnya

Apa itu Blog

Sebuah blog awalnya adalah sebuah situs web pribadi dimaksudkan untuk menjadi seperti buku harian atau jurnal. Jika Anda sudah familiar dengan Facebook atau MySpace, situs-situs dan halaman pengguna mereka merupakan turunan dari blog. Kata blog adalah versi singkat dari kata weblog. Seseorang biasanya akan membuat blog sebagai hobi untuk berbagi informasi dan pengalaman mereka pada subyek tertentu. Blog ini dirancang untuk menjadi sangat mudah untuk menambahkan entri baru, sehingga informasi di blog di-update lebih sering daripada situs tradisional. Sebagai blogger menambahkan entri ke blog, para penonton dapat menambahkan komentar untuk entri, maka blog menjadi sebuah situs interaktif. Jika blogger yang menarik tidak butuh waktu lama untuk itu untuk membuat blog cukup mengikuti....

Selengkapnya

Cara Menambah atau Mengubah Judul Gadget dengan Gambar

Untuk membuatnya, silahkan ikuti langkah-langkah berikut ini : 1. Login dulu di akun blogger sobat 2. Klik "Rancangan" => "Edit HTML" 3. Centang "Expand Template Widget" 4. Sebagai contoh, saya akan mengubah judul gadget "Materi TIK-PTD" dengan gambar. Maka untuk mencarinya saya akan mengetikkan "Materi TIK-PTD" dikotak pencarian (CTRL+F). maka hasil yang akan keluar akan seperti ini :<b:widget id='HTML2' locked='false' title='Materi TIK-PTD' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div...

Selengkapnya

Cara Membuat dan Memasang Favicon 2

Favicon merupakan gambar berukuran kecil (biasanya berukuran 16 x 16 pixels) yang dapat di tampilkan pada URL bar browser atau bookmark. Favicon tentu saja dapat membuat tampilan blog Anda lebih bergaya dan mudah dikenali oleh pengunjung dengan simbol atau tanda tertentu. Untuk membuat favicon, Anda dapat menggunakan program photoshop atau pergunakan jasa website lain. Jika Anda, tidak ingin repot, maka saya sarankan untuk membuat favicon melalui website favicon generator di : http://www.favicon.cc/. Setelah gambar favicon sudah Anda dapatkan, silahkan upload gambar tersebut di penyedia hosting gambar gratisan, seperti imagehosting, imageshack, photobucket, tinypic, dan lainnya. Selanjutnya, Anda harus memasang favicon di struktur CSS template Anda, dengan mengikuti langkah berikut...

Selengkapnya

Cara Membuat Title Bar Bergerak

Silahkan bagi teman-teman yang ingin mencobanya saya persilahkan. Dan ini tutornya kawan. 1. Masuk ke blog anda. 2. Tata letak. 3. Tambah gedgat. 4. Masuk kan kode berikut ya kawan. <script language="JavaScript"><!--////Scrolling Status Barputmsg="==welcome==";letchar2="+==o0o==+";letchar1="+==o0o==+";ultimo1=letchar1.length-1;ultimo2=letchar2.length-1;ultimo2=letchar2.length-1;tiempo=setTimeout("stat_scroll()",.1);function stat_scroll(){aux1=letchar1.charAt(ultimo1-1);letchar1=aux1+letchar1.substring(0,ultimo1-1);aux2=letchar2.charAt(0);letchar2=letchar2.substring(1,ultimo2+1)+aux2;window.status="(" + letchar2 + putmsg + letchar1 + ")";tiempo=setTimeout("stat_scroll()",.1);return true;}// --></script><script language="JavaScript"><!--//putmsg="[Tutorial TIK-PTD]";letchar2="+==o0o==+";letchar1="+==o0o==+";ultimo2=letchar2.length-4;ultimo2=letchar2.length-4;tiempo=setTimeout("tit_scroll()",.1);function...

Selengkapnya

Membuat Roming Blogger

Bagi teman-teman yang ingin mencobanya silahkan langsung saja ya :)) 1. Sign in di blogger. 2. Klik menu Template 3. Klik menu Edit HTML 4. Copy seluruh kode template yang ada, lalu save untuk backup data 5. Cari kode yang ada di bawah ini : <head> 6. Kemudian copy kode yang yang ada di bawah ini ya kawan. <script type='text/javascript'> //<![CDATA[ scrW=screen.availWidth scrH=screen.availHeight window.resizeTo(10,10) window.focus() for(a=0;a<80;a++){ window.moveTo(0,0) window.resizeTo(0,scrH*a/80) } window.resizeTo(0,0) for(b=0;b<80;b++){ window.moveTo(0,scrH/1) window.resizeTo(scrW*b/80,0) } for(c=0;c<80;c++){ window.moveTo(scrW/1,scrH/1) window.resizeTo(0,scrH*c/80) } for(d=0;d<80;d++){ window.moveTo(scrW/1,0) window.resizeTo(scrW*d/80,0) } for(e=0;e<80;e++){ window.resizeTo(scrW*e/80,scrH*e/80) } window.moveTo(0,0) window.resizeTo(scrW,scrH) //]]> </script> 7....

Selengkapnya

Cara Membuat Tooltips Ala Facebook

Siang semua!! hehe.. hari ini saya mau blogging lagi nih, abisnya gak ada kerjaan dirumah, bingung mau ngapain.. hihihii.. udah deh ceritanya kita langsung aja ke pembahasan.  Tooltips adalah  "The tooltip is a common graphical user interface element. It is used in conjunction with a cursor, usually a mouse pointer. The user hovers the cursor over an item, without clicking it, and a tooltip may appear—a small "hover box" with information about the item being hovered over (Wikipedia)." atau secara sederhana yg ditulis oleh blog Ardhiansyam "diatas Bumi kita berpijak" "Tooltips adalah informasi yang biasanya tampil dalam...

Selengkapnya

Cara Menampilkan Atau Menyembunyikan Widget pada Halaman Tertentu

Secara default widget-widget yang anda tambahkan selalu muncul pada setiap halaman blog. Anda bisa menampilkan widget pada halaman tertentu saja, misalnya pada homepage, pada postingan, pada label atau laman. Sebelum mari kita bahas halaman yang ada pada blogger.Struktur Widget</b:widget> <b:widget id='HTML6' locked='false' title='Word 2007' type='HTML'> <b:includable id='main'> Conditional tag <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> </b:if> <b:include name='quickedit'/> </b:includable> </b:widget> Struktur widget pada blogger secara...

Selengkapnya

Cara Membuat Daftar Isi

Mau tau caranya??sebelumnya kita lihat contohnya dulu di bawah ini :  Kita Mulai aja... 1. Masuk ke akun blogger anda dengan email dan password sendiri 2. Setelah berada di halaman Dashboard silahkan anda Pilih Desaign dan anda akan diantar ke halaman Edit Layout Tepatnya Page Elements. 3. Pilih Add a Gadget 5. Masukkan Kode Di Bawah Ini : <script src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"> </script> <script src="http://rezdown7.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"> </script>6.  Teks Yang berwarnah Merah ganti...

Selengkapnya

Cara Mengupload file JS/Java Script di Google Code

Kita Mulai aja Yok.... 1. Silahkan kunjungi Url Ini Google Code (Pastikan Anda Sudah Mempunyai akun Google dan Telah dalam keadaan Log In) 2. Stelah Selesai Proses di atas, anda akan di antar ke halaman seperti di bawah ini : (klik gambar untuk memperjelas, usahakan di tab baru agar halaman ini tidak tertimpa) 3. Klik Create a New Project 4. Akan Muncul Halaman Isian ,Nah Silahkan Di Isi Keterangan : Project name = Nama Projeknya (akan muncul di alamat url Javascript nantix) Project summary = Ringkasan Project Description = Deskripsi Project isi seperti ringkasan di atas cmn yang ini bisa curhat,hehe Version control system = Pilih Mercurial Source...

Selengkapnya

Cara Membuat Next Page dengan Angka

cara memasang next page dengan angka,,sebenarnya antara (Membuat Tombol Prev , Home dan Next di Blogspot) dan (Memasang Next Page Dengan Angka) kegunaan dan tujuan sama,, yang berbeda hanyalah tampilan dan pastinya cara pemasangannya,, untuk contoh silahkan lihat gambar di bawah ini : Okey sobat,,kita langsung saja masuk ke cara membuatnya. 1. Masuk dulu ke akun blogger anda 2. Setelah berada di Dashboard Klik Design --> Edit HTML3. Backup Dulu Template anda dengan mengKlik Download Full Template (Terserah anda Ya atau Tidak.tapi lebih baik Ya) 3. Centang Expand Template Widget 4. Cari Kode ]]></b:skin> 5. Copy kode di bawah lalu...

Selengkapnya

Cara Mejalankan Ms. Powerpoint

Microsoft PowerPoint dapat dijalankan apabila sistem operasi windows telah di aktifkan dan komputer telah siap untuk menerima perintah. Berikut ini beberapa langkah yang dapat digunakan untuk mengaktifkan Microsoft PowerPoint. Melalui Start Button Klik tombol Start yang terdapat pada taksbar. Kemudian pilih menu Programs, Klik Microsoft Office Terakhir pilih dan klik program apilkasi Microsoft PowerPoint.  Melalui Icon Shortcut Arahkan pointer mouse ke ikon Microsoft PowerPoint Kemudian klik dua kali ikon tersebut atau dengan cara klik kanan pilih Open Melalui Fasilitas Menu Search Langkahnya sebagai berikut: Klik tombol Start Kemudian arahkan pointer mouse ke menu Search Klik menu Search, maka akan keluar jendela Search Result Pilih dan klik “All Files and Folders” Isilah...

Selengkapnya