Tuesday, February 28, 2012

Membuat Anti Copy Paste Di Blog

Membuat Anti Copy Paste Di Blog,Cara ini sebenarnya sudah banyak di share, tapi sebagai arsip di blog ini, saya posting kembali. Cara kerja script ini adalah menonaktifkan fungsi blok pada posting sehingga copy paste terhadap blog kita dapat diminimalisir. Tapi saya sarankan jika blog sobat bertema "blog tutorial" sebaiknya jangan menggunakan script ini, karena script/kode yang ada pada tutorial sobat tidak akan bisa di blok. Baik agar tidak bertele-tele langsung saya terangkan :


Membuat Anti Copy Paste Di Blog,script Anti Copy Paste

Membuat Anti Copy Paste Di Blog sebagai berikut:
  1. Login ke blogger, klik rancangan, Pilih tab Edit HTML, Ingat centang Expand Widget Template
  2. Cari kode </head> (gunakan ctrl+f)
  3. Copy paste script berikut tepat di bawah kode</head>
    <SCRIPT type="text/javascript">
    if (typeof document.onselectstart!="undefined") {
    document.onselectstart=new Function ("return false");
    }
    else{
    document.onmousedown=new Function ("return false");
    document.onmouseup=new Function ("return true");
    }
    </SCRIPT>
  4. Simpan template dan lihatlah hasilnya
Gunakan script ini jika konten blog sobat memang mengandung hak cipta atau bersifat pribadi yang tidak ingin di copy paste,nah demikian cara Membuat Anti Copy Paste Di Blog, semoga bermanfaat!
Baca juga yah artikel dibawah ini!

Thursday, February 23, 2012

Membuat Semua link terbuka di tab baru

Membuat semua link terbuka di tab baru, Link pada suatu blog atau website sangat penting gunanya,yaitu agar pembaca tetap memiliki akses terhadap page referral di mana dia menemukan link baru untuk di-klik. Selain itu, bagi pemilik blog/website hal ini juga menguntungkan karena visitor tidak segera meninggalkan halaman blog/website karena adanya window baru yang harus dibuka.


Membuat Semua link terbuka di tab baru

Selain itu,link terbuka di tab baru pada artikel yang sedang dibaca juga tidak menghilang tergantikan oleh halaman baru dari link yg di-klik oleh visitor. pembaca tetap dapat membaca artikel hingga selesai sambil melihat referensi link yg terdapat di dalam posting.

Nah,kali ini delpid akan memberikan, tips tentang bagaimana cara membuat semua link terbuka di tab baru secara otomatis, jadi jika kamu pasang script ini,kamu tidak perlu menambahkan embel-embel "target" pada link-link yang ada di blog kamu.

Membuat Semua link terbuka di tab baru caranya sebagai berikut:
  1. Login ke menu bloger
  2. klik Dashboard
  3. Pilih Rancangan
  4. Pilih Edit Laman
  5. Tambahkan Gadget/Add Gadget => HTML/JavaScript
  6. Lalu Copy Script berikut
    <!-- code for turning all non-blog links to new page links -->
    <script type="text/javascript" language="javascript">
    var arr = document.getElementsByTagName("a"); //get all links inthe page
    for(var i = 0; i < arr.length; i++)
    {
    if(arr[i].href.indexOf(" http://delpid.blogspot.com/ ") < 0 //not links that are 'inside' blog
    && arr[i].href.indexOf("javascript:") < 0) //not javascript links
    arr[i].target = "_blank";
    }
    </script>
  7. Ganti Tulisan berwarna merah tersebut dengan URL blog kamu lalu Jangan Lupa di Save
Demikian Cara Membuat Semua link terbuka di tab baru semoga berguna, baca juga artikel dibawah ini:

Wednesday, February 22, 2012

Cara Download Video Youtube

Cara Download Video Youtube,banyak yang mengakses video pada youtube, namun banyak juga yang tidak tahu Cara Download Video Youtube, kali ini delpid akan memberikan tips tentang cara yang paling mudah Download Video Youtube tanpa software.


Cara Download Video Youtube

Jika selama ini kita memutar video Youtube secara online, terkadang seringkali terhambat oleh kecepatan koneksi yang kita miliki, proses buffering video Youtube membuat keasyikan menonton film online menjadi terkendala dan bahkan membuat selera kita hilang. Oleh karena itu, ada solusi bagi anda yang ingin memutar video tanpa proses buffering yang mengganggu yaitu dengan melakukan download video Youtube ke komputer anda dirumah.

Cara Download Video Youtube


  1. Copy url / link dari video youtube tersebut yang ingin kamu download

    Cara Download Video di Youtube
  2. Lalu paste url / permalink tadi ke Keepvid.com dan tekan tombol Download

    download video youtube
  3. klik link download yang muncul sesuai dengan tipe file yang anda inginkan

    Cara menDownload Video Youtube


Demikian cara download video youtube, Sangat mudah bukan? selain menggunakan layanan online untuk download Keepvid kita juga bisa menggunakan aplikasi Youtube. yuk Cara Download Video Dari YouTube jangan lupa lihat nih Download video sinta dan jojo hamil 3 bulan

Tuesday, February 21, 2012

Membuat Header Menjadi Dua Bagian

Tips kali ini yaitu cara Membuat Header Menjadi Dua Bagian, Header blog sangat penting agar blog terlihat bagus maka headerpun diperlukan,jika blog tanpa header layaknya manusia tanpa kepala. he he..





Membuat Header Dua Bagian

Disamping untuk mempercantik blog, header biasanya berisi tentang judul blog serta deskripsi blog, dan bahkan header bisa berfungsi untuk menempatkan iklan juga.

Nah,delpid kali ini akan memberikan tips tentang cara membagi header menjadi dua bagian.Ikuti langkah-langkah dibawah ini:
  1. Seperti biasa dalam keadaan log in pada account sobat
  2. Klik rancangan
  3. Klik Edit HTML
  4. Bisa Download Template Lengkap jika khawatir gagal
  5. Sekarang cari kode CSS seperti yang mirip beikut:
    /* Header
    ----------------------------------------------- */
    #header-wrapper {
    width:930px;
    margin:0 auto 10px;
    border:1px solid $bordercolor;
    }
    #header-inner {
    background-position: center;
    margin-left: auto;
    margin-right: auto;
    }
    #header {
    margin: 5px;
    border: 1px solid $bordercolor;
    text-align: center;
    color:$pagetitlecolor;
    }
  6. Ganti kode diatas dengan kode dibawah ini:
    /* Header
    ----------------------------------------------- */
    #header-wrapper {
    width:930px;
    margin:0 auto 0px;
    background:#ffff;
    height:180px;
    }
    #header-one {
    width:50%;
    background-position: left;
    margin-left: auto;
    margin-right: auto;
    float:left;
    }
    #header {
    margin: 0px;
    text-align: left;
    color:$pagetitlecolor;
    }
    #header_two{
    width:50%;
    float:left;
    padding-top:10px;
    }
    Perhatikan kode yang berwarna merah pada bagian awal, sesuaikan lebar atau angka width dengan lebar header template sobat.
  7. Sekarang cari kode seperti berikut:
    <div id='header-wrapper'>
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='Tempat Eksperimen Kecil (Header)' type='Header'/>
    </b:section>
    </div>
  8. Setelah menemukan kode diatas, sisipkan kode warna merah berikut dengan penempatan yang menyarupai contoh dibawah ini:
    <div id='header-wrapper'>
    <div id='header-one'>
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='Tempat Eksperimen Kecil (Header)' type='Header'/>
    </b:section>
    </div>
    <div id='header_two'>
    <b:section class='header' id='header2' preferred='yes'/>
    </div>
    </div>
  9. Klik Simpan Template
  10. Selesai
