Saturday, 18 January 2014

Cara Menambahkan Dengan Gaya Berbeda Recent Post Widget Pada Blogger

Cara Menambahkan Dengan Gaya Berbeda Recent Post Widget Pada Blogger


 Recent Post Widget Pada Blogger
Cara meningkatkan tampilan dihalaman Blog Anda atau Website dengan menambahkan recent post gaya baru untuk mempermudah pengunjung dalam pencarian artikel yang terkait di suatu halaman Blog.Juga sangat bagus untuk mengurangi Bounce Rate Blog/Website Anda.Pada hari Saya akan menunjukan Cara Menambahkan Dengan Gaya Berbeda Recent Post Widget Pada Blogger Anda dengan tampilan yang lebih indah dan lebih menarik bagi pengunjung Blog Anda.Harapan Saya Anda menikmati tampilan yang multi warna Widget Recent Post dengan CSS dan jQuery dalam meningkatkan Page views pengunjung Anda.Semoga Blog/Website Anda lebih top dalam peringkat Google, Yahoo dan Bing.


Bagaimana Cara Menyipan Widget Recent Post Pada Blogger...?


Langkah 1. Anda Ligin Blogger Account
Langkah 2. Pilih Layout dan langsug klik
Langkah 3. Pilih Gadget dan klik tambah gadget
Langkah 4. Copypaste kode HTML dan simpan kolom popup HTML/JavaScript
Langkah 5. Sudah menyimpan kodenya lalu klik Save
Langkah 6. Selesai dan lihat hasilnya


 Anda ikuti langkah-selanjutnya cara menambahkan widget pada Blogger Anda


Live Demo


Silahkan Anda Sekarang Copypaste Kode HTML Ini
 <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript">


home_page = "http://cara-alfiyah.blogspot.com/";
numposts = 7;

imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor
 = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor
= "#666";aBold = true;icon = " ";text = false;showPostDate
= false;summaryPost = 0;summaryFontsize = 10;summaryColor
= "#666";icon2 = " ";</script><script
 src="http://dl.dropboxusercontent.com/s/niuq8uqagunjvbq/recent-posts-min-1-ycode.js"
 type="text/javascript"/><a href="http://cara-alfiyah.blogspot.com/"
rel="dofollow" target="_blank" title=""><img alt="" border="0"
 src="http://i1341.photobucket.com/albums/o741/bujangarab1/56bbf131-f319-4643-8c54-4ae97111d956_zps5c4c7e72.gif" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/>
</a><a href="http://cara-alfiyah.blogspot.com/" rel="dofollow" target="_blank"
 title="ALfiyah Info Blogger"><img alt="ALfiyah Info Blogger" border="0"
 src="http://i1341.photobucket.com/albums/o741/bujangarab1/56bbf131-f319-4643-8c54-4ae97111d956_zps5c4c7e72.gif" style="position: fixed; bottom: 10%; right: 0%;"/>
</a><a href="http://cara-alfiyah.blogspot.com/" rel="dofollow" target="_blank" title="ALfiyah Info Blogger">
<img alt="ALfiyah Info Blogger" border="0" src="http://i1341.photobucket.com/albums/o741/bujangarab1/56bbf131-f319-4643-8c54-4ae97111d956_zps5c4c7e72.gif" style="position:
 fixed; bottom: 10%; left: 0%;"/></a><link rel="stylesheet" type="text/css" href="http://dl.dropboxusercontent.com/s/ecikvgo68yrfgps/recent-posts-min-1.css" /></script
></div>

Catatan : Kode HTML yang bertanda merah diganti dengan alamat Blogger Anda,Sedangkan warna biru bisa Anda rubah sesuai dengan selera yang Anda mau.Misalkan dirubah dengan 5,6,7 dan selanjutnya.

Demikian tutorial cara menambahkan widget semoga bermanfaat. Anda juga mungkin meminati Cara Memasang Auto Scroll Widget Pada Blogger



Friday, 17 January 2014

Membuat Blogger Template SEO Friendly

Membuat Blogger Template SEO Friendly


