Cara Cek Link Rusak (Broken Link) Pada Blog Beserta Tutorial Mengatasinya


Broken Link atau link rusak adalah sebuah link yg tak mampu diakses karena terdapat beberapa kesalahan pada link tadi. Baik lantaran kesalahan penulisan link, link telah dihapus, maupun lantaran kasus lain.

Ada beberapa indikasi broken link, salah satu yg paling sering kali dijumpai adalah kesalahan 404. Kesalahan 404 mengindikasikan bahwa link tadi sudah rusak, dengan alasan bahwa link sudah dihapus.

Didalam sebuah blog ada beberapa bagian yg sanggup mengakibatkan keluarnya broken link/link rusak, antara lain:

  • Link dalam postingan
  • Kesalahan penulisan link
  • komentar


ketiga bagian di atas adalah bagian blog yang paling sering menjadi penyebab timbulnya link rusak. Yang pertama merupakan pada postingan itu sendiri. Kalang kala kamu akan menyertakan link lain kedalam postingan blog anda.

Jika link yang kamu tautkan didalam postingan ini telah dihapus oleh pemilik-nya maka link tersebut akan menjadi broken link.

Yang kedua merupakan kesalahan penulisan link. Kadang kala dalam penulisan sebuah link masih ada kesalahan penulisan, seperti kurangnya titik pada link atau bisa pula kesalahan dalam penulisan huruf.

Dan yg terakhir merupakan broken link sanggup berasal dari komentar. Kolom komentar yang didalamnya terdapat link aktif bukanlah sebuah perkara, namun apabila link aktif tersebut menuju ke sebuah halaman blog lain yang ternyata sudah dihapus maka mampu mengakibatkan pada keluarnya link rusak.

Broken link yang ada dalam sebuah blog akan berdampak buruk bagi blog itu sendiri. Karena google sendiri tidak sangat senang blog yg didalamnya terdapat banyak link rusak, maka sanggup jadi blog anda akan terkena deindex.

Nah oleh sebab itu kamu wajib selalu memperhatikan apakah didalam blog kamu masih ada broken link? Anda pula harus tahu dimana posisi broken link tadi, dan kemudian anda wajib memperbaiki broken link yang terdapat.

Disini admin akan mencoba menaruh anda sebuah cara untuk memahami apakah blog kamu masih ada broken link atau tidak, serta juga cara memperbaikinya apabila memang terdapat broken link. Baiklah buat caranya kamu mampu melihat pada panduan dibawah ini:

1. Buka situs berikut Online Broken Link Checker


2. Masukan URL blog kamu dalam kolom yang tersedia, kemudian klik "Find Broken Links"
3. Lalu masukan "Security Code" yg ditampilkan
4. Pada area di bawahnya, silahkan pilih dalam "Report all occurrences of each dead link (may be slower)


5. Selanjutnya klik pada "Find Broken Links Now!"
6. Tunggu beberapa dikala hingga proses scanning selesai.
7. Jika didalam blog anda ditemukan link rusak(broken link), maka tampilannya akan seperti ini:

Sampai tahap ini anda sudah berhasil menemukan link rusak dalam blog kamu, maka langkah selanjutnya merupakan cara memperbaiki link tadi. Caranya merupakan sebagai berikut:

  1. Copy URL yang ditampilkan pada menu "Broken Link"
  2. Klik catatan "src" yg berada dalam hidangan "Page Where Found"
  3. Akan ditampilkan tab jendela baru yang mengarah pada salah satu postingan blog yang masih ada link rusak. Letak link rusak akan ditandai dengan warna Merah.
  4. Untuk memudahkan pada pencarian dimana posisi link rusak, silahkan tekan CTRL+F serta pastekan URL yang sudah dicopy sebelumnya. Kemudian tekan "Enter"
  5. Maka kamu melihat link rusak dalam postingan tadi.
  6. Tugas anda selanjutnya adalah masuk ke blogger.com dan pilih postingan yang masih ada link rusak
  7. Cari serta temukan letak link rusak yang ada pada postingan tersebut. Kemudian hapus link yang terdapat di pada postingan tersebut.
  8. Klik "Update"
  9. Lakukan cara 1-8 secara berulang hingga seluruh link rusak hilang.

Apabila anda telah berhasil menghapus seluruh link yg rusak, maka untuk memastikannya anda bisa membuka situs Online Broken Link Checker lagi. Apabila terdapat tulisan:

