Entri Populer

Kamis, 31 Januari 2013

Situs Penyimpan Data

Sudah Tahu 10 Tempat Penyimpanan Data Secara Online? Ayo Hemat Storage

Cara Cerdas Simpan Data

LAYANAN penyimpanan file online memperbolehkan penggunanya menyimpan, browse dan share file, foto dan dokumen lainnya dari berbagai komputer atau perangkat mobile lainnya.

Bandung, Rasudofm- Dilansir dari laman MICom.

Berikut ini 10 layanan online tersebut:

1. Box.net
Layanan ini bisa menyimpan data 1GB secara gratis. Jika ingin menambah menjadi 5GB dibutuhkan biaya US$5 per bulan.

2. Yuntaa
Layanan beta ini menyediakan tempat penyimpanan data gratis bagi siapa saja dengan kapasitas 1GB.

3. BlogBackupOnline
Menyediakan layanan backup, menyimpan dan memindahkan data blog. Tidak dibutuhkan perangkat lunak atau pemrograman. Untuk backing blog gratis dengan penyimpanan data sebesar 50MB per akun pengguna.

4. Egnyte
Backup dan simpan data secara aman, untuk mengekspornya kembali ke komputer tanpa hambatan. Layanan ini gratis untuk penyimpanan 1GB.

5. gDisk
Perangkat lunak yang mengembalikan akun GMail ke portable hard drive sehingga pengguna bisa mengakses file melalui internet. Dibutuhkan perangkat Mac dengan sistem operasi OSX (10.3 atau dibawahnya) dan akun Google GMail.

6. Omnidrive
Mempersilahkan pengguna mengakses, mengedit dan share file dari mana saja dengan browser situs. Tersedia gratis untuk penyimpanan data sebesar 1GB.

7.Steekr
Layanan penyimpanan musik,foto,video dan file lainnya. Menawarkan penyimpanan gratis 1GB (250 lagu dan 500 gambar).

8. Textive
Menyediakan tempat pemyimpanan data seperti jurnal trip, makalah dan lain-lain.

9.Driveway
Mampu mengupload berbagai macam file dengan batas maksimum 500MB per file. Menyediakan tempat penyimpanan gratis sebesar 2GB. Pengguna bisa mengatur dan berbagi folder file dengan mudah seperti mengunduh track file.

10. DropSend
Bisa mengirim dan menyimpan file secara online. Disediakan gratis untuk penyimpanan online sebesar 250MB. File dapat diunduh 7 kal

SELAMAT MENCOBA.....
Minggu, 27 Januari 2013

Meta Tag

Cara Memasang Meta Tag Otomatis di Setiap Postingan Blog - Sudah lama banget Master Chef tidak Update Tutorial Seo Blogspot. Kali ini Mater Chef akan berikan resep Cara memasang Meta Tag Otomatis diblog. Pernahkan kamu mendengar atau sempat memperlajari mengenai Meta Tag Otomatis ?. ya...mungkin sebagian mengenal hal ini dan buat para master Seo Sudah tidak asing lagi. Berhubungan dengan tulisan Master Chef Dapur Tutorial Blogspot dan Seo kali ini, sebelumnya Master Chef juga sudah Pernah membahas mengenai meta tag (Baca : Cara Memasang Meta Tag Di Blog).

Meta tag otomatis di setiap postingan sangat berguna untuk meningkatkan Optimasi Seo On Page karena pada setiap postingan akan memiliki meta Deskripsi yang berbeda antara postingan artikel satu dengan postingan artikel yang lain. Bagai mana Cara Pasang Meta Tag Di Setiap Postingan Otomatis ?, pertanyaan inilah yang akan kita selelsaikan kali ini.