SEO Friendly in Blogger
Blogger adalah CMS yang paling populer yang sedang digunakan oleh ribuan bahkan jutaan Blogger. Hal yang terbaik dari itu adalah yang dimiliki oleh Google yang membantu Webmaster untuk melibatkan blog mereka dengan Google karena untuk mendapatkan lebih banyak lalulintas dengan Google.Disana kita dapat menginstal template kustom tapi kebanyakan template tidak Dioptimalkan secara SEO,dikarenakan dirancang oleh pengembang yang berbeda.Jadi jika Anda termasuk Saya juga menggunakan template kustom atau template Default maka Anda harus memeriksa maka kita harus memeriksa untuk mengoptimakan di mesin pencari,Jika tidak kita harus mengoptimakannya untuk mendapatkan lalulintas yang cerdik.Jadi dalam kesempatan ini kita belajar untuk Membuat Blogger Template SEO Friendly .



Tampilan Judul Postingan Pertama Dalam Search Results



Pernahkah Anda memperhatikan bahwa judul postingan muncul setelah judul blog dalam hasil pencarian...? jika betul terus ikuti bagian ini.Petama tama lihat contoh dibawah ini.

Setelah melihat gambar diatas mungkin Anda sudah mendapatkan point,dengan alasan mengapa paska judul harus muncul pertama dalam hasil pencarian adalah bahwa ketika sesorang akan mencari konten apapun Dia akan membaca beberapa kata judul jika cocok dengan konten yang dicari maka dia akan mengkliknya,kalau tidak cocok dia akan mengabaikannya.Dalam rangka untuk menggelar tampilan posting timbul pertama dalam hasil pencarian ikuti langkah dibawah ini.
         Pergi Blogger >> Template >> Backup Template Anda

         Klik Edite HTML Dan Cari Kode Dibawah Ini.


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

        Ganti Kode Diatas Dengan Kode Berikut.


           <b:if cond='data:blog.pageType == &quot;item&quot;'>                
           <title><data:blog.pageName/> | <data:blog.title/></title>
                  <b:else/>
              <title><data:blog.pageTitle/></title>
           </b:if>

        Simpan Template Anda Dan Klik Sive.
        Sekarang Langkah Selanjunya.

Menambahkan Meta Deskription Dan Keyword Tags



Didalam bagian ini kita akan menambahkan meta deskription dan keyword tags,adapun gunanya adalah agar blog Anda mudah di Crawler oleh mesin pencari yang didasarkan dari kategori blog Anda.Ini juga akan membantu mesin pencari untuk menampilkan postingan blog pada kata kunci yang tepat.Untuk itu mari ikuti cara menambahkan deskripsi dan kata kunci berikut ini.
         Pergi Blogger >> Template >> Edite HTML

        Sekarang Cari Kode <head>, Kalau Sudah Ketemu Simpan Kode Dibawah Ini Tepat Setelah <head>


   <meta content='TULIS DISINI DESKRIPSI BLOG'S ANDA' name='description'/>  
   <meta content='DiSINI TULIS KEYWORD ANDA' name='keywords'/>
.

        Catatan :"TULIS DISINI DESKRIPSI BLOG'S ANDA" Isi dengan diskripsi anda sebanyak 150 karakter,dan "DiSINI TULIS KEYWORD ANDA" ganti dengan kata kuci blogs Anda sebanyak 150 karakter.
         Akhirnya Klik Simpan, Selesai!

Mengoptimalkan Judul Posting Dengan Tag H2



Para Blogger Profesional menganjurkan kita untuk menggunakan tag H2 yang bertujuan agar judul blog kita optimal dalam mesin pencari lebih bagus.Secara default di Blogger,tag H3 dijadikan judul posting,tetapi tag H2 lebih baik.Untuk menggunakan H2 dalam posting blog ikuti langkah berikut.
         Pergi Blogger >> Template >> Edite HTML

            Lalu Cari Kode Dibawah Ini



                 <b:if cond='data:post.title'>                  
.

            Sekarang Anda Akan Melihat Perbedaan Sesuatu Yang Tertera Pada Gambar Dibawah


            Pada Gambar Diatas Anda dapat melihat bahwa dalam memulai judul postingan blog dimulai dengan tag H3. Sekarang Anda hanya perlu Mengganti tag H3 menjadi tag H2,dan juga tag akhir </ h3> dengan </ h2> .Setelah mengganti terlihat akan seperti gambar dibawah ini.

            Setelah Mengoptimalkan Judul Posting ,Sekarang Yang Perlu Lakukan Anda Tinggal menyimpan Template.

         Selamat ! Buat Template Anda Berhasil Dioptimalkan Mesin Pencari.

Thursday, 16 January 2014

