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 sidebar simply paste the code provided in HTML/JavaScript Page Element . Go To Layout > Click Add a Gadget > From the list Select HTML/JavaScript

See screen shots below,

You add these clocks to your websites just the way you embed  YouTube Videos. I have altered the code so that it may work just perfectly alright in your BlogSpot blogs.

1. A Clock plus a Calendar

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-1.swf"> <embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-1.swf" width="150" height="250" wmode="transparent"></object>

2.     A rotating Silver Clock

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-11.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-11.swf" width="150" height="150" wmode="transparent"> </embed></object>

3.     A rotating Red belt Round the Clock

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-58.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-58.swf" width="150" height="150" wmode="transparent"></embed></object>

4.     An Open space Clock with attracting face

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-63.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-63.swf" width="150" height="150" wmode="transparent"> </embed></object>

5.     Wooden Clock, with A Light Brown Outline

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-15.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-15.swf" width="150" height="150" wmode="transparent"> </embed></object>

6.      A Clock with a Lively touch to it

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-8.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-8.swf" width="150" height="150" wmode="transparent"> </embed></object>

7.     Analogue Plus Digital

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-28.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-28.swf" width="150" height="150" wmode="transparent"> </embed></object>

8.    A Clicking Digital Clock (The ticking Sound that you hear is from this Clock)

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-33.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-33.swf" width="150" height="150" wmode="transparent"> </embed></object>

9.      Simple yet Attracting

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-23.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-23.swf" width="150" height="150" wmode="transparent"> </embed></object>

10.     Finally a beautiful Clock with a Think Black Outline

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-24.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-24.swf" width="150" height="150" wmode="transparent"> </embed></object>

I hope you like the clocks Feel free to ask anything in the comment box below

Selengkapnya

Cara Membuat Scrollbar pada Arsip Blog

Langsung saja Sobat berikut langkah-langkahnya :

1. Login ke blog sobat
2. Pilih Rancangan dan Edit Hmtl
3. Cari kode berikut <b:includable id='main'> agar cepat tekan F3
4. 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'>
5. 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'>
6. 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 :

1. Login ke blog sobat kemudian pilih Rancangan dan Edit Hmtl
2. Sebelum melakukan pengeditan, sebaiknya back up terlebih dahulu template sobat.
3. Expand template widget.
4. 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 class="dir"><a href="">YOUR SUBMENU 2.1 (containing sub-submenu)</a>
<ul>
<li><a href="">YOUR SUB-SUBMENU 2.1.1</a></li>
<li><a href="">YOUR SUB-SUBMENU 2.1.2</a></li>
</ul>
</li>
<li><a href="">YOUR SUBMENU 2.2</a></li>
<li><a href="">YOUR SUBMENU 2.3</a></li>
</ul>
</li>
<li><a href="">YOUR MENU 3</a></li>
<!-- Your menus end -->
</ul></div>
<script type="text/javascript">
var zfpm_colorTheme = 'light'
var zfpm_shareBox = 'no';
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://zfpmenu.googlecode.com/svn/trunk/js/zfpmenu.js"></script>

bagi sobat yang templatenya sudah terpasang jquery.min1.4.2.js maka sobat hapus saja jquery-nya akan tetapi jika belum terpasang maka sobat wajib menyertakan jquery.min versi1.4.2.
Untuk melakukan setting tampilannya berikut yang sobat mesti rubah :

• var zfpm_colorTheme = 'light'; pilihan: 'dark' atau 'light'.
• var zfpm_customBackgroundImage = ' '; pilihan : full URL of an image.
• var zfpm_customBackgroundColor = ' '; pilihan: contoh: '#999999'.
• var zfpm_shareBox = 'yes'; pilihan: 'yes' atau 'no'.
• var zfpm_shareBoxPosition = 'right'; pilihan: 'left' atau 'right'.
• var zfpm_shareBoxCustomWidth = ' '; pilihan: contoh: '300'.
• var zfpm_waitForPageLoad = 'yes'; pilihan: 'yes' atau 'no'.

Mudah bukan tanpa harus mengedit atau menambahkan kode CSS. menu ini sengaja dirancang oleh empunya dan diberi nama zPFmenu untuk memudahkan sobat blogger yang membutuhkan banyak menu. Semoga berhasil. 

 

