Tuesday, November 29, 2016

Cara memasang Navigasi Page Number di blog

Navigasi Page NumberBagaimana cara memasang Navigasi berupa nomor page/halaman Pada Blog Blogger ? Navigasi page number ini biasanya dipasang pada halaman selain halaman posting, biasanya di homepage dan halaman search. Biasanya setiap blog/web memasang navigasi page number ini jika terdapat banyak postingan yang telah di terbitkan.

Navigasi Page Number ini menampilkan jumlah halaman dan tombol link suatu halaman yang akan dipergunakan untuk menampilkan postingan pada blog ataupun web. Intinya, untuk mempermudah pengunjung dalam menelusuri postingan/artikel yang ada di blog kamu. Jika di blog kamu belum terpasang navigasi ini ada baiknya jika kamu memasangnya juga.

Disini seocips akan membagikan dua cara memasang navigasi page number/nomor halaman, yaitu pertama adalah memasukannya ke dalam template dan kedua adalah menambahkannya pada widget Blog, terserah kamu mana yang kamu anggap lebih mudah cara pemasangannya. Ok, berikut cara membuat page number navigation atau cara membuat halaman 1234 dst di Blogger.

Cara 1 (Memasukan Ke dalam template)

1. Masuk ke edit dit HTML template Blog anda.
2. Cari kode ]]></b:skin>
3. Letakan kode di bawah ini di atas kode ]]></b:skin> tadi.
.blog-pager,#blog-pager{font-family:"Verdana", Times, serif;font-weight:normal;font-size:12px;width:520px;padding:17px;}
.showpageNum a,.showpage a {background: rgb(15, 124, 241);color:#FFF; margin-right:.6em;text-decoration:none;font-size:15px;font-weight:bold;line-height:0;text-align:center;padding:5px 11px 5px;}
.showpageNum a:hover,.showpage a:hover {background: rgb(0, 49, 247); color:#000000; margin-right:.6em;text-decoration:none;font-size:15px;font-weight:bold;line-height:0;text-align:center;padding:5px 11px 5px;}
.showpageOf{margin:0 8px 0 0;font-family:'Coming Soon', cursive;text-decoration:none;font-size:100%;}
.showpagePoint {background: rgb(0, 49, 247); color:#FFF; margin-right:.6em;text-decoration:none;font-size:14px;font-style:italic;line-height:0;text-align:center;padding:5px 11px 5px;}
4. Untuk merubah tamplian sesuai yang anda inginkan misalnya warna dan lain-lain anda dapat mengganti kode didepan background, color, mengganti warna garis dengan kode border di ganti. silahkan coba generator warna disini Untuk mencobanya. Sekarang lanjutkan dengan mencari kode </body> Kemudian letakan kode di bawah ini di atas kode </body> tadi.
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var home_page_url = location.href;
var pageCount=8;
var displayPageNum=3;
var upPageWord ='Previous';
var downPageWord ='Next';
function showpageCount(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
  thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'&max-results='+pageCount;
}
}
itemCount++;
}
for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
 upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}else{
 upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}
fFlag++;
}
if(p==(thisNum-1)){
html += '<span class="showpagePoint">'+thisNum+'</span>';
}else{
if(p==0){
  html += '<span class="showpageNum"><a href="/">1</a></span>';
}else{
 html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}}}
if(thisNum>1){
html = ''+upPageHtml+' '+html +' ';
}
html = '<div class="showpageArea"><span  class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}
if(postNum==1) postNum++;
html += '</div>';
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}}
function showpageCount2(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
var thisUrl = home_page_url;
for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
 thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount;
}}itemCount++;}
for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
 upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
 upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}fFlag++;}
if(p==(thisNum-1)){
html += '<span class="showpagePoint">'+thisNum+'</span>';
}else{
if(p==0){
 html = labelHtml+'1</a></span>';
}else{
 html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}}}
