» Unlabelled » Design, Tutorial and Tips Trik Blogger | Lostsector

Design, Tutorial and Tips Trik Blogger | Lostsector

Sarwi || || || Leave a komentar

Design, Tutorial and Tips Trik Blogger | Lostsector

Bagaimana Cara Menampilkan Tab Penghasilan (Google Adsense) Pada Dashboard Blogger

Posted: 12 Apr 2013 07:00 AM PDT

Google adsense merupakan program periklanan terbesar didunia sekarang ini dengan menerapkan sistem Pay Per Click (PPC) atau Bayar Per Klik. Program Google ini mempunyai daya tarik tersendiri bagi para blogger diseluruh penjuru dunia karena bisa dijadikan sebagai media penghasilan secara online.

Untuk pendaftarannnya sendiri tidaklah rumit, cukup anda mengakses situs Google Adsense kemudian melengkapi formulir pendaftarannya. Namun setelah proses pendaftarannya selesai, pihak google sendiri tidak akan langsung menerima lamaran anda melainkan harus melalui tahapan-tahapan yakni salah satu diantaranya adalah peninjauan web/blog oleh pihak google. 

Nah, untuk postingan ini saya akan menjelaskan Bagaimana Cara Menampilkan/  Memunculkan Tab Penghasilan (Google Adsense) Pada Dashboard Blogger yang notabenenya Tab Penghasilan ini akan memudahkan anda dalam melakukan Pendaftaran pada Google Adsense.

Cara Menampilkan Tab Penghasilan (Google Adsense) Pada Dashboard Blogger

Well, bagi anda yang ingin memunculkan tab penghasilan/earning blogger ini, caranya sangatlah mudah, berikut penjelasan lengkapnya :

Menampilkan Tab Penghasilan Google Adsense

  • Langkah pertama, silahkan anda login ke akun Blogger yang anda kelola
  • Selanjutnya pilih Tab Setelan » Bahasa dan Pemformatan
  • Pada kolom sebelah kanan, klik bahasa dan pilih "Bahasa Inggris" seperti yang terlihat pada gambar di bawah ini:
Cara Menampilkan Tab Penghasilan (Google Adsense) Pada Dashboard Blogger
  • Setelah selesai, klik tombol "Simpan" yang ada pada sudut kanan atas pada dashboard blogger serta lanjutkan dengan merefresh blogger dah lihat hasilnya.

Panduan Lengkap Cara Membuat Sitemap / Daftar Isi Pada Blog

Posted: 08 Apr 2013 02:46 AM PDT

Apa itu SiteMap...??? Sitemap adalah sebuah menu navigasi simple yang bisa diakses oleh pengguna/pengunjung ataupun robot crawler. Kebanyakan orang memberikan pengertian tersendiri. "Sitemap merupakan sebuah peta/map yang juga bisa diberikan pengertian sebagai daftar isi sehingga pengunjung bisa mencari dan melihat semua isi blog/web dengan mudah". Wikipedia sendiri memberikan penjelasannya seperti kutipan dibawah ini :
A site map (or sitemap) is a list of pages of a web site accessible to crawlers or users.
Sumber : Wikipedia
lostsector

Apakah Keuntungan Sitemap ?

Sitemap mempunyai beberapa keuntungan diantaranya adalah sebagai berikut!
  • Sebagian dari langkah SEO (Search Engine Optimization)
  • Mempermudah pengunjung mencari dan Melihat isi blog

Bagaimana Cara Membuatnya ?

Dibawah ini adalah penjelasan lengkap tentang Bagaimana Cara Membuat Sitemap Blogspot atau website.
  • Pertama, Kunjungi Webmaster Tool terlebih dahulu
  • Disamping kiri, Pilih Optimization > Sitemap
  • Pada Bagian Kanan atas, Pilih "Add/Test Sitemap" Masukkan Kode di bawah ini pada bagian yang kosong. [Perhatikan Gambar]
  1. atom.xml?redirect=false&start-index=1&max-results=900
  2. feeds/posts/default
  3. atom.xml?redirect=false
  4. feeds/posts/default?alt=rss 
  5. rss.xml 
  6. atom.xml
 Lostsector
  • Klik "Submit Sitemap" dan tunggu sampai proses selesai...

Cara Menampilkan Didalam Blog ?