Sumber: http://www.andisyam.web.id

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 12px Arial,Helvetica,Sans-serif;}
    .MBT-tabs li a:hover,.MBT-tabs li a.MBT-tabs-current{background:#3b5998;color:#fff;text-decoration:none}
    .MBT-tabs-content{background:transparent}
    .MBT-tabviewsection{margin-top:10px;margin-bottom:10px;}

Setelah langkah pertama selesai, sekarang lanjutkan dengan memasang kode JQuery/Javascript, download dulu kodenya, klik saja disini (dari pembuat widget aslinya yaitu www.mybloggertricks.com) kemudian cari kode </head> dan pasangkan tepat diatasnya.
Sudah? oke lanjutkan dengan pemasangan kode HTML, cari kode   <div id='sidebar-wrapper'>

setelah itu pasang kode berikut ini dibawah kode tersebut,

<div class='MBT-tabviewsection'>

    <script type='text/javascript'>
                jQuery(document).ready(function($){
                    $(&quot;.MBT-tabs-content-widget-MBT-id&quot;).hide();
                    $(&quot;ul.MBT-tabs-widget-MBT-id li:first a&quot;).addClass(&quot;MBT-tabs-current&quot;).show();
                    $(&quot;.MBT-tabs-content-widget-MBT-id:first&quot;).show();
                    $(&quot;ul.MBT-tabs-widget-MBT-id li a&quot;).click(function() {
                        $(&quot;ul.MBT-tabs-widget-MBT-id li a&quot;).removeClass(&quot;MBT-tabs-current a&quot;);
                        $(this).addClass(&quot;MBT-tabs-current&quot;);
                        $(&quot;.MBT-tabs-content-widget-MBT-id&quot;).hide();
                        var activeTab = $(this).attr(&quot;href&quot;);
                        $(activeTab).fadeIn();
                        return false;
                    });
                });
            </script>

    <ul class='MBT-tabs MBT-tabs-widget-MBT-id'>
    <li><a href='#widget-MBT-id1'>Explorer</a></li>
    <li><a href='#widget-MBT-id2'>Terbaru</a></li>
    <li><a href='#widget-MBT-id3'>Komentar</a></li>
    <li><a href='#widget-MBT-id4'>Cari Artikel</a></li>
    </ul>

    <div class='MBT-tabs-content MBT-tabs-content-widget-MBT-id' id='widget-MBT-id1'>
    <b:section class='sidebar' id='sidebartab1' preferred='yes'>

</b:section>                                     
    </div>  

    <div style='clear:both;'/>                      
    <div class='MBT-tabs-content MBT-tabs-content-widget-MBT-id' id='widget-MBT-id2'>
    <b:section class='sidebar' id='sidebartab2' preferred='yes'>

</b:section>                                       
    </div>  

                          
    <div style='clear:both;'/>
    <div class='MBT-tabs-content MBT-tabs-content-widget-MBT-id' id='widget-MBT-id3'>
    <b:section class='sidebar' id='sidebartab3' preferred='yes'>

</b:section>                                      
  
    </div>
    <div style='clear:both;'/>

<div class='MBT-tabs-content MBT-tabs-content-widget-MBT-id' id='widget-MBT-id4'>
    <b:section class='sidebar' id='sidebartab4' preferred='yes'>

</b:section>                                      
    </div>

    </div>
    <div style='clear:both;'/>

Kalau sudah, sobat save saja templatenya dan selesai. Nah, untuk menyesuaikan warna, sobat bisa ganti sesua selera atau sesuai dengan warna template sobat di bagian  background:#3b5998 untuk warna background, dan color:#fff untuk warna judul menu. Kalu sobat mau pasang 3 tab saja, sobat bisa hilangkan bagian ini

<li><a href='#widget-MBT-id4'>Cari Artikel</a></li>

    </ul>
dan

<div class='MBT-tabs-content MBT-tabs-content-widget-MBT-id' id='widget-MBT-id4'>
    <b:section class='sidebar' id='sidebartab4' preferred='yes'>

</b:section>                                      
    </div>

    </div>
    <div style='clear:both;'/>

Jadi nntinya akan menampilkan 3 tab saja, untuk kata yang dicetak biru, itu adalah judul menu, sobat ganti juga sesuai yang diinginkan. OK, setelah selesai sobat tinggal menambahkan widget pada halaman edit layout blogger berurutan dari atas, seperti dibawah ini:

Oke, selamat mencoba, terimakasih telah berkunjung, semoga berhasil dan happy blogging ya.. :)

Sumber : http://www.nuakoey.com/

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 1','example01.html');
d.add(2,0,'Node 2','example01.html');
d.add(3,1,'Node 1.1','example01.html');
d.add(4,0,'Node 3','example01.html');
d.add(5,3,'Node 1.1.1','example01.html');
d.add(6,5,'Node 1.1.1.1','example01.html');
d.add(7,0,'Node 4','example01.html');
d.add(8,1,'Node 1.2','example01.html');
d.add(9,0,'My Pictures','example01.html','Pictures I\'ve taken over the years','','','img/imgfolder.gif');
d.add(10,9,'The trip to Iceland','example01.html','Pictures of Gullfoss and Geysir');
d.add(11,9,'Mom\'s birthday','example01.html');
d.add(12,0,'Recycle Bin','example01.html','','','img/trash.gif');
document.write(d);
//-->
</script>
</div>

Kode diatas diletakkan pada sidebar yaitu di widget HTML/Javascript

Untuk mempermudah prakteknya, sobat bisa coba dengan script milik saya, kemudian silakan sobat genti , otak-atik sesuka hati sesuai keinginan sobat. Langsung ke TKP :

1. Login ke blogger sobat
2. Langsung menuju Edit HTML pada tab menu blogger sobat
3. Centang kotak kecil yang bertuliskan Expand Widget Template untuk membawa seluruh widget, kemudian 4. Back up template sobat untuk menghindari hal-hal yang tidak diinginkan
5. Cari kode </head> kemudian paste-kan script dibawah ini tepat diatas kode tersebut

<link href='http://nuakoey.webs.com/javascript/dtree.css' rel='StyleSheet' type='text/css'/>
<script src='http://nuakoey.webs.com/javascript/dtree.js' type='text/javascript'/> 

6. Save emplate.
7. Masuk ke tab menu Page Eement atau Rancangan kemudian tambahkan Widget HTML/Javascript
8. Copy dan paste script dibawah ini