if(thisNum>1){
if(!isLablePage){
html = ''+upPageHtml+' '+html +' ';
}else{
html = ''+upPageHtml+' '+html +' ';
}}
html = '<div class="showpageArea"><span  class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}
if(postNum==1) postNum++;
html += '</div>';
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}}
</script>
<script type='text/javascript'>
var thisUrl = home_page_url;
if (thisUrl.indexOf("/search/label/")!=-1){
if (thisUrl.indexOf("?updated-max")!=-1){
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"));
}else{
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"));
}}
var home_page = "/";
if (thisUrl.indexOf("?q=")==-1){
if (thisUrl.indexOf("/search/label/")==-1){
document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')
}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')
}}
</script>
</b:if>
5. Untuk menampilakannya di setiap label post anda. Silahkan cari kode 'data:label.url' dan ganti dengan kode di bawah ini.
'data:label.url + &quot;?&amp;max-results=5&quot;'
6. Save tamplate anda dan lihat hasilnya.

Cara 2 (Menambahkan Sebagai Widget)

1. Di Bloggernya sobat.
2. Pilih tambahkan Widget HTML
3. Gabungkan ke dua kode di atas, ( css dan script ) atau untuk lebih mudahnya gunakan saja kode dibawah ini:
<style>
.blog-pager,#blog-pager{font-family:"Verdana", Times, serif;font-weight:normal;font-size:12px;width:520px;padding:17px;}
.showpageNum a,.showpage a {background: rgb(15, 124, 241);color:#FFF; margin-right:.6em;text-decoration:none;font-size:15px;font-weight:bold;line-height:0;text-align:center;padding:5px 11px 5px;}
.showpageNum a:hover,.showpage a:hover {background: rgb(0, 49, 247); color:#000000; margin-right:.6em;text-decoration:none;font-size:15px;font-weight:bold;line-height:0;text-align:center;padding:5px 11px 5px;}
.showpageOf{margin:0 8px 0 0;font-family:'Coming Soon', cursive;text-decoration:none;font-size:100%;}
.showpagePoint {background: rgb(0, 49, 247); color:#FFF; margin-right:.6em;text-decoration:none;font-size:14px;font-style:italic;line-height:0;text-align:center;padding:5px 11px 5px;}
</style>
<script type='text/javascript'>
var home_page_url = location.href;
var pageCount=8;
var displayPageNum=3;
var upPageWord ='Previous';
var downPageWord ='Next';
function showpageCount(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
  thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'&max-results='+pageCount;
}
}
itemCount++;
}
for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
 upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}else{
 upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}
fFlag++;
}
if(p==(thisNum-1)){
html += '<span class="showpagePoint">'+thisNum+'</span>';
}else{
if(p==0){
  html += '<span class="showpageNum"><a href="/">1</a></span>';
}else{
 html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}}}
if(thisNum>1){
html = ''+upPageHtml+' '+html +' ';
}
html = '<div class="showpageArea"><span  class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}
if(postNum==1) postNum++;
html += '</div>';
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}}
function showpageCount2(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
var thisUrl = home_page_url;
for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
 thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount;
}}itemCount++;}
for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
 upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
 upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}fFlag++;}
if(p==(thisNum-1)){
html += '<span class="showpagePoint">'+thisNum+'</span>';
}else{
if(p==0){
 html = labelHtml+'1</a></span>';
}else{
 html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}}}
if(thisNum>1){
if(!isLablePage){
html = ''+upPageHtml+' '+html +' ';
}else{
html = ''+upPageHtml+' '+html +' ';
}}
html = '<div class="showpageArea"><span  class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}
if(postNum==1) postNum++;
html += '</div>';
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}}
</script>
<script type='text/javascript'>
var thisUrl = home_page_url;
if (thisUrl.indexOf("/search/label/")!=-1){
if (thisUrl.indexOf("?updated-max")!=-1){
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"));
}else{
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"));
}}
var home_page = "/";
if (thisUrl.indexOf("?q=")==-1){
if (thisUrl.indexOf("/search/label/")==-1){
document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')
}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')
}}
</script>
5. Simpan widget dan lihat hasilnya.

Jika kamu ingin navigasi page number yang lain dan sudah valid Html5 kamu dapat membaca postingan: Navigasi Page Nuber Valid Html.

Sekian mengenai cara membuat page number navigation / cara membuat halaman 1234 di blog. Semoga bermanfaat.