Tutorial Google's Halaman Unlock Captcha - ALfiyah


Tutorial Google's Halaman Unlock Captcha



Halaman Unlock Captcha


Dua hari yang lalu ada seorang yang menanyakan, bagaimana cara mengaktikan "imap gmai.com"..? yang karena dengan alasan terkunci. Saya mengintruksikan untuk mencoba membukanya kembali dengan menggunakan account google unlock captcha.

Seperti yang sudah dilakukan sebelumnya ketika akunnya terkuci dan ternyata mereka telah berhasil dengan cara menggunakan untuk mengizinkan akses ke akun google anda kembali. Hararapan yang membantu seseorang yang lagi mendapat kesulitan semoga berhasil dalam jangka waktu sedikit. Demikin satu pengalaman yang jarang terjadi,tapi kita gak ada salahnya untuk berbagi ilmu,ada pepatah yang mengatakan "Carilah Ilmu Walaupun Sampai Ke Negri Cina".



Wednesday, 15 January 2014

Cara Membuat Makrup Blogger Dengan Schema.Org - ALfiyah


Cara Membuat Makrup Blogger Dengan Schema.Org



Apakah Anda Ingin Melihat Dalam Hasil Pencarian Google Result Seperti Ini..?
Makrup Blogger Dengan Schema.Org



Mari Kita Lihat Dengan Mengambil Metode Schema.Org


Mesin Pecari seperti Google,Yahoo,Dan Bing telah mendukung dengan adanya Potongan Tentang kaya dan data terstruktur/rich snippets.Baru baru ini merangkak dengan penggunaan Schema.Org sebuah metode yang menyediakan makrup terkaya dalam hasil mesin pencari dan bahwa yang terbaik dari semua itu juga paling mudah untuk penggunaannya.


Dalam Jangka Bebberapa Menit Kita Mendapatkan Blog Yang Sangat Hebat Dengan Menggunakan Kode HTML Sebelumnya






.
<div id="blog_post">
    <h2>Post Title</h2>
    <div class="byline">Written by Muhamad Hamdan on Tuesday Jan 14th 2014</div>....
    <div class="content">Content...</div>

</div>
.


Schema.Org banyak para blogger menggunakannya dengan jenis dan metode yang berbeda untuk membuat postingan blogger dengan Schema.Org. Tetapi saya akan memberi tahu mesin pencari bahwa ini adalah skema yangsaya gunakan dengan menambahkan itemtype dan itemscope halaman blogger postingan saya.

.
<div id="blog_post" itemscope="" itemtype="http://schema.org/BlogPosting">.......
<!-- -->
</div>

.

Selanjutnya kita tambahkan itemprop untuk judul dan konten. Disini saya akan menggunakan nama dan judul prperty untuk header, dan properti ArtikelBody untuk konten.

.
<div id="blog_posttemscope="" itemtype="http://schema.org/BlogPosting">......
    <h2 itemprop="name headline">Post Title</h2>
    <!-- -->
    <div class="content" itemprop="articleBody">Content...</div>

</div>
.


Bagian terakhir sedikit agak sulit tapi sangat bagus. Saya ingin menentukan tanggal dan penulis,ini akan memberikan tampilan photo dan diterbitakan 1 menit yang lalu,dengan adanya penampilan penulis akan lebih baik bagi mesin pencari seperti Google.Tentang Cara Menambahan Informasi Ada dua langkah yang bisa menentukan.Pertama tambahkan itemprop penulis,dengan itemtype dan itemscope.Hal ini menciptakan ruang lingkup bagi penulis.Kemudian disini ditambahkan rentang baru dengan itemprop nama dan juga ditambahkan link profil penulis Google+ dengan atributrell = "author" dan itemprop dari URL.




Ini Adalah Babak Terakhir Seperti Yang Bisa Anda Lihat Dibawah.




.
<div id="blog_post" itemscope="" itemtype="http://schema.org/BlogPosting">
    <h2 itemprop="name headline">Post Title</h2>
    <div class="byline">
        Written by
        <span itemprop="author" itemscope="" itemtype="http://schema.org/Person">
            <span itemprop="name">
                <a href="https://plus.google.com/110064667144377377705/" itemprop="url" rel="author">Muhamad Hamdan</a>
            </span>
        </span>
        on
        <time datetime="2014-01-14T22:00" itemprop="datePublished">Tuesday Jan 14th 2014</time>
    </div>
    <div class="content" itemprop="articleBody">Content...</div>