<div class="dtree">

<p><a href="javascript: d.openAll();"><img src="http://nuakoey.webs.com/javascript/plus.gif"><b>Open all</b></a> | <a href="javascript: d.closeAll();"><img src="http://nuakoey.webs.com/javascript/minus.gif"><b>Close all</b></a></p>

<script type="text/javascript">
<!--

d = new dTree('d');

d.add(0,-1,'Home','http://nuakoey.com','','','','http://icons.iconarchive.com/icons/siristhius/vista-style/16/Network-icon.png');

d.add(2,0,'My Documents','','My Document','','http://cdn.iconfinder.net/data/icons/Iconshock_Folders/png/NORMAL/16/documents.png');
        d.add(10,2,'Downloads','http://nuakoey.com/search/label/Downloads','Downloads','','http://cdn.iconfinder.net/data/icons/splashyIcons/document_small_download.png');
        d.add(20,2,'My Music','http://nuakoey.com/search/label/My Music','Koleksi musikku','','http://cdn.iconfinder.net/data/icons/Futurosoft%20Icons%200.5.2/16x16/apps/noatun.png');
        d.add(30,2,'My Picture','http://nuakoey.com/search/label/My Picture','Koleksi Fotoku','','http://cdn.iconfinder.net/data/icons/fatcow/16x16_0720/picture_add.png');
d.add(3,0,'Blog Post','','My Blog','','http://cdn.iconfinder.net/data/icons/crystalproject/16x16/apps/mycomputer.png');

    d.add(4,3,'3½ Floppy (A:)','#','Masukkan Disket','','http://cdn.iconfinder.net/data/icons/diagona/icon/16/095.png');

d.add(12,3,'Local Blog (C:)','','','','http://cdn.iconfinder.net/data/icons/snowish/16x16/devices/drive-harddisk.png');
           d.add(10,12,'Downloads','http://nuakoey.com/search/label/Downloads','Downloads','','http://cdn.iconfinder.net/data/icons/splashyIcons/document_small_download.png');
       d.add(20,12,'Program Files','http://nuakoey.com/search/label/Program Files','Hidden files','','http://cdn.iconfinder.net/data/icons/fugue/icon_shadowless/folder_horizontal.png');
       d.add(30,12,'Windows','#','Hidden files','','http://cdn.iconfinder.net/data/icons/fugue/icon_shadowless/folder_horizontal.png');
       
d.add(5,3,'Data Blog (D:)','','','','http://cdn.iconfinder.net/data/icons/snowish/16x16/devices/drive-harddisk.png');
      d.add(7,5,'Artikel','');
              d.add(10,7,'Islami','http://nuakoey.com/search/label/Islami','','','http://cdn.iconfinder.net/data/icons/musthave/16/New.png');
              d.add(20,7,'Teknologi','http://nuakoey.com/search/label/Teknologi','','','http://cdn.iconfinder.net/data/icons/musthave/16/New.png');
              d.add(30,7,'Belajar Service Handphone','http://nuakoey.com/search/label/Belajar Service Handphone','','','http://cdn.iconfinder.net/data/icons/musthave/16/New.png');
              d.add(40,7,'Internet','http://nuakoey.com/search/label/Internet','','','http://cdn.iconfinder.net/data/icons/musthave/16/New.png');
              d.add(50,7,'Coretan','http://nuakoey.com/search/label/Coretan','','','http://cdn.iconfinder.net/data/icons/musthave/16/New.png');

        d.add(8,5,'Blogger','');
                 d.add(10,8,'Award Blogger','http://nuakoey.com/search/label/Award','','','http://cdn.iconfinder.net/data/icons/musthave/16/New.png');
                 d.add(20,8,'Kontes SEO','http://nuakoey.com/search/label/Kontes SEO','','','http://cdn.iconfinder.net/data/icons/musthave/16/New.png');
                 d.add(30,8,'Blogging','http://nuakoey.com/search/label/Blogging','','','http://cdn.iconfinder.net/data/icons/musthave/16/New.png');
           
        d.add(9,5,'Seluler','');
                d.add(10,9,'Tips Seluler','http://nuakoey.com/search/label/Tips Trik Seluler','','','http://cdn.iconfinder.net/data/icons/musthave/16/New.png');
                d.add(20,9,'Kode Rahasia','http://nuakoey.com/search/label/Kode Rahasia Ponsel','','','http://cdn.iconfinder.net/data/icons/musthave/16/New.png');
                d.add(30,9,'Info Seluler','http://nuakoey.com/search/label/Info Seluler','','','http://cdn.iconfinder.net/data/icons/musthave/16/New.png');
       
        d.add(11,5,'Informasi','');
                d.add(10,11,'Informasi','http://nuakoey.com/search/label/Informasi','','','http://cdn.iconfinder.net/data/icons/musthave/16/New.png');
                d.add(20,11,'Kesehatan','http://nuakoey.com/search/label/Tips Kesehatan','','','http://cdn.iconfinder.net/data/icons/musthave/16/New.png');
                d.add(30,11,'Opini','http://nuakoey.com/search/label/Opini','','','http://cdn.iconfinder.net/data/icons/musthave/16/New.png');
               d.add(40,11,'Gadget','http://nuakoey.com/search/label/Gadget','','','http://cdn.iconfinder.net/data/icons/musthave/16/New.png');
               d.add(50,11,'Lain-lain','http://nuakoey.com/search/label/Lain-lain','','','http://cdn.iconfinder.net/data/icons/musthave/16/New.png'); 

