Minggu, 28 Februari 2010

hati-hati blogger sedang gencar hapus blog

kickass Berita kurang sedap marak terdengar akhir-akhir ini, Blogger sedang gencar menghapus blog, bahkan ada yang sampai akun blog, oleh karena itu berhati-hatilah!

Berita ini bersumber dari beberapa teman kang Rohman yang mengabarkan bahwa blog mereka dihapus oleh blogger, dan beberapa hari yang lalu salah satu blog kang Rohman pun bernasib sama, di hapus Sad. Yang lebih ekstrim lagi ada teman kang Rohman  langsung di hapus akun blognya, yang sangat menyakitkan adalah jumlah blog dalam akun tersebut lebih dari 60 blog dan telah di kelola secara susah payah selama satu tahun lebih, gimana ngga nyesek di dada tuh.

Trus bagaimana cara mengantisipasi agar blog tidak dihapus oleh blogger? sebagai pihak yang menumpang tidak ada cara yang benar-benar ampuh untuk menangkal agar blog tidak dihapus oleh blogger, namun ada beberapa tips yang mungkin bisa dilakukan untuk sedikit mengurangi kemungkinan dihapusnya blog oleh blogger atau sekedar mengurangi dampak fatal setelah di hapus.

 

  • Jangan melakukan hal-hal yang melanggar Term Of service  blogger.
  • Jangan melakukan hal-hal yang nyerempet-nyerempet seperti paid post review,, menjual link,, banner iklan yang terlalu berlebihan ( uppsss.. blog kang Rohman termasuk yang ini kali)
  • Jangan pasang Auto-Blog (blog yang bisa posting secara otomatis).
  • Jangan posting berlebihan sampai beratus-ratus posting dalam sehari.
  • Jangan membuat blog sampai berpuluh-puluh hanya dalam satu account.
  • Pisahkanlah blog yang dirasa sangat penting bagi anda, jadikan ini satu account satu blog jangan sampai dicampur dengan blog-blog yang menurut anda kurang berkualiatas. Sebagai contoh kang Rohman mempunyai 2 blog yang dirasa sangat penting, maka kang Rohman memisahkan keduanya. Jadi seandainya yang satu terkena penghapusan maka yang satu masih selamat. Kalau dua-duanya dihapus ya tinggal sabar kalau itu Big Grin
  • Untuk memisahkan blog yang penting dan  terlanjur bercampur dengan blog-blog lain adalah dengan cara membuat alamat email baru, lalu anda undang email tersebut sebagai author ( login => pengaturan => Izin => Menambah Penulis), kemudian berikan hak yang setara dengan admin sebelumnya, nah jika sudah setara tinggal login ke akun yang baru kemudian hapus tuh admin yang lama. ( bingung? duh kacian dech HypnotizedBig Grin). 

    tambah-penulis

  • Lakukan backup blog secara teratur, ini bisa anda lakukan dengan cara : Login -> Pengaturan - Tab dasar -> Export Blog.  

    eksport blog

  • Jika anda mau menanamkan sedikit modal, sebaiknya gunakan custom domain atau memakai top level domain (TLD) sehingga blog anda bukan lagi beralamat seperti http://contohsaja.blogspot.com, namun akan beralamat seperti http://contohsaja.com, jika alamat anda sudah jadi custom domain dan suatu saat blog anda dihapus blogger, maka anda tinggal membuat blog baru lalu lakukan Import dengan memakai file hasil backup (ingat langkah sebelumnya), kemudian ganti lagi alamatnya dengan dengan domain yang tadi ( ini jurus kucing-kucingan dengan blogger Big Grin). Perlu diketahui bahwa hasil import beda dengan posting baru, jika anda melakukan import maka tanggal posting serta komentar yang ada akan tetap seperti itu.
  • Langkah yang lebih arif yaitu tinggalkan ketergantungan anda dari blogger, silahkan beli hosting yang murah tapi berkualitas lalu pakai mesin Wordpress.org, kemudian import semua data yang ada di blogger ke wordpress anda dan blog anda akan kembali. stttttt… kang Rohman sebentar lagi akan jual domain sama hosting murah tapi kualitas handal lho.

Moga bermanfaat, dan yang terutama di harapkan adalah jangan sampai blog anda di hapus oleg blogger.

Digital Harinezumi 2 Video Camera

audiocubesf_digitalharinezumi2.jpg
Super 8 cameras were released in 1965 by Eastman Kodak as animprovement over their standard 8 mm format. Many memories werecaptured on this silent format and one can almost spot the distinctlook of Super 8 a mile away. Superheadz in Tokyo have designed adigital video camera that shoots "Super 8 like" videos in 640x480format - the Digital Harinezumi 2. The designers of this cameraintentionally removed audio from the recording format and there's nolive view when shooting still photos! This unique toy camera isn't foreveryone but for those who loved the Super 8 format or a warm retrolook it is right up your alley. We've dug our own homemade Super 8movies out of the archive from 1982 and encoded them for your enjoymentbelow. As soon as we're able to get our hands on our own Harinezumi 2expect a full review and comparison to the original format. Full cameraspecs and product link after the jump.



Specs:
Resolution: 3 MegaPixel
Recording resolution: still picture: 1600×1200 or 320×240, video: 640 × 480
Film sensitivity: 100/800
Lens: Normal : about 1m to infinity Macro: about 10cm
File Format: Still Picture: JPEG Video: AVI (25fps)
Memory: Micro SD Card (Up to 2GB; Sold Separately)
Display: (Width) 3.3cm (Height) 2.5cm
Body: (Length) about 9cm (Height) about 3cm (Width) about 3.5cm

fea
After the launching of BloggerMag - A new free premium Blogger template in magazine style template, many readers love the design of the template.Now ,we add some cool features to template.Firstone ,slider for feature post.Using an auto-playing content slider isthe one of techniques to show your featured content. It saves you spaceand makes for a better user experience, and if you add a pinch of eyecandy to it, then there’s no looking back.It is easy to add slider inthetemplate by 3 steps.
  • First login to blogger and goto edit html.then following the steps.Better use Notepad++ for editing the template.
Step1: Add CSS
         Add the following code in my Bloggermag template code.
  • Use Ctrl+f to find  this code  “ ]]></b:skin> “.
  • Before this code “ ]]></b:skin> “  Add the following code.
/* -------------- SLIDESHOW ----------------- */
#slideshow {
width: 580px;   
height:220px;
overflow:hidden;
border: 1px solid #ddd;}
#slideshow ul {
margin: 0;
padding: 0;    background:transparent;
list-style: none;
height: 1%; /* IE fix */}
#slideshow li  {
margin: 0;
padding: 0;   
background:transparent;
list-style: none;
}
#slideshow ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;

/* -----------SLIDESHOW > SLIDES ---------------- */

#slideshow .slides {
overflow: hidden;
width: 578px;
}
#slideshow .slides ul {    overflow: hidden;
width: 560px;}
#slideshow .slides li {
     display:none;
     list-style: none;
    left:-99999em;
    width:580px;
    height:180px;
    display:block;
    overflow: hidden;
    position:relative;
    z-index:1;}
.js #slideshow .slides li {
    margin: 0;
    padding: 0;
list-style: none;
    width:580px;
    height:180px;
    display:block;
    overflow: hidden;
    position:relative;
    z-index:1;
    }
#slideshow .slides li .entry h2 a,
#slideshow .slides li .entry h2 a:link,
#slideshow .slides li .entry h2 a:visited,
#slideshow .slides li .entry h2 a:hover,
#slideshow .slides li .entry h2 a:active  {
    font-size:12pt;
    line-height: 1.1em;
    margin:0;
    margin: 0;
    letter-spacing:0;
    list-style: none;
    }
    #slideshow .slides li  .entry  {
    overflow:hidden;   
    margin:-165px 6px 2px  185px;
align:right;
    }
/* -----------SLIDESHOW > NAVIGATION ------------------------ */

#slideshow ul.slides-nav {
background-color: #ddd;
border-top: 1px solid #ccc;}
#slideshow .slides-nav li {
list-style:none;
float: left;}
#slideshow .slides-nav li a {
display: block;
padding: 12px 17px;
outline: none;}
.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
background-color: #eee;
text-decoration:underline;
}
.js #slideshow .slides-nav li.on a {
position: relative; top: -3px;}
Step2: Add Script
         Add the following code in my Bloggermag template code.
  • Use Ctrl+f to find  this code  “ </head>“.
  • Before this  “ </head> “ Add the following code.

    <script type='text/javascript'>
imgr = new Array();
showRandomImg = true;
aBold = true;
summaryPost = 160; //
summaryTitle = 35; //
numposts = 6; //
home_page = &quot;http://johanrakyat.blogspot.com/&quot;;
label8 = &quot;Feature&quot;;
tLabel8 = &quot;Feature&quot;;
Title8 = &quot;Feature&quot;;
function removeHtmlTag(strx,chop){
    var s = strx.split(&quot;&lt;&quot;);
    for(var i=0;i&lt;s.length;i++){
        if(s[i].indexOf(&quot;&gt;&quot;)!=-1){
            s[i] = s[i].substring(s[i].indexOf(&quot;&gt;&quot;)+1,s[i].length);
        }
    }
    s =  s.join(&quot;&quot;);
    s = s.substring(0,chop-1);
    return s;
}
function showrecentposts(json) {
    j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
    img  = new Array();
   document.write(&#39;&lt;ul class=&quot;clearfix&quot;style=&quot;list-style:none; position:relative;&quot;&gt;&#39;);
      for (var i = 0; i &lt; numposts; i++) {
        var entry = json.feed.entry[i];
        var posttitle = entry.title.$t;
        var pcm;
        var posturl;
        if (i == json.feed.entry.length) break;
        for (var k = 0; k &lt; entry.link.length; k++) {
              if (entry.link[k].rel == &#39;alternate&#39;) {
                posturl = entry.link[k].href;
                break;
              }
        }
        for (var k = 0; k &lt; entry.link.length; k++) {
             if (entry.link[k].rel == &#39;replies&#39; &amp;&amp;entry.link[k].type == &#39;text/html&#39;) {
                pcm = entry.link[k].title.split(&quot; &quot;)[0];
                break;
              }
        }
        if (&quot;content&quot; in entry) {
              var postcontent = entry.content.$t;}
        else
        if (&quot;summary&quot; in entry) {
              var postcontent = entry.summary.$t;}
        else var postcontent = &quot;&quot;;
        postdate = entry.published.$t;
    if(j&gt;imgr.length-1) j=0;
    img[i] = imgr[j];
   s = postcontent    ; a = s.indexOf(&quot;&lt;img&quot;); b= s.indexOf(&quot;src=\&quot;&quot;,a); c =s.indexOf(&quot;\&quot;&quot;,b+5); d =s.substr(b+5,c-b-5);
    if((a!=-1)&amp;&amp;(b!=-1)&amp;&amp;(c!=-1)&amp;&amp;(d!=&quot;&quot;)) img[i] = d;
   //cmtext = (text != &#39;no&#39;) ?&#39;&lt;i&gt;&lt;fontcolor=&quot;&#39;+acolor+&#39;&quot;&gt;(&#39;+pcm+&#39;&#39;+text+&#39;)&lt;/font&gt;&lt;/i&gt;&#39;: &#39;&#39;;
    var month = [1,2,3,4,5,6,7,8,9,10,11,12];
   var month2=[&quot;Jan&quot;,&quot;Feb&quot;,&quot;Mar&quot;,&quot;Apr&quot;,&quot;May&quot;,&quot;Jun&quot;,&quot;Jul&quot;,&quot;Aug&quot;,&quot;Sep&quot;,&quot;Oct&quot;,&quot;Nov&quot;,&quot;Dec&quot;];
    var day = postdate.split(&quot;-&quot;)[2].substring(0,2);
    var m = postdate.split(&quot;-&quot;)[1];
    var y = postdate.split(&quot;-&quot;)[0];
    for(var u2=0;u2&lt;month.length;u2++){
        if(parseInt(m)==month[u2]) {
            m = month2[u2] ; break;
        }
    }
   //var daystr = (showPostDate) ? &#39;&lt;i&gt;&lt;fontcolor=&quot;&#39;+acolor+&#39;&quot;&gt; -(&#39;+day+ &#39; &#39; + m + &#39; &#39; + y +&#39;)&lt;/font&gt;&lt;/i&gt;&#39; :&quot;&quot;;
posttitle = (aBold) ? &quot;&quot;+posttitle+&quot;&quot; : posttitle;
   var trtd = &#39;&lt;li style=&quot;list-style:none;&quot;id=&quot;main-post-&#39;+i+&#39;&quot;&gt;&lt;img style=&quot;height:165px; width:160px; margin:8px 0px0px 8px;&quot; class=&quot;post_thumbnail thumbnail thumbnailpost_thumbnail&quot;src=&quot;&#39;+img[i]+&#39;&quot;/&gt; &lt;div class=&quot;entry&quot;&gt;&lt;h2class=&quot;post-title&quot;&gt;&lt;ahref=&quot;&#39;+posturl+&#39;&quot;&gt;&#39;+posttitle+&#39;&lt;/a&gt;&lt;/h2&gt;   &lt;p&gt;&#39;+removeHtmlTag(postcontent,summaryPost)+&#39;&lt;/p&gt;&lt;/div&gt;&lt;/li&gt;&#39;;
    document.write(trtd);
    j++;
}
document.write(&#39;&lt;/ul&gt;&#39;);
}
</script>
Step3: Add Html
         Add the following code in my Bloggermag template code.
  • Use Ctrl+f to find  this code  “ <div class='art-content'> “.
  • After <div class='art-content'> “ Add the following code.
 
<divclass="art-Block"><div class="art-Block-tl"/><divclass="art-Block-tr"/><div class="art-Block-bl"/><divclass="art-Block-br"/><div class="art-Block-tc"/><divclass="art-Block-bc"/><div class="art-Block-cl"/><divclass="art-Block-cr"/><div class="art-Block-cc"/><divclass="art-Block-body"><div class="art-BlockHeader"><divclass="l"/><div class="r"/><divclass="art-header-tag-icon"><div class="t">
FeaturedPosts</div></div></div><divclass="art-BlockContent"><divclass="art-BlockContent-tl"/><divclass="art-BlockContent-tr"/><divclass="art-BlockContent-bl"/><divclass="art-BlockContent-br"/><divclass="art-BlockContent-tc"/><divclass="art-BlockContent-bc"/><divclass="art-BlockContent-cl"/><divclass="art-BlockContent-cr"/><divclass="art-BlockContent-cc"/><divclass="art-BlockContent-body">
        <div id="slideshow" >
            <div class="slides">
    &lt;script language=&quot;JavaScript&quot;&gt;
               document.write(&quot;&lt;scriptsrc=\&quot;&quot;+home_page+&quot;feeds/posts/default/-/&quot;+label8+&quot;?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
                &lt;/script&gt;       
            </div>
    <ul class="slides-nav">
            <li ><a href="#main-post-0" >1</a></li>
            <li ><a href="#main-post-1" >2</a></li>
            <li ><a href="#main-post-2" >3</a></li>
            <li ><a href="#main-post-3" >4</a></li>
            <li ><a href="#main-post-4" >5</a></li>
            <li ><a href="#main-post-5" >6</a></li>
            </ul>
            </div>
<div class="cleared"/></div></div><div class="cleared"/></div></div>
Sorry,
Iforgot to mention,You have to create one Label called "Feature" or"feature"(because i added that name in the feature slider).Next,youhave to selcet the label feature when you post the feature post.Trythis.Thank you
That’s it. Save the template and view the blog.
Iwill post the Updated template in my next post.The guides and all aboutBloggermag template  will be discussed at next post, so do not forgetto come back here at our website or you can subscribe via RSS Feed toget direct entry to your email.

BloggerMag baru


Akhirnya, aku bisa menyelesaikan template ini, template ini hadiah saya kepada anda year.BloggerMag baru ini adalah medan tiga-wordpress 2.x premi tema untuk blogger, mencari untuk memaksimumkan visibilitas dan kemudahan penggunaan blog mereka.

mag

       Unduh
Fitur dari tema ini:

  • 3 kolom
  • Magazine Style
  • Gambar thumbnail dengan posting
  • Horizontal Kategori Pelayaran
  • Fixed width
  • Widget siap
  • Adsense siap
  • Tapak-lebar Homepage Header 468x60 Iklan banner Adsense.
  • Tapak-lebar Sidebar 300x250 banner Adsense Ads.
  • Lebar tapak iklan banner 125x125 Sidebar
  • Most Online Posts di Sidebar
  • Random Posts on Homepage
  • Recent Posts on batin laman
  • Related Posts dengan kutipan di posting batin
  • Animasi Tag Cloud pada Footerbar
  • Thumbnail gambar tentang Cool Posts
  • Thumbnail gambar pada Recent / Random Posts
  • Social Bookmarking terintegrasi di dalam posting dan halaman
  • Feedburner Email subscription bersepadu
  • Cross pelayar yang serasi dengan IE, FF, Opera, Flock & Safari
  • Tema support / kustomisasi melalui situs kami
  • Watak wordpress borang komentar
Untuk menginstal template ini, ikuti langkah-langkah di bawah ini:
  1. Download template dan unzip. Anda akan mendapatkan Simplexdarkness.xml fail dan folder gambar.
  2. Gambar foto ke perkhidmatan hosting gambar seperti Photobucket.
  3. Buka fail template: BloggerMag.xml di editor Perkataan apapun yang anda miliki. Tukar link dari gambar ke tempat yang anda upload mereka. Anda boleh menukar logoName.
  4. Tekan Ctr + F. Menemukan dan mengganti semua link: http://spicytricks.blogspot.com URL blogspot anda.
  5. Pertama Empat Blok adalah bahagian kategori iaitu Label;label
  6. menukar nama Label Windows7 ke salah satu yang anda inginkan.
  7. Untuk menukar Kategori Sekat Tajuk, cari baris berikut
    <div class='art-header-tag-icon'>
    <div class='t'> Windows7 </ div>
    misalnya Windows7 anda diingini.
  8. Untuk menukar More From This Category, menemukan
    <div class='sp-read-more'> dan menukar Windows7 untuk anda inginkan satu

  9. langkah-langkah 5-8 adalah sama untuk tiga kategori tersisa blok. (saya menggunakan Window7 (nama label sebagai contoh))
  10. Selanjutnya, cari, Mencari dan perubahan nilai setiap RSS feed, tempat iklan. "WelcomeTospicytricks" (my id dari feedburner), dan perubahan ke feedburner anda Nama.

    Ralat UPDATE tetap: 'Recent Post' adalah dislokasi
    XML 1.Open coding dan menemukan "Recent Articles" (gunakan Ctrl + F)
    2.Find "Var trtd"
    Kandungan 3.Replace baris dengan mengikuti.












    var trtd = '<li class = "seni-BlockContent-tubuh" style = "list-style: none; margin-bottom: 0.2em; margin-top:-0.5em; margin-left: 0em; margin -- left: 0; padding-left: 0em; text-indent: 0em; "> <div class="entry" style="overflow: hidden; height: 122px;"> <a title = " '+ posttitle +'" href = " '+ posturl +'">< img class =" thumbnail post_thumbnail thumbnail post_thumbnail "style =" float: Waktu; margin: 0pt 5px 0pt 0pt; padding: 5px ; cursor: pointer; cursor: hand; border: 1 hitam "height =" 99px "width =" 99px "src =" '+ img [i ]+'"></ a> <h3 class = "post-title"> <a href="'+posturl+'"> '+ removeHtmlTag (posttitle, summaryTitle )+'</ a> </ h3>' + removeHtmlTag (postcontent , summaryPost )+'</ div> </ li> ';
        
    4.copy baris ini dan replace.Thats itu.

     

BloggerMag - Blogger templae [UPDATED]

Setelah sukses pelancaran Bloggermag template, It salib lebih dari 1000 download dalam month.After pertama menyambut ini, mag Blogger template telah dikemaskini dan banyak fitur baru ditambah.

Fitur Termasuk dalam update ini:

  • Ciri post gambar (Penggunaan)
  • Recent comments dikemaskini
  • Ralat gambar Thumnail tetap
  • Iklan adsense disokong
  • Dan beberapa perubahan
  • Teruslah melawat untuk kemas
Dalam posting ciri gambar anda harus membuat satu label "Ciri", Tambah ciri anda posting di section.That label posting secara automatik ditambah ke dalam gambar.  
 
Download (Diperbarui)


Typography Comment Spam

Sabtu, 27 Februari 2010

Memasang dan Mengecek Canonical Link Element di Blogger Template

Mesin pencari telah mendukung "Canonical Link Element" untuk mencegah terjadinya duplikat dokumen atau konten. Secara default kini mesin blogger (XML) telah menyisipkan elemen tersebut. Tapi untuk pengguna template yang telah di modifikasi, dan juga "template classic" yang sudah tidak diperhatikan blogger.com, perlu memasang "Canonical Link Element" tersebut secara manual.

Sebelum beranjak lebih lanjut anda dapat mempejari pengertian dan maksud dari "Canonical Link Element" di Canonical Link Element: presentation from SMX West, yang disajikan dalam bentuk video dan slide.

Memasang "Canonical Link Element" di Blogger

Garis besar "Canonical Link Element" seperti berikut, disimpan dibawah <head>:

<link href='url' rel='canonical'/>

Untuk Template Classic, modifikasinya seperti ini:

<MainPage><link href='http://deconstructioncode.blogspot.com/' rel='canonical'/> </MainPage>
<Blogger><ItemPage><link href='<$BlogItemPermalinkURL$>' rel='canonical'/> </ItemPage></Blogger>

catatan: MainPage berarti halaman index, sedangkan ItemPage untuk halaman postingan. Untuk halaman arsip saya tidak menemukan caranya, kalau ada yang dapat caranya share yah :). Atau mungkin ada yang lebih simpel dan maksimal hasilnya seperti "Template XML" dibawah ini.

Untuk Template XML , tinggal pasang ini:

<link expr:href='data:blog.url' rel='canonical'/>

(trik untuk Template XML diperoleh di: Penggunaan rel=”canonical” di Platform Blogger / Blogspot)

Mengecek "Canonical Link Element" dengan Firefox

Mengecek "Canonical Link Element" selain dengan "view page source" juga dapat menggunakan browser Mozila Firefox pada bagian atas di alamat url ada lambang "C" dengan lingkaran berwarna abu-abu, seperti berikut:

Lambang Canonical Link dengan Firefox

berarti "Canonical Link Element" telah terpasang di blog anda. Jika belum ada berarti element tersebut belum terpasang. Tapi ada juga lambang "C" dengan lingkaran berwarna biru, seperti gambar berikut:

Lambang Canonical Link dengan Firefox dengan linkar biru

itu berarti bukan bagian dari "Canonical", dalam artian itu adalah bagian dari duplikatnya. Dan apabila kita klik lambang "C" dengan lingkar biru tersebut akan ditujukan ke link "Canonical" nya.

Contoh, alamat permalink komen di blog ini:

http://deconstructioncode.blogspot.com/2010/02/free-blogger-template-classic.html?showComment=1266922514423#c3650566618501861005

Alamat permalink komen diatas tersebut berwarna biru pada lingkaran "huruf C" nya, berarti alamat permalink komen adalah link duplikatnya. Dan apabila kita klik lingkaran "C" yang berwarna biru tersebut, maka akan diarahkan ke alamat postingannya seperti berikut:

http://deconstructioncode.blogspot.com/2010/02/free-blogger-template-classic.html

dan alamat link postingan tersebut yang lingkaran "C" nya berwarna abu-abu atau "link Canonical" nya.

Kurang lebih seperti itu, kalau salah tolong di koreksi.

Mengenal Spam Blog dan Menghindarinya

Kita kadang tidak sadar selama ngeblog, telah melakukan teknik Spam dengan beberapa trik yang kita peroleh, karena kurang pemahaman, termasuk saya. Spam kurang lebih memiliki tujuan untuk meningkatkan trafik, posisi di mesin pencari, dan sebagainya, dengan cara yang kurang baik, baik secara on-page maupun off-page.

Untuk lengkapnya apa itu Spam bisa dibaca di link berikut dan beberapa tautan didalamnya (wikipedia.org):

Di artikel Spam blog-Controversy, bahkan blog yang bernaung di blogger.com jadi bernada miring.

Kegiatan Spam pun akhirnya menjadi musuh mesin pencari. Beberapa mesin pencari terus berbenah untuk menangkis kegiatan tersebut. Jadi mesti hati-hati menggunakan teknik seo yang tidak dianjurkan. Di tulisan Dhany, "Apakah Situs Web Anda Termasuk Spam?", bisa jadi referensi yang cukup baik untuk kita mengenal dan menghindari agar web atau blog anda tidak dianggap spam oleh mesin pencari. Beberapa artikel terkait SEO juga dipaparkan dengan baik oleh Dhany di blog tersebut.

Saya sempet bertanya tentang komentar yang tidak menggunakan nama, tapi menggunakan keyword tertentu, apakah dianggap spam. Menurut Dhany tidak masalah untuk mesin pencari, jadi lebih kerelaan dari si pemilik blog. Makanya terkadang kita melihat di sebuah blog diberikan tata cara untuk komentar di blognya. Dhany pun memiliki aturan untuk komentar blognya. Dan tentunya ada kode etik (walau bukan konvensi) untuk berkomentar. Seperti Dani, dalam tulisannya "Berkomentar di Blog untuk Memperkaya Konten" sepertinya menjadi hal yang mesti dibangun. Tapi tetap menurutnya, itu tergantung masing-masing, selalu ada hitam dan putih.

Magazine Template R.1.3


Magazine Template R.1.3 akhirnya bisa diluncurkan. Magazine Template R.1.3 masih merupakan generasi template sebelumnya, Magazine Template R.1 dan Magazine Template R.1.2. Meskipun dalam satu generasi, tapi Majalah Templat R.1.3 memiliki banyak fitur yang berbeda.
Live Demo
magazineR1-3
Fitur Magazine Template R.1.3 :

  • Real blogger Magazine Template
  • Header iklan banner Untuk Adsense siap (468 x 60 iklan banner)
  • Link adsense Siap (728 X 15)
  • Adsense siap 300 X 250
  • Fulldown Navigasi
  • Admin komentar di latar belakang yang berbeda (Admin komentar penyorotan)
  • 3 kolom di Footer
  • Feature Slide Tab View

Spesifikasi:

  • Jenis: Blogger Layout (XML)
  • Kolom Type: Multi kolom template
  • Warna template default: Putih dan coklat
  • Templat width: 960 pixel
  • Download File: 16KB
  • Diuji pada browser: Internet Explorer 7, Firefox 3.0.7, Opera 9,63, Navigator 9.0.0.6, Flock 1.2.3, Safari 3.1.2
Cara Upload Magazine Template R.1.3
Untuk meng-upload Magazine Template R.1.3 sama majalah Template 3 bahwa aku telah
diposting, jadi silakan baca tutorial di Bagaimana untuk meng-upload Magazine Template 3 ke Blogger.
Menyiapkan Navigasi Menu
Jika Anda ingin mengatur menu navigasi, silakan ikuti instruksi di bawah ini:
  1. Log in ke blogger dengan ID anda
  2. Klik Layout.
  3. Klik Edit HTML tab
  4. Klik Download Template. Silakan backup template Anda pertama
  5. Cari kode ini:

    <div id='NavbarMenu'>
     <div id='NavbarMenuleft'>
       <ul id='nav'>
         <li> <a expr:href='data:blog.homepageUrl'> Home </ a> </ li>
         <li> <a href='#'> Halaman </ a>
           <ul>
    <li> <a href='#'> Sub Page # 1 </ a>
             <ul> <li> <a href='#'> Sub Sub Page # 1 </ a> <li> <a href='#'>
     Sub Sub Sub Page # 1 </ a> </ li > <li> <a href='#'> Sub Sub Sub Page # 2
     </ a> </ li> </ ul> </ li> <li> <a href='#'> Sub Sub Page # 2 </ a> </ li>
     <li> <a href='#'> Sub Sub Page # 3 </ a> </ li> </ ul> </ li>
         <li> <a href='#'> Sub Page # 2 </ a> </ li>
         <li> <a href='#'> Sub Page # 3 </ a> </ li> <li> <a href='#'> 
    Sub Page # 4 </ a> </ li> <li> < a href ='#'> Sub Page # 5 </ a> </ li> 
    </ ul>
    </ li>
          <li> <a href='#'> About Me </ a> <ul>
          <li> <a href='#'> My Profile </ a> </ li>
         </ ul>
        </ li> </ ul>
    </ div>


  6. Ganti link dengan Anda


  7. Klik Simpan Template. 
  8. Selesai
Bagaimana menginstal Google adsense
Untuk menginstal google adsense di majalah Templat R.1.3 sangat mudah karena saya telah menyediakan widget. Ukuran iklan yang dapat anda instal adalah 468 x 60 untuk kanan header, iklan link ukuran 729 X 15 untuk turun header, iklan dengan ukuran 300 X 250 untuk menampilkan kolom.
Berikut ini adalah panduan lengkap:
  1. Login ke blogger dengan ID anda
  2. Klik Layout
  3. Klik Elemen Halaman
  4. Klik Edit pada elemen di mana Anda ingin memasang iklan. 
  5. adsense
  6. Salin dan sisipkan kode Google Adsense pada area kosong yang tersedia (Anda juga dapat menempatkan kode iklan lainnya, bukan dari Google Adsense).
  7. Klik Simpan
  8. Selesai
Cara mengisi Tab Tampilan Slide Fitur
Mengisi tampilan tab slide, Sengaja Kang Rohman telah membuatnya begitu mudah karena Anda dapat melakukannya melalui Elemen Halaman tab. Anda dapat mengisi data sesuai dengan keinginan Anda. Berikut adalah langkah-langkah lengkap:
  1. Login ke blogger dengan ID anda
  2. Klik Layout
  3. Klik Elemen Halaman
  4. Untuk mengisi tab 1, klik pada tanggal 1, kemudian klik edit pada elemen dan masukkan data yang Anda inginkan. Untuk mengisi tab 2, klik pada tanggal 2, kemudian klik edit pada elemen dan masukkan data yang Anda inginkan. Ulangi langkah ini untuk tab berikutnya.tab
  5. Selesai
Membuat fungsi Selengkapnya
Untuk membuat fungsi read more di Magazine Template R.1 Silakan baca posting tentang Membuat fungsi Selengkapnya di Majalah Template 3
Term of Service
Dengan men-download dan menggunakan template blogger, Anda setuju dengan syarat-syarat berikut:
  1. Majalah template R.1.3 bebas untuk download.
  2. Anda mungkin TIDAK menjual kembali semua template kami untuk orang lain atau perusahaan tanpa izin kami.
  3. Anda mungkin TIDAK tempat template di situs lain untuk orang lain untuk men-download. Silahkan link ke situs kami untuk men-download template kami.
  4. Anda dapat memodifikasi template.
  5. Anda dapat menggunakan template untuk blog pribadi atau komersial.
  6. Anda mungkin TIDAK kredit menghapus link ke situs kami.
Berikut ini adalah link untuk men-download
download

Kamis, 25 Februari 2010

Buat Duit dengan Catcheye

SALAM..daripada korang on9 je, hasil pon xde, mesti BOSAN kan???haaaa, nie die...sambil on9, sambil cari duit..beri saya masa 5 minit je boleh? mari sertai saya di catcheyesjom..Catcheye adalah sebuah syarikat pengiklanan terbaru di Malaysia,apa yang menariknye anda dibayar untuk setiap iklan yang anda lihatdisini,ya,mudah saja,klik2 iklan tak samapai seminit dah dapat duit,malah mereka membayar kita sehingga level 4 secara infiniti..katakan anda menaja 10 orang di level 1, kemudian mereka menaja 10 orang lagisehinggalah 4 level, tahu tak awak akan peroleh RM11 jikasehari mereka klik untuk 1 iklan, kalau sehari mereka klik 10x andaperoleh RM11x10=RM110 jika sebulan anda akan peroleh RM110x30=RM3300..banyak tu .. awak tak nak ke? ayohlah sertai saya..benda ni 100%percuma..tak perlu modal cuma perkenalkan kepada 10 orang je..bendafree xkan tak boleh ajak..untuk maklumat awak,keahlian catcheye telahmencecah 28,861 orang sekarang.. jangan berlengah lagi..Ini bukanpenipuan..
Cara nak register:1.klik link yg kt bwh skali...2.klik join catcheye now3.isi maklumat diri,IC dan alamat (pentingsebab cek dihantar berdasarkan ini selepas cukup RM50)4.Isi jawapan:soalan 1 jawapan A (atas sekali),soalan 2 jawapan B (yang tengah),soalan 3 jawapan A (atas sekali).p/s (jika jawab salah pendaftaran tidak diterima)5.klik agree and proceed..Oksiapkemudian apa perlu buat?1.klik sign in2.lepas sign in klikreward panel3.Awak lihat akaun awak ade RM1 (bonus) dan link awak.risalah saya ni ni buletin myspace & emailkan kepada kawan2.6.Lihatlah tak sampai sebulan awak dah ade 10 orang di level 1.percayalah!sebabbenda ni 100% percuma REZEKI TUHAN YG BG..TP,KITE KNE USAHA JGAK KN??TGGU APE LG?? J0MLA J0IN.. =)klik, klik, klikkt bwah niehttp://www.catcheye.com.my


Lava melancarkan Mobile Phone A9

Post image for LAVA launched Mobile Phone A9 Post image for LAVA launched Mobile Phone A9Post image for LAVA launched Mobile Phone A9Post image for LAVA launched Mobile Phone A9Post image for LAVA launched Mobile Phone A9



Lava Antarabangsa telah memperkenalkan handset baru A9, penuh dengan fitur multimedia canggih dan teknologi terkini. Lava telah memasuki arena telefon dengan handset yang memiliki kemampuan untuk berdiri keluar dari kerumunan.

Sebagai menggila untuk mendapatkan peranti terbaru dan paling keren di pasaran memanas dan masing-masing pengilang adalah pertaruhan upping pelanggan untuk memberikan yang terbaik pengalaman mobile set, lava Antarabangsa juga memutuskan untuk mendapatkan pelanggan tersenyum dengan menyediakan handset yang penuh kuasa akan naik banding trendi dan teknologi untuk pelanggan savvy.
Selular ini direka untuk style sedar konsumen yang aktif pada jaringan sosial. Lava A9 adalah komputer mobile kecil dengan isyarat perak yang memaparkan skrin TFT 2,4 inci. Produk memberikan pengguna internet yang benar-benar pengalaman peribadi dalam handset kompak. Dengan banyak pelbagai aplikasi dan perkhidmatan yang sedia di lava A9 seperti kelajuan quality kemudahan akses web, pemain media, permainan, akan menciptakan gebrakan di pasar dengan fitur yang mengagumkan akan membawa syarikat ke ketinggian baru.
Sarawak embedded games, 3.2 mega pixel kamera dan pilihan kesambungan canggih dengan utiliti aplikasi seperti nimbuzz dan opera mini adalah ciri standard telefon ini. A9 adalah kecil, ramping alat pujian segmen gaya baru.
Lava A9, telefon elegan di Rs5999 adalah gambar semua orang baik itu pergi kuliah masih muda atau profesional dengan ciri seperti rangkaian sosial dan web aplikasi chatting. Sukan muda yang jelas desain dan fungsionalitas rentang pertengahan, lava menguntungkan A9 mempunyai ciri yang membuatnya berdiri keluar dari kerumunan.
Menurut Mr Praveen Srivastava, Ketua Jualan dan Pemasaran, "internet generasi selepasnya ialah mentakrif semula cara kita menggunakan dan pengalaman internet. Web blog, meng-upload foto dan video dalam laman-laman di mana seseorang boleh berkongsi dan komentar, bertukar dan remixing dari playlist, foto, video, cari, belanja, berita - yang menjadi mungkin dalam A9 lava dan sekarang fenomena rangkaian sosial talian, dimana pengguna boleh mengejar ketinggalan dengan teman lama dan membuat yang baru sementara mengemas mereka tentang kehidupan mereka dengan mem-posting komentar tajam. "
Alasan mengapa handset ini telah menjadi begitu popular, menyatakan vendor peranti mobile, adalah fakta bahawa mereka memberikan pengguna cara yang paling alami untuk berinteraksi dengan telefon mereka. Dari memilih kenalan, nombor panggilan dan menaip email atau SMS di Lava A9 adalah yang sangat cepat dan cekap sistem input.
Mengomentari datang dengan sebuah handset seperti A9, Mr SN Rai, Pengasas & Pengarah mengatakan bahawa, "Mobile telephony baru saja mulai membuat lumpuh dalam industri mobile India. Watak merayu bersama dengan kedudukan aspiratif telah memastikan bahawa melarikan diri adalah memukul bahkan di India. Setelah menaiki tangga kejayaan terlalu cepat, lava menjadi pemikir yang menyeluruh dan telah memecahkan kod rahsia menuju hati para pelanggan India. Dan bahawa kod retak lava - A9. "
A9 lava telah direka untuk lebih muda, teknologi cerdas, konsumen yang sadar mode. Handset ini disokong oleh hi-end utiliti yang membuat mereka salah satu peranti yang terbaik. Ponsel multimedia ini dilengkapi dengan penampilan canggih dan desain. Lebih daripada komunikasi alat, mereka telah menjadi kenyataan gaya rupa.
TEKNIS Spesifikasi OF A9

  • A 9 memiliki fitur dual SIM
  • 2,4 inch skrin
  • Radio FM dan Recording
  • MP3 / 4
  • Protokol aplikasi wayarles (WAP)
  • GPRS
  • Tersedia Warna: Silver & White
  • JAWA Diaktifkan, Email
  • GAMES
  • Hubungi kembali
  • Nimbuzz / Opera Mini 

Kenderaan konsep elektrik







Beberapa hal yang perlu dibicarakan, Honda baru sahaja mengumumkan bahawa mereka akan bermegah daripada kenderaan elektrik konsep, dan Syarikat Hungary membuat sebuah mobil konsep yang mampu membelah diri menjadi dua kenderaan.
 
Dari dua, saya rasa Honda lebih cenderung menjadi kenyataan. Honda 3R-C adalah sebuah kereta daripada satu orang, tapi hiasan menarik isyarat dari sepeda roda tiga, bukan sepeda motor. Ini adalah konsep konsep bandar Honda penumpang sifar-emisi pengangkutan, dan menggunakan bateri lithium ion. Honda juga bekerja di sebuah kereta di arah yang sama, yang sebenarnya memiliki kemampuan untuk menggabungkan dua lebih kecil kenderaan dalam yang lebih besar. The EV-N mobil akan solar panel di bumbung dan beban kenderaan saat diparkir.
Pilihan Hungary Namun, tidak begitu menjanjikan. Ingat bahawa selepas semua ini adalah orang-orang yang membawa Yugo. Antro Syarikat sedang dalam proses mengembangkan sebuah kereta yang sebenarnya dibahagi menjadi mobil yang lebih kecil, masing-masing mampu berjalan sekitar 12 kilometer sebelum memerlukan pengisian semula. Itu sebenarnya dianggap sangat baik untuk perjalanan, tapi tidak seperti jalan perjalanan akan menjadi hampir mustahil. Antro bercadang untuk memberikan mobil ini sekitar tahun 2012.


Memperkenalkan Premium Magazine IV






Premium Magazine IV

FEATURES:


  • FrontPage dan Single Page
  • Review auto, Autoreadmore dan Imej ringkas Post
  • Feature Artikel.
  • Related Post Widgets
  • Printer Friendly
  • Breadcrumbs
  • Drop Cap
  • Social Bookmarking Buttons
  • Konversi PDF Artikel
  • Terbaik dilihat dengan menggunakan Firefox 3.5.1, Google Chrome 2, Opera 10, Safari 4 dan Internet Explorer 8 +


TATA CARA DAN PEDOMAN UNTUK PEMASANGAN:



|


Overview:

Magazine premium IV Templat dikandung menggunakan dahulu Premium Mag III. Dasar CSS dan HTML sedang digunakan kembali tetapi dipertingkatkan dan re-berstruktur. Ada yang dibuang dan ditambah fitur baru. Ukuran gambar template diuji untuk dipadankan untuk browser terbaru di dunia maya.

Sekarang, saya juga hosting file javascript tersebut. Saya telah melihat bahawa sebahagian yang telah menggunakan template saya punya masalah dalam berurusan dengan fail ini, jadi aku jenis template ini untuk berbagi halaman hosting sendiri. Tapi aku menyarankan anda untuk host anda sendiri, sehingga anda tidak akan menemui masalah ketika berdagang akan mendapatkan akibat buruk dimuat pelanggan.


Pra-Set-up Instalasi Penjelasan:

Pertama, pastikan anda men-download premag4.xml dan menyemak jika tidak ada error yang muncul saat mengklik file.

  • Log-in ke akaun Blogger anda.
  • Pergi ke LAY-OUT, pilih Edit HTML, dan kemudian klik "Pilih Fail" butang.
  • People premag4.xml daripada fail anda.
  • Pilih, kemudian klik butang "Upload".


INSTALASI OF THE BIDANG:


TOPBARMENU

  • Pergi ke LAY-OUT, Edit HTML
  • Menggunakan Kawalan F pada keyboard anda, temukan <div id="topbarmenu">
  • TUKAR semua link dan kod.
  • Simpan


FEATURED ARTIKEL:

Saat mem-posting sebuah artikel dan anda pikir anda ingin fitur ini, pastikan anda menggunakan label "Fitur". Padang akan secara automatik pick-up ini.

FEEDS:

  • Pergi ke LAY-OUT, Edit HTML
  • Menggunakan Kawalan F pada keyboard anda, menemui semua kod ini:

<li> <a href="http://your-blogname.blogspot.com/"> Kandungan Feed </ a> </ li>
<li> <a href="http://your-blogname.blogspot.com/?feed=comments-rss2"> Comment Feed </ a> </ li>

  • TUKAR ANDA-Blogname dengan link anda sendiri.
  • Simpan


DROP CAP:

Drop Cap adalah huruf besar yang ditemui pada bahagian pertama dari sebuah paragraf atau kalimat. Hal ini tidak sering digunakan untuk sebuah blog atau bahkan di sebuah website, tapi dengan template ini aku berjaya memasukkan fitur ini.

  • Pergi ke SETTING, pilih "Format".
  • Tambah kod ini pada Post Templat:

<span class="drop-cap">


</ P>

  • Simpan

Ketika anda menulis sebuah artikel, pastikan anda menanamkan huruf pertama antara dua (2) kod:

<span class="drop-cap"> T </ span> ia cepat coklat foxâ |.












Selasa, 23 Februari 2010

Simplex Worldnews - Sebuah template baru untuk majalah

Mudah untuk menginstal dan menggunakan daripada Simplex Berita.
Laman sokongan template ini fungsi, fungsi baru dari blogger, hal itujuga mengurangkan waktu-pembukaannya dan menambah lebih banyak ruanganuntuk membuat iklan dan widget. Anda boleh melaraskan, mengubah, ataumenghapus widget yang sudah ada, dan anda boleh menambah anda sendiri.
Sekarang, mari kita lihat di atasnya...




Live demo | Donwload


Nota: Ada error dengan templateini. Bila perubahan url link dalam fail template, sidebar kanandigerakkan ke kiri. Aku cuba untuk memperbaiki template ini, dandisunting download link ke versi yang lebih baru pada posting ini.Dengan versi ini, anda tidak perlu menukar url dalam fail template, itubisa mendapatkan url blog secara automatik, sehingga Anda bolehmengkonfigurasikan untuk bahagian di homepage di Page unsur
 

Menginstal Arahan untuk template ini:
1, Download template ini dan unzip. Anda mendapatkan fail templatedalam format xml dan folder gambar. Anda boleh meng-upload gambar dalamfolder untuk perkhidmatan hosting dan pertukaran link foto dalam failtemplate yang sesuai.
2, Gambar template ini ke Blogger.
3, Go to Page unsur:


4, Untuk menambah logo, klik link edit pada logo widget dan menambah logo anda link seperti ini:
<img src="your logo url"/>
Imej harus 300x90 untuk penampilan terbaik dalam template.

5, Untuk menambah banner, klik link edit pada banner widget dan tampalkod iklan anda. Iklan dapat kod kod adsense, kod untuk iklan gambar ...

6, Untuk menambah menu, klik link edit pada menu widget dan menambahlink ke menu. Anda boleh membuat link ke kategori di blog anda di luaratau link.

7, Untuk menampilkan posting terbaru dalam kategori di homepage (dilive demo, saya menunjukkan kategori: dunia, kami, kesihatan ...), klikbutang edit di HTML / Javascript widget dan kandungan masukkan dalamstruktur di bawah ini:
Widget title: masukkan teks yang ingin dipaparkan di homepage untuk menggambarkan kategori
widget isi: masukkan kategori (label) yang ingin anda tampilkan di posting terbaru.
Sebagai contoh, saya ingin menampilkan posting terbaru Dunia di bawahlabel (kategori), aku klik link edit dalam HTML / Javascript widget,dan masukkan dalam widget teks judul: Dunia dan masukkan teks dalamkandungan widget: dunia
. Dan anda boleh melihat hasilnya di Live demo: Recent posts bawah label Dunia yang akan dipaparkan.


8, Di sidebar, tampal iklan iklan kandungan untuk widget. Masukkan kod embed video untuk video widget.
9, Lakukan seperti langkah 7 untuk widget di sidebar kiri.
10, Laman footerpages widget widget dan tidak perlu memasang keranaboleh nama dan link ke halaman dalam blog anda secara automatik. Andaboleh membuat laman ini dalam mod Draft Blogger.
11, Ada banyak "menambahkan sebuah widget" link, sehingga anda dapatmenambah banyak widget yang anda inginkan untuk meningkatkanpengendalian blog.
12, template ini bisa mendapatkan link feed secara automatik, sehingga Anda tidak perlu menukar link dalam fail template.

Cara membuat Tag Cloud

Apa itu Tag Cloud? Kalau kita pisahkan dan mengartikan per kata maka didapat, tag artinya tanda, dan cloud artinya awan. Tetapi jangan diartikan sebagai "tanda awan". Dalam dunia SEO, tag cloud dartikan sebagai kumpulan penanda yang akan mewakili web mengenai isi content, penanda tersebut berupa kumpulan kata/keyword yang biasanya dibedakan dengan besar kecilnya huruf tiap kata yang ditampilkan. Semakin tebal atau semakin besar ukuran huruf berarti website dominan dengan kata tersebut.
Tag Could Culumus
Sedangkan kali ini kita akan membuat Tag Culumus atau Tag Animasi yaitu daftar tag yang berputar-putar saat disotot oleh cursor. Anda pasti melihat label atau kategori artikel berputar-putar di samping kanan blog saya, nah itu lah yang disebut tag cloud atau culumus tag. Berikut Cara untuk membuatnya:
  1. Klick Menu Tata Letak lalu pilih Edit HTMl
  2. Cari baris kode berikut

    <span style="font-style: italic;"><b:section class="sidebar" id="sidebar" preferred="yes">

    untuk pengguna Mozilla Firefox cukup Copy script di atas kemudian tekan Ctrl+F kemudian paste dikotak Find

  3. Kemudian Masukan Kode Berikut:


    <b:widget id='Label100' locked='false' title='Labels' type='Label'>

    <b:includable id='main'>

    <b:if cond='data:title'>

    <h2><data:title/></h2>

    </b:if>

    <div class='widget-content'>

    <script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>

    <div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy

    Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>

    <script type='text/javascript'>

    var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

    // uncomment next line to enable transparency

    //so.addParam("wmode", "transparent");

    so.addVariable("tcolor", "0x333333");

    so.addVariable("mode", "tags");

    so.addVariable("distr", "true");

    so.addVariable("tspeed", "100");

    so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

    so.addParam("allowScriptAccess", "always");

    so.write("flashcontent");

    </script>

    <b:include name='quickedit'/>

    </div>

    </b:includable>

    </b:widget>


    Ket:

    -
    "tagcloud", "240", "300", Nilai 240 menunjukan Lebar ( Width) pada animasi sedangkan 300 menunjukan nilai tinggi animasi
    -
    "#ffffff" menujukan warna Background Animasi (putih)
    -
    "tcolor", "0x333333" menujukan warna Text Animasi (Hitam)
    - anda dapat mengatur sendiri parameter tersebut sesuai dengan keinginan anda agar sesuai dengan design blog anda.
  4. Simpan, lalu Coba lihat hasilnya

Dibuang Sayang: Free Blogger Template - Classic

Sebelum saya menggunakan template coklat bertektur ini, saya menggunakan template putih tanpa image, yang menggunakan template classic dengan HTML 5. Saya pikir dari pada template itu dibuang, kan sayang. Jadi di dokumentasiin aja disini dan dibagiin.

Free Blogger Template - Classic ini dikasih judul 'dibuang sayang' aja jadinya. Kalau ada yang tertarik atau sekedar liat-liat silahkan.

free blogger template classic html5

demo download

Beberapa bagian dari template ini dibuat secara manual, ini kekurangan dari template klasik, seperti pada label atau kategori. Jadi link dari label atau kategori tersebut mesti anda sesuaikan, begitu pula dengan link pada navigasi menunya. Hal lainnya untuk template classic ini ada di demonya.

Sip demikian aja.

Minggu, 21 Februari 2010

Buat Headline News Blog

Kali ini aku akan membahas tentang membuat headline news untuk blog. Sesuai namanya, widget headline news ini menampilkan judul serta link artikel-artikel terbaru dari blog kamu di bagian atas atau bawah blog kamu.
Kamu bisa lihat contoh gambarnya di bawah:


Judul-judul artikel pada headline news tersebut bergerak, sehingga lebih menarik perhatian pembaca.





Caranya:

  1. Masuk ke account Blogger kamu, pilih "Layout" - "Page Elements",
  2. Klik "Add a Gadget" dan pilih "HTML/JavaScript",
  3. Tidak usah diberi judul, kemudian copy-paste kode di bawah ini:


     
     
    <script type="text/javascript">
    var hn_url_blog = "http://BLOGKAMU.blogspot.com";
    var hn_jumlah_post = 5;
    var hn_warna_latar = "#EEEEEE";
    var hn_warna_garis = "#000000";
    var hn_posisi = "top";
    var hn_tampilkan_judul = true;
    var hn_backlink = true;
    </script>
    <script src="http://sites.google.com/site/johanrakyat/
    j/Headlinenews-Emasperak.js">
    </script>
     
     
  4. Berikut adalah penjelasan tentang variabel-variabel di atas:



    • hn_url_blog adalah URL blog kamu (widget ini hanya untuk pengguna blogger).
    • hn_jumlah_post adalah jumlah judul artikel yang ingin kamu tampilkan pada headline news.
    • hn_warna_latar adalah kode warna untuk latar belakang headline news. (Baca artikel kode hex warna di sini)
    • hn_warna_garis adalah kode warna untuk garis bingkai/border headline news. (Baca artikel kode hex warna di sini)
    • hn_posisi menentukan posisi headline news kamu apakah di atas ("top") atau di bawah ("bottom"),
    • hn_tampilkan_judul bernilai true kalau kamu ingin menampilkan tulisan "Headline news of BLOGKAMU" di bagian kiri dan bernilai false jika tidak ingin menampilkannya,
    • hn_backlink bernilai true kalau kamu ingin menampilkan backlink ke blog ini dan false jika tidak.



     P/s Tukar Tulisan yg warna merah Edit Fail headlinenews-Emasperak.js 
     
     
     






Cara Mempercantik Blog Dengan FLASH

Suatu saat anda pernah membuka suatu alamat blog, dan anda disuguhkan suatu tontonan gambar yang menarik yang bergerak-gerak dan kadang melayang-layang disudut atas bog atau disudut bawah blog, suatu hari pun saya juga pernah bertanya tanga, bagaimana sih untuk membuat gembar seperti itu, sehingga suatu blog dapat terlihat lebih cantik.
Berikut ini ada tutorial bagaimana cara membuat Flash tersebut, sehingga seorang Spider Man pun bisa bergoyang0goyang tiada lelahnya di blog kita. Pertama tama yang kita lakukan adalah :

1. login ke blog-> tata letak-> edit html-> centang expand template widget.
2. Cari kode ]]></b:skin> jika sudah ketemu copy script yg panjang di bawah ini kemudian paste di atas kode ]]></b:skin>