Berikut resep Cara Pasang Meta Tag Otomatis di Setiap Postingan Blog :

  1. Tetap seperti biasanya, kamu harus login dulu ke halam blogger kamu
  2. Jika sudah akses halaman Edit HTML
  3. Jangan lupa untuk Download Lengkap Template Kamu terlebih dahulu. 
  4. Langkah selanjutnya Buat kamu yang sudah menggunakan Meta Tag kamu harus menghapus kode Meta Tag kamu sebelumnya yang belum pernah menggunakan Meta Tag langsung saja cari kode <title><data:blog.pageTitle/></title> ( Gunakan Tombol CTRL + F dan F3 agar lebih mudah menemukan kode)
  5. Jika sudah menemukan kode diatas,, Hapus kode tersebut dan ganti dengan kode berikut :
  6. <b:if cond='data:blog.url == &quot;http://Alamat-Blogkamu.blogspot.com/&quot;'>
    <title><data:blog.pageTitle/></title>
    <meta name='Description' content='Disini Description Blog Kamu'/>
    <meta name='Keywords' content='Disini Isi Dengan Kata Kunci Untuk Home Page'/> </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <title><data:blog.pageName/> - <data:blog.title/></title>
    <meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
    <meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
    </b:if>
  7. Sekarang Klik Simpan Template
  8. Selesai

Kamis, 24 Januari 2013

Cara aktivasi Camtasia Studio 8

  1. Pertama download Cantasia 8 disini  Official site :
  2. Install  Trial Version (Jangan Masukkan Serial keynya dulu)
  3. Disable Admin's Acc ( Baca ini Article )
  4. Masuk ke C:\Windows\System32\drivers\etc
  5. Buka file Host dengan Notepad
  6. Masukkan adress ini di dalamnya.
    127.0.0.1 65.52.240.48
    127.0.0.1 activation.cloud.techsmith.com
  7. Save the File
  8. Buka Camtasia dan masukkan nama dan Serialny
  9. Enjoy ! :) 
Serial Pilih salah satu:
G4DCD-9CC5J-JTDPC-FQJ9X-X735A
CD2AA-QZBHD-C3KJL-E9HRV-Q797C
G4DCD-9CC5J-JTDPC-FQJ9X-X735A
HLCZF-HDCPL-KGB6W-ZSCAZ-VF6A2
EA5AC-CLMAM-A8W6W-EZLYM-LM58F
EA5AC-CLMAM-A8W6W-EZLYM-LM58F
GCABC-CPCCE-BPMMB-XAJXP-S8F6R 

Menu Drop Down

1.cari kode berikut (gunakan CTRL+F),

]]></b:skin>

5.   Tepat diatas kode tersebut, paste kode dibawah ini,
/*----- MBT Drop Down Menu ----*/

#mbtnavbar {
    background: #060505;
    width: 960px;
    color: #FFF;
        margin: 0px;
        padding: 0;
        position: relative;
        border-top:0px solid #960100;
        height:35px;
}

#mbtnav {
    margin: 0;
    padding: 0;
}
#mbtnav ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
#mbtnav li {
    list-style: none;
    margin: 0;
    padding: 0;
        border-left:1px solid #333;
        border-right:1px solid #333;
        height:35px;
}
#mbtnav li a, #mbtnav li a:link, #mbtnav li a:visited {
    color: #FFF;
    display: block;
   font:normal 12px Helvetica, sans-serif;    margin: 0;
    padding: 9px 12px 10px 12px;
        text-decoration: none;
 
}
#mbtnav li a:hover, #mbtnav li a:active {
    background: #BF0100;
    color: #FFF;
    display: block;
    text-decoration: none;
        margin: 0;
    padding: 9px 12px 10px 12px;
 

 
}
#mbtnav li {
    float: left;
    padding: 0;
}
#mbtnav li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 160px;
    margin: 0;
    padding: 0;
}
#mbtnav li ul a {
    width: 140px;
}
#mbtnav li ul ul {
    margin: -25px 0 0 161px;
}
#mbtnav li:hover ul ul, #mbtnav li:hover ul ul ul, #mbtnav li.sfhover ul ul, #mbtnav li.sfhover ul ul ul {
    left: -999em;
}
#mbtnav li:hover ul, #mbtnav li li:hover ul, #mbtnav li li li:hover ul, #mbtnav li.sfhover ul, #mbtnav li li.sfhover ul, #mbtnav li li li.sfhover ul {
    left: auto;
}
#mbtnav li:hover, #mbtnav li.sfhover {
    position: static;
}
#mbtnav li li a, #mbtnav li li a:link, #mbtnav li li a:visited {
    background: #BF0100;
    width: 120px;
    color: #FFF;
    display: block;
    font:normal 12px Helvetica, sans-serif;
    margin: 0;
    padding: 9px 12px 10px 12px;
        text-decoration: none;