d.add(14,3,'CD Drive (E:)','http://nuakoey.com/search/label/CD Drive','Masukkan Disc','','http://cdn.iconfinder.net/data/icons/fatcow/16x16_0360/drive_cd.png');

d.add(15,3,'Removable Disk (F:)','http://nuakoey.com/search/label/Removable Drive','Masukkan Flashdisk','','http://cdn.iconfinder.net/data/icons/snowish/16x16/devices/drive-harddisk.png');

      d.add(16,0,'Blog Content','','Konten Blog','','http://cdn.iconfinder.net/data/icons/oxygen/16x16/mimetypes/application-vnd.ms-excel.png');
              d.add(10,16,'Table Of Content','http://nuakoey.com/2010/04/daftar-isi-blog.html','Daftar isi blog','','http://cdn.iconfinder.net/data/icons/humano2/16x16/actions/old-edit-find.png');
              d.add(20,16,'Contact Admin','http://nuakoey.com/2010/04/contact-admin.html','Contact admin','','http://cdn.iconfinder.net/data/icons/humano2/16x16/apps/preferences-contact-list.png');
              d.add(30,16,'Guest Book','http://www.nuakoey.com/2010/06/buku-tamu.html','Buku Tamu','','http://cdn1.iconfinder.com/data/icons/fatcow/16x16_0100/book_edit.png');
              d.add(40,16,'Free SMS','http://www.sms-gratiz.co.cc//','SMS Gratiz','','http://cdn.iconfinder.net/data/icons/CrystalClear/16x16/actions/irc_online.png');
        
     d.add(6,0,'Administrator','','Profil Admin','','http://cdn.iconfinder.net/data/icons/general13/png/16/administrator.png');
            d.add(10,6,'Blogger','http://www.blogger.com/profile/07185206969862038002/','Akun Google','','http://i842.photobucket.com/albums/zz342/webakoey/blogger-icon.jpg');
            d.add(20,6,'Facebook','http://facebook.com/akoey.yn/','Berteman di Facebook','','http://i842.photobucket.com/albums/zz342/webakoey/FaceBook-icon.png');
            d.add(30,6,'Twitter','http://twitter.com/akoey_yn/','Follow Me On Twitter','','http://i842.photobucket.com/albums/zz342/webakoey/Twitter-icon.png');
            d.add(40,6,'E-mail','mailto:zamaineze@gmail.com','Kontak Admin','','http://cdn.iconfinder.net/data/icons/fugue/icon_shadowless/mail.png');

     d.add(17,0,'Free Subscribe','','Berlangganan Artikel','','http://cdn.iconfinder.net/data/icons/oxygen/16x16/actions/news-subscribe.png');
           d.add(10,17,'Via Rss Feed','http://nuakoey.com/feeds/posts/default/','Via Rss feed','','http://cdn.iconfinder.net/data/icons/feedicons-v2/subscribe_16.png');
        d.add(20,17,'Via Email','http://feedburner.google.com/fb/a/mailverify?uri=akoeysblog&amp;loc=en_US/','Via Email','','http://cdn.iconfinder.net/data/icons/musthave/16/Forward.png');                        
    d.add(13,0,'Networked Blog','','Jaringan Blog','','http://cdn.iconfinder.net/data/icons/CrystalClear/16x16/actions/network.png');
          d.add(10,13,'Link Exchange','http://nuakoey.com/2010/04/link-exchange.html');      
       
d.add(21,0,'Recycle Bin','http://nuakoey.com/search/label/Recucle Bin','Recycle bin','','http://amen24.googlepages.com/trash.gif');

document.write(d);

//-->
</script>

</div>

Jika anda merasa bingung untuk mengedit script diatas anda bisa klik disini untuk mendownload script htmlnya dalam file *.txt

9. Save widget dan lihat hasilnya.

Sumber : http://www.nuakoey.com/

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.

Blog telah sekitar selama beberapa tahun sekarang dan telah sangat dikomersialkan untuk bisnis blogging jadi hari ini bahwa ketika Anda surfing web Anda sering tidak tahu jika Anda melihat sebuah website blog atau website html tradisional. Sejujurnya walaupun tidak peduli apa pun jenis website itu, mereka berdua dirancang untuk melakukan hal yang sama .... menyampaikan informasi kepada publik.

Blog biasanya memiliki beberapa fitur yang berguna untuk mengetahui jika Anda ingin mendapatkan hasil maksimal dari mereka sebagai pembaca. Mari kita memeriksa sebentar pasangan.

 

Arsip - Anda mungkin melihat halaman depan blog dan berpikir bahwa tidak ada banyak kepada mereka. Sebuah entri baru-baru ini, beberapa link ke situs lain dan tidak banyak lagi. Namun nilainya mengetahui bahwa ada lebih banyak terjadi di bawah permukaan yang mungkin awalnya bertemu mata. Sebagai contoh di samping halaman utama blog ini - pada saat menulis posting ini ada lebih dari 520 halaman lain atau posting di bawah permukaan bahwa saya telah menulis selama beberapa bulan terakhir.