Sumber
Share:

Cara Membuat Menu Accordion di Blog

Cara membuat dan memasang menu Accordion di Blog Blogger. Menu Accordion adalah berupa susunan menu yang di susun secara vertikal, mungkin memasang menu seperti ini adalah salah satu solusi untuk menyembunyikan widget yang terlalu banyak di halaman blog sobat (biasanya di letakan di sidebar blog), bisa dikatakan menghemat ruang yang terpakai jika ada banyak widget yang terpasang.

Disini saya bagikan 2 style menu accordion, yang satu menggunakan javascript dan sata tanpa java script, tampilannya juga berbeda silahkan kamu pili mana yang kamu anggap cocok untuk di pasang di blog kamu.

Cara Memasang Widget Menu Accordion di Blogger

cara memasangnya mudah saja, dan seperti biasa:
  • Buka akun blog Anda.
  • Pilih tata letak
  • Klik add gadget di menu tata letak.
  • Pilih HTML / JavaScript widget dari daftar.
  • Dalam HTML / JavaScript, pastekan kode dibawah dan simpan widget.

Menu Accordion Style 1

Menu Accordion Style 1
Menu Accordion (Style 1)


<div id="acc">
<div id="isi1">
<h3><a href="#isi1">Judul 1</a></h3>
<div class="post">
Masukkan item anda disini,bisa berupa teks atau widget. Misalnya gambar:<br/><br/>
  <img  alt="seocips" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiyH2x3wILjl_K5jrc62YTyXoo1xMeuqYr1Jzc6SKEY00bmSqR_wozlW4evD9OR2GEu5XM2un5fAhGjpSo0mfBYlmtvPYMJPpZhomarURaq56pV4uDswrZWgs1T0LkvA7NAtRcz_OYPJY/s230/Seocips-logo-head.png" title="seocips" width="100%" />
</div>
</div>
<div id="isi2">
<h3><a href="#isi2">Judul 2</a></h3>
<div class="post">
Masukkan item anda disini,bisa berupa teks atau widget
</div>
</div>
<div id="isi3">
<h3><a href="#isi3">Judul 3</a></h3>
<div class="post">
Masukkan item anda disini,bisa berupa teks atau widget
</div>
</div>
</div>
 <style>
#acc{background:#333;font:13px arial;
line-height:1.6em;padding:10px;margin:0;}
#acc h3{padding:5px 10px;margin:0;color:#222;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcoB0CNReT4e9dfM8GTt1zOf9JIJxYn5XtPEbXXECATre9XO7nP0wM15JX_FLXLPtdorZGWh_k9FRFV6z6WmRv46vJ6VaxF6YjSm6Qjxj1o5OMr667Hb8pXEeD4hBZ-mBYZTro883RvZA/s1600/seocips-mnubg.png) repeat-x top;margin:10px 4px 8px; padding:8px 16px; border:1px solid #111;}
#acc h3 a{color:#ddd;text-decoration:none;}
#acc h3 a:hover{ color:#ffcc00; }
#acc .post{background:#fff;color:#000;padding:10px;margin:10px 4px;display:none;
border:2px solid #111; transition:all .6s;}
#acc :target h3 + .post {display:block;height:200px;overflow:auto;}
#acc :target h3 a{color:#ffcc00;}
</style>

Menu Accordion Style 2

Menu Accordion Style 2
Menu Accordion (Style 2)