z-index:9999;
border-bottom:1px dotted #333;

}
#mbtnav li li a:hover, #mbtnavli li a:active {
    background: #060505;
    color: #FFF;
    display: block;     margin: 0;
    padding: 9px 12px 10px 12px;
        text-decoration: none;
}
beberapa yang bisa anda rubah dari kode di atas:
  • Merubah #060505 untuk merubah warna background dari menu utama/Main menu
  • Merubah kode yang berlatar kuning untuk merubah warna font, ukuran dan namanya
  • Merubah #BF0100 untuk merubah background dari tab pada mouse hover
  • Merubah  #BF0100 untuk merubah warna background dari menu drop down
  • Merubah #060505 untuk merubah warna background dari menu drop down pada mouse hover
  1. selanjutnya ke menu Blogger &gt; Design &gt; Page Elements
  2. Pilih Widget HTML/JavaScript, taruh widget di tepat di bawah header dan paste kode berikut ini di dalam kolomnya,
drop down menu widget


<div id='mbtnavbar'>
      <ul id='mbtnav'>
        <li>
          <a href='#'>Home</a>
        </li>
        <li>
          <a href='#'>About</a>
       </li>
        <li>
          <a href='#'>Contact</a>
        </li>
  <li>
           <a href='#'>Sitemap</a>
            <ul>
                <li><a href='#'>Sub Page #1</a></li>
                <li><a href='#'>Sub Page #2</a></li>
                <li><a href='#'>Sub Page #3</a></li>
              </ul>
        </li>
      </ul>
    </div>
Ganti # dengan Links halaman anda dan teks bercetak tebal (bold) dengan nama halamannya. Kode dengan latar kuning berfungsi untuk mengatur menu drop down. Anda bisa meng-copy dan paste kannya di bawah tab manapun yang anda inginkan tepat sebelum 
Untuk menambahkan tab lainnya paste kode berikut ini di atas kode 

<li>
          <a href='#'>Tab Name</a>
        </li>
Jika blog anda sudah memiliki menu di bawah header tinggal ganti bagian  <div id  dan <ul id
hasilnya menjadi seperti ini

<div id='mbtnavbar'>
      <ul id='mbtnav'>
    Pasti bermanfaat

triks page rank

Cara Mudah Meningkatkan Pagerank Google dan Alexa. Sahabat Info Sinta, anda sudah membuat Blog, jika Sudah maka hal yang anda lakukan selanjutnya adalah meningkatkan Pagerank, supaya kita membuat blog tidak sia sia dan bisa menghasilkan materi atau uang, penjelasannya jika blog anda banyak pengunjungnya maka iklan di blog andalah yang yang nantinya akan menghasilkan uang. dengan pagerank yang tinggi maka pemasang iklan akan datang dengan sendirinya, dan uang akan mengalir tiap bulannya.
Baca Juga 