Ketika saya menulis posting seperti ini ia pergi ke bagian atas halaman depan. Karena mendapat lebih tua dan sebagai cara menambahkan posting lebih saat itu mulai perjalanannya ke halaman sampai menghilang dari itu. Ini bukan akhir hidupnya Namun, karena masuk ke dalam 'Archives' dari blog saya. Kedengarannya seperti tempat yang gelap berdebu namun benar-benar hanya seperti lemari arsip yang mudah diakses dalam beberapa cara. Anda dapat membaca saya 'arsip' hanya dengan melihat pada 'sidebar' (lebih di sebelah kiri blog ini) di bagian 'arsip' atau bagian 'kategori'. Di sana Anda akan melihat link ke semua posting lama saya yang dapat Anda akses baik oleh kategori. Anda akan melihat kategori untuk 'Iklan' - klik yang memiliki pranala dan Anda akan melihat semua posting lama saya pada topik Iklan dengan yang paling terbaru di bagian atas dan tertua di bagian bawah.

 

Komentar - Tidak semua blog menggunakan komentar - tapi kebanyakan. Blog ini bukan monolog tapi percakapan. Anda dapat memberi saya masukan di hampir semua yang saya tulis hanya dengan mengklik link 'komentar' di bagian bawah setiap salah satu posting saya. Ini akan membawa Anda ke bentuk kecil di mana Anda meninggalkan nama, email dan link ke blog Anda sendiri jika Anda memiliki satu serta umpan balik Anda, komentar, kritik, pertanyaan, esai tentang mengapa Anda menyukai blog saya, janji uang ... . dll). Coba sekarang. Gulir ke bagian bawah halaman ini, 'komentar' klik dan isi bagian yang kosong dengan sedikit pengenalan kepada diri sendiri.

Sebuah cara yang bagus untuk belajar tentang blog adalah dengan membaca beberapa. Tinggalkan beberapa komentar, mengajukan pertanyaan dan bookmark favorit Anda. Cara yang lebih baik untuk belajar tentang blog adalah untuk memulai sendiri. Ok - anda mungkin akan tertawa aku sekarang - Anda berpikir Anda tidak web savy cukup untuk memiliki situs sendiri? Anda tidak akan tahu di mana untuk memulai? Anda tidak tahu bagaimana?

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 class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

5. Untuk menambah judul gadget dengan gambar, maka tinggal sisipkan sebelum <data:title/> kode :

<img src="URL GAMBAR YANG AKAN DIPASANG SEBAGAI JUDUL GADGET" alt="NAMA JUDUL GADGET"/>

 Lihat contohnya

tapi untuk mengubah judul gadget dengan gambar, maka hapus kode <data:title/> dan ganti dengan kode :

<img src="URL GAMBAR YANG AKAN DIPASANG SEBAGAI JUDUL GADGET" alt="NAMA JUDUL GADGET"/>
 Lihat contohnya

6. Preview hasilnya

7. Kalau sudah berhasil, silahkan "Simpan Template"

Keterangan :

• Untuk membuat gambar judul gadget, bisa sobat lakukan di Cooltext
• Untuk Upload gambar, sobat bisa upload di Tinypic
• Nama judul gadget, isi dengan judul gadget blog sobat. Sebagai contoh : judul gadget yang saya ubah menjadi gambar adalah site info. Sesuaikan dengan gadget yang akan sobat ganti

Semoga bisa menambah pengetahuan sobat

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 :

Pertama, masuk terlebih dahulu ke account blogger Anda, dan langsung menuju ke halaman edit HTML. Tidak perlu dicentang atau "Expand Widget Template".

Kedua, masukkan kode berikut diantara kode <head> dan </head>. Atau lebih mudahnya, letakkan saja tepat di bawah kode <head> :

<link rel="shortcut icon" href="alamat link url favicon berada"/>

Jangan lupa untuk mengganti kode warna merah di atas, dengan alamat link url penyimpanan gambar favicon Anda. Selesai, kini favicon sudah terpasang di blog Anda.

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 Bar
putmsg="==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 tit_scroll()
{
aux1=letchar1.charAt(ultimo1-1);
letchar1=aux1+letchar1.substring(0,ultimo1-1);
aux2=letchar2.charAt(0);
letchar2=letchar2.substring(1,ultimo2+1)+aux2;
document.title="" + letchar2 + putmsg + letchar1 + "";
tiempo=setTimeout("tit_scroll()",.1);
return true;
}
// -->
</script>

5. Simpan.

6. Dan Selamat mencoba.

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. Setelah itu paste kode tadi tepat di atas kode/dibawah <head>

8. Klik tombol Simpan.

9. Selesai.

10.Silahkan lihat hasilnya dan selamat.

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 kotak yang muncul saat mouse melayang di atas tautan atau gambar. Tooltips biasanya digunakan untuk memerjelas perintah atau fungsi dari suatu link, tombol, atau pun isian yang ada pada sebuah aplikasi. Tooltips juga sering digunakan pada web maupun blog dengan fungsi yang sama. Secara default, dengan menambahkan kode title (title="judul") pada suatu link, tooltips akan muncul saat mouseover dengan tampilan yang sederhana."

Mengapa judul post ini "Tipsy" Tooltips ala Facebook? karena facebook menggunakan Tooltips ini contohnya bisa liat pada gambar di bawah ini :

Tipsy yang saya post ini adalah versi baru. apa bedanya versi baru dengan verse lama?

nah.. kalo versi lama stylenya hanya 1 saja berikut contohnya 