<div id="accordion">
    <h2>Title 1</h2>
    <div class="content">
      <!-- isi konten -->
      Isi konten 1:
      <!-- /isi konten end -->
    </div>
    <div id="accordion">
      <h2>Title 2</h2>
      <div class="content">
        <!-- isi konten start -->
        Isi konten 2
        <!-- /isi konten end -->
      </div>
      <div id="accordion">
        <h2>Title 3</h2>
        <div class="content">
          <!-- isi konten start -->
          Isi konten 3
          <!-- /isi konten end -->
        </div>
        <div id="accordion">
          <h2>Title 4</h2>
          <div class="content">
            <!-- isi konten start -->
            Isi konten 4
            <!-- /isi konten end -->
          </div>
          <div id="accordion">
            <h2>Title 5</h2>
            <div class="content">
              <!-- isi konten start -->
              Isi konten 5
              <!-- /isi konten end -->
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
<style>
  /*Accordion Seocips*/
  #accordion{width:100%;margin:auto;border:none}
  #accordion h2{padding:10px 10px;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu-ky41H00Sq9gddGS1zENTl6p68xdyIfSlgqiRzL9jA5spK_M2ZoCoFcr2DYtlZRxgtB-INpu-dewyM7Uo1APhlwKCbn1fIhrK5Jhlz08vHNZ_WnLSigMVGkNpp-jTLfDX6QlKqnkjCc/s1600/arrow_right.gif);background-repeat: no-repeat;background-position: right center;font:normal 13px Tahoma;border:1px solid #999;cursor:pointer;color:#38761d;border:1px solid #ddd;}
  #accordion .content{font:normal 12px Arial;padding:10px;border:1px solid #ddd;border-radius:5px;}
  #accordion .content ul {list-style:none;margin:0 0 0;padding:0 0 0;}
  #accordion .content li {margin:0;padding:7px 0 8px 0;text-indent:0px;border-bottom:1px dotted #ccc;line-height:1.3em;}
  #accordion .content li a:hover {text-decoration:none;color:#000;}
  #accordion h2.active{background: rgba(60,150,255,0.3);font-weight:bold;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1P1rKTcjLJw3DG3zO-zZhuHKrWU2rLJ59VQ8xgp-K0z8VDEI2qsSMOL8dX2OPx-E8HtFxAKMDJZnXlwFaskajqwGI6Q_tfW4hkvv2WYMY5dZQFut9K0Vyeq4GwLdb1ABUnOsiH4tkjZw/s1600/arrow_down.gif);background-repeat: no-repeat;background-position: right center;}
</style>
<script type="text/javascript" src="http://yourjavascript.com/121511228073/accordion-menu.js"></script>
<script type='text/javascript'>
  $(function() {
  $('#accordion .content').hide();
  $('#accordion h2:first').addClass('active').next().slideDown('slow');
  $('#accordion h2').click(function() {
  if($(this).next().is(':hidden')) {
  $('#accordion h2').removeClass('active').next().slideUp('slow');
  $(this).toggleClass('active').next().slideDown('slow');
  }
  });
  });
</script>
Nah itulah style menu accordion yang dapat saya bagikan saat, ini dan untuk style lain, nanti dilain kesempatan


Sumber
Share:

Cara Memperbaiki BOOTMGR is Missing Windows 7

Bukanlah pekerjaan yang dapat dilakukan dengan mudah untuk memperbaiki BOOTMGR is Missing Windows 7, akan tetapi dengan keuletan Anda, semua masalah akan teratasi. Kerusakan dengan peringatan seperti ini merupakan hal yang wajar terjadi. Masalah ini dapat muncul ketika komputer sedang start dan macet. Oleh karena itulah silakan simak Artikel Cara Memperbaiki BOOTMGR is Missing Windows 7 ini.
Hal ini terjadi karena saat booting komputer tidak dapat menemukan file bootmgr yang diperlukan oleh OS untuk menjalankan komputer pertama kali. Penyebab lumpuhnya bootmgr adalah bisa berasal dari software dan juga hardware.  Ada beberapa jenis �BOOTMGR is Missing� yang muncul pada komputer, diantaranya adalah :
  • BOOTMGR is missing Press Ctrl Alt Del to restart
  • BOOTMGR is missing Press any key to restart
  • Couldn�t find BOOTMGR
Sebelum kita membahas lebih jauh Cara Memperbaiki BOOTMGR is Missing Windows 7, Secara spesifik, BOOTMGR is missing terjadi dikarenakan oleh beberapa hal yaitu :
  1. File Windows 7 ada yang hilang atau terjadi konfigurasi
  2. BIOS yang jadul
  3. Kabel IDE mengalami kerusakan atau dalam keadaan longgar
  4. Booting yang tidak sempurna dari flash drive
  5. Bad sector pada harddisk ataupun kerusakan yang lain
  6. Trouble pada masalah update OS

