COPAD | Cara Menghapus URL Yang Sudah Tidak Terpakai Atau Mengalami Eror – Pada artikel kali ini, mimin akan membahas tentang tutorial penghapusan URL yang sudah tidak terpakai lagi atau mengalami eror sesuai dengan judul dan gambar di atas yah, hehe… Tapi sebelum ke langkah-langkahnya, memangnya untuk apa sih penghapusan URL yang seperti ini? Apa saja dampaknya? Yuk kita simak pada uraian di bawah.

Dampak URL yang sudah tidak terpakai atau mengalami eror.

Berikut dampak dari URL yang sudah tidak terpakai atau mengalami eror.

1. Reputasi blog dalam dunia online akan menurun.
2. Blog dan artikel akan diabaikan oleh mesin telusur.
3. Trafik atau jumlah pengunjung akan menurun.
4. Jika benar-benar sial, dapat menyebabkan Akun Adsen dibanned.

Nah, ngeri banget kan dampaknya? Untuk penjelasan lengkap mengenai dampak-dampak dari URL yang eror ini bisa kalian cari di Google. Selanjutnya, mari kita simak langkah-langkah dalam menghapus URL pada blog yang sudah tidak terpakai atau mengalami eror.

• Baca: Cara Simpel Agar Artikel Mudah Diindeks Dengan Google Webmaster Tools

Berikut langkah-langkah dalam menghapus URL pada blog yang sudah tidak terpakai atau mengalami eror.

1. Copy URL yang mengalami masalah seperti sudah tidak terpakai, eror, atau memang sengaja untuk dihapus demi kepentingan pribadi.

2. Selanjutnya, Log In ke Google Webmaster Tools atau langsung Klik Di Sini, kemudian pilih blog yang URL-nya akan dihapus.

3. Dari Dashboard pilih Google Index lalu pilih Remove URLs.

4. Pada Remove URLs pilih Temporarity hide lalu masukkan URL yang akan dihapus kemudian klik Continue.

5. Setelah itu, kalian akan dialihkan ke halaman baru untuk memilih apakah ingin penghapusan permanen tanpa sisa (pilihan nomor satu), penghapusan hanya dalam cache (pilihan nomor 2), atau penghapusan sementara (pilihan nomor 3).

6. Setelah memilih, klik Submit Request.

7. Selesai. Kalian hanya tinggal menunggu proses penghapusan yang biasanya memakan waktu beberapa jam.

Catatan:
Kalian juga bisa mengecek URL mana saja yang eror pada blog kalian dengan mengunjungi situs berikut, Klik Di Sini. Caranya, cukup dengan memasukkan link blog pada kolom pencarian. Dan jika blog kalian tidak memiliki domain www hapus tulisan www pada kolom pencarian lalu ganti dengan link blog kalian yang sebenarnya. Contohnya, https://copadzone.blogspot.com atau http://copadzone.blogspot.com. Ingat, https dan http merupakan protokol yang berbeda.

Akhir Kata
Sekian tutorial untuk artikel Cara Menghapus URL Pada Blog Yang Sudah Tidak Terpakai Atau Mengalami Eror kali ini, semoga yang mimin berikan dapat bermanfaat. Terus kunjungi blog COPAD atau langsung Subscribe untuk berlangganan artikel terbaru dan bermanfaat lainnya secara gratis. Untuk perhatiannya mimin ucapkan terima kasih dan mohon maaf untuk segala keterbatasan serta kesalahan dalam penulisan ataupun kata-kata yang kurang berkenan.

COPAD | Cara Membuat Halaman Kontak / Contact Us Sederhana Di Blog – Halo sobat COPAD, pada artikel kali ini mimin akan membahas mengenai pembuatan formulir kontak yang sederhana. Halaman formulir kontak memang cukup dibutuhkan oleh kita para blogger maupun oleh para pengunjung. Karena dengan formulir kontak ini, komunikasi antar blogger dan pengunjung dapat terhubung melalui email. 

1. Silahkan Log In ke blog agan terlebih dahulu, kemudian pilih menu Halaman / Pages lalu pilih Halaman Baru / New Page.

COPAD | Cara Simple Menambahkan Tombol Back To Top Pada Blog – Pada artikel kali ini, mimin akan memberikan tutorial mengenai pembuatan Tombol Back to Top yang akan sangat berguna bagi kita para blogger dan juga bagi para pengunjung. Tombol Back to Top ini akan memudahkan pengunjung agar dapat kembali ke bagian atas dari blog kita dalam satu klik, tanpa harus menscroll ataupun mengusap layar smartphone lagi. Apalagi jika kita para blogger memiliki sebuah tulisan artikel yang sangat panjang. Tanpa basa-basi lagi, berikut langkah-langkahnya.