</div>

.


Selanjutnya gunakan Alat Penguji Google untuk memastikan kebenaran makrup Anda dan mendorong perubahan aktipitas kita. Berikan Google untuk menelusuri kembali halaman kita dan memperbaharui indeks mereka, dan selama beberapa hari kedepan Anda harus mulai melihat beberapa hasil yang lebih bagus mesin pencarian.



Sunday, 12 January 2014

Cara Membuat File Robots.txt Mudah - ALfiyah Info Blogger

Cara Membuat File Robots.txt Mudah - ALfiyah Info Blogger

file Robots txt in blogger


Bagaimana Cara Membuat File Robots.txt


File Robots Txt adalah sebuah misteri bagi pakar blogger seperti saya.Tetapi kenyataannya tidak ada yang misteri di dunia ini,kecuali anda menjelajahi sepenuhnya.Jika anda khawatir tentang bagaimana cara mudah menulis file robots.txt,jangan terlalu panik ini sangat sederhana sekali seperti anda menulis postingan blog atau umpama mengedite sebuah artikel halaman yang ada. Yang penting anda harus mengetahui tindakan apa yang harus digunakan. Biasanya robot / spider menjelajahi situs untuk beberapa hal,seperti halaman artikel, control panel admin,tag,arsip. Mereka mengindeks apa apa saja yang terlihat untuk di akses bagi mereka. Hal ini sangat penting untuk membatasi mereka dari mengindeks segala sesuatu dari website kita.
Setiap file Robots.txt dari sebuah situs akan berlokasi di www.Domain Name.com/robots.txt, misalnya www.alfiyah.com/robots.txt.Biasanya robots.txt file juga dikenal sebagai Robots.txs Excluison Protocol.Jadi setiap kali robot mengunjungi website anda,ia terlebih dahulu harus mengunjungi halaman / robots.txt,kemudian mengunjungi halaman lain untuk mengindeks.

Sekarang Ikuti 7 Lankah Cara Membuat File / Robots.txt



Sekarang kita akan memeriksa bagaimana agar bisa membatasi spider mesin pencari untuk mejelajahi situs kami untuk hal-hal yang tidak di inginkan.Anda harus mengenal 6 tahap untuk menulis file robots.txt.Dan anda juga harus mengetahui dasar dan advanse minimal untuk satu kali untuk menulis file / robots.txt,karena anda tidak setiap hari untuk menggantinya.Mari kiata lihat perintah yang paling penting tahapan untuk menulis sebuah file yang sukses robots.txt.

Tahap 1;perbedaan * dan / entri.



Jadi sebelum menulis file sukses / robots.txt. Anda harus tahu perintah dasar dan penggunaannya. Hal pertama yang perlu anda ketahui tentang /robots.txt adalah perintah User-agent. Selanjutnya muncul perintah Disallow yang di jelaskan sebagai berikut.


User-agent: *
Disallow:

Disini,User-agent: * berarti bahwa bagian tersebut diterapkan pada semua robots.* Disebut Wildcard yang biasanya berarti semua.Datang keperintah Disallow,ini memberitahu robot bahwa mereka tidak dapat indeks dimana saja mereka inginkan. Jadi * ini berarti ,robots harus membaca semua materi sebelum melanjutkan .


User-agent: *
Disallow: /

Disallow: / ini berarti robot tidak diperbolehkan untuk menjelajahi apa-apa,jadi sekarang anda punya perbedaan ? Jika * maka indeks semua,jika / jangan indeks apa-apa.

Tahap 2: Muka perintah dalam file robots.txt.



Sehingga kita menemukan perbedaan antara * dan /,sekarang saatnya untuk belajar lebih banyak tentang perintah sebelumnya dalam file/robots.txt.Dimulai User-agent dan Disallow,kita akan memperoleh beberapa perintah untuk melarang robot yang tidak diinginkan dari mengakses situs kami.

” User-agent: *
Disallow: /cgi-bin/

Perintah diatas ini berarti bahwa,semua robot berkas tidak diizinkan untuk indeks apapun di folder cgi-bin memiliki subfolder dan halaman cgi-bin/newsite,cgi atau cgi-bin/examle/idontknow cgi,maka mereka mau di indeks atau di akses oleh robot.
Dan jika anda ingin membatasi file robot tertentu,kemudian menyebutkan nama robot untuk membatasi dari mengindek situs anda.