Cara Memperbaiki BOOTMGR is Missing Windows 7 Jos Gandos!

  1. Restart saja PC Anda karena BOOTMGR is missing bisa merupakan sesuatu kebetulan saja.
  2. Pastikan pengaturan harddisk dan drive lain dalam BIOS sudah benar.
  3. Cek pemasangan kabel pada hardisk, CD room karena kabel yang longgar dapat menyebabkan BOOTMGR missing. Gantilah jika kabel mengalami kerusakan.
  4. Jika secara hardware tidak mengalami masalah Anda dapat melakukan hal sebagai berikut ini :
    1. Silakan booting dari DVD WINDOWS 7
    2. Kemudian pilihlah Repair computer
    3. Lalu Pilih Cancel agar keluar dari repair wizard
    4. Barulah akan muncul tampilan �command prompt�,�system restore�,�memory diagnostics�, dan sebagainya
    5. Pilihlah command prompt
    6. Setelah itu silakan masuk ke drive DVD Anda, misalkan di drive E, maka ketikkan saja E: kemudian enter
    7. Berikutnya silakan copy file bootmgr ke drive dimana windows terinsal misalnya secara default di drive C:. Silakan ketikkan �copy bootmgr c:� tanpa tanda petik kemudian enter
    8. Tunggu proses copynya, jika sudah selesai ketikkn saja exit kemudian tekan enter
    9. Restart komputer Anda
    10. Pilihlah �start windows normally�
    11. Semoga sukses
  5. Nah, jika masih belum sukses silakan update BIOS motherboard Anda. Lakukanlah secara hati-hati!
  6. Kemudian lakukan instal ulang windows di PC Anda.
  7. Jika hal ini masih belum menyelesaikan masalah silakan ganti hardisk Anda. Karena kemungkinan besar hardisk Anda sedang mengalami kerusakan atau Bad Sector. Namun, sebelum menggantinya Anda dapat melakukan perbaikan bad sector seperti yang telah kami tulis di artikel sebelumnya yaitu cara memperbaiki hardisk bad sector Anti selip :-)
Cara Memperbaiki BOOTMGR is Missing Windows 7 Jos Gandos! image
Nah, demikian artikel Blog Sujati Cara Memperbaiki BOOTMGR is Missing Windows 7 Jos Gandos! semoga membantu Anda. Jangan lupa bagikan artikel ini jika bermanfaat untuk teman-teman kita.

Sumber
Share:

Cara Mudah Mengganti Domain TLD Gratisan dari Freenom Untuk Blogspot

Untuk mengetahui cara mengganti domain blogspot ke domain TLD seperti .com, .net dan lain-lain, para blogger pemula seperti saya ini wajib memahami cara penyetelan-nya, agar suatu saat kita mampu melakukan sendiri tanpa meminta bantuan orang lain hanya untuk sekedar mengganti domain untuk blogspot kita sendiri.
Pada dasarnya, blogspot menggunakan domain yang terasa panjang dan kurang begitu bagus, meski ini juga bukan menjadi satu jaminan untuk menjadikan blog kita semakin populer.
mempunyai nama blog yang panjang pada blogspot menurut saya tidak begitu mudah untuk di ingat. misalnya :
www.nasi-pecel.blogspot.com
Disini penting sekali bagi blogger yang mempunyai nama blog yang panjang untuk dibuat lebih pendek lagi dengan bantuan TLD (Top Level Domain).
Apa arti dari top level domain? arti sederhana-nya yaitu nama extensi terakhir dari suatu alamat website yang umumnya ber-akhiran .com, .net, .id dan sebagai-nya.
sehingga jika kita terapkan pada contoh nama domain seperti diatas dengan TLD, maka nama web/blog kita nanti akan menjadi seperti dibawah ini contoh-nya :
www.nasi-pecel.com
www.nasi-pecel.net
www.nasi-pecel.us
www.nasi-pecel.org

dan seterus-nya...
baca juga artikel tentang kompresi gambar untuk blog agan :
http://www.koentji.tk/2015/05/tips-kompresi-gambar-untuk-webblog.html