1. Pastikan terlebih dahulu pada template blog agan sudah terdapat kode jquery. Dengan cara, masuk ke blog lalu klik Tema / Theme kemudian klik Edit HTML. Letakkan kursor di salah satu tempat di mana saja pada kolom kode HTML yang ada lalu tekan Ctrl + F pada keyboard. Selanjutnya, ketik jquery pada kolom pencarian lalu tekan Enter. Contoh kodenya sebagai berikut.

<script src=’http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js’ type=’text/javascript’/>

Jika kode tersebut tidak ditemukan, silahkan copy kode tersebut kemudian paste di atas kode </head>. Cara menemukan kode </head> sama dengan langkah pada nomor satu mulai dari letakkan kursor dan seterusnya. Jangan lupa untuk menyimpan perubahan.

2. Selanjutnya, klik menu Tata Letak / Layout kemudian tambahkan gadget HTML/Javascript. Copy kode di bawah lalu paste pada kolom gadget HTML tadi.

<style>
.mbw-back-to-top {
    position: fixed;
    bottom: 2em;
    right: 10px;
    text-decoration: none;
    padding: 1em;
    display: none;
    cursor:pointer;
}
</style>
<img class=”mbw-back-to-top” src=”https://dabuttonfactory.com/button.png?t=%E2%88%86&amp;f=Calibri-Bold&amp;ts=45&amp;tc=fff&amp;hp=14&amp;vp=5&amp;c=5&amp;bgt=gradient&amp;bgc=00f0ff&amp;ebgc=5f5fed” />
<script type=”text/javascript”>
/*****mybloggersworld.com***/
jQuery(document).ready(function() {
    var offset = 220;
    var duration = 500;
    jQuery(window).scroll(function() {
        if (jQuery(this).scrollTop() > offset) {
            jQuery(‘.mbw-back-to-top’).fadeIn(duration);
        } else { //www.mybloggersworld.com
            jQuery(‘.mbw-back-to-top’).fadeOut(duration);
        }
    }); 
  
    jQuery(‘.mbw-back-to-top’).click(function(event) {
        event.preventDefault();
        jQuery(‘html, body’).animate({scrollTop: 0}, duration);
        return false;
    })
});
</script>

Catatan:
Pada kode yang berwarna merah merupakan model atau desain dari tombol Back to Up nya nanti. Kalian dapat menggantinya sesuai dengan keinginan masing-masing atau kalian dapat membuatnya langsung dengan mengunjungi link berikut. Klik Di Sini.

Caranya:
1. Masuk ke situs lalu buat tombol.
2. Jika sudah selesai, klik </> Embed. Copy link pada kolom Link to the current button image kemudian parse kode tersebut pada link berikut. Klik Di Sini.
3. Selanjutnya, copy link yang telah diparse kemudian ganti dengan kode berwarna merah di atas.
4. Jangan lupa untuk menyimpan perubahan.

Perhatian!
Jika kalian ingin meng-Copy kode-kode html seperti di atas lebih baik Copy lalu Paste-kan dulu di Notepad ataupun Microsoft Word.

#Kode Alternatif Jika Kode Sebelumnya Tidak Berhasil

<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js”></script>
<script type=”text/javascript” >

