Membuat Artikel Baca Juga Sesuai Yang Kita Inginkan

Hay bos kuh, kita berjumpa lagi di Programmer SEO. Jika kemarin saya membahas tutorial tentang cara menambahkan related pos otomatis dan juga responsive. Nah, kali ini saya akan membuat related pos atau artikel baca juga sesuai keinginan kita atau secara manual di tengah postingan. Ini sangat di rekomendasikan untuk bos kuh.
Langsung saja ya bos kuh. Langkah pertama yang kita lakukan sama seperti yang kemarin yaitu:

1. Silahkan bos kuh klik Templete atau tema pada dasbor bos kuh
2. Pilih Edit HTML
3. Cari kode </head>
4. Masukan kode ini di atas tag </head>

 <style type="text/css">
/*Artikel Terkait*/
.bacajuga{position:relative;display:inline-block;border:1px solid #DDD;margin:20px 0}
.bacajuga h4{background-color:#FFF;position:absolute;margin-left:30px;margin-top:-14px;padding:0 15px;border:1px solid #DDD}
.bacajuga ul{padding:11px 41px 0;list-style:none}
.bacajuga ul a:before{font-family:fontawesome;content:"\f105";padding-right:10px}
.bacajuga li{border-radius:5px;border-bottom:1px solid rgba(227,227,227,0.33);line-height:1.7em}
</style>
<script type="text/javascript">
//<![CDATA[
function bacajuga(e){document.write("<ul>");for(var t=0;t<e.feed.entry.length;t++){for(var r=0;r<e.feed.entry[t].link.length&&"alternate"!=e.feed.entry[t].link[r].rel;r++);var n="'"+e.feed.entry[t].link[r].href+"'",l=e.feed.entry[t].title.$t,a="<li><a href="+n+'" title="'+l+'" target="_blank">'+l+"</a> </li>";document.write(a)}document.write("</ul>")}
//]]>
</script> 

Nah, fungsi dari kode di atas yaitu sebagai wadah untuk menampung kode selanjutnya. Karena kalau gak pake wadah, bisa-bisa barahe ke mana-mana. Apa itu barahe ? Bahasa apa tuh Barahe ? Itu bahasa India, eh bahasa Sunda yang artinya tumpah.

Lah, ko pembahasannya jadi kemana-mana.. hehe. Oke, kita kembali ke alur cerita. Jadi jika bos kuh telah memastekan kode di atas sebelum kode </head> sekarang :
5. Pastekan kode di bawah ini pada tiap postingan yang ingin bos kuh inginkan ada artikel terkait di sana.
.

 <div class='bacajuga'> 
<h4>Baca Juga</h4>
<script src="/feeds/posts/summary/-/Tutorial?max-results=5&alt=json-in-script&callback=bacajuga"></script>
</div> 

*Silahkan bos kuh ganti kata Tutorial dengan label yang ada di blog bos kuh
*Dan angka 5 pada Result=5, silahkan bos kuh ganti dengan judul artikel yang ingin bos kuh tampilkan

Itulah tutorial singkat cara membuat kolom baca juga secara manual. Terima kasih, semoga bermanfaat yaa bos kuh. Jangan lupa kasih tau saya lewat komentar jika berhasil.. hehe

20 LINK WA GRUP TENTANG USAHA DAN BISNIS

Salah satu target untuk meningkat pemasaran bisnis online atau toko online adalah dengan menshare produk kita ke berbagai media sosial. Diantara media sosial yang paling digunakan untuk menshare adalah Facebook, Twitter, Instagram, dan WhatsApp. Karena dengan begitu (menshare) akan lebih banyak mendapatkan pengunjung dari biasanya.

Nah, bagi kamu yang membutuhkan link WA Grup untuk mempromosikan toko online kamu, beruntung sekali kamu mengunjungi blog ini. Karena pada kesempatan ini saya akan membagi-bagikan kumpulan link WA Grup tentang wirausaha dan bisnis.

Cara Membuat Efek Preloading keren dan RESPONSIVE Pada Blog

Selamat pagi bos kuh, semoga di pagi hari nan indah dan cerah ini kita tetap diberi kekuatan dan kesehatan untuk menjalani segala rutinitas, termasuk menghiasi blog kita.. hehe. Nah, pada kesempatan kali ini saya akan membagi cara membuat efek preloding keren dan responsive pada blog. 

Apa itu efek preloading ? efek peloading yaitu merupakan sebuah transisi yang akan muncul otomatis ketika kita atau pengunjung memuat sebuah halaman web, dan kemudian selang beberapa saat efek itu akan hilang ketika halaman telah termuat sepenuhnya..

Apa perbedaan efek preloading yang responsive dan tidak responsive ?
Sebagaimana yang kita ketahui, bahwasanya pihak Google dan SEO sangat menganjurkan agar seluruh element blog atau website bersifat responsive, yang dengan kata lain mudah digunakan dalam semua perangkat, baik mobile maupun desktop (Mobile frindly atau user frindly). Hal ini jelas sangat berpengaruh terhadap kualitas pengunjung yang nongkrong ke blog kita. Semakin banyak elemen web yang responsive, semakin banyak pula pengunjung yang hadir.

Salahsatunya yaitu efek preloading. Efek preloading yang responsive akan membuat pengunjung merasa nyaman ketika menatapkan, karena efek ini di suguhkan dengan berbagai varian dan juga tidak memberatkan blog. Nah, langsung saja kita ke intinya ya bos kuh.

Tapi sebelum kita menyisipkan struktur tema preloading pada HTML kita, silahkan cari dulu kode jQuery yang ada bada blog bos kuh dengan  jQuery library versi 1.7.1  agar semakin menambah nilai responsive blog bos kuh.

Caranya:
Cari kode jQuery yang telah terpasang pada blog bos kuh (Masuk blog => klik Tema => Edit HTML). Kemudian ganti dengan script jQuery di bawah ini:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'/>

Jika sudah selesai, masih di dalam edit HTML, sekarang cari kode </body>  
Simpan kode jQuery ini di atas kode </body>

 <script type='text/javascript'>
//<![CDATA[
// Preloader
$(window).load(function(){$(".spinner").fadeOut(),$("#preloader").delay(350).fadeOut("slow"),$("body").delay(350).css({overflow:"visible"})});
//]]>
</script> 

Jika sudah, tambahkan kode  dibawah ini setelah kode <body>

 <div id='preloader'>
<svg class='spinner' height='50px' viewBox='0 0 66 66' width='50px' xmlns='http://www.w3.org/2000/svg'>
   <circle class='path' cx='33' cy='33' fill='none' r='30' stroke-linecap='round' stroke-width='4'/>
</svg>
</div> 

Simpan tema

*Jika proses tidak ada struktur tema yang rusak, maka tambahkan kode di bawah ini tepat di atas kode </head>

 <style type='text/css'>
/* Preloader */
#preloader{overflow:hidden;background:#fff;left:0;right:0;top:0;bottom:0;position:fixed;z-index:9999}
.spinner{position:absolute;top:calc(50% - 20px);left:calc(50% - 20px);animation:rotator 1.4s linear infinite}
@keyframes rotator{0%{transform:rotate(0deg)}100%{transform:rotate(270deg)}}
.path{stroke-dasharray:187;stroke-dashoffset:0;transform-origin:center;animation:dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite}
@keyframes colors{0%{stroke:#4285F4}25%{stroke:#DE3E35}50%{stroke:#F7C223}75%{stroke:#1B9A59}100%{stroke:#4285F4}}
@keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}100%{stroke-dashoffset:187;transform:rotate(450deg)}}
</style> 

 klik Simpan tema dan lihat hasilnya. S e l e s a i . . . ^_^

Nah, sekarang saya akan membagikan efek preloading yang lain yaitu efek preloading Bounce DOT. Cara pemasangan sama sebagaimana cara di atas. Hanya tinggal mengganti kode preloading di atas yang ada setelah <body>  dan </head> dengan kode dibawah ini:

 <div id='preloader'>
<div id='container' class='spinner'>
  <div id='dot'></div>
    <div class='step' id='s1'></div>
    <div class='step' id='s2'></div>
    <div class='step' id='s3'></div>
</div>
</div> 

Kemudian, ganti kode preloading css di atas yang berada di atas kode </head> dengan kode di bawah ini:

 <style type='text/css'>
/* Preloader */
#preloader{overflow:hidden;background:#54B4F5;left:0;right:0;top:0;bottom:0;position:fixed;z-index:9999}
#container{margin:-45px -60px;width:120px;height:90px;position:absolute;top:50%;left:50%}
#dot{background:#FFF;border-radius:50%;width:30px;height:30px;position:absolute;bottom:30px;left:27px;transform-origin:center bottom;animation:dot .6s ease-in-out infinite}
@-webkit-keyframes dot{0%{transform:scale(1,.7)}20%{transform:scale(.7,1.2)}40%{transform:scale(1,1)}50%{bottom:100px}46%{transform:scale(1,1)}80%{transform:scale(.7,1.2)}90%{transform:scale(.7,1.2)}100%{transform:scale(1,.7)}}
.step{position:absolute;width:30px;height:30px;border-top:2px solid #FFF;top:0;right:0}
@-webkit-keyframes anim{0%{opacity:0;top:0;right:0}50%{opacity:1}100%{top:90px;right:90px;opacity:0}}
#s1{animation:anim 1.8s linear infinite}
#s2{animation:anim 1.8s linear infinite -.6s}
#s3{animation:anim 1.8s linear infinite -1.2s}
</style> 

*Simpan tema, dan lihat hasilnya. 

Nah, itulah tutorial cara membuat efek preloading keren dan juga responsive untuk blog. Semoga artikel singkat ini dapat memberi manfaat pada kita semua.. aamiin.

S E L E S A I...

Cara Membuat Tabel Keren di Blog

Selamat malam bos kuh yang masih setia nangkring di blog Programmer SEO. Pada kesempatan kali ini saya akan membagikan tutorial cara membuat tabel keren di dalam postingan artikel. Sering kali para blogger kerepotan untuk membuat tabel di blog, khususnya bagi mereka yang ingin membuat daftar angka, soal, menu makanan, atau pun yang lainnya.

Nah, beruntung sekali bos kuh yang sudah menemukan artikel ini, karena dalam artikel ini saya akan membagikan cara mudah membuat tabel untuk postingan bos kuh. Hanya butuh waktu kurang lebih satu menit, tabel pun langsung. Terus, bagaimana bentuk tabel yang mudah itu ? Apakah tampilannya menarik ?

Tenang bos kuh, tabel yang saya buat, insyaa Allah menarik. Lihat contoh tabelnya di bawah ini :

#1. Tabel Pertama

Table Header 1	Table Header 2	Table Header 3
Division 1	Division 2	Division 3
Division 1	Division 2	Division 3
Division 1	Division 2	Division 3

Bagaimana bos kuh, tabelnya keren dan menarik kan ?
Nah, bagi bos kuh yang pengen memasang tabel keren di blog bos kuh. Silahkan copy struktur kodenya di bawah ini :

 <table cellpadding="0" cellspacing="0" style="text-align: left;">
    <tbody>
        <tr>
            <th>Table Header 1</th>
            <th>Table Header 2</th>
            <th>Table Header 3</th>
        </tr>
        <tr>
            <td>Division 1</td>
            <td>Division 2</td>
            <td>Division 3</td>
        </tr>
        <tr>
            <td>Division 1</td>
            <td>Division 2</td>
            <td>Division 3</td>
        </tr>
        <tr>
            <td>Division 1</td>
            <td>Division 2</td>
            <td>Division 3</td>
        </tr>
    </tbody>
</table>. 

#2. Tabel Kedua

No.	Nama	Alamat	No HP	Email
1	... Masukan Nama ...	... Masukan alamat...	...masukan no hp...	...masukan email...
2	... Masukan Nama ...	... Masukan alamat...	...masukan no hp...	...masukan email...
3	... Masukan Nama ...	... Masukan alamat...	...masukan no hp...	...masukan email...
4	... Masukan Nama ...	... Masukan alamat...	...masukan no hp...	...masukan email...
5	... Masukan Nama ...	... Masukan alamat...	...masukan no hp...	...masukan email...
6	... Masukan Nama ...	... Masukan alamat...	...masukan no hp...	...masukan email...
7	... Masukan Nama ...	... Masukan alamat...	...masukan no hp...	...masukan email...
8	... Masukan Nama ...	... Masukan alamat...	...masukan no hp...	...masukan email...
9	... Masukan Nama ...	... Masukan alamat...	...masukan no hp...	...masukan email...
10	... Masukan Nama ...	... Masukan alamat...	...masukan no hp...	...masukan email...

Jika ingin mendapatkan code tabel ke dua, silahkan copykan code dibawah ini :

 <table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 width=567
 style='width:425.1pt;margin-left:.15pt;border-collapse:collapse'>
 <tr style='height:20.25pt'>
  <td width=44 nowrap valign=top style='width:33.3pt;border:solid windowtext 1.0pt;
  background:#C5E0B3;padding:0cm 5.4pt 0cm 5.4pt;height:20.25pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><b><span style='color:black'>No.</span></b></p>
  </td>
  <td width=144 nowrap valign=top style='width:108.3pt;border:solid windowtext 1.0pt;
  border-left:none;background:#C5E0B3;padding:0cm 5.4pt 0cm 5.4pt;height:20.25pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><b><span style='color:black'>Nama</span></b></p>
  </td>
  <td width=132 nowrap valign=top style='width:99.15pt;border:solid windowtext 1.0pt;
  border-left:none;background:#C5E0B3;padding:0cm 5.4pt 0cm 5.4pt;height:20.25pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><b><span style='color:black'>Alamat</span></b></p>
  </td>
  <td width=123 nowrap valign=top style='width:92.55pt;border:solid windowtext 1.0pt;
  border-left:none;background:#C5E0B3;padding:0cm 5.4pt 0cm 5.4pt;height:20.25pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><b><span style='color:black'>No HP</span></b></p>
  </td>
  <td width=122 nowrap valign=top style='width:91.8pt;border:solid windowtext 1.0pt;
  border-left:none;background:#C5E0B3;padding:0cm 5.4pt 0cm 5.4pt;height:20.25pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><b><span style='color:black'>Email</span></b></p>
  </td>
 </tr>
 <tr style='height:15.0pt'>
  <td width=44 nowrap valign=bottom style='width:33.3pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><span style='font-size:9.0pt;
  font-family:"Arial","sans-serif";color:black'>1</span></p>
  </td>
  <td width=144 nowrap valign=bottom style='width:108.3pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... Masukan Nama ...</span></p>
  </td>
  <td width=132 nowrap valign=bottom style='width:99.15pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... <i>Masukan alamat...</i></span></p>
  </td>
  <td width=123 nowrap valign=bottom style='width:92.55pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan no hp...</i></span></p>
  </td>
  <td width=122 nowrap valign=bottom style='width:91.8pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan email...</i></span></p>
  </td>
 </tr>
 <tr style='height:15.0pt'>
  <td width=44 nowrap valign=bottom style='width:33.3pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><span style='font-size:9.0pt;
  font-family:"Arial","sans-serif";color:black'>2</span></p>
  </td>
  <td width=144 nowrap valign=bottom style='width:108.3pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... Masukan Nama ...</span></p>
  </td>
  <td width=132 nowrap valign=bottom style='width:99.15pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... <i>Masukan alamat...</i></span></p>
  </td>
  <td width=123 nowrap valign=bottom style='width:92.55pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan no hp...</i></span></p>
  </td>
  <td width=122 nowrap valign=bottom style='width:91.8pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan email...</i></span></p>
  </td>
 </tr>
 <tr style='height:15.0pt'>
  <td width=44 nowrap valign=bottom style='width:33.3pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><span style='font-size:9.0pt;
  font-family:"Arial","sans-serif";color:black'>3</span></p>
  </td>
  <td width=144 nowrap valign=bottom style='width:108.3pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... Masukan Nama ...</span></p>
  </td>
  <td width=132 nowrap valign=bottom style='width:99.15pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... <i>Masukan alamat...</i></span></p>
  </td>
  <td width=123 nowrap valign=bottom style='width:92.55pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan no hp...</i></span></p>
  </td>
  <td width=122 nowrap valign=bottom style='width:91.8pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan email...</i></span></p>
  </td>
 </tr>
 <tr style='height:15.0pt'>
  <td width=44 nowrap valign=bottom style='width:33.3pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><span style='font-size:9.0pt;
  font-family:"Arial","sans-serif";color:black'>4</span></p>
  </td>
  <td width=144 nowrap valign=bottom style='width:108.3pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... Masukan Nama ...</span></p>
  </td>
  <td width=132 nowrap valign=bottom style='width:99.15pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... <i>Masukan alamat...</i></span></p>
  </td>
  <td width=123 nowrap valign=bottom style='width:92.55pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan no hp...</i></span></p>
  </td>
  <td width=122 nowrap valign=bottom style='width:91.8pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan email...</i></span></p>
  </td>
 </tr>
 <tr style='height:15.0pt'>
  <td width=44 nowrap valign=bottom style='width:33.3pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><span style='font-size:9.0pt;
  font-family:"Arial","sans-serif";color:black'>5</span></p>
  </td>
  <td width=144 nowrap valign=bottom style='width:108.3pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... Masukan Nama ...</span></p>
  </td>
  <td width=132 nowrap valign=bottom style='width:99.15pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... <i>Masukan alamat...</i></span></p>
  </td>
  <td width=123 nowrap valign=bottom style='width:92.55pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan no hp...</i></span></p>
  </td>
  <td width=122 nowrap valign=bottom style='width:91.8pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan email...</i></span></p>
  </td>
 </tr>
 <tr style='height:15.0pt'>
  <td width=44 nowrap valign=bottom style='width:33.3pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><span style='font-size:9.0pt;
  font-family:"Arial","sans-serif";color:black'>6</span></p>
  </td>
  <td width=144 nowrap valign=bottom style='width:108.3pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... Masukan Nama ...</span></p>
  </td>
  <td width=132 nowrap valign=bottom style='width:99.15pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... <i>Masukan alamat...</i></span></p>
  </td>
  <td width=123 nowrap valign=bottom style='width:92.55pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan no hp...</i></span></p>
  </td>
  <td width=122 nowrap valign=bottom style='width:91.8pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan email...</i></span></p>
  </td>
 </tr>
 <tr style='height:15.0pt'>
  <td width=44 nowrap valign=bottom style='width:33.3pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><span style='font-size:9.0pt;
  font-family:"Arial","sans-serif";color:black'>7</span></p>
  </td>
  <td width=144 nowrap valign=bottom style='width:108.3pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... Masukan Nama ...</span></p>
  </td>
  <td width=132 nowrap valign=bottom style='width:99.15pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... <i>Masukan alamat...</i></span></p>
  </td>
  <td width=123 nowrap valign=bottom style='width:92.55pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan no hp...</i></span></p>
  </td>
  <td width=122 nowrap valign=bottom style='width:91.8pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan email...</i></span></p>
  </td>
 </tr>
 <tr style='height:15.0pt'>
  <td width=44 nowrap valign=bottom style='width:33.3pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><span style='font-size:9.0pt;
  font-family:"Arial","sans-serif";color:black'>8</span></p>
  </td>
  <td width=144 nowrap valign=bottom style='width:108.3pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... Masukan Nama ...</span></p>
  </td>
  <td width=132 nowrap valign=bottom style='width:99.15pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... <i>Masukan alamat...</i></span></p>
  </td>
  <td width=123 nowrap valign=bottom style='width:92.55pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan no hp...</i></span></p>
  </td>
  <td width=122 nowrap valign=bottom style='width:91.8pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan email...</i></span></p>
  </td>
 </tr>
 <tr style='height:15.0pt'>
  <td width=44 nowrap valign=bottom style='width:33.3pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><span style='font-size:9.0pt;
  font-family:"Arial","sans-serif";color:black'>9</span></p>
  </td>
  <td width=144 nowrap valign=bottom style='width:108.3pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... Masukan Nama ...</span></p>
  </td>
  <td width=132 nowrap valign=bottom style='width:99.15pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... <i>Masukan alamat...</i></span></p>
  </td>
  <td width=123 nowrap valign=bottom style='width:92.55pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan no hp...</i></span></p>
  </td>
  <td width=122 nowrap valign=bottom style='width:91.8pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan email...</i></span></p>
  </td>
 </tr>
 <tr style='height:15.0pt'>
  <td width=44 nowrap valign=bottom style='width:33.3pt;border:solid windowtext 1.0pt;
  border-top:none;padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
  text-align:center;line-height:normal'><span style='font-size:9.0pt;
  font-family:"Arial","sans-serif";color:black'>10</span></p>
  </td>
  <td width=144 nowrap valign=bottom style='width:108.3pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... Masukan Nama ...</span></p>
  </td>
  <td width=132 nowrap valign=bottom style='width:99.15pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>... <i>Masukan alamat...</i></span></p>
  </td>
  <td width=123 nowrap valign=bottom style='width:92.55pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan no hp...</i></span></p>
  </td>
  <td width=122 nowrap valign=bottom style='width:91.8pt;border-top:none;
  border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  padding:0cm 5.4pt 0cm 5.4pt;height:15.0pt'>
  <p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
  normal'><span style='font-size:9.0pt;font-family:"Arial","sans-serif";
  color:black'>...<i>masukan email...</i></span></p>
  </td>
 </tr>
</table> 

Jika sudah di copy, silahkan:
1. Buka Entri Baru sebagaimana biasa membuat postingan
2. Alihkan toolbar Compose ke HTML
3. Pastekan di bawah </div>
4. Pindahkan kembali ke mode Compose
5. Coba bos kuh klik pratinjau
6. Jika muncul sebagaimana tabel yang ada di artikel ini, selamat bos kuh, bos kuh sudah berhasil membuat tabel keren di blog.
7. Langkah selanjutnya silahkan bos kuh ubah nama-nama yang ada pada tabel itu dengan yang bos kuh inginkan.

Untuk mengubahnya, alihakan dulu dari mode Compose ke HTML, jika sudah selesai pengeditan, alihkan kembali ke mode Compose.

Sepertinya hanya segitu tutorial yang bisa saya berikan, kebetulan waktu sudah menunjuk pada angka 23.01, sudah lumayan ngantuk. Oke bos kuh, sampai berjumpa lagi di lain kesempatan. 

Cara Submit Sitemap Dan Artikel Ke Google Web Master

Hay bos kuh, berjumpa lagi dengan saya yang selalu mengoceh ini di setiap harinya. Entah pagi,entah siang, entah sore, sepertinya hampir setiap waktu saya tak jemu untuk terus mengoceh dan mengoceh.. hehe. Tapi mudah-mudahan bos kuh tidak bosan mendengarkan bercerita. 

Pada artikel kali ini saya akan menceritakan sebuah kisah, eh maaf, maksudnya pada kesempatan kali ini saya akan membuat tutorial tentang cara mensubmit sitemap dan artikel ke Google Console atau Google Web Master. Lah, untuk apa yaa kang harus di submit segala ? Terus Pengertian submit dan Google Web Master itu apa ?

Google Web Master atau Google Console merupakan sebuah tool yang di sediakan perusahaan Google untuk para pemilik website atau blog yang berfungsi sebagai alat bantu peng-indeks-an. Dengan adanya google web master ini, setiap artikel yang telah kita buat dapat cepat terindax atau terdeteksi mesin pencari Google sehingga akan lebih cepat mendapatkan trafik pengunjung.

Mendaftarkan website, mensubmit sitemap, dan artikel kita ke Google Web Master merupakan salah satu bagian dari teknik SEO yang wajib di lakukan oleh para pemilik blog agar blog atau website yang sedang di kelola mendapatkan perhatian lebih dari search engine.

Sementara itu, pengertian submit yaitu menyerahkan data yang pada situs kita ke pihak google. Penyerahan data tersebut mencakup seluruh isi halaman web atau blog kita, dan juga artikel-artikel yang telah kita buat. Untuk Untuk penyerahan data yang mencakup seluruh isi halaman (seperti nama konten/label, privacy policy, disclaimer, TOS, about, dsb) kita hanya cukup menyerahkan sitemapnya saja.  Akan tetapi untuk setiap artikel yang baru kita buat, kita harus menyerahkan atau mensubmitnya satu per satu. 

"Lah kang, untuk apa harus mensubmit satu per satu, bukankah tanpa kita submit, nantinya artikel kita akan tetap ada di search engine ?"

Iya, memang benar. Meski tanpa kita submit pun, nanti juga artikel kita akan muncul di mesin telusur. Tapi untuk bisa muncul di mesin telusur, akan membutuhkan proses yang tidak sebentar, bisa berminggu-minggu bahkan sampai satu bulan lebih. 

Namun jika kita mensubmit langsung artikel kita satu per satu ke web master, hanya 2 menit maka artikel kita sudah nongkrong di search engine. Hebat bukan ? Itulah pentingnya mengapa kita harus segera mensubmit artikel kita setelah kita selesai membuatnya.

Sampai disini paham kan bos kuh ? saya anggap paham saja yaa.. hehe. Oke, lanjut ke tema awal tentang cara mensubmit sitemap dan artikel ke Google Web Master. 

#1 Cara Submit Ke Google Web Master
Langkah pertama yang harus bos kuh lakukan yaitu :
1. Silahkan masuk ke Situs Google Web Master
2 Klik Peta Situs (sitemap)

Jika bos kuh sudah mengkliknya, maka secara otomatis halaman akan beralih ke seperti gambar di bawah ini.

Pada kolom berwarna merah silahkan masukan peta situsnya. yaitu dengan memasukan:  sitemap.xml
Jika sudah selesai, langsung klik kirim. Dengan begitu Googlebot akan merayapi situs kita, melihat satu per satu konten yang ada pada halaman blog kita.

Untuk lebih memudahkannya, silahkan bos kuh masukan satu per satu sitemap di bawah  ini : 

1. sitemap.xml
2. atom.xml?
3. atom.xml?redirect=false
4. atom.xml?alt=rss
5. feeds/posts/default
6. feeds/posts/default?alt=rss
7. feeds/posts/default?orderby=updated

Jika artikel bos kuh kurang dari 500 buah, silahkan masukan kode di bawah ini:

atom.xml?redirect=false&start-index=1&max-results=500

Dan jika artikel bos kuh sudah mencapai 501 sampai 1000, bisa memasukan peta situs di bawah ini:

atom.xml?redirect=false&start-index=501&max-results=1000

Dan jika artikel bos kuh sudah mencapai 1001 sampai 1500, bisa ditambahkan dengan sitemap seperti ini

atom.xml?redirect=false&start-index=1001&max-results=1500

Begitu seterusnya pada tiap kelipatan 500. Sebagai tambahan agar performa situs kita menjadi lebih mantabb, bisa tambahkan sitemap dibawah ini:

feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc

Selamat, karena sekarang situs bos sudah masuk ke dalam pengindeks-an Google. Selanjutnya yaitu tentang cara mensubmit atau mencrawl artikel di Google Console.

#2. Cara Submit Artikel di Google Web Master
Sebetulnya pensubmitan artikel pada google web master berfungsi sebagai pengcrawl-an atau pengrayapan yang di lakukan oleh bot google terhadap artikel kita. Antara submit dan crowl mempunyai fungsi yang sama, yakni agar artikel kita cepat terindex.

Agar kita dapat mensubmit artikel kita ke Google web Master, silahkan :
1. Alihkan dulu tampilan web consule ke versi lama
2. Klik Crawl 
3. Pilih Fetch as Google

4. Masukan URL artikel bos kuh pada kolom yang telah saya lingkari dengan warna biru langit.

*URL yang di masukan Harus dari tahun sampai HTML. Lihat gambar di bawah ini.

5. Selanjutnya klik Fetch.
6. Klik Request
7. Maka bos kuh akan di arahkan pada pemilihan gambar rechaptcha. 
8. Jika sudah selesai, Klik Crawl This Only

S e l e s a i . . . 
itulah bos kuh tutorial cara memasukan sitemap dan submit artikel ke Google Console. Terima kasih, semoga bermanfaat. Sampai jumpa di lain waktu.