"STATUS COMPLETED!
Processed ... Web pages, found 0 broken links


Itu adalah blog anda telah bersih dari link rusak(broken link).

Nah anda, hingga dalam tahap ini anda sudah berhasil melakukan pengecekan serta perbaikan masih ada broken link.

Tetapi walaupun anda sudah berhasil memperbaiki broken link, namun kamu harus tetap rajin mengecek broken link setiap saat. Karena kita tidak tahu kapan serta dimana akan munculnya broken link itu.


Semoga apa yang admin sampaikan kali ini bisa menaruh manfaat buat kamu ya. Akhir ungkap saya ucapkan terimakasih serta sampai jumpa.

Cara Membuat Widget Breaking News Slider Sederhana Di Blog


Widget Breaking News adalah sebuah widget tambahan yg dipakai buat menampilkan berbagai postingan terbaru di pada blog.

Fungsinya memang mirip beserta widget Recent Post, yg membedakan merupakan tampilannya saja.

Sesuai bersama namanya widget breaking news ini memiliki tampilan layaknya kalimat-kalimat informasi yang sering kali kita jumpai di televisi.

Dengan memakai widget ini di blog kamu, tentunya akan mempermudah pengunjung pada menemukan setiap postingan terbaru didalam blog kamu.

Didalam pembahasan kali ini admin akan memberikan kamu sebuah cara buat menciptakan widget breaking news sederhana serta yang pasti tak akan memperberat loading blog anda.

Jika biasanya widget breaking news ditampilkan dengan catatan berjalan, maka hal ini cukup berbeda beserta widget breaking news yang akan saya bahas kali ini.

Yang membuat widget ini tidak sama adalah tampilannya yg berbentuk slider dengan disertai tumbnail.

Untuk lebih jelasnya, silahkan ikuti panduan membuat widget breaking news slider berikut:

1. Login ke blogger
2. Pilih Tema>Edit HTML
3. Masukan kode berikut, sebelum kode ]]></b:skin> atau </style>
/* CSS News Ticker */.ticker-wrapdisplay:block;text-align:center;margin:0 20px 20px 20px;padding:2px;background:#fefefe;border:1px solid rgba(0,0,0,0.1);border-left:5px solid #3cc091.ticker-wrap>spandisplay:inline-block;background:#fefefe;padding:0;font:700 13px 'roboto',sans-serif.ticker-wrap>span>acolor:#222;text-decoration:none#tickerheight:45px;overflow:hidden;background:#fefefe;text-align:justify#ticker ulpadding:0;margin:0;list-style:none#ticker ul liheight:45px;white-space:nowrap#ticker ul li imgfloat:left;width:35px;height:35px;margin:5px 7px 5px 5px#ticker ul li h3margin:0;font:700 16px 'roboto',sans-serif#ticker ul li h3 acolor:#333;text-decoration:none;line-height:25px!Important#ticker ul li .tickermetafont:400 13px 'roboto',sans-serif;line-height:20px!Important;color:#999