arahkan Mouse anda ke sini
Tetapi yang versi baru ada banyak style, bisa liat di table berikut

Northwest	North	Northeast
West		East
Southwest	South	Southeast

ok, udah tau kan..!! kita langsung ke tutorialnya

1. Login Blogger 
2. Pilih Rancangan lalu Edit HTML
3. Cari kode </body>, lalu tempatkan script jQuery ini di atas kode </body>

<!-- jQuery -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js' type='text/javascript'/>

4. Taruh kode di bawah ini dibawah kode jQuery diatas

<!-- Tipsy -->
<script type='text/javascript'>
//<![CDATA[
// tipsy, facebook style tooltips for jquery
// version 1.0.0a
// (c) 2008-2010 jason frame [jason@onehackoranother.com]
// releated under the MIT license

(function($) {

function fixTitle($ele) {
if ($ele.attr('title') || typeof($ele.attr('original-title')) != 'string') {
$ele.attr('original-title', $ele.attr('title') || '').removeAttr('title');
}
}

function Tipsy(element, options) {
this.$element = $(element);
this.options = options;
this.enabled = true;
fixTitle(this.$element);
}

Tipsy.prototype = {
show: function() {
var title = this.getTitle();
if (title && this.enabled) {
var $tip = this.tip();

$tip.find('.tipsy-inner')[this.options.html ? 'html' : 'text'](title);
$tip[0].className = 'tipsy'; // reset classname in case of dynamic gravity
$tip.remove().css({top: 0, left: 0, visibility: 'hidden', display: 'block'}).appendTo(document.body);

var pos = $.extend({}, this.$element.offset(), {
width: this.$element[0].offsetWidth,
height: this.$element[0].offsetHeight
});

var actualWidth = $tip[0].offsetWidth, actualHeight = $tip[0].offsetHeight;
var gravity = (typeof this.options.gravity == 'function')
? this.options.gravity.call(this.$element[0])
: this.options.gravity;

var tp;
switch (gravity.charAt(0)) {
case 'n':
tp = {top: pos.top + pos.height + this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2};
break;
case 's':
tp = {top: pos.top - actualHeight - this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2};
break;
case 'e':
tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth - this.options.offset};
break;
case 'w':
tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width + this.options.offset};
break;
}

if (gravity.length == 2) {
if (gravity.charAt(1) == 'w') {
tp.left = pos.left + pos.width / 2 - 15;
} else {
tp.left = pos.left + pos.width / 2 - actualWidth + 15;
}
}

$tip.css(tp).addClass('tipsy-' + gravity);

if (this.options.fade) {
$tip.stop().css({opacity: 0, display: 'block', visibility: 'visible'}).animate({opacity: this.options.opacity});
} else {
$tip.css({visibility: 'visible', opacity: this.options.opacity});
}
}
},

hide: function() {
if (this.options.fade) {
this.tip().stop().fadeOut(function() { $(this).remove(); });
} else {
this.tip().remove();
}
},

getTitle: function() {
var title, $e = this.$element, o = this.options;
fixTitle($e);
var title, o = this.options;
if (typeof o.title == 'string') {
title = $e.attr(o.title == 'title' ? 'original-title' : o.title);
} else if (typeof o.title == 'function') {
title = o.title.call($e[0]);
}
title = ('' + title).replace(/(^\s*|\s*$)/, "");
return title || o.fallback;
},

tip: function() {
if (!this.$tip) {
this.$tip = $('<div class="tipsy"></div>').html('<div class="tipsy-arrow"></div><div class="tipsy-inner"/></div>');
}
return this.$tip;
},

validate: function() {
if (!this.$element[0].parentNode) {
this.hide();
this.$element = null;
this.options = null;
}
},

enable: function() { this.enabled = true; },
disable: function() { this.enabled = false; },
toggleEnabled: function() { this.enabled = !this.enabled; }
};

$.fn.tipsy = function(options) {

if (options === true) {
return this.data('tipsy');
} else if (typeof options == 'string') {
return this.data('tipsy')[options]();
}

options = $.extend({}, $.fn.tipsy.defaults, options);

function get(ele) {
var tipsy = $.data(ele, 'tipsy');
if (!tipsy) {
tipsy = new Tipsy(ele, $.fn.tipsy.elementOptions(ele, options));
$.data(ele, 'tipsy', tipsy);
}
return tipsy;
}

function enter() {
var tipsy = get(this);
tipsy.hoverState = 'in';
if (options.delayIn == 0) {
tipsy.show();
} else {
setTimeout(function() { if (tipsy.hoverState == 'in') tipsy.show(); }, options.delayIn);
}
};

function leave() {
var tipsy = get(this);
tipsy.hoverState = 'out';
if (options.delayOut == 0) {
tipsy.hide();
} else {
setTimeout(function() { if (tipsy.hoverState == 'out') tipsy.hide(); }, options.delayOut);
}
};

if (!options.live) this.each(function() { get(this); });

if (options.trigger != 'manual') {
var binder = options.live ? 'live' : 'bind',
eventIn = options.trigger == 'hover' ? 'mouseenter' : 'focus',
eventOut = options.trigger == 'hover' ? 'mouseleave' : 'blur';
this[binder](eventIn, enter)[binder](eventOut, leave);
}

return this;

};