Cara Mudah Mengganti Domain Blogspot Ke Domain TLD FreenomDengan begitu kita bisa menghilangkan subdomain blogspot yang sudah menjadi bawaan secara default sejak pertama kita buat di blogger.com.
Keuntungan dari domain TLD seperti ini tentu akan lebih mudah di ingat, karena alamat url web/blog kita menjadi semakin pendek. dan banyak lagi keuntungan-keuntungan lain yang bisa kita dapatkan, satu contoh :
Jika agan ingin membuat blog agan sebagai sarana jual-beli online, akan lebih bagus lagi jika agan menggunakan domain TLD dibanding tetap menggunakan subdomain bawaan blogger (blogspot.com). karena akan sedikit menaikkan prestise (imho).

Registrasi Domain TLD Gratis
Pada kesempatan kali ini, sebagai bahan praktek, agar kita tidak perlu mengeluarkan biaya untuk pembelian suatu domain TLD, maka saya akan memanfaatkan fasilitas domain gratis yang di sediakan oleh freenom.com, yang mana dengan bantuan layanan freenom,com tersebut, kita tidak perlu mengeluarkan biaya untuk sewa domain.
akan tetapi, selama kita menggunakan fasilitas domain gratis dari freenom ini, kita tidak bisa menggunakan domain seperti .com dan sejenis-nya. berikut ini daftar nama-nama domain yang disediakan secara gratis oleh freenom.com yang bisa kita gunakan dengan durasi satu tahun. silahkan disimak dibawah ini.
cara mengganti domain blogspot freenom
Daftar nama domain gratis dari freenom :

  • .TK
  • .ML
  • .GA
  • .CF
  • .GQ

Sebagai bahan praktek, saya rasa dengan menggunakan salah satu nama domain diatas, bagi saya sudah cukup untuk dipakai meski mungkin sebagian kalangan menganggap nama domain diatas terasa kurang ber-gengsi. namun jika agan ingin menghemat kantong, tidak ada salah-nya untuk mencoba layanan domain gratisan ini.
Selain itu, dengan metode ini, kita juga tidak perlu lagi untuk mengeluarkan biaya untuk menyewa jasa hosting, jadi semua layanan kita cari yang serba gratis dari domain hingga hosting. (suka-nya yang gratis-gratis..?!).

Oke, setelah agan setuju dengan metode ini, agan bisa melanjutkan untuk membaca artikel ini, hal yang perlu dilakukan pertama kali yaitu, agan perlu mendaftar dulu ke situs freenom.com dengan meng-klik tautan dibawah ini :
registrasi ke freenom

Silahkan memasukkan email dan password, dan ikuti petunjuk yang ada (maaf tidak saya jelaskan secara detil, karena proses registrasi-nya cukup mudah sekali).
setelah agan mengkonfirmasi proses pendaftaran yang sudah di kirimkan ke email yang agan gunakan pada proses registrasi, kini agan bisa mengakses freenom dan langsung bisa mencari ketersediaan nama domain yang akan agan gunakan. contohnya ada pada gambar dibawah ini :
Cara Mudah Mengganti Domain Blogspot Ke Domain TLD gratis dari freenom

Setelah itu silahkan cari nama domain yang akan agan terapkan untuk blogspot agan di papan pencarian, lalu silahkan tekan tombol "Cek Ketersediaan". dan tunggu hingga proses pencarian nama domain selesai (disini sebagai contoh saya mencari nama web "kemplu", sesuaikan dengan selera agan)
seperti contoh gambar dibawah ini :
hasil pencarian domain di freenom

Contoh gambar diatas menandakan bahwa nama domain "kemplu.tk" sudah ada yang menggunakan, jadi silahkan pilih yang lain, entah itu domain .ml atau mungkin .ga (kembali lagi ke selera agan).
setelah mendapatkan pilihan nama yang sesuai, lalu klik tombol "Dapatkan sekarang". sebagai contoh, saya comot nama domain "kemplu.ga" :

Cara Mudah Mengganti Domain TLD Gratisan dari Freenom Untuk Blogspot

