bikin manuk ning blog

</span>

bikin manuk ning blog

Membuat Menu dTree di Blogger

Jika anda sering mengoperasikan komputer yang memakai Operation System (OS) windows, saya yakin pasti tahu apa itu menu dTree. Menu dTree adalah menu seperti pohon bercabang yang biasa kita lihat pada saat kita membuka windows explorer pada komputer. Fungsi menu ini hampir sama dengan menu navigasi yang lain, yaitu untuk lebih memudahkan seorang pengunjung menjelajahi blog kita. Gambar di bawah ini pasti sudah sering anda lihat di komputer anda. 

Menu seperti ini bisa juga kita tampilkan pada web atau blog kita , untuk contoh soalnya temen-temen bisa lihat langsung demonya diblog saya disini. Jika tertarik, perhatikan baik-baik langkah pembuatannya di bawah ini :

1. Login ke blogger dengan akun anda 
2. Kemudian pada dasbor  klik Rancangan >> Edit HTML 
3. Letakkan kode/ script berikut di atas kode </head>
   
   view plainprint?

   1. <link  href='https://sites.google.com/site/bangkolis/javascript/dtree_maskolis.css'  rel='StyleSheet' type='text/css'/>          
   2. <script  src='https://sites.google.com/site/bangkolis/javascript/maskolis_dtree.js'  type='text/javascript'/>  
4.  Save Template anda.

Langkah Kedua

1. Pada dasbor klik rancangan 
2. Kemudian klik elemen halaman => Tambah Gadget 
3. Setelah itu pilih javascript/HTML,  letakkan kode berikut pada kolom konten:
   

   <div class="dtree">
   

   <p><a href="javascript: d.openAll();">Buka Semua</a> | <a href="javascript: d.closeAll();">Tutup Semua</a></p>

   <script type="text/javascript">
   <!--
   d = new dTree('d');
   d.add(0,-1,'Creating Website');
   d.add(1,0,'Folder 01','#.html');
   d.add(2,1,'Sub Folder 01',' #.html');
   d.add(3,2,'Sub/file Sub Folder 01',' link anda.html');
   d.add(4,0,'Folder 02',' #.html');
   d.add(5,4,'Sub Folder 02',' #.html');
   d.add(6,5,'Sub/file Sub folder 02',' link anda.html');
   d.add(7,0,'Folder 03',' #.html');
   d.add(8,7,'Sub Folder 03',' #.html');
   

   d.add(9,8,'Sub/file Sub folder 03',' link anda.html','Pictures I\'ve taken over the years','','','img/imgfolder.gif');

   d.add(10,0,'File[non-folder]',' link anda.html');
   d.add(11,0,'File[non-folder]',' link anda.html');
   d.add(12,0,'File Single',' link anda.html','','','img/trash.gif');
   document.write(d);
   //-->
   </script>
   </div>

4. Terakhir simpan, dan hasilnya akan seperti gambar di bawah ini

Kalau belum ngerti juga, berikut contoh mengisi menu dan linknya dari daftar menu blog saya; 

<h2>Arsip</h2>
<div class="dtree">

<p><a href="javascript: d.openAll();">Buka Semua</a> | <a href="javascript: d.closeAll();">Tutup Semua</a></p>
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'Creating Website');
d.add(1,0,'Daftar Isi','#.html');
d.add(2,1,'Tutorial Blog','http://creatingwebsite-maskolis.blogspot.com/search/label/tutorial%20blog');
d.add(3,1,'Joomla','http://creatingwebsite-maskolis.blogspot.com/search/label/joomla');
d.add(4,1,'Wordpress','http://creatingwebsite-maskolis.blogspot.com/search/label/wordpress');
d.add(5,0,'SEO','#.html');
d.add(6,5,'Tips Dasar-Dasar SEO','http://creatingwebsite-maskolis.blogspot.com/2011/02/tips-dasar-dasar-seo.html');
d.add(7,5,'Kosong','');
d.add(8,5,'Kosong','');
d.add(9,0,'Google','#.html');
d.add(10,9,'Cara Daftar Google Adsense','http://creatingwebsite-maskolis.blogspot.com/2011/02/cara-mendaftarkan-blog-di-google.html');
d.add(11,9,'','');
d.add(12,0,'','');
d.add(13,0,'Tips Blogger','#.html','Pictures I\'ve taken over the years','','','img/imgfolder.gif');
d.add(14,13,'Kode warna','http://creatingwebsite-maskolis.blogspot.com/2011/01/memasang-kode-warna-di-blog.html');
d.add(15,13,'Google Page Rank','http://creatingwebsite-maskolis.blogspot.com/2011/01/google-page-rank-dan-manfaatnya.html');
d.add(16,0,'SEO Tips','http://creatingwebsite-maskolis.blogspot.com/2011/01/seo-tips-dengan-melakukan-blog-ping.html');

document.write(d);
//-->
</script>
</div>