Untuk melihat hasil, klik elemen halaman, jika tampilan header sobat-sobat sekalian serupa screenshoot diatas, berarti kamu berhasil. Silahkan isi kolom baru dengan ragam widget atau ads.

Demikian sedikit tips tentang cara membuat header menjadi dua bagian.semoga berguna.
Baca Juga artikel dibawah ini ya.

Cara Memasang Emoticon Di Blog otomatis

Yang saya maksud dengan Cara Memasang Emoticon Di Blog otomatis adalah memasang emoticon atau smile pada postingan blog secara otomatis hanya kita mengetikkan simbolnya maka nanti akan tampil gambar emoticon yang kamu inginkan, terkadang jika kita menulis kita ingin memberi sebuah emosi secara tertulis, nah jika hanya menggunakan simbol-simbol smile atau emoticon namun tanpa gambar maka emosi pada tulisan kamu akan kurang hidup.

Cara Memasang Emoticon Di Blog

Sebelumnya delpid telah tulis Memasang emoticon pada posting blogger juga Cara memasang emoticon pada komentar blog namun cara yabg satu ini dijamin gak ribet dan sangat mudah, cocok dipasang di srmu blog kamu. ikuti tutorialnya dibawah ini:
  1. Login ke blogger kamu.
  2. Klik Rancangan/design.
  3. Klik edit HTML.
  4. Copy paste kode berikut dan letakkan tepat dibawah kode ]]></b:skin>
    <script src='http://louislim2.googlepages.com/addSmiley.js' type='text/javascript'/>
  5. Lalu simpan template kamu.

Icon smile ini akan tampil secara otomatis pada blog kita setiap kali kita mengetikan standar kode dari icon tersebut.

Standar kode smile yang bisa digunakan :

:) or :-)
:D or :-D
:$ or :-$
:( or :-(
:p or :-p
;) or ;-)
:k or :-k
:@ or :-@
:# or :-#
:x or :-x
:o or :-o

Silahkan test dengan mengetikkan simbol-simbol diatas, lalu postinglah. maka simbol-simbol yang kamu tulis tadi akan otomatis jadi gambar emoticon.

Demikian tutorial singkat tentang cara memasang emoticon di blog otomatis,semoga berguna!

Saturday, February 18, 2012

Cara Membuat NewsTicker/Berita Berjalan Keren

Cara Membuat NewsTicker/Berita Berjalan Keren. newsticker atau berita berjalan bisa kita buat agar blog kita tampil lebih keren, disamping itu berita berjalan atau newsticker bisa ditampilkan dari recent post blog kita,dan akhirnya pembacapun bisa melihat apa saja berita terbaru dari blog kita. lihat gambar dibawah ini!

membuat newsticker,membuat berita berjalanNah, sudah jelas kan yang delpid maksud,kalo belum jelas lihat demonya di blog saya yang lain yaitu INFONETGUE ya.

Dari gambar diatas mungkin sudah banyak yang tahu kalo itu mirip dengan newsticker dari gaya template sporty magazine 2 dari borneo template. karena memang banyak yang suka dengan gaya tersebut maka saya akan share pada teman-teman blogger yang lain bagaimana cara membuatnya.