var scrolltotop={
    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
    //scrollto: Keyword (Integer, or “Scroll_to_Element_ID”). How far to scroll document up when control is clicked on (0=top).
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
    controlHTML: ‘<img src=” https://dabuttonfactory.com/button.png?t=+%E2%86%91+&amp;f=Calibri-Bold&amp;ts=33&amp;tc=fff&amp;hp=6&amp;vp=8&amp;c=5&amp;bgt=gradient&amp;bgc=ccc&amp;ebgc=000” />’, //HTML for control, which is auto wrapped in DIV w/ ID=”topcontrol”
    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
    anchorkeyword: ‘#top’, //Enter href value of HTML anchors on the page that should also act as “Scroll Up” links

    state: {isvisible:false, shouldvisible:false},

    scrollup:function(){
        if (!this.cssfixedsupport) //if control is positioned using JavaScript
            this.$control.css({opacity:0}) //hide control immediately after clicking it
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
        if (typeof dest==”string” && jQuery(‘#’+dest).length==1) //check element set by string exists
            dest=jQuery(‘#’+dest).offset().top
        else
            dest=0
        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },

    keepfixed:function(){
        var $window=jQuery(window)
        var controlx=$window.scrollLeft() + $window.width() – this.$control.width() – this.controlattrs.offsetx
        var controly=$window.scrollTop() + $window.height() – this.$control.height() – this.controlattrs.offsety
        this.$control.css({left:controlx+’px’, top:controly+’px’})
    },

    togglecontrol:function(){
        var scrolltop=jQuery(window).scrollTop()
        if (!this.cssfixedsupport)
            this.keepfixed()
        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
        if (this.state.shouldvisible && !this.state.isvisible){
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
            this.state.isvisible=true
        }
        else if (this.state.shouldvisible==false && this.state.isvisible){
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
            this.state.isvisible=false
        }
    },

    init:function(){
        jQuery(document).ready(function($){
            var mainobj=scrolltotop
            var iebrws=document.all
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode==”CSS1Compat” && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)? (document.compatMode==”CSS1Compat”? $(‘html’) : $(‘body’)) : $(‘html,body’)
            mainobj.$control=$(‘<div id=”topcontrol”>’+mainobj.controlHTML+'</div>’)
                .css({position:mainobj.cssfixedsupport? ‘fixed’ : ‘absolute’, bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:’pointer’})
                .attr({title:’Scroll Back to Top’})
                .click(function(){mainobj.scrollup(); return false})
                .appendTo(‘body’)
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!=”) //loose check for IE6 and below, plus whether control contains any text
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
            mainobj.togglecontrol()
            $(‘a[href=”‘ + mainobj.anchorkeyword +'”]’).click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind(‘scroll resize’, function(e){
                mainobj.togglecontrol()
            })
        })
    }
}

scrolltotop.init()
</script>

Berikut, beberapa desain tombol yang sudah mimin siapkan dan tinggal kalian yang mengganti kode berwarna merah tersebut.

#Style 1

https://dabuttonfactory.com/button.png?t=%E2%88%86&amp;f=Calibri-Bold&amp;ts=45&amp;tc=fff&amp;hp=14&amp;vp=5&amp;c=round&amp;bgt=gradient&amp;bgc=0ff&amp;ebgc=5f5fed

#Style 2

https://dabuttonfactory.com/button.png?t=%E2%88%86&amp;f=Calibri-Bold&amp;ts=45&amp;tc=fff&amp;hp=14&amp;vp=5&amp;c=round&amp;bgt=gradient&amp;bgc=f00&amp;ebgc=c00

#Style 3

https://dabuttonfactory.com/button.png?t=%E2%88%86&amp;f=Calibri-Bold&amp;ts=45&amp;tc=fff&amp;hp=14&amp;vp=5&amp;c=round&amp;bgt=gradient&amp;bgc=ccc&amp;ebgc=000

#Style 4

https://dabuttonfactory.com/button.png?t=%E2%88%86&amp;f=Calibri-Bold&amp;ts=45&amp;tc=fff&amp;hp=14&amp;vp=5&amp;c=5&amp;bgt=gradient&amp;bgc=00f0ff&amp;ebgc=5f5fed

#Style 5

https://dabuttonfactory.com/button.png?t=%E2%88%86&amp;f=Calibri-Bold&amp;ts=45&amp;tc=fff&amp;hp=14&amp;vp=5&amp;c=5&amp;bgt=gradient&amp;bgc=f90&amp;ebgc=f00

#Style 6

https://dabuttonfactory.com/button.png?t=%E2%88%86&amp;f=Calibri-Bold&amp;ts=45&amp;tc=fff&amp;hp=14&amp;vp=5&amp;c=5&amp;bgt=gradient&amp;bgc=ccc&amp;ebgc=444

#Style 7

https://dabuttonfactory.com/button.png?t=+%E2%86%91+&amp;f=Calibri-Bold&amp;ts=33&amp;tc=fff&amp;hp=6&amp;vp=8&amp;c=5&amp;bgt=gradient&amp;bgc=00fff4&amp;ebgc=0064ff

#Style 8

https://dabuttonfactory.com/button.png?t=+%E2%86%91+&amp;f=Calibri-Bold&amp;ts=33&amp;tc=fff&amp;hp=6&amp;vp=8&amp;c=5&amp;bgt=gradient&amp;bgc=ffb800&amp;ebgc=f00

#Style 9

https://dabuttonfactory.com/button.png?t=+%E2%86%91+&amp;f=Calibri-Bold&amp;ts=33&amp;tc=fff&amp;hp=6&amp;vp=8&amp;c=5&amp;bgt=gradient&amp;bgc=ccc&amp;ebgc=000

Akhir Kata
Sekian untuk tutorial pada artikel Cara Simple Menambahkan Tombol Back To Top Pada Blog kali ini, semoga yang mimin berikan dapat bermanfaat. Terus kunjungi blog COPAD atau langsung Subscribe untuk berlangganan artikel terbaru dan bermanfaat lainnya secara gratis. Untuk perhatiannya mimin ucapkan terima kasih dan mohon maaf untuk segala keterbatasan serta kesalahan dalam penulisan ataupun kata-kata yang kurang berkenan.

COPAD | Cara Membuat Sitemap / Daftar Isi Sederhana Otomatis Pada Blog Sesuai Label – Baiklah, pada kesempatan kali ini mimin akan memberikan tutorial mengenai pembuatan Sitemap yang sangat bermanfaat bagi kita dan juga bagi pengunjung. Seperti, memudahkan kita untuk lolos dalam pengajuan tahap satu maupun tahap dua dalam pendaftaran Google Adsense, memudahkan artikel-artikel kita agar dapat diindeks oleh mesin pencarian seperti Google, serta dapat memudahkan pengunjung untuk mengakses seluruh bagian dari blog kita. Kalau begitu langsung saja, berikut langkah-langkahnya. 

Namun sebelum itu silahkan cek dan lihat sendiri contohnya pada blog berikut hanya untuk memastikan. DEMO.

1. Silahkan agan masuk ke blog terlebih dahulu, setelah itu klik Halaman / Pages lalu klik Halaman Baru / New Page dan pilih HTML.

2. Masukkan judul terlebih dahulu, seperti Sitemap atau Daftar Isi. Selanjutnya, copy kode HTML di bawah lalu paste-kan pada kolom HTML sebelumnya. 

Perhatian!
Jangan lupa untuk mengganti alamat blog mimin dengan alamat blog milik kalian. Biasanya alamat blog terletak di bagian bawah dari kode HTML berikut.

<style>
p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}
a.post-titles {}
ol li{list-style-type:decimal;line-height:25px;}
</style>
<script>
//<![CDATA[
var postTitle=new Array();var postUrl=new Array();var postLabels=new Array();var postRecent=new Array();function sitemaplabel(a){function b(){if(“entry” in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var n=a.feed.entry[h];var e=n.title.$t;var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel==”alternate”){j=n.link[g].href;break}}var o=””;for(var g=0;g<n.link.length;g++){if(n.link[g].rel==”enclosure”){o=n.link[g].href;break}}var c=””;if(“category” in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(“;”);if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postUrl[ii]=j;if(h<10){postRecent[ii]=true}else{postRecent[ii]=false}ii=ii+1}}}}}b();sortBy=”titleasc”;sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2()}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postRecent[e];postRecent[e]=postRecent[g];postRecent[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d==”orderlabel”){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy=”orderlabel”;sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postRecent[f];postRecent[f]=postRecent[h];postRecent[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h=””;var e=”Post Title”;var c=”Category”;var j=””;if(postFilter!=””){j=”Click to view all”};if(l==postTitle.length)var b=document.getElementById(“toc”);b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write(“<p/>”);document.write(‘<p class=”labels”><a href=”/search/label/’+temp1+'”>’+temp1+”</a></p><ol>”);firsti=a;do{document.write(“<li>”);document.write(‘<a class=”post-titles” href=”‘+postUrl[a]+'”>’+postTitle[a]+”</a>”);if(postRecent[a]==true){document.write(‘ – <strong><span style=”color: rgb(255, 0, 0);”>Baru!</span></strong>’)}document.write(“</li>”);a=a+1}while(postLabels[a]==temp1);b=a;document.write(“</ol>”);sortPosts2(firsti,a);if(b>postTitle.length){break}}};
//]]>
</script>
<script src=”https://copadzone.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=sitemaplabel”></script>

3. Silahkan matikan komentar pembaca dengan mengklik simbol gerigi yang bertuliskan di sampingnya Pilihan / Options lalu pilih Jangan izinkan / Don’t Allow. Setelah itu klik Selesai. Ini merupakan pilihan opsional (tidak harus) namun saya sarankan.

4. Setelah semuanya selesai, langsung klik Publikasikan / Publish tanpa mengutak-atik hal lainnya lagi karena akan dapat menyebabkan eror pada kode tersebut. Contohnya, mengklik Compose lalu baru mempublikasikannya, ini akan menyebabkan eror pada kode HTML tersebut.

Perhatian!
Jika kalian ingin meng-Copy kode-kode html seperti di atas lebih baik Copy lalu Paste-kan dulu di Notepad ataupun Microsoft Word.

Dan jika eror, kalian hanya perlu menghapus halaman yang eror tersebut lalu menggantinya dengan halaman yang baru dengan mengikuti langkah-langkah yang sudah mimin jelaskan di atas. Ingat! Orang yang pintar tidak jatuh ke dalam lubang yang sama sebanyak dua kali.

Akhir Kata
Sekian untuk tutorial pada artikel Cara Membuat Sitemap / Daftar Isi Sederhana Otomatis Pada Blog Sesuai Label kali ini, semoga yang mimin berikan dapat bermanfaat. Terus kunjungi blog COPAD atau langsung Subscribe untuk berlangganan artikel terbaru dan bermanfaat lainnya secara gratis. Untuk perhatiannya mimin ucapkan terima kasih dan mohon maaf untuk segala keterbatasan serta kesalahan dalam penulisan ataupun kata-kata yang kurang berkenan.