$.fn.tipsy.defaults = {
delayIn: 0,
delayOut: 0,
fade: true,
fallback: '',
gravity: 'n',
html: false,
live: false,
offset: 0,
opacity: 0.8,
title: 'title',
trigger: 'hover'
};

// Overwrite this method to provide options on a per-element basis.
// For example, you could store the gravity in a 'tipsy-gravity' attribute:
// return $.extend({}, options, {gravity: $(ele).attr('tipsy-gravity') || 'n' });
// (remember - do not modify 'options' in place!)
$.fn.tipsy.elementOptions = function(ele, options) {
return $.metadata ? $.extend({}, options, $(ele).metadata()) : options;
};

$.fn.tipsy.autoNS = function() {
return $(this).offset().top > ($(document).scrollTop() + $(window).height() / 2) ? 's' : 'n';
};

$.fn.tipsy.autoWE = function() {
return $(this).offset().left > ($(document).scrollLeft() + $(window).width() / 2) ? 'e' : 'w';
};

})(jQuery);

//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(function() {
$('.north').tipsy({gravity: 'n'});
$('#north').tipsy({gravity: 'n'});
$('.south').tipsy({gravity: 's'});
$('#south').tipsy({gravity: 's'});
$('.east').tipsy({gravity: 'e'});
$('#east').tipsy({gravity: 'e'});
$('.west').tipsy({gravity: 'w'});
$('#west').tipsy({gravity: 'w'});
$('.tips-fade').tipsy({fade: true});
$('#tips-fade').tipsy({fade: true});
$('.north-west').tipsy({gravity: 'nw'});
$('#north-west').tipsy({gravity: 'nw'});
$('.north-east').tipsy({gravity: 'ne'});
$('#north-east').tipsy({gravity: 'ne'});
$('.south-west').tipsy({gravity: 'sw'});
$('#south-west').tipsy({gravity: 'sw'});
$('.south-east').tipsy({gravity: 'se'});
$('#south-east').tipsy({gravity: 'se'});

});
//]]>
</script>

<!-- end Tipsy -->

5. Kalo sudah Simpan Template. eitt .. tapi belum selesai lhoo..!!
6. Untuk memasang Tooltips silahkan gunakan parameter berikut

<a href="#" class="north-west" title="Contoh north-west gravity">Northwest</a>

<a href="#" class="north" title="Contoh north gravity">North</a>

<a href="#" class="north-east" title="Contoh north-east gravity">Northeast</a>

<a href="#" class="west" title="Contoh west gravity">West</a>

<a href="#" class="east" title="Contoh east gravity">East</a>

<a href="#" class="south-west" title="Contoh south-west gravity">Southwest</a>

<a href="#" class="south" original-title="Contoh south gravity">South</a>

<a href="#" class="south-east" title="Contoh south-east gravity">Southeast</a>

Selamat Mencoba dan Semoga Berhasil

Sumber :

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 umum seperti diatas. Jangan perhatikan yang berwarna hijau karena setiap widget berbeda pada kode tersebut.
Tambahkan Conditional tag yang merupakan kondisi atau syarat di mana widget mau ditampilkan, ditutup dengan </b:if>. Sekarang anda tinggal mengganti Conditional tag dengan kode di bawah

1. Home Page
   Home Page adalah halaman utama blog
   
   Menampilkan widget hanya pada Homepage
   

   <b:if cond='data:blog.url == data:blog.homepageUrl'>
   . . .
   . . .
   
   
   </b:if>

   
   Menampilkan widget selain pada Homepage
   

   <b:if cond='data:blog.url != data:blog.homepageUrl'>
   . . .
   . . .
   
   
   </b:if>

   
   
2. Archive Page
   Archive page adalah halaman arsip blog
   
   Menampilkan widget hanya pada Archive Page
   

   <b:if cond='data:blog.pageType == &quot;archive&quot;'>
   . . .
   . . .
   
   </b:if>

   
   Menampilkan widget selain pada Archive Page
   

   <b:if cond='data:blog.pageType != &quot;archive&quot;'>
   . . .
   . . .
   
   
   </b:if>

 
3. Item Page
   Item page adalahhalaman artikel yang anda posting
   
   Menampilkan widget hanya pada Item Page
   

   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   . . .
   . . .
   
   
   </b:if>

   
   Menampilkan widget selain pada Item Page
   

   <b:if cond='data:blog.pageType != &quot;item&quot;'>
   . . .
   . . .
   
   
   </b:if>

   
   
4. Static Page
   Static page adalah halaman yang tidak termasuk ke dalam postingan blog anda, halaman ini biasanya digunakan untuk halaman About me, Contact Us atau yang lainnya.
   
   Menampilkan widget hanya pada Static Page
   

   <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
   . . .
   . . .
   
   
   </b:if>

   
   Menampilkan widget selain pada Static Page
   

   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
   . . .
   . . .
   
   
   </b:if>

  
5. URL
   
   Menampilkan widget hanya pada url tertentu
   

   <b:if cond='data:blog.url == &quot;Alamat URL&quot;'>
   . . .
   . . .
   
   
   </b:if>

   
   Menampilkan widget selain pada url tertentu
   

   <b:if cond='data:blog.url != &quot;Alamat URL&quot;'>
   . . .
   . . .
   
   
   </b:if>

   
   Alamat url diganti dengan URL yang anda inginkan.
    