Untuk Membuat Newsticker/berita berjalan keren seperti mirip sporty magazine 2 ikuti langkah-langkah dibawah ini:
  1. Login ke blogger/blogspot kamu.
  2. Klik Rancangan atau design.
  3. Klik edit HTML.
  4. Beri ceck / centang pada kotak yang berada pada pojok template kamu.
    Dan jangan lupa download template kamu untuk berjaga-jaga agar jika terjadi kesalahan bisa dibackup.
  5. Cari kode ]]></b:skin> dan copy paste kode berikut dan letakkan tepat diatas kode ]]></b:skin>
    /* News Ticker Wrapper */
    .newspic {background:#000 url(http://2.bp.blogspot.com/-Gi_4y7eGWlg/TzePAUfnxbI/AAAAAAAAA4g/WsJKC56NBs4/s1600/headline.png) no-repeat top left;width:940px;margin:0 auto;padding:0 auto;height:28px;color:#ff0000;}
    .news {width: 940px;margin:0 auto;padding:0 auto;line-height: 1.4em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}
    .news a:link{color:#ff0000;font-weight: bold;text-decoration:none}
    .news a:visited{color:#ddd;font-weight: bold;text-decoration:none}
    .news a:hover{color:#fff;font-weight: bold;text-decoration:underline}
  6. Lalu Cari Lago kode </head> dan letakkan kode berikut tepat diatas kode </head>
    <script src='http://www.google.com/jsapi?key=ABQIAAAA4qkT5i26SQ6NmgJd5KQemhRQ_a6zv5_Bim3H_GL4gaueIFZ15xRdt8jcAUk8ZHokIVo-TBZgYVbkzw' type='text/javascript'/>
    <script type='text/javascript'>
    //<![CDATA[
    var gfeedfetcher_loading_image="indicator.gif";google.load("feeds","1");function gfeedfetcher(c,a,b){this.linktarget=b||"";this.feedlabels=[];this.feedurls=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";this.sortstring="date";document.write('<div id="'+c+'" class="'+a+'"></div>');this.feedcontainer=document.getElementById(c);this.itemcontainer="<li>"}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a){this.itemcontainer="<"+a.toLowerCase()+">"};gfeedfetcher.prototype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.innerHTML='<img src="'+gfeedfetcher_loading_image+'" /> INFONETGUE';var a=this;for(var b=0;b<this.feedurls.length;b++){var c=new google.feeds.Feed(this.feedurls[b]);var d=(this.feedlimit<=this.feedurls.length)?1:Math.floor(this.feedlimit/this.feedurls.length);if(this.feedlimit%this.feedurls.length>0&&this.feedlimit>this.feedurls.length&&b==this.feedurls.length-1){d+=(this.feedlimit%this.feedurls.length)}c.setNumEntries(d);c.load(function(e){return function(f){a._fetch_data_as_array(f,e)}}(this.feedlabels[b]))}};gfeedfetcher._formatdate=function(a,c){var d=new Date(a);var b=(c.indexOf("datetime")!=-1)?d.toLocaleString():(c.indexOf("date")!=-1)?d.toLocaleDateString():(c.indexOf("time")!=-1)?d.toLocaleTimeString():"";return"<span class='datefield'>"+b+"</span>"};gfeedfetcher._sortarray=function(a,b){var b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.sort(function(e,d){var g=e[b].toLowerCase();var f=d[b].toLowerCase();return(g<f)?-1:(g>f)?1:0})}else{try{a.sort(function(e,d){return new Date(d.publishedDate)-new Date(e.publishedDate)})}catch(c){}}};gfeedfetcher.prototype._fetch_data_as_array=function(b,a){var d=(!b.error)?b.feed.entries:"";if(d==""){alert("Google Feed API Error: "+b.error.message)}for(var c=0;c<d.length;c++){b.feed.entries[c].ddlabel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetcher.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._displayresult(this.feeds)}};gfeedfetcher.prototype._displayresult=function(a){var e=(this.itemcontainer=="<li>")?"<ul>\n":"";gfeedfetcher._sortarray(a,this.sortstring);for(var c=0;c<a.length;c++){var d='<a href="'+a[c].link+'" target="'+this.linktarget+'" class="titlefield">'+a[c].title+"</a>";var b=/label/i.test(this.showoptions)?'<span class="labelfield">['+this.feeds[c].ddlabel+"]</span>":" ";var g=gfeedfetcher._formatdate(a[c].publishedDate,this.showoptions);var f=/description/i.test(this.showoptions)?"<br />"+a[c].content:/snippet/i.test(this.showoptions)?"<br />"+a[c].contentSnippet:"";e+=this.itemcontainer+d+" "+b+" "+g+"\n"+f+this.itemcontainer.replace("<","</")+"\n\n"}e+=(this.itemcontainer=="<li>")?"</ul>":"";this.feedcontainer.innerHTML=e};
    var gfeedfetcher_loading_image="indicator.gif";function gfeedrssticker(d,b,a,c){this.tickerid=d;this.delay=parseInt(a);this.mouseoverBol=0;this.itemsperpage=1;this.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer="<div>";this.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new gfeedfetcher;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.itemsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(this.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var c=this;gfeedfetcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage>=a.length)?1:this.itemsperpage;var b=a.slice(this.messagepointer,this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,this.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tickerdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperpage;if(window.attachEvent){window.attachEvent("onunload",function(){c.tickerdiv.onmouseover=c.tickerdiv.onmouseout=null})}setTimeout(function(){c._rotatemessage()},this.delay)};function formatrssmessage(d,b,f,g){var c=(f=="<li>")?"<ul>\n":"";for(var e=0;e<d.length;e++){var h='<a href="'+d[e].link+'" target="'+g+'" class="titlefield">'+d[e].title+"</a>";var j=/label/i.test(b)?'<span class="labelfield">['+d[e].ddlabel+"]</span>":" ";var k=gfeedfetcher._formatdate(d[e].publishedDate,b);var a=/description/i.test(b)?"<br />"+d[e].content:/snippet/i.test(b)?"<br />"+d[e].contentSnippet:"";c+=f+h+" "+j+" "+k+"\n"+a+f.replace("<","</")+"\n\n"}c+=(f=="<li>")?"</ul>\n":"";return c}gfeedrssticker.prototype._rotatemessage=function(){var b=this;if(this.mouseoverBol==1){setTimeout(function(){b._rotatemessage()},100)}else{var a=this.feeds.slice(this.messagepointer,this.messagepointer+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoptions,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+this.itemsperpage>this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;setTimeout(function(){b._rotatemessage()},this.delay)}};
    //]]></script>
  7. Dan langkah terakhir Peletakkan kode HTML untuk newstickernya, kamu bisa meletakkan ditempat yang kamu inginkan. dan disini sebagai contoh saya akan meletakkanya dibawah menu navigasi horisontal. silahkan cari kode <div id='navigation'> dan setelah kode <div id='navigation'> ditutup dengan kode </div> letakkan kode berikut tepat dibawah kode </div>
    <div class='newspic'>
    <div class='news'>
    <div style='float:left;padding:5px 60px 5px 7px;font:bold 14px Arial;color:#333;text-transform:none;'>
    Berita Terbaru :
    </div><div style='float:left;width:680px;padding:4px 0; position:relative; overflow:hidden;'>
    <script type='text/javascript'>
    var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 4000, &quot;_new&quot;)
    cssfeed.addFeed(&quot;Sabar Muanas&quot;, &quot;http://infonetgue.blogspot.com/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feed
    cssfeed.displayoptions(&quot;date&quot;) //show the specified additional fields
    cssfeed.setentrycontainer(&quot;div&quot;) //Wrap each entry with a DIV tag
    cssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by date
    cssfeed.entries_per_page(1)
    cssfeed.init()
    </script>
    </div>
    </div><div style='clear:both;'/>
    </div>

    Ganti URL berwarna merah dengan URL blog kamu.
  8. Nah, Sekarang simpan template kamu.
Keterangan:
Kode menu navigasi berbeda-beda, jika tidak menemukan kode pada nomor 7 coba kamu cari kode <div id='content-wrapper'> dan letakkan kode HTML newsticker (yang ada pada nomor 7 ) letakkan tepat diatas kode <div id='content-wrapper'>

Demikian cara membuat newsticker / berita berjalan keren, jika kamu berhasil maka akan ada berita terbaru dari recent post blog kamu yang bergerak atau berubah-ubah layaknya yang ada pada template gaya sporty magazine 2.

BACA JUGA!

Kalo artikel delpid ini berguna tolong klik tombol google+ dibawah yah..silahkan copy paste juga di blog kamu gak apa-apa asal cantumkan link saya. semoga berguna.

Wednesday, February 15, 2012

Cara Membuat 2 Link Terbuka dengan 1 Klik

Cara Membuat 2 Link Terbuka dengan 1 Klik, Link atau tautan digunakan untuk mengarahkan pembaca pada halaman-halaman Artikel kita yang lain, pernahkah kamu ketika klik link lalu tiba-tiba muncul 2 windows open yang terbuka pada tab yang baru, nah itu bukan kesalahan pada mouse kamu yang rusak, tapi link tersebut memang dibuat begitu.

Cara Membuat 2 Link Terbuka dengan 1 Klik

Nah,kali ini delpid akan memberikan tutorial bagaimana cara membuat 2 link terbuka dengan 1 klik, untuk membuatnya cukup mudah,karena hanya menambahkan sedikit kode dalam link tersebut.

Struktur link standart biasanya seperti dibawah ini:
<a href="http://delpid.blogspot.com/" target="_blank">delpid</a>
Agar 2 Link terbuka dengan 1 klik lihat kode dibawah ini!
<a onclick="window.open('http://delpid.blogspot.com/')" href="http://infonetgue.blogspot.com/" target="_blank">Contoh 2 link terbuka dengan 1 klik</a>
Contoh klik link ini! Contoh 2 link terbuka dengan 1 klik

Keterangan : Masukkan alamat Link yang pertama setelah perintah onclick="window.open

Demikian cara membuat 2 link terbuka dengan 1 Klik, semoga bermanfaat!

Tuesday, February 14, 2012

Download Template Super SEO Friendly

Download Template Super SEO Friendly, Sekian lama ngeblog bersama teman-teman blogger Nganjuk pada khususnya juga para master Blogger yang memberi banyak ilmu berguna bagi blogger pemula seperti saya ini, akhirnya saya bersama teman-teman yang lain membuat karya yaitu membuat template yang fokus untuk SEO Friendly, nah kali ini delpid akan memberikan template yang pastinya sangat bagus untuk SEO.

Download Template Super SEO Friendly
Template SEO Friendly ini saya beri nama simple white delpid, adapun beberapa fitur template ini untuk menunjang SEO antara lain:

  1. Template sangat ringan,karena template ini hanya menggunakan sedikit gambar maupun javascript.
  2. Navigasi horisontal QuickLink.
  3. Dilengkapi dengan Auto read more.
  4. Dinamis tag Heading, yaitu title post punya heading H1 pada Postingan dan H2 untuk Homepage.
  5. Dinamic Meta tag.
  6. Hidden Header pada postingan/ Item, karena menurut penelitian saya Karena H1 untuk title post pada halaman maka hidden header lebih bagus, agar tidak dowble H1 Pada postingan.
  7. Related post ready. jadi kamu tidak perlu memasang related post lagi.
  8. Sosial Bookmark Ready.

Nah, setelah kamu download template ini silahkan ganti dinamic meta tag pada template. caranya, kamu cari kode dibawah ini, letakknya diatas dari template.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<meta content='ISI DENGAN DESKRIPSI UNTUK BLOG SOBAT' name='DESCRIPTION'/>
<meta content='ISI DENGAN KATA KUNCI/KEYWORD KAMU' 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>
<meta content='sabar muanas' name='author'/>
<meta content='follow,all' name='robots'/>
<meta content='noodp' name='robots'/>
<meta content='Index, follow' name='Robots'/>
<meta content='General' name='Rating'/>
<meta content='KODE VERIFIKASI BINGWEBMASTER' name='msvalidate.01'/>
<META content='KODE VERIFIKASI YAHOOWEBMASTER' name='y_key'/>
<meta content='2 days' name='revisit-after'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='global' name='distribution'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='alexabot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='follow, all' name='Scooter'/>
<meta content='ALL' name='SPIDERS'/>
<meta content='ALL' name='WEBCRAWLERS'/>
<meta content='general' name='rating'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='Aeiwi, Alexa, AllTheWeb, AltaVista, AOL Netfind, Anzwers, Canada, DirectHit, EuroSeek, Excite, Overture, Go, Google, HotBot. InfoMak, Kanoodle, Lycos, MasterSite, National Directory, Northern Light, SearchIt, SimpleSearch, WebsMostLinked, WebTop, What-U-Seek, AOL, Yahoo, WebCrawler, Infoseek, Excite, Magellan, LookSmart, bing, CNET, Googlebot' name='search engines'/>
Ganti yang berwarna merah sesuai blog kamu, nah silahkan Download Template Super SEO Friendly ini, dengan syarat jangan menghapus credit yang ada di footer template ini, karena hargailah susah payah saya juga. silahkan download dengan link dibawah ini!
DOWNLOAD SIMPLE WHITE delpid

Monday, February 13, 2012

Cara Membuat Related Post Di Blogger

Cara Membuat Related Post Di Blogger,Related post atau artikel terkait sangat penting di blog,disamping SEO, related post di blogger berfungsi memberi tahu pada pembaca tentang artikel terkait atau related post dengan artikel yang saat itu dibacanya, nah delpid kali ini akan memberikan script related post di blogger namun artikel yang ini tanpa gambar thumbnail. lihat gambar dibawah ini, gambar tersebut nantinya adalah hasil daripada tutorial ini jika script related post di blogger ini kamu pasang.

Cara Membuat Related Post Di Blogger

Cara membuat related post di blogger


1. Login ke blog kamu,klik rancangan,edit html jangan lupa centang expand template, lalu kamu cari kode ]]></b:skin> dan letakkan kode berikut tepat diatas kode ]]></b:skin>
/* Related Post */
.related_posts{margin-top:5px;padding:0 10px;border:1px solid #B7E8FF;background:#E0F5FF;}
.related_posts h4{color:#111;font:normal 19px/19px Arial, sans-serif;letter-spacing:-0.5px;padding:7px 0;border-bottom:solid 1px #fafafa;}
.related_posts a{color:#000;}
.related_posts ul{padding:0;}
.related_posts ul li{list-style:none;padding:4px 5px 4px 17px;border-bottom:1px solid #f9f9f9;line-height:18px;background:url(http://4.bp.blogspot.com/-q-HyNrgjvAE/TzQx3btIV4I/AAAAAAAABbU/PXVhFzfCOwg/s400/star.gif) no-repeat 0 7px;}

2. Langkah berikutnya kamu cari kode <div class=’post-footer-line post-footer-line-1′> kalau tidak ada, alternatifnya cari kode ini <p class=’post-footer-line post-footer-line-1′> dan letakkan kode berikut tepat diatas kode tersebut.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='related_posts'>
<div class='widget-content'>
<h4>Related Post:</h4>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 10;
var maxNumberOfLabels = 2;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 2;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>

3. Simpan template kamu.

Demikian saja cara membuat related post di blogger,kalau kamu ingin related post yang lain, baca artikel dibawah ini!

Cara Membuat Berita Berjalan Di Blog

Cara Membuat Berita Berjalan Di Blog, kadang di sebuah blog menampilkan sebuah berita berjalan, baik di footer maupun diatas header, berita berjalan tersebut bernama NewsTicker. berita berjalan atau news ticker ini mirip dengan berita yang ada pada televisi swasta di Tanah air.

Cara Membuat Berita Berjalan Di Blog

Berita berjalan atau newsticker ini berisi tentang cuplikan berita pendek yang mewakili berita secara keseluruhan sehingga bisa memberikan informasi terbaru kepada pengunjung blog arbakid tentang peristiwa yang sedang terjadi saat ini dan pada akhirnya pengunjung dari blog arbakid tidak akan ketinggalan informasi terbaru.

Nah, kali ini delpid akan memberi informasi tentang Cara membuat berita berjalan di blog atau newsticker. caranya sangat mudah, untuk membuat berita berjalan atau newsticker diblogspot tinggal ikuti saja langkah-langkah dibawah ini :
  1. Login ke blogger
  2. masuk ke edit HTML dan cari kode ]]></b:skin>
  3. Letakkan kode berikut tepat diatas kode ]]></b:skin>
    #berita {
    position:fixed;_position:absolute;bottom:0px; center:0px;
    clip:inherit;
    _top:expression(document.documentElement.scrollTop+
    document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
  4. Lalu cari lagi kode </body>
  5. Copy dan paste kode berikut dan letakkan diatas kode </body>
    <div id=' berita '>
    <iframe allowtransparency='true' frameborder='0' height='17' id='NewsWindow' marginheight='0' marginwidth='0' scrolling='no' src='http://www.elshinta.com/v2003a/scrolling.htm' style='background-color: transparent;' width='1200'/>
    </div>
  6. Simpan Template kamu dan lihat hasilnya.
Nah, demikian cara membuat berita berjalan di blog, sangat mudah kan..semoga bermanfaat!
Jangan lupa baca juga artikel dibawah ini ya!

Cara Membuat Buku Tamu Di Blog

Cara Membuat Buku Tamu Di Blog. membuat buku tamu di blog sangat diperlukan, disamping agar pengunjung atau pembaca dapat meninggalkan pesan buku tamu juga bisa menambah cantik blog kamu, cara membuat buku tamu bisa dilakukan dengan berbagai macam cara, banyak juga website yang menyediakan script buku tamu secara gratis juga, dan shoutmix juga cbox adalah sedikit dari website yang menyediakan buku tamu dan paling banyak penggunanya. nah bagaimana cara membuat buku tamu di blog? delpid sudah menulisnya di artikel-artikel yang terdahulu.

Cara Membuat Buku Tamu Di BlogCara yang paling banyak digunakan adalah membuat buku tamu melayang di blog, tutorialnya baca dibawah ini!
  1. Login pada blogger atau blogspot kamu.
  2. Klik rancangan.
  3. Add gadget atau tambahkan widget dan pilih html/javascript.
  4. Copy dan paste kode berikut:
    <style type="text/css">
    #gb{
    position:fixed;
    top:23px;
    z-index:+1000;
    }
    * html #gb{position:relative;}

    .gbtab{
    height:100px;
    width:30px;
    float:left;
    cursor:pointer;
    background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
    }
    .gbcontent{
    float:left;
    border:2px solid #A5BD51;
    background:#F5F5F5;
    padding:10px;
    }
    </style>

    <script type="text/javascript">
    function showHideGB(){
    var gb = document.getElementById("gb");
    var w = gb.offsetWidth;
    gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
    gb.opened = !gb.opened;
    }
    function moveGB(x0, xf){
    var gb = document.getElementById("gb");
    var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
    var dir = xf>x0 ? 1 : -1;
    var x = x0 + dx * dir;
    gb.style.right = x.toString() + "px";
    if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
    }
    </script>

    <div id="gb">

    <div class="gbtab" onclick="showHideGB()"> </div>

    <div class="gbcontent">

    ( Tempatkan Script Buku Tamu kalian disini)
    <br/>

    <div style="text-align:right">
    <a href="javascript:showHideGB()">
    [Close]
    </a>
    </div>

    </div>

    </div>

    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script>
  5. Klik simpan.
  6. Selesei.
Keterangan:
Ganti yang berwarna merah dengan script buka tamumu.
Lihat hasilnya dan semoga berhasil, nah demikian tips blog dari delpid tentang cara membuat buku tamu di blog, semoga berguna! Dan jangan lupa baca artikel delpid yang lain tentang macam-macam cara membuat buku tamu di blog:

Sunday, February 12, 2012

Cara Menghindari Duplicate Content

Cara Menghindari Duplicate Content, mencegah duplicate content di blog sangat dipeerlukan untuk SEO sebab googlepun pasti akan memberi nilai minus dan akhirnya meletakkan artikel postinganmu di tangga yang buncit.. he he.. nah kali ini delpid akan memberi sedikit tips untuk mencegah terjadinya duplicate content di blog kamu.

Cara Menghindari Duplicate Content,mencegah duplikat konten
Berikut sedikit tips tentang cara menghindari duplicate content di blog kamu:
Hindari Indeks Search Engine Pada Arsip Blogger.
Halaman arsip blogger (yang biasanya dibagi berdasarkan bulan, minggu, serta hari) dapat menyebabkan kasus duplicate content karena arsip tidak memiliki konten sendiri. Isinya merupakan bagian-bagian dari posting yg sebenarnya adalah milik halaman-halaman posting itu sendiri. Sehingga, dalam indeks Google, halaman arsip akan memiliki konten yg sama dengan beberapa posting lain. Dalam deskripsi di hasil indeks, arsip juga demikian. Terkadang, halaman arsip memiliki deskripsi yg sama dengan halaman homepage karena itulah maka rawan duplicate content. solusinya kamu matikan halaman arsip yang ada di blogmu, dan tambahkan meta tag pada template kamu. caranya sebagai berikut:
  1. Login ke blog kamu.
  2. Klik Rancangan.
  3. Edit HTML.
  4. Copy paste kode berikut, dan letakkan dibawah kode <head>
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
    <meta content='noindex,noarchive' name='robots'/>
    </b:if>
  5. Simpan template kamu.
Sekarang matikan juga halaman arsip pada pengaturan di blog kamu. caranya sebagai berikut:
  1. Klik setelan
  2. Klik Arsipkan
  3. Lalu pada pengaturan frekuensi arsip kamu pilih "tidak ada"
  4. Simpan setelan.

menghindari duplikat konten

Nah, mudah kan? demikian sedikit tips dari delpid untuk cara menghindari duplicate content di blog. semoga berguna!

Saturday, February 11, 2012

Cara Membuat ucapan selamat datang di blog

Cara Membuat ucapan selamat datang di blog, Ucapan untuk menyambut atau selamat datang di blog memberi kesan keren juga di blog, ucapan terima kasih admin blog kadang diperlukan juga,karena pembaca adalah layaknya tamu yang perlu disapa,namun yang perlu diingat adalah jangan sampai dengan membuat ucapan selamat datang di blog malah membuat pembaca jadi terganggu.

Cara Membuat ucapan selamat datang blog

delpid kali ini akan berbagi script tentang cara membuat ucapan selamat datang di blog, nah, ikuti tutorialnya dibawah ini!
  1. Silahkan login ke akun blogger kamu
  2. Setelah itu klik Tata Letak > Elemen Halaman > Edit HTML.
  3. Kemudian copy kode di bawah ini tepat di atas kode </head>
    <b:if cond='data:blog.Url == data:blog.homepageUrl'> <script language='javascript'>alert ("Tulis pesan apa saja disini, sakerepmu arep di tulisi opo"); </script> </b:if>
  4. Simpan template kamu.

KETERANGAN:
Ganti text yang berwarna merah dengan ucapan selamat datang kamu, dan script diatas akan hanya menampilkan ucapan selamat datang pada homepage saja, jika kamu ingin di semua halaman blog kamu ada ucapan selamat datang, hapus kode yang berwarna kuning.

Demikian cara membuat ucapan selamat datang di blog, semoga berguna. nah baca juga ya artikel delpid dibawah ini!

Friday, February 10, 2012

Cara Membuat Breadcrumb Di Blogspot

Cara Membuat Breadcrumb Di Blogspot, Breadcrumb pada blogger atau blogspot sangat penting, disamping untuk membagun internal link yang mengarah ke homepage, breadcrumb pada blogspot juga bagus untuk SEO, dengan adanya breadcrumb yang terpasang di blogspot kamu, maka google bisa mengindex pula breadcrumb tersebut, lihat gambar dibawah ini!

Cara Membuat Breadcrumb Di Blogspot,breadcrumb blogKlik pada gambar jika kurang jelas, nah diatas delpid mengetikkan kata kunci "membuat recent post" pada hasil di pencarian google ditunjukkan breadcrumb yang terindex dengan label yang saya buat, lihat yang berlingkar merah tersebut, sudah jelas kan?
cara membuat breadcrumbs supaya bisa terindex di google memang tidak mudah,walaupun cara yang akan saya share tentang membuat breadcrumbs yang bisa terindex google belum pasti tapi sudah ada bukti hasil Rieview nya.oke langsung kita ke topik bagaimana cara membuat breadcrumb di blogspot caranya sebagai berikut:
  • Login ke blogger.com.
  • Klik Tata Letak.
  • Pilih tab Edit HTML
  • Click Download Full Template andplease back up your template first.
  • Kemudian beri tanda centangpada kotak kecil di sampingtulisan Expand Template Widget.
  • Silahkan cari kode ]]></b:skin>
  • letakkan kode dibawah ini tepat diatas kode ]]></b:skin>