User-agent: Googlebot-image
Disallow: /

Dalam contoh diatas,kita membatasi google image pencarian bot untuk mengindeks situs kami untuk gambar disini.Googlebot-image adalah robot yang mencoba untuk melarang dari situs kami. Jadi tanpa izin anda dari /robots.txt.Googlebot-image tidak seharusnya indeks file apapun dari directory root "/" dan semua subfolder,mau indeks apapun dari situs anda.Bot ini biasanya di gunakan untuk memindai gambar untuk menunjukan kepada mereka di google-image pencariaan.

Tahap 3: Perbedaan antara /sesuatu / dan /sesuatu.



Disini kita akan melihat bagaimana membatasi file yang berbeda,folder atau tempat-tempat yang merugikan kesehatan diri sendiri.


User-agent:*
Disallow: /cgi-bin/
Disallow: /wp-admin/
Disallow: /wp-content/
Disallow: /wp-incluides

Panjang / perintah robots.txt memberitahu robot di atas bahwa sesuatu di direktori cgi-bin tidak dapat diakses oleh salah satu bot. Demikian wp-admin, wp-content, wp-includes direktori dibatasi untuk pelanggaran oleh robot.
Anda harus mencatat hal yang sangat penting tentang "/" penggunaan. Jika Anda ingin menyebutkan sebuah direktori atau folder di situs Anda, maka mereka harus memulai dan mengakhiri dengan "/" di file / robots.txt. Sebagai contoh,


User-agent:*
Disallow: /cgi-bin/

Ini akan memberitahu robot yang cgi-bin adalah direktori, dan.


User-agent:*
Disallow: /cgi-bin

Ini akan memberitahu robot untuk mengobati cgi-bin bukan sebuah direktori, tapi sebagai file dalam situs web Anda. Sama seperti cgi-bin.html atau sesuatu. Jadi menghindari membuat kesalahan yang hilang "/" di awal dan akhir untuk direktori.

Tahap 4: Bagaimanna untuk membatasi gambar yang tidak di inginkan ?



Jika Anda tidak ingin bot Google untuk mengindeks gambar tertentu, Anda dapat membatasi itu.


User-agent:Googlebot-image
Disallow: /image/adsense.jpg

Menggunakan perintah di atas, Anda dapat membatasi Googlebot-Image untuk gambar indeks adsense.jpg.

Tahap 5: Bagaimanna untuk membatasi halaman yang tidak di inginkan ?



Hanya mirip dengan perintah di atas, Anda juga dapat membatasi halaman tertentu dalam file / robots.txt.


User-agent:*
Disallow: /alfiyah/adsense.html
Disallow: /alfiyah/applications.html
Disallow: /alfiyah/scret.html

Perintah di atas menceritakan robot untuk tidak mengindeks atau merambah halaman yang disebutkan di atas. / seosiren / sini berarti direktori, dan adsense.html, applications.html, secret.html sebagai halaman. Jadi kita membatasi / alfiyah / serta halaman lain untuk menjadi indeks.

Tahap 6: Apa yang dimaksud dengan sempurna file layout/robots.txt?



Anda / file robots.txt harus sesuatu seperti ini.


Sitemap: http://cara-alfiyah.blogspot.com/sitemap.xml
User-agent: *
Disallow: /cgi-bin/
Disallow: /wp-admin/
Disallow: /wp-content/
Disallow: /wp-includes/
Disallow: /recommended/
Disallow: /comments/feed/
Disallow: /wp-content/plugins/
Disallow: /trackback/
Disallow: /index.php
Disallow: /xmlrpc.php
User-agent: Mediapartners-Google*
Allow: /
User-agent: Googlebot-Image
Allow: /wp-content/uploads/
User-agent: Adsbot-Google
Allow: /
User-agent: Googlebot-Mobile
Allow: /

Itulah, di atas / robots.txt berkas, kita membatasi direktori yang paling penting dan file yang akan diindeks atau dijelajahi oleh robot.

Tahap 7: Knock off!



Jika Anda tidak jelas atau masih bingung tentang file / robots.txt setelah membaca posting ini, saya akan menyarankan Anda untuk tiruan file / robots.txt dari teman atau website pesaing. Hehe! Itulah apa yang dapat Anda lakukan ketika Anda tidak jelas tentang hal-hal instan