Siapa yang tak kenal dengan Google PageRank dan Alexa Rank ? Hampir semua blog/website berlomba-lomba untuk mendapatkan posisi paling wahid di Google PageRank dan Alexa Rank . Termasuk juga aku neh .... Walaupun newbie juga punya harapan loh... Karena dengan peringkat yang tinggi, bisa untuk mendatangkan isi doku kita. " Sangat menggiurkan !!! " (Sampe' Ngiler aku). Bagi yang sudah mendapatkan peringkatpun, harus mempertahankannya dengan semaksimal mungkin agar tidak kembali pada kode yang tidak diinginkan yaitu n/a ( Not Available ). Wah ... ternyata harus fight terus ya.!! Tapi pertanyaannya Bagaimana caranya biar cepet dapat ranking ?? Bagi newbie, blogger baru ( yang baru mengenal blog ), terkhusus Blog SyahidaComputer ini, pertanyaan tersebut seringkali terlontar. Toel nggak ??
Baca Juga
Seiring dengan perjalanan saya bersama sahabat blogger di dunia maya ini, saya telah banyak mengambil pengalaman atau diberi pengalaman oleh para sahabat blogger. Dari pengalaman itu saya akan meneruskan apa yang telah saya lakukan dan mencoba hal baru yang bisa saya lakukan supaya bisa dekat dengan simbah google dan paman alexa. Kesimpulan saya tentang semua itu adalah TERGANTUNG DIRI KITA SENDIRI, Bergantung pada usaha kita sendiri. Nasib itu tidak akan berubah kalau kita tidak merubahnya. Weh...weh... kok malah keman-mana. Langsung ke TKP....
  • Mendaftarkan blog / website ke berbagai macam search engine, diantaranya miliknya simbah (google) dan eyang (yahoo), paman (Submitexpress), Kakak (addurl pro), Abang (Freewebsubmission), (scrubtheweb), (sonicrun), dan lain-lain.
  • Daftar ke blog directory ( tentunya yng gratisan ) contohnya blogcatalog, topseratus.com, kumpulblogger, topofblog, blogtopsites, TopBlogArea, dll.
  • Bangun blog dengan tampilan yang sederhana tapi indah. Membuat orang kalau mampir bisa kerasan. Jangan suguhkan tampilan yang membuat orang malah bingung atau pusing dibuatnya. ( Ma'af saya tidak bermaksud menyinggung siapapun ). Kalau blog ini tampilannya mah emang sih sederhana, tapi masih kurang indah, dan kurang bagus dan kurang yang lainnya ... Mohon pencerahan dari sahabat.
  • Suguhkan artikel, postingan yang relevan, akurat, menghibur, terupdate, enak dibaca, mudah dimengerti , dan apa yang dimau pengunjung atau apapun itu namanya asal NO SPAM, NO PORNO, NO NUDISM, NO DRUG, NO PROVOKASI, NO SARA, NO PELECEHAN, dan NO...NO yang lain. Pengunjung akan KHUSUK dan ASYIK Membaca. Sehingga pesan akan tersampaikan dengan mudah, dan akan selalu teringat dalam kepala.
  • Melakukan Ping setiap selesai update postingan, diantaranya yang saya lakukan di :Pingomatic, AutoPinger, Pingoat, BlogPinger, Ping4Free
  • BERBUAT BAIK SESAMA BLOGGER. Maka musti sering berkunjung, belajar, silaturrohim, tinggalkan jejak kita di blog sahabat. Kalau bisa... jejak kita adalah komentar pada postingan sahabat. Atau minimal jejak di shoutmix bahwa kita telah hadir disana. Dan jangan lupa.... sebelum pamitan kepada sahabat blogger, mau kunjug ke sahabat blogger lainnya, berilah salam tempel kepada mereka dengan meng klik ads ( IKLAN ) sahabat. Termasuk ads ku ya....!!!!.
  • Teruslah update postingan blog kita. Hal ini untuk menunjukkan bahwa blog kita nie... masih bernafas... alias masih hidup. ( Hayoo .. siapa yang mau berteman dengan yang sudah mati ...??? )
  • Pelototin kompie untuk mengetahui perkembangan terkini dari blog kita.
  • Terakhir yang paling penting. Ini memang sengaja tak tulis di paling belakang karena memang SANGAT PENTING. Yaitu Jangan Mudah Menyerah, Jangan Pernah Putus Asa. Tetaplah Berusaha sampai tercapai yang diidam-idamkan. Entah kapan Insya Allah pasti tercapai.

Sahabat ... pengalaman dari sahabat sangat membantu saya untuk tetap survive di dunia maya ini. Pengalaman sahabat tetap terus aku inginkan. Bagi sahabat-sahabatku yang masih baru di dunia blogging, kita sama-sama belajar. Mudah-mudahan setelah menulis ini peringkat Google Pagerank dan alexa rank blog ini langsung melejit ( he...he...berkhayal kalee ...)Dan mudah-mudahan juga berguna bagi sahabat semua. Oh ya .. Pesan terakhir tulisan ini, " HIDUP BLOGGER " Jangan lupa berkomentar ya... Trims.

Cara Pasang Meta Tag SEO Friendly di Blog

Salah satu yang dapat menyebabkan keberhasilan seorang blogger ialah jika seoarang blogger tersebut tidak hanya sekedar ngeblog / mosting- mosting saja, akan tetapi seorang blogger yang berhasil ialah blogger yang mau mempelajari/memperhatikan trik2 SEO dan mencoba mempraktekannya di blog mereka, sebab SEO sangat berpengaruh besar terhadap maju atau tidaknya blog mereka. SEO (Search Engine Optimization) itu sendiri merupakan serangkaian proses yang dilakukan secara sistematis yang bertujuan untuk meningkatkan volume dan kulitas trafik dari mesin pencari menuju alamat situs web tertentu, dengan memanfaatkan mekanisme kerja alami algoritma dari mesin pencari tersebut (Wikipedia). Atau dapat disimpulkan, seo merupakan sebuah metode agar postingan yang kita posting bisa terindex dan bisa nangkring di halaman pertama google, sehingga berpeluang besar untuk menarik pengunjung ke blog kita.

Sebenarnya ada banyak metode yang bisa dilakukan agar blog kita menjadi seo friendly, salah satunya dengan memasang meta tag yang seo friendly di blog. Dan metode ini hampir dilakukan oleh semua blogger. Dan hasilnya memang cukup efektif untuk menjadikan blog menjadi seo friendly. Ok. Dari pada saya berpanjang lebar, langsung saja menuju ke TKP.

Cara Memasang Meta Tag SEO Friendly di Blog

1. Login ke dasboard blog dan masuk ke Template.
2. Kemudian pilih edit HTML.
3. Centang Expand Widget Template.
4. Lalu cari kode berikut ini 

<b:include data='blog' name='all-head-content'/>   atau   <title><data:blog.pagetitle/></title>   atau   <title><data:blog.pageName/> - <data:blog.title/></title>  atau  <title><data:blog.title/></title>
 
5. Jika sobat telah menemukan salah satu dari kode di atas, silahkan untuk meletakkan kode meta tag berikut di bawahnya


<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<meta content=' I
SI DENGAN DESKRIPSI BLOG SOBAT ' name='DESCRIPTION'/>
<meta content='
ISI DENGAN KEYWORD BLOG SOBAT ' name='KEYWORDS'/> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
</b:if>
<meta content='index, follow' name='robots'/>
<meta content='
NAMA PENGGUNA BLOG ' name='author'/>
<meta content='2012,
ISI DENGAN JUDUL BLOG ' name='copyright'/>
<meta content='1 days' name='revisit-after'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='all-language' http-equiv='Content-Language'/>
<meta content='global' name='Distribution'/>
<meta content='global' name='target'/>
<meta content='Indonesia' name='geo.country'/>
<meta content='all' name='robots'/>
<meta content='all' name='googlebot'/>
<meta content='all' name='msnbot'/>
<meta content='all' name='Googlebot-Image'/>
<meta content='all' name='Slurp'/>
<meta content='all' name='ZyBorg'/>
<meta content='all' name='Scooter'/>
<meta content='ALL' name='spiders'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='never' name='Expires'/>



6. Klik Simpan dan tunggu hasilnya sampai google bot meng crawler blog sobat.

Catatan !!
Ganti kode kalimat berwarna biru sesuai dengan yang sobat inginkan, seperti untuk deskripsi silakan sobat isi dengan deskripsi blog sobat masing-masing. 

Atau Jika sobat menginginkan kode yang lebih sederhana bisa mengcopy kode di bawah ini dan paste kan di tempat yang sama. Tapi ingat !! gunakan salah satunya saja, jangan gunakan keduanya..


<b:if cond='data:blog.url == &quot;Isi dengan Url blog sobat&quot;'>
<title><data:blog.pageTitle/></title>
<meta content='Isi dengan deskripsi blog sobat' name='description'/>
<meta content='Isi dengan keyword blog sobat' name='keywords'/> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
</b:if>

Semoga bermanfaat dan semoga berhasil..
Senin, 21 Januari 2013

Cara Upload File Di Google Site

Artikel kali ini akan membahas bagaimana cara me-upload file javascript, semoga bisa membantu sobat-sobat Blogger(Pemula/Newbie) seperti saya. Yang masih belum paham cara menggunakan widget yang menggunakan file Javascript. Bagi yang sudah mengerti,ini hanya sebagai referensi saja.

File .js bisa didapat melalui jasa Notepad. Nah, ada banyak tempat upload file yang berformat .js, diantaranya adalah Mediafire, Google, dll.
Karena kita blogger maka gunakan saja fasilitas penyimpan yang sudah ada di google yaitu Google site,bisa juga memakai tempat penyimpanan file lainnya diluar google.

Situs Google adalah situs terbesar yang ada di Internet. Google menyediakan berbagai fasilitas, salah satunya adalah upload file (hosting).

Langkah-langkah Upload Javascript di sitesGoogle
1. Buka halaman Google site dan login disana.

2. Setelah masuk,sobat buat situs dengan cara klik CREATE atau BUAT

- Kemudian beri nama situs yang Anda inginkan:

- Setelah itu sobat buat laman / page dengan klik New page atau Laman Baru

- Beri nama misalnya "file JS" dan pilih File Cabinet atau Lemari File lalu klik CREATED atau BUAT

- Setelah buat halaman, klik Add file atau Tambahkan File (browse/pilih file yang akan di upload)
- Setelah anda meng-upload file, Dapatkan kode .js seperti gambar dibawah:

Setelah Anda copy link, khan hasil copy-nya:  
https://sites.google.com/site/indolaron/file-js/preloadpage.js?attredirects=0&d=1

Karna hasil salinannya ada tambahan kode ?attredirects=0&d=1. Hapus saja kode tersebut dan menjadi https://sites.google.com/site/indolaron/file-js/preloadpage.js
Minggu, 20 Januari 2013

Membuat Menu Seperti Windows Explorer


Membuat Menu d'Tree di blog

“MenuSudah mengerti semua apa itu Menu d'Tree di Blog ? Menu d'Tree adalah menu yang menyerupai menu Windows eksplorer di komputer anda dan menu ini berguna untuk menyimpan banyak link.
Lebih lengkapnya Menu d'Tree ini merupakan menu yang menyerupai menu pada Windows Eksplorer dengan tampilannya yang sepertinya sederhana dan ringkas tetapi sebenarnya bisa menyimpan semua isi yang terdapat dalam blog kita... terus bisa juga kita atur Menu d-tree tersebut semau kita..tetapi mungkin lebih sulit karena menu daftar isinya harus kita edit secara menual.

Langsung ke Cara Membuat Menu d'Tree di Blog
1. Pertama login ke blog
2. Pilih Rnacangan - Edit HTML
3. Cari kode </head>
4. Setelah ketemu letakan kode berikut tepat diatas kode </head> 

<link href='http://sites.google.com/site/ecaknyo/blog/dtree.css' rel='StyleSheet' type='text/css'/>
<script src='http://sites.google.com/site/ecaknyo/blog/dtree_ecaknyo.js' type='text/javascript'/> 

5. Save

Nah unttuk membuat Menu d'Tree tampil di blog, saya hanya akan share bagaimana Cara Membuat Menu d'Tree di Widget baik di Sidebar ataupun di Footer.
Alasannya karena anda akan lebih mudah meng otak atik Menu d'Tree tersebut karena letaknya di Widget Laman.
1. Pertama Masuk ke Elamen Laman
2. Pilih Tambah Gadget - HTML/JavaScript
3. Copy kode berikut dan masukan ke dalamnya

<div class="dtree">

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

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

d = new dTree('d');

d.add(0,-1,'Home','URL HomePage');

d.add(2,0,'Arsip Lainnya')

d.add(3,2,'Nama Folder','');
d.add(10,3,'Judul Artikel','URL Artikel');
d.add(20,3,'Judul Artikel','URL Artikel');
d.add(30,3,'Judul Artikel','URL Artikel');
d.add(40,3,'Judul Artikel','URL Artikel');

d.add(4,2,'Nama Folder','');
d.add(10,4,'Judul Artikel','URL Artikel');
d.add(20,4,'Judul Artikel','URL Artikel');
d.add(30,4,'Judul Artikel','URL Artikel');
d.add(40,4,'Judul Artikel','URL Artikel');
d.add(50,4,'Judul Artikel','URL Artikel');

d.add(5,2,'Nama Folder','');
d.add(10,5,'Judul Artikel','URL Artikel');
d.add(20,5,'Judul Artikel','URL Artikel');
d.add(30,5,'Judul Artikel','URL Artikell');
d.add(40,5,'Judul Artikel','URL Artikell');

d.add(6,2,'Nama Folder','');
d.add(10,6,'Judul Artikel','URL Artikel');
d.add(20,6,'Judul Artikel','URL Artikel');
d.add(30,6,'Judul Artikel','URL Artikell');
d.add(40,6,'Judul Artikel','URL Artikell');


d.add(7,2,'Nama Folder','');
d.add(10,7,'Judul Artikel','URL Artikel');
d.add(20,7,'Judul Artikel','URL Artikel');
d.add(30,7,'Judul Artikel','URL Artikell');
d.add(40,7,'Judul Artikel','URL Artikell');

d.add(8,2,'Nama Folder','');
d.add(10,8,'Judul Artikel','URL Artikel');
d.add(20,8,'Judul Artikel','URL Artikel');
d.add(30,8,'Judul Artikel','URL Artikell');
d.add(40,8,'Judul Artikel','URL Artikel');


document.write(d);

//-->
</script>

</div>

4. Save

 KET
  • URL HomePage : URL HomePage blog anda 
  • Nama Folder : Nama Folder yang ingin di tampilkan
  • Judul Artikel : Judul dari Artikel
  • URL Artikel : URL URL Arttikel tersebut

Mungkin cara penempatan Link dan Foldernya sudah saya jelaskan di kode diatas, tinggal anda ganti saja tulisan tersebut dengan masing-masing perintahnya.
Selanjutnya tinggal anda sendiri bagaimana mengeditnya agar Menu d'Tree di Blog tersebut terlihat semakin indah 
Senin, 14 Januari 2013

Membuat tulisan berjalan dan berhenti saat disorot cursor

kembali lagi di king beraksi kali ini saya akan memberi tahu kamu cara untuk membuat teks atau widget berjalan
trik ini lumayan untuk memper irit pemakayan tempat halaman contoh kamu lihat pada blog ini pada widget pengunjung kalau widget itu tidak menggunakan trik ini maka otomatis halaman blog akan semakin banyak digunakan
jika kamu tertarik silahkan copas kode berikut
 
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
masukkan eks/atau script kamu disini
</marquee>
ganti teks warna merah dengan yang kamu ingin kan misal tek atau script widget
baik teks maupun kode widget itu tetap bisa jalan

gimana mudahkan jangan lupa komen

Membuat Logo Berkilau Cahaya ala Animasi Flash dengan jQuery

Sebelum berkembangnya teknologi website seperti saat ini, logo atau gambar dengan efek animasi tambahan seperti animasi gerak, berubah bentuk, berkilauan, dlsb hanya bisa dilakukan dengan membuat logo/gambar tsb menggunakan flash atau gambar .GIF (Graphic Interchange Format). Namun tidak dengan saat ini setelah berkembangnya teknologi pemrograman website seperti HTML5, CSS3 dan jQuery. Dengan teknologi tersebut kita dapat melakukan beragam hal yang sebelumnya tidak dapat dilakukan dalam sebuah website menjadi sesuatu yang mungkin dan nyata. Contohnya saja, dengan HTML5 kita tidak memerlukan flash player untuk memutar sebuah video atau musik, membuat animasi interaktif dengan CSS3, atau beragam fungsi menawan yang dapat dihasilkan oleh jQuery. Menakjubkan bukan? :D
Pada posting kali ini saya akan berbagi kepada kawan blogger bagaimana cara membuat Logo atau Gambar dengan efek animasi Kilau Cahaya ala flash dengan jQuery dan HTML5. Efek ini akan membuat anda terlihat profesional dalam mempresentasikan logo atau gambar dalam website anda. Ini merupakan nilai plus yang dibutuhkan oleh para marketer dalam memasarkan produknya, logo sebuah website korporat agar terlihat profesional, atau toko online yang ingin terlihat elegant. Anda dapat mengaplikasikan cara ini dalam sebuah website atau blogspot sekalipun :)
Penasaran? Yuk langsung lihat demonya pada logo WP di bawah ini:

(KIRI: Logo sebelum diberi efek kilau | KANAN: Logo setelah diberi efek kilau)


Klik "Baca Selengkapnya" untuk membuat efek animasi kilau dengan jQuery!
Untuk dapat membuat efek tersebut, ikuti langkah-langkah yang telah saya rangkum menjadi 4 Tahap Mudah. Pastikan mengikuti tahap demi tahap agar dapat berjalan dengan lancar.
TAHAP #1 - PLUGIN JQUERY
Pastikan plugin jQuery terpasang pada website atau blog anda. Anda dapat mengeceknya pada bagian kode HTML dengan melakukan pencarian (ctrl+f) kata kunci 'jquery' yang diakhiri dengan ekstension .js (javascript). Jika belum terpasang, maka anda dapat memasangnya dengan menyisipkan kode <script src='http://code.jquery.com/jquery-latest.min.js' type='text/javascript'></script>  sebelum tag </body> atau </head>.

TAHAP #2 - PLUGIN EFEK KILAU
Sisipkan kode <script type="text/javascript" src="http://yourjavascript.com/2232081187/kilau.js"></script>  tepat dibawah kode plugin jQuery pada tahap #1.

TAHAP #3 - KODE AKTIVASI EFEK
Jika anda memiliki beberapa gambar untuk diberi efek kilau, maka anda memerlukan kode aktivasi sesuai dengan jumlah gambar tersebut. Sisipkan kode aktivasi berikut dibawah plugin efek kilau pada tahap #2
Kode untuk satu gambar
<script> $(window).load(function() {
 $('#kilau').shiningImage();
});
</script>
Kode untuk dua gambar
<script> $(window).load(function() {
 $('#kilau').shiningImage();
 $('#kilau1').shiningImage();});
</script>
Kode untuk tiga gambar
<script>  $(window).load(function() {
 $('#kilau').shiningImage();
 $('#kilau1').shiningImage();
 $('#kilau2').shiningImage();
});
</script>

Dan seterusnya (tinggal tambahkan atau kurangi kode mengikuti bentuk di atas).

TAHAP 4# - MEMASANG EFEK PADA GAMBAR
Merupakan tahap terakhir, jika anda berhasil mengikuti langkah demi langkah maka akan tercipta efek kilau pada gambar. Untuk memasang efek pada gambar yang diinginkan anda tinggal menambahkan tag id='kilau' pada kode html penyisipan gambar.
Normalnya, untuk menyisipkan gambar pada website maka kode htmlnya ialah:
<img src='LINKGAMBAR.JPG'/>
Setelah disisipkan tag id='kilau' maka kodenya akan menjadi seperti di bawah ini:
 <img id='kilau' src='LINKGAMBAR.JPG'/>
Jika lebih dari satu gambar maka akan menjadi seperti ini (contoh):
 <img id='kilau' src='LINKGAMBAR.JPG'/>
 <img id='kilau1' src='LINKGAMBAR1.JPG'/>

Hasilnya akan seperti ini (contoh untuk dua gambar dengan dua tag id='kilau' dan id='kilau1')






Sangat menarik bukan untuk diaplikasikan di website masing-masing? Visitor pun akan semakin tertarik dengan website anda! Sekali lagi, Bukan Flash lho!
Selamat Mencoba, Semoga Bermanfaat!!!