.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double
#e6e4e3;
}
  • langkah berikutnya kamu cari kode <div class='post hentry uncustomized-post-template'>
  • Setelah ketemu kode diatas,kamu letakkan kode dibawah ini tepat dibawah kode <div class='post hentry uncustomized-post-template'>


<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>

Browse &#187; <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>

</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>

  • Kemudian Save Template,
  • Tunggu beberapa saat sampai template anda tersimpan. Setelah selesai lihat pada posting anda tepatnya di atas judul artikel untuk menentukan berhasil tidaknya anda memasang breadcrumb-navigation. Jika berhasil maka breadcrumb-navigation nya akan tampil seperti di atas judul posting ini.
Demikian cara membuat breadcrumb di blogspot dan untuk test hasil breadcrumb kamu terindex atau tidak nantinya silahkan cek di Rich Snippets Testing Tool
semoga dengan membuat breadcrumb di blogspot,postingan kamu cepat terindex google.Kalau berhasil jangan lupa untuk berkomentar.
Semoga bermanfaat.

Thursday, February 9, 2012

Download Template Valid XHTML

Download Template Valid XHTML, template blog sangat berperan juga untuk optimasi SEO, walau ada salah satu pernyataan bahwa valid atau tidak sebuah template tidak berpengaruh pada SEO, namun saya sendiri adalah orang yang setuju bahwa Template Yang valid XHTML akan membuat blog lebih SEO friendly.