#Lookj_keren {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

3. Perhatikan tanda yang berkedip : ganti posisi bottom dan left sesuai dengan keinginan anda.
4. Kemudian cari lagi kode </body>kemudian copy lagi script di bawah ini lalu simpan sbelum kode </body>

<div id="Lookj_keren">
<a href="http://www.sangpemulung.blogspot.com">
<img src="http://i25.tinypic.com/2wrj442.jpg" border="0" /></a>
</div>offsetWidth); }

5. Kemudian yang ini wajib di ganti yaitu http://www.sangpemulung.blogspot.com dengan alamat URL blog anda,
6. Lalu http://i25.tinypic.com/2wrj442.jpg ganti dengan link tempat sobat menyimpan gambar.

BUAT KOLOM ADS IKLAN 125X125

Membuat kolom ads iklan banner 125x125 di bawah header atau di sidebar blog anda, sangatlah berguna jika anda ingin menambah penghasilan dari blog anda dengan cara memasang iklan dari pihak ketiga. Dibawah ini cara membuat kolom-kotak iklan ukuran 125x125. dibawah header
atau dibagian atas sidebar.

Cara pembuatannya adalah :

1. Login dulu ke blogger kamu
2. Kemudian Pilih layout, klik edit html, ingat JANGAN centang expand widget
3. cari kode ini, ]]></b:skin> Setelah ketemu copy kode dibawah ini tepat diatasnya kode tadi :




lalu copy kode dibawah ini :


Jika ingin kolom ads iklan tersebut diletakkan dibawah header maka cari kode <div id=main-wrapper> dan paste dibawah kode tersebut.

Jika ingin kolom ads iklan tersebut diletakkan diatas sidebar maka cari kode <div id=side-wrapper> dan paste dibawah kode tersebut.

contoh diatas adalah untuk add iklan banner 3 kolom, untuk penambahan jumlah kolom bisa anda sesuaikan dengan mengcopy paste kode dibawah ini.

<a hight='100' href='http://cobalah-klik.blogspot.com/' width='100'><img alt='ads' border='0' src=''http://i998.photobucket.com/albums/af105/kaciza/cutmypic-1.png''/></a>


gampang bukan.....selamat mencoba

Cara atasi Halaman Statis yang Tidak Muncul

Sejak adanya fitur static pages atau halaman statis diblogger.com, ini membuat banyak blogger user merasa gembira akan kehadirannya. Namun belakangan ada beberapa email yang masuk ke kang Rohman menanyakan perihal masalah halaman statis yang tidak bisa muncul, yang muncul hanyalah judulnya saja sedangkan isinya tidak bisa terbuka.

static pages

Dari beberapa kasus yang kang Rohman amati hal ini terjadi apabila template yang digunakan telah dimodifikasi untuk kepentingan membuat daftar isi seperti yang pernah kang Rohman posting 2 tahun yang lalu. Rupanya trik tersebut sekarang konflik dengan static pages yang dibuat oleh blogger. Lalu bagaimana solusinya?

Solusi sementara anda harus memilih antara daftar isi tersebut atau halaman statis? jika pilihan anda adalah halaman statis, maka anda harus menghilangkan modifikasi yang ada dan menggantinya dengan kode default dari blogger.

Apabila anda kesulitan mengembalikan modifikasi yang dulu, anda bisa mencoba langkah-langkah di bawah ini :

• Silahkan login ke blogger dengan ID anda.

• Klik Tata Letak

• Klik tab Edit HTML

• Silahkan download dahulu template anda untuk jaga-jaga.

• Beri tanda tik / cek pada kotak kecil di samping tulisan Expand Template Widget. Tunggu beberapa saat.

expand-template

• Cari kode seperti dibawah ini :

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">       <data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>



• Delete / hapus kode tersebut, lalu ganti dengan kode berikut ini :



 



<b:include data='post' name='post'/> 


 



• Klik tombol SIMPAN TEMPLATE



• Selesai



 



Sekarang coba buat sebuah halaman statis, lalu lihat hasilnya. Seharusnya kini halaman statis sudah bisa muncul secara normal.

Sabtu, 20 Februari 2010

Buat Menu DTree (Menu Navigasi Seperti pada Windows Explorer)


Pernahkah Anda blogwalking ke blog Mas Anang? Pasti kenal kan? Itu lho, blogger asal Surabaya yang artikel-artikelnya sangat menarik dan menggelitik kalau dibaca. Nah, pembaca pasti bisa melihat di bagian sidebar blog Mas Anang terdapat sebuah menu yang menyerupai menu navigasi pada Windows Explorer. Bentuk menu tersebut juga biasa disebut sebagai DTree Menu.
Pada tutorial website kali ini kita akan mencoba membuat menu Dtree pada website atau blog Anda. Sebenarnya ada beberapa situs luar negeri yang pernah membahas tutorial menu ini. Namun dari hasil temuan saya, bentuk navigasi yang merupakan karya Geir Landrö  ini jauh lebih menarik. Tentu tidak salah kalau kita pelajari namun harus tetap mengakui bahwa itu adalah karya Geir Landrö. Berikut langkah-langkah membuat menu DTree:
  1. Copy paste kode berikut sebelum kode </head> pada website atau blog Anda:
    <script src='http://nestoriko.googlepages.com/dtree.js' type='text/javascript'/>
  2. Copy paste kode CSS berikut pada file CSS website Anda. Jika pada Blogspot, copy paste sebelum kode ]]></b:skin>

    /* dtree */
    .bukasemua {
    padding-left:13px;
    background: transparent url(http://h1.ripway.com/sinaga/gambar/plus-sign.gif) no-repeat 0 55%;
    }
    .tutupsemua {
    padding-left:13px;
    background: transparent url(http://h1.ripway.com/sinaga/gambar/minus-sign.gif) no-repeat 0 55%;
    }
    .dtree {
    line-height: 11px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #41484d;
    white-space: nowrap;
    }
    .dtree img {
    border: 0px;
    vertical-align: middle;
    }
    .dtree a {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #41484d;
    text-decoration: none;
    }
    .dtree a.node, .dtree a.nodeSel {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    white-space: nowrap;
    padding: 1px 2px 1px 2px;
    color: #41484d;
    }
    .dtree a.node:hover, .dtree a.nodeSel:hover {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: red;
    font-weight: normal;
    text-decoration: none;
    }
    .dtree a.nodeSel {
    /*  background-color: #c0d2ec; */
    }
    .dtree .clip {
    overflow: hidden;
    }

  3. Berikut ini contoh struktur menu Dtree yang akan kita pasang pada website. Silahkan copy paste pada bagian dimana Anda ingin menampilkan menu Dtree pada website Anda. Untuk Blogspot, jika Anda ingin menampilkan pada sidebar:

    • Masuk pada dashbor Anda kemudian klik link Tata Letak
    • Pilih tab Elemen Halaman. Kemudian klik salah satu link Tambah Gadget. Akan muncul window penambahan gadget baru. Pilih gadget HTML/Javascript
    • Copy paste struktur menu berikut pada gadget HTML/Javascript tersebut.
     
  4. <div class="dtree">
    <p style="text-align:center"><a class="bukasemua" href="javascript: d.openAll();">Buka Semua Folder</a> | <a class="tutupsemua" href="javascript: d.closeAll();">Tutup Semua</a></p>

    <script type="text/javascript">
    <!--
    d = new dTree('d','','','');
    //NAVIGASI MULAI DI SINI
    d.add(1,0,'My Documents','','My Documents','','http://h1.ripway.com/sinaga/gambar/mydocument.gif','http://h1.ripway.com/sinaga/gambar/mydocument.gif');
    d.add(2,0,'Arsip Artikel','','','','http://h1.ripway.com/sinaga/gambar/archive.gif','http://h1.ripway.com/sinaga/gambar/archive.gif');
    d.add(3,0,'Webroll','','','','http://h1.ripway.com/sinaga/gambar/globe.gif','http://h1.ripway.com/sinaga/gambar/globe.gif');
    d.add(4,0,'Friendsterroll','','','','http://h1.ripway.com/sinaga/gambar/friendster.gif','http://h1.ripway.com/sinaga/gambar/friendster.gif');
    d.add(5,0,'Question & Help','http://edit.yahoo.com/config/send_webmesg?.target=i_7dragons&.src=pg','Do You Need Some Help?','','http://h1.ripway.com/sinaga/gambar/question.gif');
    d.add(6,0,'Recycle Bin','http://tutorial-website.blogspot.com/index.html','Recycle Bin','','http://h1.ripway.com/sinaga/gambar/trash.gif');

    //MY DOCUMENTS
    d.add(4000,1,'My Pictures','','My Pictures','','http://h1.ripway.com/sinaga/gambar/imgfolder.gif','http://h1.ripway.com/sinaga/gambar/imgfolder.gif');
    d.add(4001,1,'My Music','','My Music','','http://h1.ripway.com/sinaga/gambar/musicfolder.gif','http://h1.ripway.com/sinaga/gambar/musicfolder.gif');
    d.add(4002,1,'My Video','http://profiles.friendster.com/nestoriko','My Video','','http://h1.ripway.com/sinaga/gambar/video.gif','http://h1.ripway.com/sinaga/gambar/video.gif');

    //MY PICTURES SHARED
    d.add(5000,4000,'My Pictures Shared','http://profiles.friendster.com/nestoriko','My Pictures Shared','','http://h1.ripway.com/sinaga/gambar/picture.gif');


    //MY MUSIC SHARED
    d.add(6000,4001,'My Music Shared','http://profiles.friendster.com/nestoriko','My Music Shared','','http://h1.ripway.com/sinaga/gambar/musicfile.gif');

    //BULANAN MULAI DI SINI---------------
    d.add(0,-1,'Home', 'http://tutorial-website.blogspot.com/index.html','','','');
    d.add(104,2,'Maret 2009 (1)','http://tutorial-website.blogspot.com/2009_03_01_archive.html','','','');
    d.add(103,2,'Februari 2009 (9)','http://tutorial-website.blogspot.com/2009_02_01_archive.html','','','');
    d.add(102,2,'Januari 2009 (13)','http://tutorial-website.blogspot.com/2009_01_01_archive.html','','','');
    d.add(101,2,'Agustus 2008 (1)','http://tutorial-website.blogspot.com/2008_08_01_archive.html','','','');
    d.add(100,2,'Desember 2007 (2)','http://tutorial-website.blogspot.com/2007_12_01_archive.html','','','');

    // POSTING MULAI DI SINI-----------------
    //Maret 2009
    d.add(1001,104,'Kode Warna untuk CSS','http://tutorial-website.blogspot.com/2009/03/kode-warna-untuk-css.html','Kode Warna untuk CSS','','');

    //Februari 2009
    d.add(1009,103,'Membuat Ucapan Selamat Datang Memakai Nama Pengunjung','http://tutorial-website.blogspot.com/2009/02/membuat-ucapan-selamat-datang-memakai.html','Membuat Ucapan Selamat Datang Memakai Nama Pengunjung','','');
    d.add(1008,103,'Invalid Widget ID pada Blogger','http://tutorial-website.blogspot.com/2009/02/invalid-widget-id-pada-blogger.html','Invalid Widget ID pada Blogger','','');
    d.add(1007,103,'Membuat Slide Album Foto di Blog','http://tutorial-website.blogspot.com/2009/02/membuat-slide-album-foto-di-blog.html','','','');
    d.add(1006,103,'Perbedaan Free Domain dengan Pay Domain','http://tutorial-website.blogspot.com/2009/02/perbedaan-free-domain-dengan-pay-domain.html','','','');
    d.add(1005,103,'How To Show Comment Box Below Post for WP-Polaroid Blogger Template','http://tutorial-website.blogspot.com/2009/02/to-show-comment-box-below-post-for-wp.html','','','');
    d.add(1004,103,'Membuat Kotak Komentar dibawah Posting','http://tutorial-website.blogspot.com/2009/02/show-comment-box-under-post.html','','','');
    d.add(1003,103,'Perbedaan Free Hosting dengan Pay Hosting','http://tutorial-website.blogspot.com/2009/02/perbedaan-free-hosting-dengan-pay.html','','','');
    d.add(1002,103,'Mengganti Template Blogspot','http://tutorial-website.blogspot.com/2009/02/mengganti-template-blogspot.html','','','');
    d.add(1001,103,'Sang Masterpun Ingin Pergi','http://tutorial-website.blogspot.com/2009/02/terkejutsang-masterpun-ingin-pergi.html','','','');

    //Januari 2009
    d.add(1013,102,'Lebih Jauh Mengenal Layout Blogpot (2)','http://tutorial-website.blogspot.com/2009/01/lebih-jauh-mengenal-layout-blogpot-2.html','','','');
    d.add(1012,102,'Lebih Jauh Mengenal Layout Blogpot (1)','http://tutorial-website.blogspot.com/2009/01/lebih-jauh-mengenal-layout-blogpot.html','','','');
    d.add(1011,102,'Cara Membuat Cascading Stylesheet (CSS)','http://tutorial-website.blogspot.com/2009/01/cara-membuat-cascading-stylesheet-css.html','','','');
    d.add(1010,102,'CSS At a Glance','http://tutorial-website.blogspot.com/2009/01/css-at-glance.html','','','');
    d.add(1009,102,'Bahasa Pemograman Blogspot','http://tutorial-website.blogspot.com/2009/01/bahasa-pemograman-blogspot_06.html','','','');
    d.add(1008,102,'HTML At a Glance','http://tutorial-website.blogspot.com/2009/01/pengantar-tentang-html.html','','','');
    d.add(1007,102,'Panduan Lengkap Menggunakan Blog di Blogspot','http://tutorial-website.blogspot.com/2009/01/panduan-lengkap-menggunakan-blog-di.html','','','');
    d.add(1006,102,'Panduan Membuat Blog di Blogspot','http://tutorial-website.blogspot.com/2009/01/langkah-langkah-membuat-blog-di.html','','','');
    d.add(1005,102,'Membuat Account Google','http://tutorial-website.blogspot.com/2009/01/membuat-account-google.html','','','');
    d.add(1004,102,'Antara Website, Blog, dan CMS','http://tutorial-website.blogspot.com/2009/01/antara-website-blog-dan-cms.html','','','');
    d.add(1003,102,'Hosting dan Domain','http://tutorial-website.blogspot.com/2009/01/hosting-dan-domain.html','','','');
    d.add(1002,102,'Apa sih website itu?','http://tutorial-website.blogspot.com/2009/01/apa-sih-website-itu.html','','','');
    d.add(1001,102,'Selamat Datang','http://tutorial-website.blogspot.com/2009/01/selamat-datang.html','','','');

    //Agustus 2008
    d.add(1000,101,'Wikimapia, sebuah situs pengindraan jauh (indraja)','http://tutorial-website.blogspot.com/2008/08/wikimapia-sebuah-situs-pengindraan-jauh.html','Wikimapia, sebuah situs pengindraan jauh (indraja)','','');

    //Desember 2007
    d.add(1001,100,'HARI NATAL TELAH TIBA','http://tutorial-website.blogspot.com/2007/12/hari-nataltelah-tiba.html','HARI NATAL TELAH TIBA','','');
    d.add(1000,100,'Hari Ibu hari ibuku dan ibumu','http://tutorial-website.blogspot.com/2007/12/hari-ibu-hari-ibuku-dan-ibumu.html','Hari Ibu hari ibuku dan ibumu','','');

    //WEBROLL
    d.add(2000,3,'Jasa Pembuatan Website Murah','http://www.banditbatak.com/','','','http://h1.ripway.com/sinaga/gambar/people.gif');
    d.add(2001,3,'Mahagana','http://mahagana.wordpress.com/','Mahasiswa Siaga Bencana','','http://h1.ripway.com/sinaga/gambar/people.gif');
    d.add(2002,3,'Hanna','http://hikarianna.blogspot.com/','Hanna','','http://h1.ripway.com/sinaga/gambar/people.gif');


    //FRIENDSTERROLL
    d.add(3002,4,'My Friendster','http://profiles.friendster.com/123456','Its me lae','','http://h1.ripway.com/sinaga/gambar/user.gif');


    //BAWAH
    document.write(d);
    d.closeAll();
    d.openTo(104,true);
    d.openTo(103,true);

    //-->
    </script>
    </div>

Berikut ini penjelasan dari struktur menu Dtree yang ada pada langkah 3 di atas:
Menu Dtree terdiri dari 3 bagian
  1. Menu Utama
  2. Sub Menu, dan 
  3. Item Menu.  
1. Main Menu yang bisa kita atau tambahkan secara umum berbentuk:

d.add(1,0,'Main Menu 1','fill 11','fill 12','fill 13','fill 14','fill 15');
d.add(2,0,'Main Menu 2','fill 21','fill 22','fill 23','fill 24','fill 25');

  •  Angka 1 dan 2 yang berwarna merah menunjukkan ID main menu. Main menu 1 mempunyai ID=1, dst.
  • Angka 0 yang berwarna biru menunjukkan main menu berada pada level ke 0, yaitu berada paling puncak.
  • "Main Menu 1" dan "Main Menu 2" merupakan nama Main Menu yang bisa Anda buat sendiri. 
  • Sedangkan fill 11, fill 12, dan seterusnya merupakan atribut dari main menu tersebut. Setiap atribut (fill) punya defenisi dan fungsi sendiri, yaitu:

    • Fill 11: merupakan alamat URL atau link halaman yang akan dituju jika Main Menu 1 diklik. Begitu pula fill 12 yang merupakan link atau URL halaman yang dituju jika Main Menu 2 diklik.
    • Fill 12 : merupakan tulisan yang akan muncul jika mouse digerakkan diatas Main Menu 1.
    • Fill 13 : merupakan alternatif text untuk menggantikan icon menu.
    • Fill 14 : merupakan alamat gambar yang dijadikan icon Main Menu 1.
    • Fill 15 : merupakan alamat gambar pengganti icon pada fill 14 jika Main Menu 1 diklik.
Namun, tidak semua fill harus dideklarasikan karena mungkin tidak terlalu penting atau karena sudah dideklarasikan pada kode javascript yang anda link kan pada langkah 1 di atas. Sebagai contoh:

d.add(1,0,'My Documents','','My Documents','','http://h1.ripway.com/sinaga/gambar/mydocument.gif','http://h1.ripway.com/sinaga/gambar/mydocument.gif');
d.add(2,0,'Arsip Artikel','','Arsip Article','','http://h1.ripway.com/sinaga/gambar/archive.gif','http://h1.ripway.com/sinaga/gambar/archive.gif');


2. Sub Menu yang bisa kita buat atau tambahkan berbentuk:

d.add(100,1,'Sub Menu 1','fill 11','fill 12','fill 13','fill 14','fill 15');
d.add(101,1,'Sub Menu 2','fill 11','fill 12','fill 13','fill 14','fill 15');


Coba perhatikan pola ID dari menu-menu tersebut. Angka 100 yang berwarna orange menunjukkan ID Sub Menu 1. Sedangkan angka 1 yang berwarna merah itu sebenarnya adalah ID dari Main Menu 1,sehingga Sub Menu 1 akan menjadi sub menu dari main menu 1.

Sebagai contoh:

d.add(4000,1,'My Pictures','','My Pictures','','http://h1.ripway.com/sinaga/gambar/imgfolder.gif','http://h1.ripway.com/sinaga/gambar/imgfolder.gif');
d.add(4001,1,'My Music','','My Music','','http://h1.ripway.com/sinaga/gambar/musicfolder.gif','http://h1.ripway.com/sinaga/gambar/musicfolder.gif');


3.Item Menu bentuk umumnya:

d.add(2222,100,'Item Menu 1','fill 11','fill 12','fill 13','fill 14','fill 15');
d.add(2223,100,'Item Menu 2','fill 11','fill 12','fill 13','fill 14','fill 15');


Hampir sama dengan penjelasan Sub Menu, coba perhatikan pola ID dari item-item menu tersebut. Angka 2222 yang berwarna pink menunjukkan ID item Menu 1. Sedangkan angka 100 yang berwarna orange itu sebenarnya adalah ID dari Sub Menu 1,sehingga Item Menu 1 akan menjadi item menu pada sub menu 1.

Begitu Seterusnya.
Jika Anda ingin membuat sub menu di dalam sub menu atau disebut sub sub menu, maka jadikan ID sub menu menjadi parent dari sub sub menu tersebut.

Yang terakhir:
Coba perhatikan kode paling bawah yang Anda copy paste pada langkah 3 di atas:
...
document.write(d);
d.closeAll();
d.openTo(104,true);
d.openTo(103,true);


Kode yang berwarna merah menunjukkan bahwa menu dengan ID 104 dan 103 akan terbuka. Artinya isi dari menu tersebut baik berupa sub menu, sub sub menu, maupun item menu akan terbuka ketika website atau blog pertama kali dibuka.

Twitter Delicious Facebook Digg Stumbleupon Favorites More