Tentu saja temen-temen bisa ganti alamat url diatas dengan link url anda. Terakhir simpan dan lihat hasilnya. Demikian tutorial membuat menu d'tree kali ini, selamat mencoba dan semoga bermanfaat

&lt;p&gt;Your browser does not support iframes.&lt;/p&gt;

domain gratis tus

[Domain] Cara Daftar Domain & Hosting Gratis - Thread Not Solved Yet

---

Hi,
Mungkin berguna bagi yang suka ber blogging / web ria atau bagi newbie yang pengen belajar membuat web / blog.

Berikut cara dptkan domain gratis:

1. kunjungin situs registrar CO (edit by admin)
2. Ketikkan nama domain yang diinginkan dan cek ketersediaan. Bilamana domain yg diinginkan berbayar ulangi lagi dan cari yang gratis gratis aja
3. bilamana gratis, kemudian daftar account (create account) dan isi form, kemudian click create account
4. Lakukan set up dan manage domain name server. isikan untuk name server1: ns01.000webhost.com dan name server2: ns02.000webhost.com dan click set up. tunggu beberapa saat hingga proses selesai dan klik ok.
5. Jadi deh domain name yang kamu inginkan, satu tahun kemudian tinggal renewal lagi dan ini juga gratis.

Sekarang cara mendapatkan hosting gratis. pointing name server untuk domain kita, telah kita lakukan diatas (name server 1 dan name server 2 telah diisi diatas).
Walaupun gratis, hosting yang kita tuju berikut ini memberikan features yang cukup lumayan bagi kita yang menginginkan hosting sendiri misal untuk web atau blog. Diantara features nya adalah sbb: 350MB disk space, 100GB Bandwidth, Fantastico, CRON dsb. cara daftar sbb:

1. Silahkan kunjungi WebHosting (edit by admin)
2. Klik Sign Up
3. isikan form. isikan kotak "I want to host my own domain" dengan nama domain yang telah anda daftarkan (domain gratis diatas) dan biarkan kosong untuk kotak subdomain. dan klik create account
4. buka email anda yang digunakan untuk pendaftaran ini. dan klik email verifikasi link dari hosting
5. setelah email link verifikasi anda klik maka anda akan diarahkan untuk menuju ke hosting, klik set up
6. Selesai deh....anda sekarang punya domain gratis dan sekaligus tempat hosting

sekarang terserah anda....apakah mau bikin web ataukah blog??? paling mudah adalah untuk wordpress aja, baik yang installasi secara manual ataupun otomatis bisa dilakukan di hosting tersebut...disamping itu wordpress merupakan open CMS yang banyak digunakan dan banyak support dari pengguna laennya....asalkan anda bisa membaca, mengetik, copy & paste pasti anda bisa membikin blog yang menarik dengan wordpress walaupun anda tidak mengenal HTML atau web design sebelumnya.

nantinya blog tersebut bisa anda gunakan sebagai online diary, mengenalkan diri anda pada yang laen, mendapatkan uang dari si mbah gogle adsense, mendapatkan uang dari program affiliasi yang laen.....dan yang penting gratis anda tidak mengeluarkan uang sepeserpun (koneksi internet tentunya)

bingung untuk installasinya...silahkan hubungin pondang.sipangkar@gmail.com atau kunjungin blog (edit by admin) , mudah mudahan saya bisa bantu dan blog bersangkutan telah selesai pengerjaannya saat anda kunjungin.

Cara Memasang Burung Twitter Di Blog - Mungkin temen-temen sering melihat blog orang lain seekor burung twitter lucu yang wara-wiri berterbangan kesana kemari. Nah menarik bukan, ingin tahu Cara Memasang Burung Twitter Di Blog? langsung aja yuk kita praktekin cara memasangnya :

1. Masuk ke blog anda.
2. Klik Rancangan - Elemen Laman - Tambah Gadget - Pilih HTML/Javascript.
3. Pada kotak widget Masukan Script dibawah ini :
   

   <!-- floating twitter Bird --> <script type="text/javascript" src="http://tateluproject.googlecode.com/files/tripleflap.js"></script> <script type="text/javascript"> var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXgoMp5uhDAIX7-XMD5YLF3Bx4vUxxk114bS1UAUg2P1El25q3QLAHr6y6Jz50nHsYkdAaDvJ9AzpsKDRaU58Xqmij4YlOhUASKLhgYGqbAcsjH59kLeu0SAkAd9-LlnQBiDclmAIp3Tg/s1600/burung+twitter+terbang.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button",
   "select","ul","ol","li","h1","h2","h3","h4","p","code",
   "object","a","b","strong","span"); var twitterAccount = "http://twitter.com/muhammad_royani"; var tweetThisText = "Twitter - UserID http://roy87.blogspot.com/"; tripleflapInit(); </script>

4. Ganti text yang berwarna merah dengan username twitter anda.
5. Klik Simpan/Save - Selesai.

 Selesai deh Cara Memasang Burung Twitter Di Blog. Semoga bermanfaat. Terima kasih