Ilmu SEO adalah ilmu yang masih rahasia juga,jadi tidak ada salahnya kita menerapkan berbagi tips maupun tehnik-tehnik untuk optimasi blog kita, nah kali ini delpid akan memberikan sebuah template valid xhtml yang bisa kamu download secara gratis juga.

Template Valid XHTML,Template Valid XHTML 5Diatas adalah screenshot dari template valid XHTML tersebut, selain valid tempalate ini juga dijamin tidak berat, nah jika kamu berminat memakai template ini, lihat struktur kerangka template valid XHTML tersebut dibawah ini:

blogger template valid xhtml

Secara umum, kerangka ini masih memiliki struktur yang sama dengan yang asli dari blogger, karena saya tidak mengubah strukturnya sama sekali. Apa yang saya lakukan hanya mengganti beberapa kode yang error dengan kode yang lebih valid.

Masalah lebih rumit terjadi pada navbar asli dari pihak blogger. saya pikir ngga akan ada cara lain untuk membuatnya valid, kecuali menghapusnya. Itu satu-satunya cara yang bisa dilakukan, dan masalah yang sama juga terjadi pada form komentar Blogger.

Pertimbangannya, jika kita menggunakan form komentar asli pada halaman artikel, maka sudah dipastikan blog kita ngga akan valid XHTML. Tapi tenang aja, di template ini, gw udah mengurangi error pada form komentar sampai ke batas yang paling maksimal koq.

