Sabtu, 07 April 2018

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

Minggu, 25 Maret 2018

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.

cara-submit-sitemap-peta-situs-blog-web

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.

langkah submit sitemap atau peta situs pada google webmaster tools

  • 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

Sabtu, 24 Maret 2018

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:


...


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:






Cara penerapan :
Kode CSS

<style>pre {background-color:#333;font:normal 12px/14px courier,monospace;color:#ccc;padding:10px 15px;margin:0px 0px 10px;position:relative;border-left:10px solid #080;border-top:6px double #fff;overflow:auto;width:auto;}
pre[rel] {padding-top:39px;}
pre[rel]:before {content:attr(rel);font:bold 15px/22px arial,sans-serif;color:white;background-color:#39f;padding:0px 10px;position:absolute;top:0px;right:0px;left:0px;padding:4px;}</style>



Cara Penulisan ingat harus dalam mode HTML

<pre rel="Cara Penulisan"><code>

isi teks kode atau apapaun

</code></pre>

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
Cara Mudah Mengganti Domain Blogspot Ke Domain TLD FreenomDengan begitu kita bisa menghilangkan subdomain blogspot yang sudah menjadi bawaan secara default sejak pertama kita buat di blogger.com.
Keuntungan dari domain TLD seperti ini tentu akan lebih mudah di ingat, karena alamat url web/blog kita menjadi semakin pendek. dan banyak lagi keuntungan-keuntungan lain yang bisa kita dapatkan, satu contoh :
Jika agan ingin membuat blog agan sebagai sarana jual-beli online, akan lebih bagus lagi jika agan menggunakan domain TLD dibanding tetap menggunakan subdomain bawaan blogger (blogspot.com). karena akan sedikit menaikkan prestise (imho).
Registrasi Domain TLD Gratis
Pada kesempatan kali ini, sebagai bahan praktek, agar kita tidak perlu mengeluarkan biaya untuk pembelian suatu domain TLD, maka saya akan memanfaatkan fasilitas domain gratis yang di sediakan oleh freenom.com, yang mana dengan bantuan layanan freenom,com tersebut, kita tidak perlu mengeluarkan biaya untuk sewa domain.
akan tetapi, selama kita menggunakan fasilitas domain gratis dari freenom ini, kita tidak bisa menggunakan domain seperti .com dan sejenis-nya. berikut ini daftar nama-nama domain yang disediakan secara gratis oleh freenom.com yang bisa kita gunakan dengan durasi satu tahun. silahkan disimak dibawah ini.

cara mengganti domain blogspot freenom

Daftar nama domain gratis dari freenom :

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

Sebagai bahan praktek, saya rasa dengan menggunakan salah satu nama domain diatas, bagi saya sudah cukup untuk dipakai meski mungkin sebagian kalangan menganggap nama domain diatas terasa kurang ber-gengsi. namun jika agan ingin menghemat kantong, tidak ada salah-nya untuk mencoba layanan domain gratisan ini.
Selain itu, dengan metode ini, kita juga tidak perlu lagi untuk mengeluarkan biaya untuk menyewa jasa hosting, jadi semua layanan kita cari yang serba gratis dari domain hingga hosting. (suka-nya yang gratis-gratis..?!).
Oke, setelah agan setuju dengan metode ini, agan bisa melanjutkan untuk membaca artikel ini, hal yang perlu dilakukan pertama kali yaitu, agan perlu mendaftar dulu ke situs freenom.com dengan meng-klik tautan dibawah ini :
registrasi ke freenom

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

Cara Mudah Mengganti Domain Blogspot Ke Domain TLD gratis dari freenom

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

hasil pencarian domain di freenom

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

Cara Mudah Mengganti Domain TLD Gratisan dari Freenom Untuk Blogspot

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

proses pemilihan domain

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

Proses seting redirect di panel blogspot.

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

Cara Mudah Mengganti Domain TLD Gratisan dari Freenom Untuk Blogspot

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

DNS

  • 216.239.32.21
  • 216.239.36.21
  • 216.239.34.21
  • 216.239.38.21

Contoh format pengisian DNS Google di panel Freenom :

Cara Mudah Mengganti Domain TLD Gratisan dari Freenom Untuk Blogspot

bagian Name, dikosongkan
bagian Type, pilih A
bagian Target masukkan Ip DNS diatas.
Setelah proses input Dns selesai,tinggalkan dulu seting input dns tersebut, kini agan beralih dulu ke panel blogger agan, langsung akses menu "Settings" atau "Setelan" seperti gambar dibawah, lalu klik tulisan "Siapkan Url pihak ke 3 untuk blog anda"

Cara Mudah Mengganti Domain TLD Gratisan dari Freenom Untuk Blogspot

Setelah agan klik, lalu masukkan nama domain sesuai dari apa yang sudah kita dapatkan di freenom tadi. jangan lupa sertakan "www" seperti gambar dibawah ini :

Cara Mudah Mengganti Domain TLD Gratisan dari Freenom Untuk Blogspot

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

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

(di teliti lagi ya sebelum mengisi dengan melihat contoh gambar dibawah)

Baru, jika dirasa sudah benar format pengisian-nya.. agan bisa menekan tombol "Save Changes" dan agan bisa pindah lagi ke setelan blogger tadi untuk menyimpan setting yang sudah agan kerjakan.

jika berhasil, nanti hasil-nya seperti gambar dibawah ini :

Dari sini agan sudah selesai melakukan penyetelan domain redirect di blogspot. agan bisa mengakses alamat url blogspot agan dengan nama yang lama, dan nanti akan otomatis di redirect ke nama domain yang sudah agan dapatkan dari freenom.

Bagaimana.. mudah bukan..?

Dengan mempelajari metode redirection domain dari freenom ini, setidaknya cukup mewakili untuk seting domain TLD dari penyedia domain yang lain. semoga artikel sederhana ini bisa membantu agan yang ingin mencoba mengganti subdomain blogspot ke domain TLD.

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

Sampai jumpa di artikel-artikel yang lain. :)

Sumber