Sitemap didalam postingan blog adalah sebuah site yang berbentuk daftar isi dengan model navigasi yang berbeda-beda, ada yang berbentuk standard dan ada pula yang berbentuk Daftar Isi Model Tabulasi!
  • Login ke blogger > Dashboard > Buat Laman Baru
  • Tentukan Judul Laman dan Pilih HTML
  • Masukkan Script berikut :
<div dir="ltr" style="text-align: left;" trbidi="on">
<script src="http://lostsector-project.googlecode.com/files/sitemap.js"> </script> <script src="http://lostsector.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"> </script> </div>
  • Warna MERAH Silahkan ganti dengan nama blog anda
  • Simpan dan Lihat Hasilnya

Tambahan :

  • Cara Submit Sitemap Ke Bing >>
Copy url di bawah ini dan pastekan ke address bar anda kemudian tekan enter, namun jangan lupa untuk mengganti url berwarna merah dengan url blog anda.
http://www.bing.com/webmaster/ping.aspx?sitemap=lostsector.blogspot.com/sitemap.xml 
  • Submit Sitemap melalui Referensi dalam robot.txt file
http://lostsector.blogspot.com/sitemap.xml
Semoga bermanfaat and happy nice blogging!

    Syntax Highlighter dengan Tombol Source Code, Copy & Print

    Posted: 12 Apr 2013 12:53 AM PDT

    Apa Pengertian Syntax Highlighter? Syntax Highlighter adalah fitur dari teks editor yang berfungsi untuk menampilkan teks (Terutama Source Code) dalam berbagai warna, font sesuai dengan istlah kategori dan mempermudah penggunanya di dalam menulis bahasa yang terstruktur seperti bahasa pemrograman atau bahasa markup.

    Syntax Highlighter merupakan sebuah media yang sering digunakan oleh para webmaster maupun blogger untuk membuat sebuah kolom untuk menempatkan source kode seperti JavaScript, HTML, CSS, PHP, XML dan lain sebagainya sehingga tampilannya terlihat lebih unik dan menarik.




    Untuk postingan ini, saya akan berbagi kepada anda tentang cara memasang Syntax Highlighter yang dilengkapi dengan tombol Source Code, Copy to Clipboard, Print dan Help.

    Bagaimana Cara Menginstall ke dalam Template?

    Perhatikan langkah-langkah berikut ini dan saya akan memberikan penjelasan singkat dan  mudah.
    • Login ke Blogger
    • Pilih Template › Edit HTML › Proceed
    • Cari dan Temukan tag ]]></b:skin> kemudian copy kode di bawah ini dan pastekan tepat dibawah tag ]]></b:skin> tersebut.
    <link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shCore.css' rel='stylesheet' type='text/css'/>
    <link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shCore.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCpp.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCSharp.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCss.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shYouBrushJava.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushJScript.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPhp.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPython.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushRuby.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushSql.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushVb.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushXml.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPerl.js' type='text/javascript'/>
    <script language='javascript'>
    SyntaxHighlighter.config.bloggerMode = true;
    SyntaxHighlighter.config.clipboardSwf = &#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/clipboard.swf&#39;;
    SyntaxHighlighter.all();
    </script>
    • Simpan Template

    Bagaimana Cara Penggunaannya?

    Copy salah satu kode di bawah ini kemudian pastekan kedalam HTML postingan, tapi ingat pilih salah satu kode saja, misalnya untuk kode CSS, maka pilih <pre class="brush:css"> kemudian sisipkan kode CSS tersebut diantara tag pembuka dan penutupnya. Berikut tag dari masing-masing kode :
    • CSS
    <pre class="brush:css">
    Masukkan kode CSS disini
    </pre>
    • HTML
    <pre class="brush:html">
    Masukkan kode HTML disini
    </pre>
    • Javascript
    <pre class="brush:js">
    Masukkan kode Javascript disini
    </pre>
    • PHP
    <pre class="brush:php">
    Masukkan kode PHP disini
    </pre>
    • SQL
    <pre class="brush:sql">
    Masukkan kode SQL disini
    </pre>
    Jika anda mengalami kesulitan dalam penggunaanya, silahkan memberikan komentar di bawah. 
    /[ 0 komentar Untuk Artikel Design, Tutorial and Tips Trik Blogger | Lostsector]\


    Posting Komentar

    Related Posts Plugin for WordPress, Blogger...

    Rank