Setelah sudah terpilih seperti gambar diatas, cari tombol "Pemeriksaan" lalu klik dan nanti akan agan temui menu seperti gambar dibawah ini :
proses pemilihan domain

Jangan lupa untuk memilih durasi 12 Month @ FREE seperti gambar diatas, lalu klik tombol "continue", ikuti proses-nya hingga selesai.

Proses seting redirect di panel blogspot.
Setelah domain gratis sudah kita dapatkan, kini agan bisa mengakses menu Domain yang ada pada panel freenom agan. lalu pilih My domain, setelah itu cari list domain yang sudah agan dapatkan tadi, lalu klik menu "Manage domain" yang ada dibagian kiri  sesuai dengan lajur nama domain-nya :

Cara Mudah Mengganti Domain TLD Gratisan dari Freenom Untuk Blogspot

Setelah terbuka, pilih menu "Manage Freenom DNS", dan setelah itu agan akan menemui tampilan seting menu input daftar DNS, silahkan input satu persatu DNS dibawah ini sesuai seperti contoh pada gambar dibawah ya? berikut daftar DNS beserta sampel gambar cara pengisian-nya :
DNS

  • 216.239.32.21
  • 216.239.36.21
  • 216.239.34.21
  • 216.239.38.21

Contoh format pengisian DNS Google di panel Freenom :
Cara Mudah Mengganti Domain TLD Gratisan dari Freenom Untuk Blogspot
bagian Name, dikosongkan
bagian Type, pilih A
bagian Target masukkan Ip DNS diatas.

Setelah proses input Dns selesai,tinggalkan dulu seting input dns tersebut, kini agan beralih dulu ke panel blogger agan, langsung akses menu "Settings" atau "Setelan" seperti gambar dibawah, lalu klik tulisan "Siapkan Url pihak ke 3 untuk blog anda"
Cara Mudah Mengganti Domain TLD Gratisan dari Freenom Untuk Blogspot

Setelah agan klik, lalu masukkan nama domain sesuai dari apa yang sudah kita dapatkan di freenom tadi. jangan lupa sertakan "www" seperti gambar dibawah ini :
Cara Mudah Mengganti Domain TLD Gratisan dari Freenom Untuk Blogspot

Setelah selesai, klik tombol "Save/Simpan", maka akan ada peringatan error seperti gambar dibawah ini, pada bagian ini agan tak perlu khawatir. pada pesan error ini, ada point penting yang harus kita catat, silahkan catat juga pada bagian gambar yang sudah saya beri tanda kotak, dan ini nanti akan kita masukkan ke panel DNS di panel freenom tadi.

Dan silahkan copy-paste satu persatu data informasi CNAME pada gambar yang saya lingkari merah tersebut ke panel DNS di freenom (sesuaikan dengan informasi CNAME milik blog agan ya..?). sampel gambar format pengisiannya seperti pada gambar dibawah.
(di teliti lagi ya sebelum mengisi dengan melihat contoh gambar dibawah)

Baru, jika dirasa sudah benar format pengisian-nya.. agan bisa menekan tombol "Save Changes" dan agan bisa pindah lagi ke setelan blogger tadi untuk menyimpan setting yang sudah agan kerjakan.
jika berhasil, nanti hasil-nya seperti gambar dibawah ini :

Dari sini agan sudah selesai melakukan penyetelan domain redirect di blogspot. agan bisa mengakses alamat url blogspot agan dengan nama yang lama, dan nanti akan otomatis di redirect ke nama domain yang sudah agan dapatkan dari freenom.
Bagaimana.. mudah bukan..?
Dengan mempelajari metode redirection domain dari freenom ini, setidaknya cukup mewakili untuk seting domain TLD dari penyedia domain yang lain. semoga artikel sederhana ini bisa membantu agan yang ingin mencoba mengganti subdomain blogspot ke domain TLD.

Sekedar catatan: di freenom, agan juga bisa membeli domain seperti .com dan yang lain. jadi freenom tidak semata menyediakan domain gratis saja, domain berbayarpun bisa agan tebus juga di situs freenom ini, dan harganya pun menurut saya cukup murah lho..

Sampai jumpa di artikel-artikel yang lain. :)

Share: