Cara Grab sengan Wapqu

baik langsung saja saya berikan tutorial grab wapqu versi saya .

pertama yang harus kamu ketahui adalah tag :to-id:,

:to-id: berguna untuk mendapatkan / get url, di wapqu juga udah tertulis,contoh mudahnya kita grab situs wapka.

ini tentu sangat mudah, mudah banget malah. contoh kita mau grab wap anu.com ,grab aja langsung dari line 1 sampai 1000 biar mudah.

---> fungsi replace digrabber wapqu <---

untuk replace pertama, kita tadi kan sudah grab anu.com , sekarang kita buat agar semua anu.com menjadi milik kita :). replace anu.com ke / menjadi :site_url:/site-contoh.html?to-id= , dengan begini semua konten anu.com akan menjadi milik kita.

buatlah page baru kasih nama 'contoh' tanpa tanda kutip. trus grab lagi anu.com. tp skrg grabnya dikasih :to-id:, jadinya anu.com/:to-id: . line nya sama 1-1000.

nah begini saja semua konten anu.com menjadi milik kita ,mudah bukan .
nah pintar2lah gunain fungsi replace ya, yg hrus km tau ni, yg dpt kita replace itu bkn cuma text atau link saja, tapi bisa jg buat ngereplace tag html.

misal <div class="anu">, nh itu bisa jg direplace menjadi <span class="anuin"> ,,knp saya menyarankan line nya dr 1-1000? krna kita bisa replace tag html sesuka kita.
demonya : www.musicstore.wapqu.com .

kalau km melihat source ,& menemui link yg bgini <a href="/anu/anumu/ahnana.mp3">blabla</a>, (*gk ada urlnya*)

tentunya akan sangat mudah mengatasi hal seperti itu. dulu ane jg sempat bgng ttg ini.

kita gunakan fungsi replace, yah replace, replace nya begini,

ex : <a href="/anu/blabla.html">

td kn yg kita grab anu.com, jd replace nya begini

  <a href="anu.com/anu/bblala.html

nh td kn kita uda replace anu.com ke site-kamu.html?to-id= , otomatis yg <a href="anu.com/anu/bblala.html menjadi <a href="site-kmu.html?to-id=anu/bblala.html
 

ini akan lbh menghemat waktu karena kita tk perlu memikirkan line per line.

& kita hny perlu mmbuat 1 halaman buat get :to-id:nya ..

kita jg bsa megganti tag2 meta,, pokoknya jd seru bgt dueeehhh  ,,,, oke sekian enjoy grabbing .

by : bugg

Tutorial Cara Submit Sitemap Blog Ke Google Webmaster Tools

Tutorial Cara Submit Sitemap Blog Ke Google Webmaster Tools - Google merupakan salah satu sumber traffik terbesar bagi blog, karena mesin pencari milik google sangat disukai banyak orang. Sehingga google sangat ampuh untuk mendatangkan traffik. Bukan hanya digemari, mesin pencari google merupakan Search Engine nomor satu di dunia. Sehingga untuk bisa muncul di halaman utama pencariannya butuh usaha dan kerja keras.

Namun google sangat baik, sebagai blogger kita di berikan jalan untuk bisa memenangkan persaingan dengan sehat, salah satunya dengan cara mengoptimalkan google webmaster tools. Akan tetapi untuk bisa mengoptimalisi kinerja blog melalui webmaster teman-teman terlebih dahulu harus mendaftar dan verifikasi blog yang di miliki di google webmaster tools.

Tutorial Cara Submit Sitemap Blog Ke Google Webmaster Tools

Setelah selesai melakukan verifikasi kepemilikan situs pada webmaster tools, sebaiknya kita juga mensubmit sitemap blog agar web yang kita kelola lebih mudah di kenali dan di jelajahi oleh robot mesin pencari google. Sehingga kemungkinan artikel atau posting yang di miliki lebih mudah muncul pada hasil pencarian. Dan perlu teman-teman ketahui bahwa submit peta situs merupakan salah satu tips Seo yang paling ampuh, mudah, dan murah selain menentukan target pengunjung blog. Bagi teman-teman yang butuh panduan bagaimana cara submitnya silakan ikuti lengkah-langkah di bawah ini.

Cara Submit Sitemap (Peta Situs) ke Google Webmaster Tools

Untuk melakukan submit sitemap terlebih dahulu silakan login pada akun google webmaster tools atau bisa klik disini. 

• Setelah berhasil masuk pada akun Google Webmaster, klik url blog yang akan di optimasi.
• Pada menu sebelah kiri dashboard klik Crawl kemudian pilih sitemap
• Pada pojok kanan atas Klik ADD/TEST SITEMAP berwarna merah
• Setelah itu anda akan melihat menu untuk submit peta situs, seperti gambar di bawah ini.

• Masukkan kode-kode di bawah ini pada kolom yang di sediakan

1. sitemap.xml
2. feeds/posts/default?orderby=updated
3. atom.xml

• Klik Test untuk memastikan apakah peta situs yang ingin kita kirim bermasalah (error) atau tidak. 
• Setelah peta situs yang kita ujicoba berhasil dirayapi dengan baik oleh robot google dalam artian tidak error, langkah selanjutnya klik Submit atau anda bisa langsung klik submit tanpa melakukan pengetesan terlebih dahulu.
• Maka anda akan melihat tampilan yang menyuruh anda untuk merefresh halaman, klik saja tulisan �refresh the page�.

Catatan: kode di atas bisa anda submit satu persatu atau satu saja cukup, tapi untuk hasil lebih baik silakan submit semuanya.

Sampai disini kita sudah sukses mengirim peta situs (sitemap) blog. Google akan menunda sementara waktu pengindex-an. Waktunya kurang lebih 24 jam sejak disubmit (didaftarkan). Namun dari pengalaman penulis, jika jumlah posting (artikel) blog masih sedikit (kurang dari seratus), waktu yang dibutuhkan paling lama hanya beberapa  jam. 

Cara Submit Banyak Sitemap (Peta Situs) Sekaligus Di Google Webmaster Tools

Jika jumlah posting atau atikel pada blog jumlahnya banyak sebaiknya teman-teman submit sitemap menggunakan kode di bawah ini

1. Apabila jumlah posting/artikel blog kurang dari 500 namun jumlahnya sudah ratusan, teman-teman bisa memakai kode berikut ini atom.xml?redirect=false&start-index=1&max-results=500
2. Apabila postingan blog lebih dari 500 dan dibawah 1000, masukkan dua kode berikut ini satu persatu atom.xml?redirect=false&start-index=1&max-results=500 dan atom.xml?redirect=false&start-index=501&max-results=500
3. Apabila jumlah postingan blog Anda lebih dari 1000, gunakan kode di atas untuk setiap kelipatan 500 artikel. Caranya ganti star-index = 1 dengan jumlah max result+1

Dengan melakukan langkah-langkah di atas sekarang blog yang kita kelola jauh lebih SEO daripada sebelumnya. Tugas anda sebagai pengelola tinggal rajin-rajin melakukan posting artikel agar blog/web yang dikelola lebih sering dirayapi oleh mesin pencari. Dimana dengan semakin banyak dan sering situs kita di crawl semakin banyak pula kata kunci (keyword) mengarah pada situs milik kita. Sehingga peluang datangnya traffik juga semakin besar.

Demikianlah sedikit informasi tentang bagaimana cara submit sitemap blog di google webmaster tools, semoga mudah di mengerti. Bagi yang memiliki saran, atau pertanyaan silakan masukkan pada kotak komentar di bawah. Terima kasih atas kunjungannya. 

Sumber Artikel

Membuat Tex Box Aneka Efek

berbagai gaya tampilan, maka teks informasi apa yang sudah Anda tuliskan di blog akan membuat pengunjung tertarik untuk membacanya,
dengan begitu teks informasi yang menurut Anda penting bisa Anda bungkus Formulir Box Keren dengan berbagai efek seperti ini:
 

...
berbagai gaya tampilan, maka teks informasi apa yang sudah Anda tuliskan di blog akan membuat pengunjung tertarik untuk membacanya,  

dengan begitu teks informasi yang menurut Anda penting bisa Anda bungkus Formulir Box Keren dengan berbagai efek seperti ini


dengan begitu teks informasi yang menurut Anda penting bisa Anda bungkus Formulir Box Keren dengan berbagai efek seperti ini: 


berbagai efek seperti ini: 

berbagai efek seperti ini: 

berbagai efek seperti ini: 

berbagai efek seperti ini: 

berbagai efek seperti ini: 


...

berbagai efek seperti ini: 

berbagai efek seperti ini: 

berbagai efek seperti ini: 

berbagai efek seperti ini: 


...
berbagai efek seperti ini: 

berbagai efek seperti ini: 

berbagai efek seperti ini: 

berbagai efek seperti ini: 


...
berbagai efek seperti ini: 

berbagai efek seperti ini: 

berbagai efek seperti ini: 

berbagai efek seperti ini: 


...
berbagai efek seperti ini: 

berbagai efek seperti ini: 

berbagai efek seperti ini: 

berbagai efek seperti ini: 


...
berbagai efek seperti ini: 

berbagai efek seperti ini: 

berbagai efek seperti ini: 

berbagai efek seperti ini: 


...
berbagai efek seperti ini: 

berbagai efek seperti ini: 

berbagai efek seperti ini: 

berbagai efek seperti ini: 


...

Cara Memperbaiki BOOTMGR is Missing Windows 7 Jos Gandos

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:-)

Sumber : http://tips-komputer.com/cara-memperbaiki-bootmgr-is-missing-windows-7-jos-gandos.html

Cara Membuat Template Blog Sendiri Mulai dari Nol

Begini Cara Membuat Template Blogspot Sendiri dengan mudah dan cepat menggunakan Notepad - Dalam mendesign atau membuat template berpaltfone blogger tidaklah begitu sulit , anda hanya perlu sedikit menguasi CSS dan HTML dan Java Script , Bahkan dengan menguasai CSS dan HTML saja anda sudah bisa membuat template blogger sendiri yang keren , Template yang saya pakai ini pun juga template hasil buatan saya sendiri , meskipun hasilnya tidak begitu baik , tapi saya puas , karena itu hasil karya saya sendiri

   Perlu waktu yang tidak singkat , untuk membuat template blog sendiri , butuh waktu berjam -jam , berhari-hari bahkan sampai berminggu - minggu untuk menghasilkan template yang berkwalitas , oleh sebab itulah mengapa para pembuat template tidak senang kalau link crdit hasil jerih payahnya di hapus oleh si pemakai , jadi ketika anda memakai template unduhan entah itu gratisan atau premium , maka jangan hapuslah link credit si pembuat template tersebut , hargailah karya orang lain jika anda ingin di hargai

Cara Membuat Template Blog Sendiri

Kali ini kita akan membuat template blogspot sendiri dengan structure , header , content , sidebar dan footer
Berikut layout template yang akan kita buat

Berikut langkah - langkah membuat template blogspot sendiri

1. Pertama anda masuk dulu ke editor Template Blogger

Hapus semua kode yang ada di dalam editor template tersebut ( ctrl + a => delete ) , kemudian copy dan pastekan semua kode dibawah ini didalam kolom editor template tersebut :

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html>

<HTML>

<head>

   <b:if cond='data:blog.isMobile'>

      <meta content='width=device-width,initial-scale=1.0,minimum-scale=0.5,maximum-scale=2.0' name='viewport'/>

   <meta content='noindex,nofollow' name='robots'/>

    </b:if>

<b:include data='blog' name='all-head-content'/>

<meta content='####################' name='google-site-verification'/>

<meta content='####################' name='msvalidate.01'/>

<meta content='####################' name='alexaVerifyID'/>

<meta content='index, follow, noodp, noydir' name='robots'/>

<meta content='id' name='geo.country'/>

<meta content='Mas Yadi' name='author'/>

<meta content='1 days' name='revisit-after'/>

<meta content='Indonesia' name='geo.placename'/>

<meta content='blogger' name='generator'/>

<meta content='general' name='rating'/>

<meta content='index, follow, snipet' name='googlebot'/>

<b:if cond='data:blog.pageType == &quot;index&quot;'>

 <meta expr:content='data:blog.canonicalUrl' property='og:url'/>

 <meta content='website' property='og:type'/>

 <meta expr:content='data:blog.title' property='og:site_name'/>

 <meta content='id_id' property='og:locale'/>

 <meta expr:content='data:blog.pageTitle' property='og:title'/>

 <meta expr:content='data:blog.metaDescription' property='og:description'/>

 <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>

 <title><data:blog.pageTitle/></title>

 <meta content='KEYWORD+BLOG_ANDA' name='keywords'/>

</b:if>

<b:if cond='data:blog.pageType != &quot;index&quot;'>

 <meta expr:content='data:blog.canonicalUrl' property='og:url'/>

 <meta content='article' property='og:type'/>

 <meta expr:content='data:blog.title' property='og:site_name'/>

 <meta content='id_id' property='og:locale'/>

 <meta expr:content='data:blog.pageName' property='og:title'/>

 <meta expr:content='data:blog.metaDescription' property='og:description'/>

 <b:if cond='data:blog.postImageThumbnailUrl'>

  <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>

 </b:if>

 <title><data:blog.pageName/> - <data:blog.title/></title>

 <meta expr:content='data:blog.pageName' name='keywords'/>

</b:if>

*/

&lt;style type=&quot;text/css&quot;&gt;&lt;!-- /* <b:skin><![CDATA[

/*

Bagi anda yang mengerti dan blogger profesional pastinya tidak akan menghapus link ini. Membuat template ini tidak cukup 1 jam bro!

Blogger Template Style

Name       : Nama Template Anda

Date       : Tanggal Pembuatan Template Ini

Updated by : Mas Yadi/Namamu

*/

#navbar-iframe{height:0;visibility:hidden;display:none;}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}

a:link,a:visited{color:#1BC7A5;text-decoration:none;margin-left:0px;margin-right:0px;}

a img{border-width:0;}

img{max-width:100%;vertical-align:middle;border:0;height:auto;}

.quickedit{display:none;}

.clear{clear:both;}

body{background:#eaeaea;margin:0;padding:0;font-family: calibri;color:#2c3e50;}

]]></b:skin>

<style type='text/css'>



</style>

</head>

<body>



<b:section class='main' id='main'>

  <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'></b:widget>

</b:section>



</body>

</HTML>

Membuat wrapper pada Template

Setelah anda mengcopas semua kode dasar template tersebut , kini saatnya kita membuat wrapper paling luarnya, misal kita akan buat ukuran 1024px ( ukuran bisa diubah )  caranya yaitu

1. Pasang Css berikut diatas kode </style>
   

   #wrapper{
   
   background:#FFF;
   
   width:1024px;
   
   overflow:hidden;
   
   margin:0 auto;
   
   }

   
   


2. Kemudian supaya css tadi berfungsi kita panggil dengan memasang
   htmlnya , caranya kita cari kode <body> kemudian letakan kode
   dibawah ini tepat , dibawah kode <body> tersebut

   <div id='wrapper'>
   
   

   
   


3. Kemudian kita tutup kode wrapper diatas dengan memasang kode penutup div dibawah ini diatas kode</body>

   </div>
   
   

   
   


4. Nah sekarang coba anda simpan template dan lihat hasilnya , sampai
   disini anda sudah bisa membuat template sederhana , tetapi hanya ada
   widget postingan saja ( Baca cara selanjutnya )

Cara membuat Header dan Header Ads

Setelah anda membuat wrapper sebagai pembungkus , kini kita akan buat
header dan header ads ( header untuk iklan ) caranya yaitu :

1. Pasang Css Header berikut diatas kode </style>
   
   

   #header-wrapper{width:100%;overflow:hidden;}
   
   #header{width:262px;overflow:hidden;float:left;}
   
   #header-ads{width:728px;overflow:hidden;float:right;}
   
   .header .widget{padding:10px;}

   
   


2. Pasang HTML berikut dan letakan dibawah <div id='wrapper'>

   

   <header id='header-wrapper'>
   
   <b:section class='header' id='header' maxwidgets='1'>
   
   <b:widget id='Header1' locked='true' title='Mas Yadi Blogger Template (Header)' type='Header'></b:widget>
   
   </b:section>
   
   <b:section class='header' id='header-ads' maxwidgets='1'/>
   
   <div class='clear'/>
   
   </header>
   
   

   
   

Cara Membuat Post dan sidebar di Blog

Langkah selanjutnya yaitu kita buat sidebar dan postingan , kali ini
postingan dan sidebar yang kita buat , letak sidebarnya berada sebelah
kiri float:left dan artikel berada disebelah kanan Float:right caranya yaitu :

1. Pasang Css Postingan dan Sidebar berikut diatas kode </style>
   
   

   #artikel-wrapper{float:right;width:724px;overflow:hidden}
   
   #sidebar-wrapper{float:left;width:300px;overflow:hidden}
   
   #sidebar{padding:5px}
   
   .sidebar h2,.sidebar h3{color:#fff;padding:4px 8px;background:#3384cc;background:linear-gradient(top,#3384cc,#2a79bf);background:-webkit-linear-gradient(top,#3384cc,#2a79bf);background:-moz-linear-gradient(top,#3384cc,#2a79bf);background:-o-linear-gradient(top,#3384cc,#2a79bf);font-size:11pt;font-family:'PT Sans',Arial,sans-serif;border-bottom:2px solid #ccc;text-shadow:1px 1px 0 #283744;margin:0;margin-bottom:5px}

   
   


2. Pasang HTML Sidebar berikut dan letakan di atas <b:section class='main' id='main'>

   

   <aside id='sidebar-wrapper'>
   
   <b:section class='sidebar' id='sidebar' showaddelement='yes'></b:section>
   
   </aside>
   
   

   
   


3. Pasang HTML Artikel berikut dan letakan di atas <b:section class='main' id='main'>

   

   <aside id='artikel-wrapper'>
   
   

   
   


4. Tutup HTML artikel tadi dengan meletakan kode penutup berikut tepat
   di bawah </b:section> yang terakhir (widget posting blog) atau di
   atas </div> terakhir
   

   </aside>
   
   

   
   

Membuat Footer 3 Kolom di Blog

Langkah yang terakhir adalah kita membuat footer 3 kolom ,  yang
letaknya paling bawah , langsung aja berikut cara membuat footer

1. Pasang Css Footer berikut diatas kode </style>
   
   

   #footer-wrapper{width:100%;clear:both}
   
   .footer h3,.footer h2{color:#fff;padding:4px 8px;background:#3384cc;background:linear-gradient(top,#3384cc,#2a79bf);background:-webkit-linear-gradient(top,#3384cc,#2a79bf);background:-moz-linear-gradient(top,#3384cc,#2a79bf);background:-o-linear-gradient(top,#3384cc,#2a79bf);font-size:11pt;font-family:'PT Sans',Arial,sans-serif;border-bottom:2px solid #ccc;text-shadow:1px 1px 0 #283744;margin:0;margin-bottom:5px}
   
   .footer{width:32%;padding:5px}
   
   #footer-1{float:left}
   
   #footer-2{float:left}
   
   #footer-3{float:right}

   
   


2. Pasang HTML Footer berikut dan Letakkan tepat di atas  </div> yang terkahir
   

   <div class='clear'/>
   
   <footer id='footer-wrapper'>
   
   <b:section class='footer' id='footer-1' showaddelement='yes'/>
   
   <b:section class='footer' id='footer-2' showaddelement='yes'/>
   
   <b:section class='footer' id='footer-3' showaddelement='yes'/>
   
   </footer> 
   
   

   
   

Nah jika langkah diatas telah selesai silahkan simpan template dan lihat
hasilnya ,, selamat ya anda kini sudah bisa membuat template blog
sendiri  , BTW gimana nih , pusing atau nggak dengan tutorial
diatas , kalau masih baru pertama kali membuat template mungkin anda
pusing , tapi lama-kelamaan kalau udah terbiasa anda akan biasa saja ,
Oh ya template di atas tadi masih dasar , nanti kita akan membuat menu
navigasi , auto readmore , breadcrumbs , related post , share artikel
dan design Responsive

Cara Membuat Read More Otomatis Tanpa Javascript

Cara Membuat Read More Otomatis Tanpa Javascript - Ketika membuat blog baru, biasanya tampilan blog masih biasa-biasa saja. Artinya kita masih menggunakan tampilan blog yang diberikan oleh Blogger sendiri. Seiring dengan waktu, muncul kebosanan dan ingin menggantinya dengan yang lain. Ada yang menggunakan template yang dinamis, atau mengutak-atik tampilan blog sesuai keinginan.

Cara Membuat Read More Otomatis Tanpa Javascript
Read More atau baca Selanjutnya dibuat agar tampilan blog terlihat lebih rapi dan elegan. Tujuannya agar tampilan bloh ketika pertama kali dibuka bisa terlihat banyak cuplikan artikel. Dengan begitu, pengunjung bisa melihat cuplikan-cuplikan yang ada di dalam blog kita dan memilihnya satu persatu. Perlu diketahui, bahwa cara membuat read more dibedakan menjadi dua, yaitu read more otomatis dan manual.
Read More cara menual, dengan memanfaatkan Insert Jump Break pada posting blog, dimana setiap kali ingin posting artikel baru, kita akan mengklik icon / fasilitas Insert Jump Break. Cara ini pastinya kita harus melakukannya setiap menulis artikel (bila lupa maka read more tidak muncul) �>
Sementara Cara Membuat Read More Otomatis ada dua juga, yaitu dengan menggunakan Javascript dan Tanpa Javascript. Read More Otomatis dengan menggunakan Javascript biasanya memanfaatkan pihak ketiga tempat penyimpanan data script. Seperti .JS dan lain-lain. Info yang Bos Tutorialhimpun, bahwa menggunakan cara ini, Google sendiri tidak menyukainya. Bisa jadi alasannya banyak. Oh iya, apabila anda menggunakan template yang dinamis, biasanya sudang menggunakan cara ini. So� tidak usah lagi anda menggantinya dengan yang baru. (abaikan saja tulisan ini).
Cara Membuat Read More Otomatis Tanpa Javascript inilah yang akan kita paparkan disini. Cara ini tidak menggunakan situs pihak ketiga, karena langsung masuk ke script HTML blog kita. Menggunakan cara ini ada manfaatnya, dimana template blog anda akan menjadi lebihSEO Friendly dan ringan. Cara atau trik ini kita akan memanfaatkan kode yang digunakan oleh tampilan mobile blogspot, yaitu post snippet. Oleh karena itu, dalam script HTML blog kita, dilakukan penambahan kode. Ikuti beberapa langkah di bawah ini.
Langkah / Cara Membuat Read More Otomatis Tanpa Javascript
1. Bukalah Akun Blog anda yang sebenarnya (jangan blog orang lain) bila anda memiliki banyak blog dalam satu akun, silahkan pilih salah satu blog saja.
2. Pilih Elemen Template, kemudian lanjutkan dengan klik Edit HTML
3. Lalu cari kode ]]></b:skin>, untuk mempermudah silahkan menggunakan ctrl+f
4. Copy / salin kode di bawah ini dan letakkan tepat di atas kode ]]></b:skin>
.post-thumbnail{float:left;margin-right:20px}
5. Jangan beranjak dulu, masih seoutar edit HTML.
6. Cari kode <data:post.body/> apabila sudah ketemu silahkan Copy kode di bawah ini.
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title'
expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
</b:if>
<data:post.snippet/>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><
data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
7. Setelah di copy, gantilah kode <data:post.body/> dengan kode yang barusan di copy.
8. Selesai. Simpan template blog anda.
9. Lihat hasilnya.
Demikianlah Cara Membuat Read More Otomatis Tanpa Javascript, apabila anda sudah menggunakan Template yang dinamis, abaikan saja ini. Semoga bermanfaat yah. Selamat mencoba. Salam blogger.

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
Dengan 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.

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 :

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 :

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" :

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

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 :

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 :

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"

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 :

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. :)

Sumber

Cara Import Blog Orang Lain

Ini bukan pencurian dalam bentuk copy paste yang tidak diberikan url sumber artikel. Bukan!! Ini adalah cara mencuri sebanyak-banyaknya dalam bentuk IMPORT BLOG. Semua konten dibabat semua.
Berawal ketika saya jadi korbannya. Saya kaget artikel saya dicuri orang... Hm, saya bertanya-tanya gimana caranya ya sampe dia melakukannya. Setahu saya, IMPORT BLOG hanya bisa dilakukan melalui file import dalam bentuk XML. Ternyata orang tersebut melakukan dengan beberapa cara di bawah ini dan ini hanya berlaku untuk sesama blogspot.

MODUS IMPORT / CURI ARTIKEL BLOGSPOT:
Saya menilai ini adalah salah satu kelemahan blogspot. Memanfaatkan tools yang disediakan oleh Blogger sendiri. Cara ini dilakukan dengan cara LOG IN di BLOGGER lalu buka SETTING>>>>IMPORT BLOG>>>>BROWSE
Nah dibagian Browse ini, ada tombol "Telusur" untuk memilih file impor. Bukanya memilih file tapi justru di File Name, dicopy paste lah kode feed IMPORT BLOG. Selanjutnya tinggal mengikuti panduan Blogger

CARA AGAR TIDAK JADI KORBAN PENCURIAN ARTIKEL

Buatlah Feed Entri Blog dalam bentuk feed yang Pendek atau Tidak Ada. Caranya, Di tampilan baru Blogger sekarang ini, masuk ke SETELAN >>> LAIN-LAIN>>>UMPAN SITUS dan pilih Pendek atau tidak ada. Semua kode script bakal tidak bisa atau malah menjadi bumerang bagi pelaku untuk mengIMPORT artikel blog. Pilihan Pendek hanya mensindikasikan sekitar 400 karakter pertama. Jika Anda memilih Tidak Ada, blog tidak akan disindikasikan dan kontennya tidak akan diindeks oleh Penelusuran Blog Google.

KODE IMPORT / CURI ARTIKEL BLOGSPOT
Kode yang biasa dipake adalah seperti ini:
1. Import Blog / Import Artikel berdasarkan artikel terupdate
http://www.blogger.com/feeds/BlogID/posts/default?redirect=true&altpublished-jmlsummary=showposts&max-results=500
atau
http://blogkamu.blogspot.com/feeds/posts/default?redirect=true&altpublished-jmlsummary=showposts&max-results=500
2. Import Blog / Import Artikel berdasarkan start nomor indeks tertentu
A. Start indeks dari no 1 - 500
http://www.blogger.com/feeds/BlogID/posts/default?redirect=true&altpublished-jmlsummary=showposts&start-index=1&max-results=500
atau
http://blogkamu.blogspot.com/feeds/posts/default?redirect=true&altpublished-jmlsummary=showposts&start-index=1&max-results=500
B. Start indeks dari no 501-1000
http://www.blogger.com/feeds/BlogID/posts/default?redirect=true&altpublished-jmlsummary=showposts&start-index=501&max-results=500
atau
http://blogkamu.blogspot.com/feeds/posts/default?redirect=true&altpublished-jmlsummary=showposts&start-index=501&max-results=500
3. Impor artikel dengan Label tertentu
http://www.blogger.com/feeds/BlogID/posts/default/-/LABELKAMU?redirect=true&altpublished-jmlsummary=showposts&max-results=500
atau
http://blogkamu.blogspot.com/feeds/posts/default/-/LABELKAMU?redirect=true&altpublished-jmlsummary=showposts&max-results=500
Notes;

SAYA TIDAK BERTANGGUNG JAWAB JIKA ARTIKEL INI DISALAH-GUNAKAN.
Source; http://andyputra26.blogspot.com  or

http://jejakku-infoku.blogspot.co.id/2013/08/bagaimana-cara-import-artikel-blog.html

 

Selamat pagi,pada postingan kali ini saya akan share tentang bagai mana cara mengambil artikel orang lain tanpa copy paste.Ini adalah iseng-iseng yang mungkin berguna bagi sobat yang males membuat posting saat awal memulai blogging.

ya faktanya memang benar bagi blogger pemula seperti saya ini, tentunya berfikir untuk cepat mendapatkan artikel tanpa harus menulisnya... hahahah, ketahuan kalau males bgt :hammer:

ini hanya sebagai pengetahuan saja sobat, kalau sobaat mau mencoba ya silahkan tidak apa-apa lagipula blogspot juga gratis.. :p

tapi resikonya ditanggung sendiri, dari pengalaman saya kebanyakan kena sandbox dan susah masuk PR di google.. hueheuhue

Bagi yang penasaran ini dia caranya :

1. Cari blog sasaran yang akan anda ambil artikelnya, misal sembarang.blogspot.com

2. Kemudian kamu tambah dengan url --> atom.xml?redirect=false&start-index=1&max-results=300

dan akhirnya jadi seperti ini --> sembarang.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=300

untuk url atom coba diperhatikan : atom.xml?redirect=false&start-index=1&max-results=300

artinya artikel yang akan di ambil mulai dari 1 (satu) sampai 300 konten artikel. angka satu menunjukan konten artikel terbaru yang diposting diblogger.

Kalau sudah mengerti akan saya lanjutkan pembahasannya.

selanjutnya, kita download atom.xml menggunakan download manager

add link download --> kemudian kita masukan link ini : sembarang.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=300

Apabila sudah terdownload, kita masuk ke blogger.

Selanjutnya kita import atom.xml yang sudah kita download tadi. jangan lupa sebelum import kita centang autopublis.

Sekian artiekel mengenai tentang cara hack artikel orang lain tanpa copas.

Bahaya Disallow M=1 Dan M=0 Pada Robots.txt Atau Algoritma Google Mobile Tidak Akan Merayapi Blog Versi Mobile Anda

Baru-baru ini blog yang saya kelola ini mendapatkan email cinta dari google, waktu itu saya mengharapkan mendapatkan email dari google adsense, namun bukan email dari google adsense yang saya terima melainkan email yang menyatakan bahwa Googlebot for smartphones cannot access http://www.nbcdns.com/ yang artinya robot google untuk smartphone tidak dapat merayapi website saya yang untuk versi mobile T_T waduh bukan email dari google adsense kok malah email yang kayak gini ya.

email googlebot for smartphone

Waduh pas mendapatkan email seperti ini di google saya kebingungan, kira-kira cara untuk memperbaiki hal ini seperti bagaimana caranya.Namun sebelum saya memberitahukan cara untuk memperbaiki hal seperti ini saya akan sedikit menceritakan dampak dari kita mendisalow m=1 dan m=0. 

Bagi kita yang menginginkan blog atau website kita lebih seo friendly, maka banyak di antara kita membuat robots.txt yang ada pada website kita atau blog kita tersebut dengan settingan untuk mendiaslow m=1 dan m=0, hal ini memang dulu baik untuk di terapkan pada blog kita dengan tujuan agar tidak ada duplikat conten pada blog kita, namun dengan adanya algoritma baru dari google maka hal ini sudah tidak dapat diterapkan lagi. Jika hal tersebut masih anda terapkan maka google akan mengirimkan email surat dimana robot dari google tidak dapat mendeteksi website versi mobile anda.

Banyak kerugian yang akan kita dapatkan jika situs atau blog yang kita kelola tidak mendukung fitur mobile friendly yang nantinya akan diditeksi oleh robot dari google, ada kemungkinan situs yang kita kelola atau blog tersebut akan turun peringkat dari hasil pencarian yang telah ada sekarang atau mungkin blog kita tidak akan diditeksi oleh mesin pencari google, jadi sebaiknya kita dapat mempergunakan settingan blog atau situs yang kita kelola tersebut menjadi lebih mobile friendly.

Dampak dari menggunakan settingan ini

Blog kita tidak mobile friendly

Blog kita tidak akan diditeksi mobile friendly oleh robot google dikarenakan settingan tersebut mencegah robot google untuk mendeteksi setting dari mobile friendly blog anda. Untuk melakukan pengecekan kita dapat mengunjungi salah satu tools dari google yang dapat mendeteksi apakah situs kita mobile friendly atau tidak dengan mengunjungi alamat dibawah ini

https://www.google.com/webmasters/tools/mobile-friendly/

Coba cek situs anda di sana apakah sudah mobile friendly atau belum. Jika situs anda belum mobile friendly maka kita tidak akan mendapatkan peringatan jika blog kita tidak mobile friendly, namun jika blog kita sudah mobile friendly maka kita akan mendapatkan pesan seperti dibawah ini.

www.nbcdns.com mobile

Hilangnya meta deskripsi artikel di pencarian mobile

Hilangnya meta deskripsi artikel kita pada pencarian mobile dari handphone kita dikarenakan setingan dari robots.txt kita mencekal bot dari google untuk merayapi situ kita. nah biasanya jika kita masih menerapkan settingan seperti ini pada blog kita maka pada deskripsi situs kita pada pencarian mobile akan mendapatkan pesan  "Deskripsi untuk hasil ini tidak tersedia karena robots.txt situs tersebut".

Meta deskripsi ini sangat diperlukan sebagai cuplikan untuk halaman atau postingan blog atau situs kita pada page google. dengan kata-kata pada meta deskripsi tersebut yang nantinya akan ditebalkan dan akan muncul pada saat pencarian pada google. Hal ini memberikan petunjuk pada mesin pencari google dan membuktikan bahwa situs yang kita kelola relevan termasuk dengan deksripsi yang kita pergunakan, dan jika deskripsi tersebut hilang, maka akan dipandang buruk oleh search engine google.

Dapat menurunkan peringkat kita

Nah dengan adanya algoritma baru dari google yaitu mobilegeddon, maka setiap blog atau situs yang ada sekarang diwajibkan sudah harus mobile friendly. jika tidak maka situs kita akan terdepak dari mesin pencari google tersebut. Jika hal ini diteruskan sudah dipastikan peringkat yang sudah kita perjuangkan dengan niat dan tekat kita tersebut akan hilang dan tergantikan oleh situs yang sudah mempergunakan settingan situs yang mobile friendly.

Cara mengatasinya

Nah pernahkah kita mempergunakan settingan robots.txt kita seperti yang pernah saya sampaikan pada postingan saya sebelumnya yaitu Setting Robots.txt Khusus Blogger Dan Penjelasannya dimana pada postingan saya tersebut ada salah satu settingan dimana saya memblok mesin pencari google untuk merayapi situs saya yang versi mobile dengan tujuan untuk mencegah duplikasi konten. seperti inilah settingannya

User-agent: Mediapartners-Google

Disallow:

User-agent: Googlebot

Allow: /

Disallow: /search

Disallow: /?m=1

Disallow: /?m=0

Disallow: /*?m=1

Disallow: /*?m=0

Disallow: /*/*/*.html?showComment=*

User-agent:*

Allow: /

Disallow: /search

Disallow: /?m=1

Disallow: /?m=0

Disallow: /*?m=1

Disallow: /*?m=0

Disallow: /*/*/*.html?showComment=*

Sitemap: https://webanda/feeds/posts/default?orderby=UPDATED

Nah jika anda mempergunakan settingan tersebut pada blog atau situs anda, maka saya sarankan untuk merubah-nya menjadi seperti pada settingan blog saya berikut ini.

User-agent: Mediapartners-Google

Disallow: 

User-agent: *

Disallow: /search

Allow: /

Pada settingan robots.txt tersebut kita membolehkan robot dari google untuk mendeteksi seluruh isi konten yang ada pada blog atau situs yang kita kelola, dengan begini situs kita tidak akan mendapatkan email cinta selain email dari google adsense yang memberitahukan bahwa blog anda sudah diterima sepenuhnya oleh google adsense tersebut hehehehe T_T.

Nah jika sudah dirubah maka kita dapat melakukan pengecekan melalui alat yang sudah saya sampaikan pada awal tadi yang kita dapat pergunakan untuk mengecek apakah website atau blog kita sudah mobile friendly atau belum. Jika kita mendapatkan pembertahuan pada saat kita melakukan tes pada blog kita yang menyatakan bawah blog yang kita kelola sudah mobil friendly maka settingan kita pada blog yang kita kelola sudah benar dan berhasil.

Nah cukup sekian dulu penjelasan saya mengenai Bahayanya mendisallow M=1 dan M=0 pada setingan robos.txt dari blog atau situs kita, semoga artikel yang saya telah sampaikan ini dapat bermanfaat khususnya bagi rekan-rekan sekalian yang memang menyukai dunia blog ini. Sekian dulu dan selamat hari minggu.

Sumber http://www.nbcdns.com/2015/11/bahaya-disallow-m1-dan-m0-pada-robostxt.html

Mengatasi Render Blocking & CSS Delivery Widget Bundle Blogger

Pada artikel seputar Google PageSpeed Insights ini saya akan membagikan cara mengatasi render-blocking (css delivery) untuk CSS widget bawaan blogger. Render-blocking merupakan masalah yang timbul dikarenakan script eksternal besar yang diload secara synchronous didalam blog, sehingga pengunjung yang jaringannya jelek akan melihat tampilan blank saat membuka blog tersebut.

Penjelasan

Apa itu CSS widget bawaan blogger?
Yaitu CSS bawaan dari setiap template yang ada di blog dengan fungsi agar widget-widget dapat tampil dengan semestinya. Contoh CSSnya bisa anda lihat disini:
https://www.blogger.com/static/v1/widgets/3730162741-widget_css_bundle.css
Sudah anda lihat link diatas? Begitu banyak kodenya bukan?
Hal inilah yang membuat blog anda melambat, terlebih script ini diload secara bersamaan dengan blog atau lebih sering disebut synchronous. Selain itu, CSS ini juga tidak terlalu berguna dikarenakan hanya widget-widget yang jarang dipakai yang rusak tampilannya.

Cara Mengatasi

Nah masalahnya ketika anda ingin menghapusnya, script ini tidak akan anda temukan didalam Edit HTML pada Tema. Anda hanya bisa menemukannya bila menginspect blog tersebut. Berhubung script ini berada di tag head, jadi inilah waktu yang tepat kita belajar memanipulasi lagi!

• Seperti bisa, sekarang silakan anda buka blogger.com > Tema > Edit HTML
• Klik disembarang kode, lalu tekan Ctrl + F sehingga muncul kotak pencarian kode
• Sekarang ketikkan kode ini didalam kotak pencarian lalu tekan enter

<head>

• Bila sudah ketemu, silakan hapus dan ganti kode tersebut menjadi seperti ini:

&lt;head&gt;

• Selesai, sekarang kembali ke kotak pencarian, lalu cari lagi kode ini:

</head>

• Hapus kode tersebut dan ganti dengan ini:

&lt;textarea readonly disabled style=&#39;display:none&#39;&gt;
&lt;!--<head/>--&gt;
&lt;/textarea&gt;
&lt;head/&gt;

• Selesai, sekarang simpan template lalu cek kembali apakah masalah masih tetap muncul atau sudah terselesaikan.

Penutup

Mungkin ada minusnya dari melakukan cara yang satu ini, yaitu beberapa widget seperti contact form yang berubah bentuk menjadi simpel. Tetapi tenang saja anda dapat menggantinya dengan widget pihak ketiga lainnya atau mendesain ulang sendiri...

Sumber https://blog.kodejarwo.com/2017/09/mengatasi-render-blocking-css-delivery.html

Cara Membuat Daftar Isi / Sitemap Di Blog

Tutorial Cara Membuat Daftar Isi Atau Sitemap Di Blog Keren

Cara Memasang Sitemap / Daftar Isi Otomatis Dengan Gambar Thumbnail Di Blogger. Pada kesempatan kali ini saya akan membagikan tutorial untuk menambahkan sitemap / daftar artikel yang ada di postingan kalian di laman / halaman statistik

Sitemap / Daftar Isi ini cukup keren dan fiturnya juga lumayan lengkap kalian bisa mengaturnya berdasarkan Artikel Terbaru, Artikel Terkahir Di Update, Memfilter Berdasarkan Kategori / Berdasarkan Label dan Kalian Juga Bisa Mencari Artikel Yang Ada Di Dalam Daftar Isi Tersebut.

Sitemap ini juga menambahkan fitur Load data jadi kalian bisa mengatur berapa artikel yang ingin ditampilkan ketika daftar isi tersebut pertama kali di buka dan akan menambahkan artikel selanjutnya ketika button di klik.

Daftar isi ini sudah responsive, seo friendly (title tag, alt tag), Judul Post, Thumbnail dan Post Snippet.
Sebelumnya saya juga sudah pernah share tentnag tutorial membuat widget ini, buat kalian yang ingin melihatnya bisa liat di link berikut ini.

Nah untuk tutorialnya cukup mudah, kalian tinggal ikuti langkah demi langkah di tutorial ini

Tutorial Cara Membuat Daftar Isi Otomatis Di Blog

• Langkah pertama, silahkan kalian login terlebih dahulu ke akun blogger kalian

• Setelah login, sekarang kalian buat Laman Baru

• Jangan lupa isi dulu Judul Lamannya agar urlnya nanti sesuai dengan judul. Contoh Sitemap, Daftar Isi

• Selanjutnya pilih menu HTML jangan Compose

• Sekarang copy dan masukan kode dibawah ini

<div id="sitemap-blog"> <table> <tbody> <tr> <td> <label for="feed-order">Urutkan artikel berdasarkan:</label> </td> <td> <select id="feed-order"> <option selected="" value="published">Artikel terbaru</option> <option value="updated">Artikel yang terakhir di update</option> </select> </td> </tr> <tr> <td> <label for="label-sorter">Filter artikel berdasarkan kategori:</label> </td> <td> <select disabled="" id="label-sorter"> <option selected="">Loading....</option> </select> </td> </tr> <tr> <td> <label for="feed-q">Cari artikel dengan kata kunci:</label> </td> <td> <form id="post-searcher"> <input id="feed-q" placeholder="Ketik dan tekan ENTER" type="text" /> </form> </td> </tr> </tbody> </table> </div> <br /> <header id="result-desc"></header> <br /> <ul id="daftar-isi-blog"></ul> <div id="feed-nav"> </div> <script type="text/javascript"> var head = document.head || document.getElementsByTagName('head')[0]; var style = document.createElement('style'); style.type = 'text/css'; var css = '#sitemap-blog{padding:7px 10px;margin:0 auto}#sitemap-blog table{width:auto;margin:0 auto;border:none!important}#sitemap-blog table td{border:none!important;padding:0!important}#sitemap-blog form{font:inherit}#sitemap-blog label{display:block;text-align:right;margin:0 10px 0 0;padding:4px 0 0}#sitemap-blog select[disabled]{opacity:.4}#post-searcher{display:block;margin:0;padding:0}#sitemap-blog input,#sitemap-blog select{width:100%;border:1px solid #dedede;border-radius:5px;margin:0;padding:5px;font-family:Roboto,sans-serif!important;font-size:16px!important;font-weight:500!important;text-transform:capitalize!important;outline:0;color:#333!important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#sitemap-blog select option{min-height:1.4em!important}#sitemap-blog input#feed-q{padding:5px 10px!important}#daftar-isi-blog{background:#fff;display:block;clear:both;margin:0;padding:0;list-style:none;overflow:hidden;position:relative;border-top:none}#daftar-isi-blog li{list-style:none;margin:0;padding:0;border-top:1px solid #eee;color:#555;width:auto;float:left;display:inline}#daftar-isi-blog li .inner{margin:15px 0;height:auto;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis}#daftar-isi-blog li a{text-decoration:none;color:#2C2C2C;font-weight:500}#daftar-isi-blog li a:hover{text-decoration:none;color:#E94141}#daftar-isi-blog li .news-text{margin-top:5px;line-height:1.3em!important}#daftar-isi-blog li img{margin:0 15px 5px 0;padding:7px 7px 7px 0;float:left;display:block;width:140px!important}#result-desc{margin:0;padding:0}#result-desc div,#result-desc span{display:block;margin:0;padding:5px 0 7px;color:#D64D52}#result-desc div{color:inherit}#feed-nav{margin:10px 0 30px;text-align:center;font-weight:500}#feed-nav a,#feed-nav span{border:1px solid #dedede;border-radius:5px;padding:0;color:#757575;text-decoration:none;display:block;height:30px;line-height:32px}#feed-nav a,#feed-nav span:hover{color:#1B1B1B}#feed-nav a:active,#feed-nav a:hover{color:#555}#feed-nav span{cursor:wait}@media (max-width:600px){#sitemap-blog table{margin:0 auto;width:100%}#daftar-isi-blog,#sitemap-blog{margin:0 auto}#daftar-isi-blog li .inner{margin:5px auto;height:auto}#feedContainer li{float:none;display:block;width:auto;height:auto}#daftar-isi-blog li .news-text,#feedContainer:after,#daftar-isi-blog li img{display:none!important}}.post-body{min-height:300px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGZFrCRuAB1zD0bqC7ClJl3DBYCTgLDvsAeAuivrOzPY6PPqkmppxPtx0o2hzoHBgxLr5sA08TvcBi1wESdXS0b2ets9M2Qylw9Hs6h7pE3sNob8CYs0sutO73VU4Mo4-F02TOGNS-874/w220-h19-no/ajax-loader+%25281%2529.gif)50% 50% no-repeat!important}'; style.appendChild(document.createTextNode(css)); head.appendChild(style); </script> <script type='text/javaScript'> document.write; var loadToc, loadCategories, _toc = { init: function() { var cfg = { homePage: window.location.origin, maxResults: 10, numChars: 270, thumbWidth: 140, thumbHeight: 95, navText: "Tampilkan artikel selanjutnya &#9660;", resetToc: "Kembali ke Awal", noImage: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZvSqnthWUtaGYXMgrDogOABePG8BMgXKItSkmvyy4dpO37moY51ll813A2A4oZTwhMJ5l19TU6XZ7_6Ujg9doNlDrHCE0LLWok8vYnsw8TLd_dte3M9M31QmSv6fP91fAZ9QQaqKV9-ng/s1100/no-thumbnail.png", loading: "<span>Memuat...</span>", counting: "<div>Memuat artikel...</div>", searching: "<span>Mencari...</span>" }, w = window, d = document, el = function(id) { return d.getElementById(id); }, o = { a: el('feed-order'), b: el('label-sorter').parentNode, c: el('post-searcher'), d: el('feed-q'), e: el('result-desc'), f: el('daftar-isi-blog'), g: el('feed-nav'), h: d.getElementsByTagName('head')[0], i: 0, j: null, k: 'published', l: 0, m: "" }, fn = { a: function() { old = el('temporer-script'); old.parentNode.removeChild(old); }, b: function(param) { var script = d.createElement('script'); script.type = "text/javascript"; script.id = "temporer-script"; script.src = param; if (el('temporer-script')) fn.a(); o.h.appendChild(script); }, c: function(mode, tag, order) { o.i++; o.e.innerHTML = cfg.counting; o.g.innerHTML = cfg[mode == 1 ? "searching" : "loading"]; if (mode === 0) { fn.b(tag !== null ? cfg.homePage + '/feeds/posts/summary/-/' + tag + '?alt=json-in-script&start-index=' + ((o.i * cfg.maxResults) + 1) + '&max-results=' + cfg.maxResults + '&orderby=' + order + '&callback=loadToc' : cfg.homePage + '/feeds/posts/summary?alt=json-in-script&start-index=' + ((o.i * cfg.maxResults) + 1) + '&max-results=' + cfg.maxResults + '&orderby=' + order + '&callback=loadToc'); } else if (mode == 1) { fn.b(cfg.homePage + '/feeds/posts/summary?alt=json-in-script&start-index=' + ((o.i * cfg.maxResults) + 1) + '&max-results=' + cfg.maxResults + '&q=' + tag + '&orderby=' + order + '&callback=loadToc'); } o.j = (tag !== null) ? tag : null; o.l = mode; o.a.disabled = true; o.b.children[0].disabled = true; }, d: function(json) { var _h; o.g.innerHTML = ""; o.e.innerHTML = o.l == 1 ? '<span>Hasil penelusuran untuk kata kunci <b>&#8220;' + o.m + '&#8221;</b> (' + json.feed.openSearch$totalResults.$t + ' Hasil)</span>' : '<div>Total: ' + json.feed.openSearch$totalResults.$t + ' Artikel</div>'; if ("entry" in json.feed) { var a = json.feed.entry, b, c, _d, e = "0 Komentar", f = "", g; for (var i = 0; i < cfg.maxResults; i++) { if (i == a.length) break; b = a[i].title.$t; _d = ("summary" in a[i]) ? a[i].summary.$t.replace(/<br ?\/?>/ig, " ").replace(/<(.*?)>/g, "").replace(/<iframe/ig, "").substring(0, cfg.numChars) : ""; g = ("media$thumbnail" in a[i]) ? a[i].media$thumbnail.url.replace(/.*?:\/\//g, "//").replace(/\/s[0-9]+\-c/, "\/s" + cfg.thumbWidth + "") : cfg.noImage.replace(/\/s[0-9]+\-c/, "\/s" + cfg.thumbWidth + ""); for (var j = 0, jen = a[i].link.length; j < jen; j++) { c = (a[i].link[j].rel == "alternate") ? a[i].link[j].href : "#"; } for (var k = 0, ken = a[i].link.length; k < ken; k++) { if (a[i].link[k].rel == "replies" && a[i].link[k].type == "text/html") { e = a[i].link[k].title; break; } } _h = d.createElement('li'); _h.innerHTML = '<div class="inner"><img style="width:' + cfg.thumbWidth + 'px;height:' + cfg.thumbHeight + 'px;" data-src="' + g + '" src="' + g + '" alt="' + b + '" title="' + b + '"><a class="toc-title" href="' + c + '" target="_blank" title="' + b + '">' + b + '</a><div class="news-text">' + _d + '&hellip;<br style="clear:both;"></div></div>'; o.f.appendChild(_h); } _h = d.createElement('a'); _h.href = '#load-more'; _h.innerHTML = cfg.navText; _h.onclick = function() { fn.c(o.l, o.j, o.k); return false; }; } else { _h = d.createElement('a'); _h.href = '#reset-content'; _h.innerHTML = cfg.resetToc; _h.onclick = function() { o.i = -1; o.e.innerHTML = cfg.counting; o.f.innerHTML = ""; fn.c(0, null, 'published'); o.a.innerHTML = o.a.innerHTML; o.b.children[0].innerHTML = o.b.children[0].innerHTML; return false; }; } o.g.appendChild(_h); o.a.disabled = false; o.b.children[0].disabled = false; }, e: function(json) { var a = json.feed.category, b = '<select id="label-sorter"><option value="" selected disabled>Pilih Kategori...</option>'; for (var i = 0, len = a.length; i < len; i++) { b += '<option value="' + encodeURIComponent(a[i].term).replace(/%20/g, " ") + '">' + encodeURIComponent(a[i].term).replace(/%20/g, " ") + '</option>'; } b += '</select>'; o.b.innerHTML = b; o.b.children[0].onchange = function() { o.i = -1; o.f.innerHTML = ""; o.g.innerHTML = cfg.loading; fn.c(0, this.value, o.k); }; } }; loadToc = fn.d; loadCategories = fn.e; fn.b(cfg.homePage + '/feeds/posts/summary?alt=json-in-script&start-index=' + (o.i + 1) + '&max-results=' + cfg.maxResults + '&orderby=published&callback=loadToc'); fn.b(cfg.homePage + '/feeds/posts/summary?alt=json-in-script&max-results=0&orderby=published&callback=loadCategories'); o.a.onchange = function() { o.i = -1; o.f.innerHTML = ""; o.g.innerHTML = cfg.counting; o.b.children[0].innerHTML = o.b.children[0].innerHTML; fn.c(0, null, this.value); o.k = this.value; }; o.c.onsubmit = function() { o.i = -1; o.f.innerHTML = ""; o.m = o.d.value; fn.c(1, o.d.value, o.k); return false; }; } }; _toc.init(); </script>

Silahkan Sesuaikan Pengaturan ini Dengan yang kalian mau / Default juga ga apa-apa.

maxResults: 10. Berapa Artikel Yang ingin ditampilkan Ketika Sitemap Pertama Kali Di Load

numChars: 270. Jumlah Deskripsi Pada Setiap Postingan

thumbWidth: 140. Lebar Gambar

thumbHeight: 95. Tinggi Gambar

 

• Nah, sekarang kalo sudah kalian tinggal Save / Publikasikan

• Done, Salam Tamvan

Cukup sekian dan terima kasih, semoga artikel tentang Tutorial Cara Membuat Sitemap Atau Daftar Isi Di Blog Otomatis Berdasarkan Label Dengan Kolom Search ini bermanfaat, apabila ada yang mau ditanyakan, silahkan bertanya di kolom komentar :). cara buat daftar isi blog otomatis, cara membuat daftar isi blog berdasarkan abjad, cara membuat daftar isi blog dengan scroll, cara membuat daftar isi blog di halaman blog, cara membuat daftar isi di blog keren

 

Sumber : https://mastamvan.blogspot.co.id/2017/05/cara-membuat-daftar-isi-sitemap-di-blog.html