4. Tambahkan juga kode dibawah ini, sebelum </body>
<script type='text/javascript'>//<![CDATA[// Breaking News tickerfunction getauthor(t)for(var e=0;e<t.length;e++)var i=t[e].name.$t;return ifunction getmeta(t)var e=[];e[1]="Jan",e[2]="Feb",e[3]="Mar",e[4]="Apr",e[5]="May",e[6]="Jun",e[7]="Jul",e[8]="Aug",e[9]="Sep",e[10]="Oct",e[11]="Nov",e[12]="Dec";var i=t.substring(0,4),a=t.substring(5,7),n=t.substring(8,10),r=e[parseInt(a,10)]+" "+n+" "+i;return rfunction arlinadesignTicker(t)var e=document.querySelector("#ticker"),i=t.feed.entry,a="<ul id='ticket-wrapper-inner'>";if(i)for(var n=0;n<i.length;n++)for(var r=i[n],s=0;s<r.link.length;s++)if("alternate"==r.link[s].rel)var l=r.link[s].href;breaktryvar o='<img src="'+r.media$thumbnail.url+'"/>'catch(t)var o=""var u=r.title.$t,c=getauthor(r.author),d=getmeta(r.published.$t);a+="<li>"+o+'<h3><a href="'+l+'">'+u+'</a></h3><div class="tickermeta"><span>'+c+"</span> - <span>"+d+"</span></div></li>"a+="</ul>",e.innerHTML=a$("#ticker").vticker()!Function(t)var e=speed:700,pause:4e3,showItems:1,mousePause:!0,height:0,animate:!0,margin:0,padding:0,startPaused:!1,i=moveUp:function(t,e)i.animate(t,e,"up"),moveDown:function(t,e)i.animate(t,e,"down"),animate:function(e,i,a)var n=e.itemHeight,r=e.options,s=e.element,l=s.children("ul"),o="up"===a?"li:first":"li:last";s.trigger("vticker.beforeTick");var u=l.children(o).clone(!0);if(0<r.height&&(n=l.children("li:first").height()),n+=r.margin+2*r.padding,"down"===a&&l.css("top","-"+n+"px").prepend(u),i&&i.animate)if(e.animating)return;e.animating=!0,l.animate("up"===a?Top:"-="+n+"px":top:0,r.speed,function()t(l).children(o).remove(),t(l).css("top","0px"),e.animating=!1,s.trigger("vticker.afterTick"))else l.children(o).remove(),l.css("top","0px"),s.trigger("vticker.afterTick");"up"===a&&u.appendTo(l),nextUsePause:function()2>e.itemCountanimate:i.animate),startInterval:function()var e=t(this).data("state"),a=this;e.intervalId=setInterval(function()i.nextUsePause.call(a),e.options.pause),stopInterval:function()var e=t(this).data("state");e&&(e.intervalId&&clearInterval(e.intervalId),e.intervalId=void 0),restartInterval:function()i.stopInterval.call(this),i.startInterval.call(this),a=init:function(n)a.stop.call(this);var r=jQuery.extend(,e);n=t.extend(r,n);var r=t(this),s=itemCount:r.children("ul").children("li").length,itemHeight:0,itemMargin:0,element:r,animating:!1,options:n,isPaused:n.startPaused?!0:!1,pausedByCode:!1;t(this).data("state",s),r.css(overflow:"hidden",position:"relative").children("ul").css(position:"absolute",margin:0,padding:0).children("li").css(margin:n.margin,padding:n.paddingvar e=t(this);e.height()>s.itemHeight&&(s.itemHeight=e.height())),r.children("ul").children("li").each(function()t(this).height(s.itemHeight)i.startInterval.call(l),n.mousePause&&r.bind("mouseenter",function()!0!==s.ispaused&&(s.pausedByCode=!0,i.stopInterval.call(l),a.pause.call(l,!0))).bind("mouseleave",function()(!0!==s.ispaused),pause:function(e)var i=t(this).data("state");if(i)if(2>i.itemCount)return!1;i.ispaused=e,i=i.element,e?(t(this).addclass("paused"),i.trigger("vticker.pause")):(t(this).removeClass("paused"),i.trigger("vticker.resume")),next:function(e)var a=t(this).data("state");if(a)2>a.itemCount)return!1;i.restartInterval.call(this),i.moveUp(a,e),prev:function(e)var a=t(this).data("state");if(a)2>a.itemCount)return!1;i.restartInterval.call(this),i.moveDown(a,e),stop:function()t(this).data("state")&&i.stopInterval.call(this),remove:function()var e=t(this).data("state");e&&(i.stopInterval.call(this),e=e.element,e.unbind(),e.remove());t.fn.vticker=function(e)return a[e]?A[e].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof e&&e?Void t.error("Method "+e+" does not exist on jQuery.vticker"):a.init.apply(this,arguments)(jQuery),$(function()var t=document.createElement("script");t.src="https://"+$(".ticker-wrap").data("domain")+"/feeds/posts/summary?Alt=json&callback=arlinadesignTicker",t.type="text/javascript",document.getelementsByTagName("body")[0].appendChild(t));//]]></script>

5. Masih di lokasi yg sama, tambahkan pula kode berikut, diantara kode <body> serta </body>
<div class='ticker-wrap' data-domain='tipsblogmfs.blogspot.com'><div id='ticker'></div></div>

catatan:
ubah kode yang telah diberi tanda, dengan URL blog anda6. Simpan Tema serta selesai


Untuk melihat hasilnya, silahkan cek situs blog kamu. Jika tampilan breaking news slider telah timbul itu tandanya anda telah berhasil menerapkan cara-cara di atas beserta benar . Selebihnya, silahkan kembangkan sendiri ya.

Oke saya rasa itu saja yang dapat saya sampikan, kurang lebihnya mohon maaf. Akhir kata saya ucapkan terimakasih serta sampai jumpa.