Hanya ada 2 error dan 3 warning yang tersisa, dan ini adalah yang terbaik sepengetahuan gw. Soalnya, template-template lain yang katanya valid juga.. semua hanya mentok sampai ke angka 10-16 error dan 8-13 warning.

Apa sih yang membuat ada 2 error tersisa?, penyebabnya adalah penggunaan huruf besar dalam database id Blogger. Yah, semoga pihak blogger bisa cepat memperbaiki masalah ini.

Nah, untuk mendownloadnya silahkan klik tautan dibawah ini:

DOWNLOAD TEMPLATE VALID XHTML

BACA JUGA:

Cara Membuat Blog Keren

Cara Membuat Blog Keren, blog yang saya maksud adalah Blogger atau blogspot, karena blog delpid ini juga menggunakan blogspot, blog yang keren sangat relatif, karena selera setiap orang berbeda-beda, dalam background blogpun juga berbeda-beda, adakalanya yang suka hitam, seperti delpid ini, dan ada juga yang suka background putih.

Cara Membuat Blog Keren,Cara Membuat Blog cantikNah, lihat gambar diatas, keren gak? emm..cantik yah..pasti betah melihatnya, he he.. gambar diatas sama halnya dengan blog, jika blog terlihat keren dan cantik maka pembacapun bisa berlama-lama di blog kamu.

Saya sendiri tidak bisa mengatakan bahwa blog delpid ini keren,karena kadangkala saya ingin juga punya blog yang lain seperti punya teman saya maupun waktu blogwalking. emmm..rumput halaman tetangga memang lebih hijau daripada rumput halaman rumah sendiri begitupun juga dengan blog.

Dibawah ini adalah beberapa cara agar blog kamu terlihat keren, bagaimana cara membuat blog keren?
  1. Pilih template yang keren.
    Dalam langkah awal membuat blog keren pastikan template kamu juga keren,download template yang kamu anggap paling keren. kamu bisa memakai download template blog keren pada postingan saya dahulu.
  2. Pasang Widget-widget yang terlihat keren
    Widget yang saya maksud adalah seperti membuat recent post berjalan,maupun daftat isi yang cantik juga. dan kamu bisa membuat daftar isi dengan jquery agar terlihat keren.
  3. Pasang tombol share yang keren juga, contoh buat saja
  4. Pasang juga cara membuat komentar facebook di blog kamu,karena disamping mempermudah penbaca agar bisa berinteraksi pada artikel kamu, komentar facebook memberi kesan keren juga loh pada blog kamu.
  5. Pasang tombol share melayang yang keren
    Nah, untuk membuat tombol share melayang di blog yang keren, baca artikelnya di membuat tombol share melayang di blog

Demikian sedikit tips dari delpid tentang cara membuat blog keren, jangan sampai blognya kayak punya saya yang amburadul juga berat ini yah.. he he..

Cara Membuat Random Post Bergerak