6. Label Page
   Label page adalah halaman ketika anda klik label pada posting
   
   Menampilkan widget hanya pada Label Page
   

   <b:if cond='data:blog.url == &quot;http://ilkomtutorial.blogspot.com/search/label/Nama Label&quot;'>
   . . .
   . . .
   
   
   </b:if>

   
   Menampilkan widget selain pada Label Page
   

   <b:if cond='data:blog.url != &quot;http://ilkomtutorial.blogspot.com/search/label/Nama Label&quot;'>
   . . .
   . . .
   
   
   </b:if>

   
   Ganti Nama Label dengan nama label pada blog anda. Jika terdapat spasi pada nama label, ganti spasi dengan %20.

Anda bisa mengisi dua atau lebih Conditional tag dengan syarat anda harus menutup sebanyak Conditional tag dengan </b:if>.

Misalnya Anda tidak ingin menampilkan widget pada Homepage dan URL tertentu.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.url != &quot; Alamat URL&quot;'>

. . .
. . .


</b:if>  
</b:if>

Semoga bermanfaat 

Sumber :http://nsxcrew.blogspot.com

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 dengan URL blog anda sendiri

7. Isi Judul, Tp Jika Tidak ingin pun Tidak Masalah
8. Klik Save/Simpan.


Langkah di atas Jika anda Ingin Menempatkannya di sidebar Blog anda
Jika Ingi Menempatkan di Page/Halaman di bawah carnya :


1. Jika anda berada di Dashboard silahkan anda Pilih New Post
2. Langsung Ikuti Langkah 5, 6, 7, 8  yang di atas jika anda ingin menempatkan di sebuah postingan,jika tidak lewati langkah ini.
3. Klik Edit Pages lalu Klik New Page
5. Silahakn Isi Kode Yang saya Telah berikan Di atas (Pastikan Anda MemPaste Kode Tersebut di Tab Edit HTML Bukan Compose)
6. Ikuti Langkah 6, 7, 8 Di atas
7. Selesai Deh........

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 code license = Pilih GNU General Public License V3
• Project label(s) = di kosongkan saja
• Klik Create Project

5. Setelah Itu Anda Akan Berada Di Halaman Seperti Gambar Di Bawah:
6. Klik Downloads

7. Klik New download, Seperti Gambar di Bawah ini :

8. Stelah Itu Kita Masuk di cara Mengupload File Js. Lihat Gambar Di Bawah :

 9. Sama Seperti  Saat Mengisi Isian Membuat Projectx.
10. Setelah Diisi Klik Browse Untuk Mencari File Js anda dan Submit file
11. Setelah Upload Selesai Klik Link File Tesbut dan akan Muncul Halaman seperti di Bawah Ini :

12. Untuk Mengetahui Link Url File Kita, Klik  Kanan Seperti Gambar Di Atas dan Copy Link Location.
13. selesai

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 HTML

3. 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 paste di atas kode ]]></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;}

6.  Setelah itu cari kode </body>
7. Copy lalu paste kode di bawah ini tepat si atas kode </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://js-rezdown7.googlecode.com/files/rd7page.js' type='text/javascript'/>

8. Save Template Dan Lihat Hasilnya



Sekian Dulu Dari Saya
Lebih dan Kurangnya Tolong Di Maafkan,hehe Jika Terdapat Kesalahan Silahkan Di Laporkan
Terima kasih

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.

1. Melalui Start Button
1. Klik tombol Start yang terdapat pada taksbar.
2. Kemudian pilih menu Programs,
3. Klik Microsoft Office
4. Terakhir pilih dan klik program apilkasi Microsoft PowerPoint. 
2. Melalui Icon Shortcut
1. Arahkan pointer mouse ke ikon Microsoft PowerPoint
2. Kemudian klik dua kali ikon tersebut atau dengan cara klik kanan pilih Open
3. Melalui Fasilitas Menu Search
Langkahnya sebagai berikut:
1. Klik tombol Start
2. Kemudian arahkan pointer mouse ke menu Search
3. Klik menu Search, maka akan keluar jendela Search Result
4. Pilih dan klik “All Files and Folders”
5. Isilah kotak file name dengan “POWERPNT”
6. Isilah kotak phrase in the file dengan “.EXE”
7. Pilihlah drive tempat penyimpanan sistem operasi pada komputer tersebut misalnya ” C:”
8. Klik tombol search, tunggu sampai keluar ”POWERPNT.EXE”
9. Terakhir klik dua kali pada “POWERPNT.EXE”
   
   
4. Melalui Fasilitas Windows Explorer
Langkahnya sebagai berikut :
1. Klik kanan pada tombol Start, pilih Explore
2. Arahkan ke harddisk system contohnya C:
3. Carilah dan klik folder ”Program Files”
4. Carilah dan klik folder ”Microsoft Office”
5. Carilah dan klik folder ”OFFICE11”
6. Carilah dan klik dua kali ”POWERPNT.EXE”
5. Melalui Fasilitas RUN
Langkahnya sebagai berikut :
1. Klik tombol Start
2. Klik menu Run
3. Klik Browse, maka keluar jendela browse
4. Arahkan ke harddisk system contohnya C:
5. Carilah dan klik folder ”Program Files”
6. Carilah dan klik folder ”Microsoft Office”
7. Carilah dan klik folder ”OFFICE11”
8. Carilah ”POWERPNT.EXE”, pilih ikon tersebut dan klik open

Selengkapnya