Pages

Sponsor

 

1/22/2012

Otomatis Parse Code HTML

 


Parse Code HTML, ini adalah sebuah tool yang dapat membantu kamu dalam melakukan parse kode scrint/javascrint secara otomatis sehingga mempermudah instalasi. pertama-tama mari kita ucapkan terima kasih pada seribahasa, blogger maleysia, serta hitsuke yang menginspirasi kang salman untuk membuat parse kode ini

Dengan parse kode ini kita dapat menambahkan kode HTML dalam kotak komentar. Berikut ini adalah kode-kode HTML dasar yang akan dirubah kedalam bentuk sederhananya secara otomatis supaya bisa di masukkan kedalam postingan, kotak komentar, dll seperti yang sudah dijelaskan sebelumnya.


Start Converting Now!
(Silahkan masukkan kode HTML kamu kedalam kotak dibawah ini untuk diubah secara otomatis)



========



  • Lihat Lebih Tentang Saya..! About Me..,
    Read more...

    1/21/2012

    Cara Membuat Related Post ( Artikel Terkait )

    Jika Ada yang belum tahu artikel terkait itu apa silahkan lihat di blog ini pada bagian akhir artikel saya ini ada tulisan Artikel Terkait. Fungsinya selain untuk seo, related post / artikel terkait ini juga membantu pengunjung untuk membaca yang lain mungkin yang belum di ketahuinya. Hal ini menyebabkan pengunjung bisa betah berada di blog kita.
    Langsung saja cara membuat related post / artikel terkait :
    Masuk blogger > rancangan > edit html > centang expand template widget
    cari kode </head> kemudian letakkan script di bawah ini tepat di atas kode </head>
    <script type="text/javascript">
    //<![CDATA[
    var relatedTitles = new Array();
    var relatedTitlesNum = 0;
    var relatedUrls = new Array();
    function related_results_labels(json) {
    for (var i = 0; i < json.feed.entry.length; i++) {
    var entry = json.feed.entry[i];
    relatedTitles[relatedTitlesNum] = entry.title.$t;
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
    relatedUrls[relatedTitlesNum] = entry.link[k].href;
    relatedTitlesNum++;
    break;}}}}
    function removeRelatedDuplicates() {
    var tmp = new Array(0);
    var tmp2 = new Array(0);
    for(var i = 0; i < relatedUrls.length; i++) {
    if(!contains(tmp, relatedUrls[i])) {
    tmp.length += 1;
    tmp[tmp.length - 1] = relatedUrls[i];
    tmp2.length += 1;
    tmp2[tmp2.length - 1] = relatedTitles[i];}}
    relatedTitles = tmp2;
    relatedUrls = tmp;}
    function contains(a, e) {
    for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
    return false;}
    function printRelatedLabels() {
    var r = Math.floor((relatedTitles.length - 1) * Math.random());
    var i = 0;
    document.write('<ul>');
    while (i < relatedTitles.length && i < 20) {
    document.write('<li><a href="' + relatedUrls[r] + '">' +
    relatedTitles[r] + '</a></li>');
    if (r < relatedTitles.length - 1) {
    r++;
    } else {
    r = 0;}
    i++;}
    document.write('</ul>');}
    //]]>
    </script> 
    Kemudian cari kode <data:post.body/> kemudian letakkan script berikut ini di bawah kode <data:post.body/>
    <b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:blog.pageType == "item"'>
    <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
    </b:if>
    </b:loop>
    </b:if>
    <b:if cond='data:blog.pageType == "item"'>
    <h4>Artikel Terkait</h4>
    <script type="text/javascript">
    removeRelatedDuplicates();
    printRelatedLabels();
    </script>
    </b:if>
     
    Selamat Mencoba, semoga berhasil..!
    ========


  • Lihat Lebih Tentang Saya..! About Me..,
    Read more...

    Membuat Outo Read More V2 Pada Blogspot

    Cara pasang auto read more:
    1. Log in di Blogger.com
    2. pilih Edit HTML, click Expand Widget Templates
    3. carilah kode </ head> dan copy kode di bawah ini letakkan sebelum kode </ head>
     <script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 300; summary_img = 300; img_thumb_height = 100; img_thumb_width = 120; </script>
    <script type='text/javascript'>
    //<![CDATA[
    /******************************************
    Auto-readmore link script, version 2.0 (for blogspot)
    (C)2008 by Anhvo
    visit http://en.vietwebguide.com to get more cool hacks
    ********************************************/
    function removeHtmlTag(strx,chop){
    if(strx.indexOf("<")!=-1)
    {
    var s = strx.split("<");
    for(var i=0;i<s.length;i++){
    if(s[i].indexOf(">")!=-1){
    s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
    }
    }
    strx = s.join("");
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2;
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
    strx = strx.substring(0,chop-1);
    return strx+'...';
    }
    function createSummaryAndThumb(pID){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
    if(img.length>=1) {
    imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
    summ = summary_img;
    }
    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;
    }
    //]]>
    </script>  
    4. cari kode <data:post.body/> atau <p><data:post.body/></ p>, ganti kode tersebut dengan kode di bawah ini : 
    <b:if cond='data:blog.pageType != "item"'>
    <div expr:id='"summary" + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
    <span class='rmlink' style='float:right'><a expr:href='data:post.url'><br/><b>Read More … </b></a></span>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

    Kemudian simpan hasilnya/save template.
    Selesai. Semoga bermanfaat.
    ========


  • Lihat Lebih Tentang Saya..! About Me..,
    Read more...

    Membuat Artikel terkait (Related Post) Blog Wordpress

    Related post atau artikel yang sangat penting peranannya dalam sebuah blog. Dengan adanya related post, pembaca dapat mengetahui artikel lain yang masih satu topik dengan artikel yang mereka baca. Dengan adanya related post ini kemungkinan pembaca blog akan melihat artikel terkait tersebut. Oleh karena itu, hal ini juga mampu meningkatkan page views dari blog. Selain meningkatkan page views, related post juga bermanfaat dari segi SEO. Dengan adanya related post, maka sebuah artikel akan terkait satu sama lain yang mamapu meningkatkan internal link. Oleh karena pentingnya related post atau artikel terkait dari segi SEO dan peningkatan page views, alangkah baiknya jika Anda meletakkan sebuah widget related post di blog Anda. Cara membuat artikel terkait (related post) pada blog wordpress tidaklah sulit. Dengan bantuan sebuah plugin wordpress dalam beberapa langkan Anda bisa membuat related post. Ada beberapa plugin yang bisa Anda gunakan untuk membuat related post. 2 (dua) diantaranya yang menurut saya paling bagus adalah Yet Another Related Posts Plugins (YARPP) dan WordPress Related Posts. Namun, pada artikel tutorial wordpress kali ini saya menggunakan plugin WordPress Related Posts untuk membuat Related Post atau Artikel terkait untuk blog wordpress. Berikut cara membuat related post atau artikel terkait pada blog wordpress:
    1. Login ke Dashboard blog Anda. Pada halaman dashboard klik Plugins » Add New
    2. Pada halaman Install Plugins, ketik WordPress Related Posts pada kotak search plugins dan klik tombol Search.
    3. Di halaman hasil cari klik tulisan Install disebelah kanan WordPress Related Posts versi 1.1.1.

    4. Proses instalasi dan pengaktifan plugin WordPress Related Posts telah selesai. Sekarang yang perlu Anda lakukan adalah melakukan pengaturan terhadap plugin WordPress Related Posts. Caranya sebagai berikut:
    5. Selanjutnya klik Install Now pada jendela yang muncul.
    6. Ketika proses instal plugin selesai, klik tulisan Activate Plugin.
    Proses instalasi dan pengaktifan plugin WordPress Related Posts telah selesai. Sekarang yang perlu Anda lakukan adalah melakukan pengaturan terhadap plugin WordPress Related Posts. Caranya sebagai berikut:
    1. Klik Settings » Related Posts.
    2. Di halaman pengaturan, aturlah tampilan artikel terkait Anda nantinya. Adapun pengaturan yang saya anggap perlu Anda rubah adalah sebagai berikut:
      • Related Posts Title. Judul yang nampak pada artikel terkait Anda. Anda bisa menggunakan judul yang Anda suka. Misalkan: Artikel Terkait.
      • Related Posts Title Tag. Tag untuk judul artikel terkait tadi. Anda bisa menggunakan tag H2, H3 dan selanjutnya.
      • Maximum Number. Jumlah maksimal related post yang akan ditampilkan. Masukkan jumlah yang Anda inginkan. Misalkan 5.
      • Display Related Posts on Feed?. Menambahkan related post ada RSS feed blog atau tidak. Berikan tanda cek jika Anda ingin menampilkan artikel terkait pada RSS Feed.
      • No Related Post Setting. Setting yang satu ini berfungsi untuk menentukan related post jika sebuah artikel tidak mempunyai sama sekali artikel terkait. Anda bisa memilih No Related Post (text) untuk menampilkan teks dengan tulisan No Related Post, atau Random Post yang akan menampilkan artikel secara random, atau Most Commented Posts untuk menampilkan artikel yang paling banyak dikomentari.  
    1. Jika pengaturan sudah Anda rasa pas, klik tombol Save Changes untuk menyimpan pengaturan.
    Setelah selesai melaukan pengaturan plugin WordPress Related Posts, kini saatnya Anda mengintegrasikan related post ke dalam postingan Anda. Atau dengan kata lain, memasang related post (artikel terkait) ke postingan blog Anda. Untuk itu, ikuti langkah-langkah berikut:
    1. Pada dashboard, klik Appearance » Editor untuk masuk ke Edit Themes
    2. Pada halaman Edit Themes klik Singe Post (Single.php) di sebelah kanan jendela.
    3. Di halaman editor singel post (single.php) letakkan kode untuk menampilkan related post yaitu: <?php wp_related_posts(); ?> di bawah kode:
    <div>Kategori: <?php the_category(‘, ‘) ?> <?php if(get_the_tags()) { ?> <?php  the_tags(‘Tags: ‘, ‘, ‘); } ?></div>
    Peletakan kode <?php wp_related_posts(); ?> bisa Anda sesuaikan dengan keinginan Anda sendiri. Jika di blog saya ini dengan kode diatas tadi berarti saya meletakkan related post di bawah post meta. Seperti yang Anda bisa lihat di blog ini.



    1. Terakhir, klik tombol Update File.
    Cara membuat related post atau artikel terkait telah selesai sampai disini. Apabila ada yang ingin Anda tanyakan mengenai langkah-langkah membuat artikel terkait ini, silahkan ajukan melalui kotak komentar. Saya akan berusaha menjawab pertanyaan Anda. 
    Selamat mencoba!
    ========


  • Lihat Lebih Tentang Saya..! About Me..,
    Read more...

    1/20/2012

    Jenis Jenis Box Sepeaker Outdoor


    ========
  • Lihat Lebih Tentang Saya..! About Me..,
    Read more...
     
    Liarboros © 2011