Cara Membuat Random Post Bergerak, Pada posingan yang terdahulu saya sudah share juga tentang tuturial yang satu ini, hanya saja random post berikut mempunyai efek bergerak, random post di blog diperlukan agar pembaca juga punya piliham membaca artikel yang tidak berkaitan juga, selain itu dengan adanya random post bisa meningkatkan pageview blog kamu, karena dengan artikel acak maka artikel yang terdahulupun bisa muncul pada random post.

Cara Membuat Random Post Bergerak

Nah, delpid akan memberikan tutorial tentang cara membuat random post bergerak. caranya mudah.ikuti langkah-langkah dibawah ini:
  1. Login ke blog kamu.
  2. Klik rancangan atau design
  3. Tambahkan widget atau add gadget
  4. pilih HTML/javascript
  5. Copy dan paste kode berikut:
    <!-- Alphabetical/chronological Post Title Listing with comment count Start -->
    <script type="text/javascript">
    function getYpipeTL(feed) {
    document.write('<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="1">');
    var i;
    for (i = 1; i < feed.count ; i++)
    {
    var href = "'" + feed.value.items[i].link + "'";
    var pTitle = feed.value.items[i].title + "</a> | ";
    var pComment = " \(" + feed.value.items[i].commentcount + " comments\)";
    var pList = "</a>" + "<a href="+ href + '">' + pTitle;
    document.write(pList);
    document.write(pComment);
    document.write('</a></li>');
    }
    document.write('</marquee>');
    }
    </script>
    <script src="http://pipes.yahoo.com/pipes/pipe.run?
    YourBlogUrl=http://infonetgue.blogspot.com
    &Order=alphabet
    &_id=401e43055731c1a29f1e1d3eb5e8e13f
    &_callback=getYpipeTL
    &_render=json"
    type="text/javascript"></script>
    <!-- Alphabetical Post Title Listing End -->
  6. Simpan
Keterangan:
Ganti yang berwarna merah dengan alamat blog kamu, nah demikian cara membuat random post bergerak di blog, semoga berguna!
BACA JUGA!

Wednesday, February 8, 2012

Cara Memberi Password Pada Folder

Cara Memberi Password Pada Folder, Memberi password pada folder biasanya bertujuan agar tidak setiap orang yang membuka komputermu bisa membuka folder,Banyak sekali software untuk mengunci sebuah file atau folder agar tidak mudah diakses orang lain. Dengan keyword "Lock Folder Software" maka akan didapati sekian banyak software yang menawarkan proteksi untuk file atau folder. Dengan berlabel Free Download / Trial -> dan setelah diinstall maka kita disuruh mendaftar (register) dan akhirnya kita disuruh membeli.sama juga dengan cara memberi password pada winrar, cara memberi password pada folder sangat mudah, kali ini delpid akan memberi salah satu cara memberi password pada folder, nah ikuti tutorial singkat dibawah ini.

Cara Memberi Password Pada Folder,Cara Membuat Password Pada Folder

  1. Copy dan Paste-kan kode dibawah ini kedalam Notepad
    cls@ECHO OFF
    title Folder Locker
    if EXIST "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}" goto UNLOCK
    if NOT EXIST Locker goto MDLOCKER
    :CONFIRM
    echo Are you sure u want to Lock the folder(Y/N)
    set/p "cho=>"
    if %cho%==Y goto LOCK
    if %cho%==y goto LOCK
    if %cho%==n goto END
    if %cho%==N goto END
    echo Invalid choice.
    goto CONFIRM
    :LOCK
    ren Locker "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}"
    attrib +h +s "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}"
    echo Folder locked
    goto End
    :UNLOCK
    echo Enter password to Unlock folder
    set/p "pass=>"
    if NOT %pass%==type your password here goto FAIL
    attrib -h -s "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}"
    ren "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}" Locker
    echo Folder Unlocked successfully
    goto End
    :FAIL
    echo Invalid password
    goto end
    :MDLOCKER
    md Locker
    echo Locker created successfully
    goto End
    :End
  2. Simpan file tersebut dengan Nama Lock.Bat pada folder yang akan dikunci
  3. Tutup dan kemudian buka lagi file tersebut, dan akan tertera perintah untuk memasukkan password (Enter Password) untuk membuka kunci folder
  4. Ketikkan kode password Anda
  5. Klik lagi, dan akan tertampil perintah "Do you want to lock the file Y/N".
  6. Ketikkan “Y” dan tekan Enter.

Catatan :
type your password here goto FAIL : Ganti teks yang berwarna merah untuk password anda.

Tuesday, February 7, 2012

Cara Membuat Link Bergoyang di Blog

Cara Membuat Link Bergoyang Di Blog, cara membuat link bergoyang di Blog biasa disebut link nudging atau nudge, namun bagi para blogger yang awam pasti tidak tau efek tersebut, yang mereka tahu bahwa link tersebut akan bergoyang atau bergerak ke kiri saat dikunjungi mouse atau pointer. nah, kali ini delpid akan memberi tutorial singkat agar link bisa bergoyang dombret kayak inul daratista, he he he..:)

membuat link bergoyang,link nudging
Langsung Saja ke pokok bahasan tentang cara membuat link bergoyang di blog, ikuti langkah-langkah dibawah ini!
  1. Login ke akun blogger sobat
  2. Masuk ke rancangan/design
  3. Pilih Tata Letak
  4. Edit HTML
  5. Lalu cari kode berkut: </head> (gunakan Ctrl+F di keyboard sob),setelah ketemu tinggal letakkan kode CSS berikut tepat diatas kode </head> :
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'>
    </script>
    <script type='text/javascript'>
    var dur = 400; // Duration Of Animation in Milli Seconds
    $(document).ready(function() {
    $('a.linknudge').hover(function() {
    $(this).animate({
    paddingLeft: '25px'
    }, dur);
    }, function() {
    $(this).animate({
    paddingLeft: 0
    }, dur);
    });
    }); // end of Jquery Script
    </script>
  6. Simpan template kamu.

Keterangan:
  • Yang berwarna merah adalah jarak gerak link untuk bergoyang,atur sesui yang kamu inginkan..jangan panjang-panjang ya ngebornya,, hiks hiks hiks..
  • Bagi yang sudah memasang script jquery
    http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js
    tidak perlu memasangnya lagi.
  • Jika kamu ingin membuat link yang kamu inginkan bergoyang maka tambahkan kode dibawah yang berwarna merah pada link kamu. atau Cara memasang di link sobat cukup tambahkan kode class "linknudge" untuk link sobat seperti contoh dibawah ini:
    <a class='linknudge' href='http://delpid.blogspot.com/'>delpid</a>
  • Cara atau kode di atas adalah untuk link kostum, dengan menambahkan kode class 'linknudge'.
    Berikut ini adalah kode lain untuk label dan untuk link kustom sobat:
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'>
    </script>
    <script type='text/javascript'>
    var dur = 400; // Duration Of Animation in Milli Seconds
    $(document).ready(function() {
    $('a.linknudge, .Label ul li a').hover(function() {
    $(this).animate({
    paddingLeft: '25px'
    }, dur);
    }, function() {
    $(this).animate({
    paddingLeft: 0
    }, dur);
    });
    }); // end of Jquery Script
    </script>
    Demikian cara membuat link bergoyang di blog atau link nudging, semoga berhasil..

BACA JUGA!

Monday, February 6, 2012

Cara Memasang Iklan Melayang Di Blog

Cara Memasang Iklan Melayang Di Blog, sebelumya saya tulias juga cara membuat iklan melayang diatas header, nah kali ini hampir sama, tapi bedanya disini iklan kamu melayang di blog dengan dilengkapi tombol close, jadi para pembaca blog kamu bisa menutup iklan melayang tersebut dengan mudah.

Cara Memasang Iklan Melayang Di Blog,memasang iklan melayang
Langsung saja, berikut cara memasang iklan melayang di blog, silahkan ikuti langkah-lagkah di bawah ini!
  1. Login ke blog kamu
  2. Klik rancangan atau design
  3. Tambahkan widget atau add gadger dan pilih html/javascript
  4. Copy dan paste kode di bawah ini:
    <style type="text/css">
    #gb{
    position:fixed;
    top:10px;
    z-index:+1000;
    }
    * html #gb{position:relative;}


    .gbcontent{
    float:right;
    border:2px solid #A5BD51;
    background:#ffffff;
    padding:10px;
    }
    </style>

    <script type="text/javascript">
    function showHideGB(){
    var gb = document.getElementById("gb");
    var w = gb.offsetWidth;
    gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
    gb.opened = !gb.opened;
    }
    function moveGB(x0, xf){
    var gb = document.getElementById("gb");
    var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
    var dir = xf>x0 ? 1 : -1;
    var x = x0 + dx * dir;
    gb.style.top = x.toString() + "px";
    if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
    }
    </script>

    <div id="gb">

    <div class="gbtab" onclick="showHideGB()"> </div>

    <div class="gbcontent">

    <div style="text-align:right">
    <a href="javascript:showHideGB()">
    Close Klik 2X
    </a>
    </div>
    <center>

    KODE SCRIPT IKLAN

    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.center = (30-gb.offsetWidth).toString() + "px";
    </script></center></div></div>
  5. Simpan

Ganti yang berwarna merah dengan kode script ikaln kamu, nah.. mudah buka cara memasang iklan melayang di blog, dan jangan lupa baca juga ya artikel delpid yang lain di cara membuat iklan berdampingan di blog. semoga berguana!

Sunday, February 5, 2012

Cara Memasang Jam Digital di Blog

Cara Memasang Jam Digital di Blog, Jam digital yang terpasang di sidebar blog akan membuat pembaca tahu secara otomatis waktu saat dia membaca artikel kamu, blog layaknya sebuah rumah, dan jam pada blog sama halnya jam yang terpasang dirumah, jadi dengan memasang jam digital di blog akan membuat blog kamu lebih terlihat cantik.

Cara Memasang Jam Digital di Blog,jam digital di blog

delpid kali ini akan memberi script untuk jam digital di blog,Selain cantik, jam nya juga berbunyi. Buat yang mau masang jam cantik ini di blognya, silahkan salin kode berikut ini dan silahkan paste di tempat yang ingin kamu pasang. inilah scriptnya.
<embed height="40" pluginspage="http://www.macromedia.com/go/getflashplayer" src="https://sites.google.com/site/myedithtml/swf/edit-html.clock-7.swf" type="application/x-shockwave-flash" width="120" wmode="transparent"></embed>

nah, silahkan pasang di blog kamu. semoga tambah keren blogmu, demikian sedikit tutorial cara memasang jam digital di blog, agar tambah bagus silahkan download template blog keren juga sesuai. semoga berguna!

Cara Membuat Tab View di Blog

Cara Membuat Tab View di Blog, Tab View di blog yang satu ini sering digunakan oleh para blogger,namun tab view yang satu ini sangat mudah cara membuat maupun mengeditnya,karena dengan tab view ini kamu tidak perlu mengotak-atik html yang ada pada template kamu.

Cara Membuat Tab View di BlogDengan tab view ini kamu hanya perlu menambahkan gadget atu widget pada blog kamu,jadi kamu bisa sangat mudah menghapusnya jika tidak diperlukan, nah dibawah ini adalah kode untuk tab view yang bisa kamu modifikasi warna juga bentukkya sesuai blog kamu. berikut kode tab view tersebut:
<style type="text/css">
div.TabView div.Tabs
{height: 30px;overflow: hidden}
div.TabView div.Tabs a {float:left; display:block; width: 90px; /* Lebar Menu Utama Atas */
text-align:center ; height: 26px; /* Tinggi Menu Utama Atas */
padding-top:8px; vertical-align:middle; border:1px solid #555555; /* Warna border Menu Atas */
border-bottom-width:0; text-decoration: none; font-family: "Verdana",Arial; /* Font Menu Utama Atas */
font-weight:bold; color:#fff; /* Warna Font Menu Utama Atas */ -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {background-color: #E6E6E6; /* Warna background Menu Utama Atas */ }
div.TabView div.Pages {clear:both; border:1px solid #BDBDBD; /* Warna border Kotak Utama */ overflow:hidden; background-color:#E6E6E6; /* Warna background Kotak Utama */ }
div.TabView div.Pages div.Page {height:100%; padding:0px; overflow:hidden}
div.TabView div.Pages div.Page div.Pad {padding: 5px 5px}
</style>
<script type='text/javascript'>
//<![CDATA[
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);
// ----- Tabs -----
var Tabs = TabView.firstChild;
while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
var Tab = Tabs.firstChild;
var i = 0;
do
{
if (Tab.tagName == "A")
{
i++;
Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
Tab.className = (i == id) ? "Active" : "";
Tab.blur();
}
}
while (Tab = Tab.nextSibling);
// ----- Pages -----
var Pages = TabView.firstChild;
while (Pages.className != 'Pages') Pages = Pages.nextSibling;
var Page = Pages.firstChild;
var i = 0;
do
{
if (Page.className == 'Page')
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
Page.style.overflow = "auto";
Page.style.display = (i == id) ? 'block' : 'none';
}
}
while (Page = Page.nextSibling);
}
// ----- Functions -------------------------------------------------------------
function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
//]]>
</script>
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 300px;" class="Tabs">
<a>Title 1</a>
<a>Title 2</a>
<a>Title 3</a>
</div>
<div style="width:300px; height:250px; " class="Pages">
<div class="Page">
<div class="Pad">
Isi menu tab view 1
</div>
</div>
<div class="Page">
<div class="Pad">
Isi menu tab view 2
</div>
</div>
<div class="Page">
<div class="Pad">
Isi menu tab view 3
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script>
Atur warna dan lebarnya sesuai yang kamu inginkan. demikian sedikit tutorial cara membuat tab view di blog, baca juga artikel delpid tentang membuat tab view dengan jQuery, semoga berguna!
 

Sponsor