Cara Menghubungkan Blogger Anda Ke Halaman Facebook Dan Twitter | alfiyah info blogger

Cara Menghubungkan Blogger Anda Ke Halaman Facebook Dan Twitter | alfiyah info blogger


Kemarin kita sudah bikin Cara Menambahkan Blog Anda Ke Networkedblogs, sekarang bagaimana Cara Menghubungkan Blogger Anda Ke Halaman Facebook Dan Twitter melalui Sindikasi Networkedblogs

Hari ini Saya akan menunjukan bagaimana cara menghubungkan blogger Anda ke Facebook dan twitter ?

Sekarang Ikuti Langkah Langkahnya

Langkah 1. Anda Masuk Website Networkedblogs Kalau belum punya akun masuk dilangkah 2.untuk daptar.

Langkah 2. Cara Menambahkan Blog Anda Ke Networkedblogs klik register untuk melakukan pendaptaran,kalau sudah selesai mari kita lihat langkah selanjutnya.

Langkah 3. Cara Menambahkan Blogger Anda Ke Halaman Facebook Kalau Anda sudah berhasil menambahkannya.Sekarang kita tinggal mempublikasikan Blogger Anda ke Facebook dan Twitter.

Langkah 4.Anda masuk dashboar Networkedblogs dan klik bagian Syndication akan muncul seperti gambar dibawah.

Langkah 5.Kemudian pih salah satu nama blogger Anda,misalnya yang akan dihubungkan dengan fun page Facebook maka maka terlihat seperti gambar dibawah.

Langkah 6.Untuk menghubungkan blogger Anda dengan Twitter klik bagian kanan icon twitter sebelahnya icon facebook terlihat percis gambar dibawah.

Langkah 7.Selesai sudah aktifitas kita hari ini dan anda juga sudah memiliki sindikasi melalui Networkedblogs yang siap dipublikasikan.Terlihat contoh gambar dibawah yang berhasil disindikasi.

Akhir Kata

Demikinlah tips blogger kali semoga bermanfaat bagi Anda Saya ucapkan banyak terimaksih "Salam Blogger"

Untuk Selanjutnya Ikuti  Cara menambahkan blog Anda Ke Fan Page


Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 3:19 PM

Cara Menambahkan Blogger Anda Ke Halaman Facebook | alfiyah info blogger

Cara Menambahkan Blogger Anda Ke Halaman Facebook | alfiyah info blogger


Bagaimana cara menambahkan blog Anda kehalaman facebook dengan mudah..? Hari ini Saya akan menunjukan cara menambahkannya,supaya blogs Anda lebih banyak yang mengakses dari halaman facebook diseluruh penjuru Dunia.

Untuk mencapai tujuan cara menambahkan blog dihamana facebook Anda hanya perlu melakukan beberapa langkah,ok sekarang ikuti tips alfiyah info blogger.

Langkah 1. Tambahkan Blog Anda Ke Networkedblogs

Langkah 2. Tambah Blogger tab kehalaman Facebook Anda

Langkah 3. Pergi Kehalaman fun Networkedblogs

Langkah 4. Klik Icon Kecil Disamping Tombol Pesan Dan Klik Tambahkan Halaman/Add app Coba Lihat Gambar Dibawah.

Langkah 5. Dari Jendela,Pilih Halaman Anda ( Pastikan memiliki tanda centeng sebelum nama nama halaman) Dan Klik Add Halaman Tab,Ikuti gambar Dibawah.

Langkah 6. Pergi kehalaman Anda dan klik tab baru di instal blogger Anda klik pilih blogs.Anda mungkin akan mendapatkan beberapa pesan untuk ne-refres halaman,beberapa kali menyegarkan blog Anda akan muncul.Pastikan blog Anda dipilih dan Klik save.

Selesai sudah sekarang Anda menambahkan blog tab kehalaman facebook,kemudian lakukan berkomentar dengan halaman facebook sehingga bisa mengetahui dengan gemerlapnya suatu blogs.


Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 5:20 PM

Cara Menambahkan Box Shadow Dengan Kode CSS3 Pada Elemen Blogger

Box Shadow Dengan Kode CSS3 Pada Elemen Blogger


Assalamu'alaikum Sahabat kita jumpa kembali dengan postingan hari ini yaitu Cara Menambahkan Box Shadow Dengan Kode CSS3 Pada Elemen Blogger yang sangat bermanfaat buat melengkapi halaman blog Anda dengan tampilan lebih Indah Seperti yang di inginkan oleh para pengunjung.

Box Shadow Dengan Kode CSS3 Pada Elemen Blogger Anda,bagaimana cara menambahkannya..? ini sangat mudah untuk Anda yang masih belajar termasuk Saya,karena disini Saya memberi kode CSS3 hanya cukup dengan petunjuk seperti yang tertera dibawah.

Silahkan copypaste kode CSS3 dibawah bila Anda mau menambahkannya.

ALfiyah Info Blogger

<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:300px;
height:100px;
background-color:green;
box-shadow: 10px 10px 5px #888888;
}
</style>
</head>
<body>

<div>Artikel Anda Simpan Disini</div>

</body>
</html>


 Kode diatas menghasilkan kotak bayangan seperti gambar dibawah,yang bisa digunakan untuk melengkapi artikel blogs Anda.Untuk pemberian kode warna bisa Anda rubah sesuai dengan selera,juga untuk width:300px dan heigt:100 bisa diganti dengan keprluan.


Artikel Anda Simpan Disini



Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 5:40 PM

Cara Menambahkan Blog Anda Ke Networkedblogs | Alfiyah Info Blogger

Cara Menambahkan Blog Anda Ke Networkedblogs



Selamat jumpa lagi kawan dengan Alfiyah Info Blogger,hari ini kita kembali untuk membahas bagaimana cara menambahkan Blog Anda di NetworkedBlogs.Disini Anda boleh mengajukan pertanyaan mengapa kita harus menambahkan blog di Networkedblogs..? Sebagai jawabannya adalah untuk mempermudah Orang Orang mengakses blog kita dari dari halaman Facebook Anda.Juga bisa dikatan Networkedblogs adalah sebuah Direktori blogs yang bisa membantu Anda untuk mendapatkan lebih banyak ekposur blog Anda dan juga gratis untuk fitur dasar.
Sekarang apa yang harus Anda lakukan untuk mencapai tujuan, disini Saya akan menunjukan langkah lankahnya Cara Menambahkan Blog Anda Ke Networkedblogs.

Langkah 1. Masuk Ke NetworkedBlogs.com

Langkah 2. Lakukan Register a new blog

Langkah 3. Masukan link URL Blog Anda pada kotak yang tersedia misalnya http://cara-alfiyah.blogspot.com, kemudian klik Next.Seperti gambar dibawah :

register new blog in Networkedblogs


Langkah 4. Masukan informasi tentang Blog Anda sesuai dengan kolom data yang tersedia,bisa Anda lihat pada gambar dibawah.

register-a-new-blog-in-networkedblogs


Untuk Selanjutnya Ikuti Cara menambahkan blog Anda Ke Fan Page.





Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 5:12 PM

Mulai Panggilan Video Dan Pesan Instan Facebook Anda Langsung Dari Skype

 Panggilan Video Dan Pesan Instan Facebook  Langsung Dari Skype



Instan Facebook in Skype
 Dalam kesempatan ini Saya akan memberi sebuah artikel yang bisa digunakan untuk semua Orang,yaitu Mulai Panggilan Video Dan Pesan Instan Facebook Anda Langsung Dari Skype dengan lebih mudah untuk tetap berhubungan dengan keluarga dan teman Anda.Selain itu Anda juga bisa melihat dinding facebook,mengomentari status teman juga bisa memperbaharui status secara langsung.

Dapatkah Saya Mencapai Teman Teman Facebook Saya Dengan Menggunakan Skype ?

Sangatlah mudah untuk tetap berhubungan dengan teman-teman facebook Anda dengan Skype.Pertama ,Anda harus menghubungkan akun Skype Anda ke Facebook.Kemudian Anda dapat melihat Facebook News Feed dan menghubungi teman teman Facebook Anda

Ikuti Langkah Langkah Menghubungkan Ke Facebook

1. Masuk Ke Akun Skype
2. Di Tab kontak, klik panah bawah disamping All dan pilih Facebook
Pesan Instan Facebook in Skype

3. Klik Connect to Facebook
connect-to-skype

4. Sebuah facebook log-in halaman terbuka di Home Skype.Jika Anda bukan pengguna facebook,klik untuk daptar.
facebook-signup-to-skype

5. Masukan Facebook log-in rincian dan klik log-in untuk menghubungkan ke Facebook Anda.
Untuk melihat News Feed Facebook
Anda dapat berbagi dan melihat status,update dan komentar dari kontak Facebook Anda bisa lihat di Home Skype

Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 3:23 PM

Kode Warna JQuery Pada Blogger

Kode Warna JQuery Pada Blogger


Untuk melengkapi Blogger Anda terutama dalam mencanangkan berbagai corak warna untuk dikembangkan disuatu posting seperti widget yang membutuhkan dengan imbuhan warna Anda bisa mengambil kode yang diinginkan.

Menuju Situs Aslinya


Delicious Save this on Delicious


Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 9:18 AM

Cara Menambahkan Statistik Facebook Pop Out Like Box Pada Blogger Dengan Hover Effect

STATISTIK FACEBOOK POP OUT PADA BLOGGER 



FACEBOOK POP OUT PADA BLOGGER
Pada kesempatan Saya akan mencoba memberi tahu kepada Anda tentang cara menambahkan statistik Facebook pop out pada Blogger dengan Hover effect.Dengan tampilan sangat keren mengambang Facebook Like Box yang slidenya sangat praktis bila tersentuh telunjuk mouse.Widget sangat penting untuk Blogger Anda agar lebih mendorong pengunjung menyukai postingan Anda, juga pada waktu yang sama bisa menyebarkan informasi keseluruh penjuru Dunia dengan drastis.Hari Saya akan memberikan langkah-langkah untuk cara membuatnya dengan sangat sederhana.


Bagaimana Cara Menambahkan Statistik Facebook Pop Out Pada Blogger Anda..?


Sekarang Ikuti langkah berikut ini



transparan mengambang bar vertikalmembuat sitemap di halaman bloggercara daftar blog di webmaster-tools

Copyright © 2014 Alfiyah Blogger


Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 4:42 PM

Cara Menyimpan kode Snippets Feed Icon Pada Blogger

Cara Menyimpan kode Snippets Feed Icon Pada Blogger


Feed Icon in Blogger
Apa yang dimaksud Feed..? Kita sering menemukan kata "RSS","XML" dan "Atom" diberbagai media artikel,tapi kita tidak tahu bagaimana cara menggunakan link ini.

Feed adalah cara untuk Website/Blog besar dan kecil untuk mendistribusikan konten mereka jauh melampoi dengan pengunjung menggunakan brower.Izin berlangganan feed update regular,dikirim secara otomatis melalui web portal,news reader,atau pembuatan email sejak lama selalu terbaik.Feed juga memungkinkan untuk konten situs yang dikemas dalam "widget, "gadget" perangkat mobile,dan tecnologi gigitan ukuran lain yang memungkinkan untuk menampilkan blog,podcast,dan major news /sport/cuaca/ apapun berita utama hanya tersedia dimana saja.

Dalam beberapa kasus Anda bisa menggunakan feed dengan men-Download icon.Tetapi kali kali Saya akan membahas cara menyimpan Kode Snippet pada Blogger,dengan menggunakan HTML dan CSS.Barangkali Anda ingin link ke feed dalam sebuah paragraf.Untuk menghilankannnya Anda harus menambahkam texs deskriftif agar pengguna mengetahui link tersebut ke feed.Anda dapat menepatkan icon sebelum texs yang terkait dengan pakan.

Live Demo



Tampilan Feed Icon Pada Blogger 


Jika WEbsite/Blog Anda memiliki lebih dari satu pakan,Anda bisa menyajikan semua feed yang ada sebagai daptar.

Contoh :
  • fed-icon All Posts
  • feed-icon Category 1
  • feed-icon Category 2
  • feed-icon Category 3
  • feed-icon-Blogger All Posts
  • feed-icon-Blogger Category 1
  • feed-icon-Blogger Category 2
  • feed-icon-blogger Category 3


Bagaimana Cara Menampilkan Kode Snippets Pada Blogger ?






  • feed-icon-blogger  Langkah 1. Anda masuk ke Blogger Account
  • feed-icon-blogger  Langkah 2. Anda klik Layout
  • feed-icon-blogger  Langkah 3. add gadget
  • feed-icon-blogger  Langkah 4. COPAS kode HTML dibawah



  • KODE HTML
    <ul class="feed-list">
      <li><a href="#">All Posts</a></li>
      <li><a href="#">Category 1</a></li>
      <li><a href="#">Category 2</a></li>
      <li><a href="#">Comments</a></li>
    </ul>


    KODE CSS
    .feed-list {
      margin: 0 0 15px 15px;
      padding: 0;
      list-style-type: none;
    }

    .feed-list li {
      margin: 0 0 10px 0;
      padding: 0;
      list-style-type: none;
    }

    .feed-list li a {
      padding: 0 0 0 19px;
      background: url("../images/feed-icon-14x14.png") no-repeat 0 50%;
      list-style-type: none;
    }

    Akhir Kata

    Demikian Tutorial Menyimpan kode Snippets Feed Icon Pada Blogger Semoga bermanfaat untuk lebih jelas silahkan Anda mengunjungi www.feed.com


    Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 4:28 PM

    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



    Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 5:02 PM

    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.

    Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 7:15 PM

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



    Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 3:14 PM

    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.



    Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 4:38 PM

    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
    Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 6:49 PM

    Cara Membuat Kode HTML - Alt Image Pada Blogger


    HTML-Image.jpg in Blogger


    Assalamu Alaikum sahabat blogger,kita bisa bersilaturami kembali dengan konten saya yaitu Cara Membuat Kode HTML l Alt Image Pada Blogger tentunya sahabat udah pada tahu mengenai cara ini dari blogger yang sudah mempunyai prinkat tnggi di dunia internet, tetapi engga ada masalah kita untuk mrefrese pengetahuan kita agar lebih cemerlang lagi, dan juga untuk yang belum tahu atau mengenal mari kita untuk bertukar pikiran dalam meningkatkan wawasan dalam bidang Blogger,internet dalam hal membuat kode HTML image/gambar dengan mudah untuk penerapannya. Jika anda merasa kesulitan bisa menghubungi  Kode Contact Us lewat belakang halaman.



    Sekarang kita pokuskan pada konten selanjutnya yang akan menyuguhkan definisi HTML.

    HTML image - kode <img> Tag dan kode src Attribute 


     Dalam HTML,image didefinisikan dengan tag <img> 
    Tag <img> kosong,yang berarti mengandung atribut saja,dan tidak memiliki tag penutup.
    Untuk menampilkan gambar pada halaman,anda perlu menambahkan atribut scr,kalau belum tahu arti dari
    Src adalah " Sumber " dan nilai dari src adalah URL dari gambar yang akan ditampilkan.

    Sintaks Untuk Mendefinisikan Gambar 


    <img src="url" alt="some_text">

    HTML Images - The Alt Attribute


    <img src="smiley.gif" alt="Smiley face">

    HTML Images - Mengatur Tinggi Lebar Dari Suatu Gambar


    <img src="smiley.gif" alt="Smiley face" width="42" height="42">

    Catatan : Tanda warna hijau ganti dengan URL image anda dan tanda warna kuning ganti dengan alt gambar anda untuk menentukan tinggi lebar gambar bisa dirubah sesuai keinginan anda.Anda juga mungkin meminati
    Cara Membuat HTML Links Pada Blogger

    Akhir Kata

    Wasalamualaikum ,Demikian Cara Membuat HTML Image pada Blogger Semoga artikel ini bermanfaat menjadi bertambah wawasan kita semua,selamat berkarya di blogs.


    Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 3:56 PM

    Cara Membuat Kode HTML Link Pada Blogger

    HTML Links In Blogger

    Dalam kesempatan ini kita mencoba untuk mengenal cara Cara Membuat Kode HTML Links Pada Blogger , sebetulnya artikel seperti ini sudah banyak di terbitkan oleh pakar Blogger yang sudah tenar,namun ada baiknya untuk mengung kembali dalam terbitan yang baru supaya lebih mudah dan gampang dalam pembuatannya.

    Seperti apa yang akan di tampilkan pada edisi  sekarang memang tidak jauh berbeda dengan apa yang para pakar blogger yang sudah populer di dunia kode HTML,sekarang saya akan memberikan sebagian kode yang mungkin annda memerlukannya untuk melengkapi halaman blogger dengan menempatkan sebuah HTML Links pada paragrap tertentu.


    Apa Gunanya Kita Membuat Kode HTML Links Pada Blogger ?

    Pada dasarnya Links yang ditemukan disuatu halaman blogger,Links yaitu pengguna untuk mengklik dalam menelusuri dari satu halaman ke halaman lainnya.Cara Membuat Kode HTML Links Pada Blogger

    HTML Hyperlinks ( Links )

    HTML  <a> tag mendeminisikan hyperlinks
    Sebuah Hyperlinks ( atau Links ) adalah kelompok kata atau gambar yang anda klik untuk menelusuri artikel lain.
    Bila anda memindahkan kusor diatas Links dihalaman blogger, panah akan berubah menjadi peraba kecil.

    Atribut yang paling penting dari elemen  <a> adalah atribut href, yang menunjukan alamat Links.

    Secara default,Links akan muncul sebagai berikut  di semua browser.

    .  Links yang belum dikunjungi adalah digarisbawahi timbul warna biru
    . Sebuah Links yang dikunjungi digarisbawahi timbul warna ungu
    . Links aktif digarisbawahi timbul warna merah

    HTML Links Syntax
    Saya akan kasih contoh secara simpel lihat seperti ini

    <a href="url">Link text</a>

    Contoh : 

    <a href="http://cara-alfiyah.blogspot.com/">cara-alfiyah.blogspot</a>

    HTML Links - Untuk Target atribut

    <a href="http://cara-alfiyah.blogspot.com/" target="_blank">cara-alfiyah.blogspot</a>

    Catatan warna merah ganti dengan URL Blogger anda dan warna kuning ganti dengan nama yang di tuju..

    Akhir Kata

    Demikian Cara Membuat kode HTML Links Pada Blogger semoga bermanfaat.


    Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 5:26 AM

    Cara Membuat Kode HTML Pada Blogger

    Cara Membuat Kode HTML Pada Blogger

    Kode HTML Pada Blogger

     Kode HTML In Blogger
    Selamat jumpa kawan Blogger semua,Kita kali ini akan membahas sedikit tentang cara membuat kode HTML untuk posting di blogger mengapa kita harus membuat kode HTML? karena dengan menggunakan tulisan yang langsung di simpan di element postingan dengan secara langsung tidak akan menghasilkan kode apa yang kita inginkan.Cara Membuat Kode HTML Pada Blogger

    Untuk mengoptimalkan kode HTML yang akan di postkan dihalaman Blogger Harus menggunakan kode Encoder, seperti yang akan kita temukan di halaman bawah generator kode encoder merupakan sebuah alat yang khusus untuk mempermudah dalam penggunaannya saya sengaja menerbitkan generator ini bagi sahabat blogger yang belum punya.

    Cara Membuat Kode HTML Pada Blogger


    Live Demo

    Sekarang anda bisa mencobanya dengan menggunakan kotak kode encoder yang tertera di bawah tinggal kalian menyimpan konten atau kode HTML persiapan yang akan di post ke Blogger. Anda juga bisa melihat ada contonya di bawah.

    Contoh :
    1. '<' menjadi '&alt;'
    2. '>' menjadi '&gt;'
    3. '>' menjadi '&gt;'
    4. '"' undefineddouble quote) menjadi '&quote;'
    5. ''' undefinedsingle quote) menjadi '&#039;'
    6. '&' menjadi '&amp;'


    Akhir Kata
    Demikian Cara Membuat Kode HTML Pada Blogger Semoga artikel ini menjadi pembantu dalam membuat posting anda di suatu halaman blogger,terimakasih atas perhatiannya Salam Blogger.



    Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 5:00 PM

    Cara Membuat Contact Us Pada Blogger

    Membuat Contact Us Pada Blogger

    Contact Us

    Contact Us In Blogger
    Cara Membuat Contact Us Pada Blogger - ALfiyah Info Blogger  akan membahas artikel sederhana bagi anda yang belum tahu tentunya para blogger udah hampir semua sudah menerbitkan trik yang serupa, namun barangkali masih ada yang belon mempunyai dengan kebetulan pengunjung yang sedang ngenet menemukan markah di halaman saya .Sehingga mereka ada niat untuk membuat contact us pada bloggernya dengan kebetulan mereka belum memilikinya .Kita akan menemukan layanan gratis cara membuatnya sehingga lebih mudah dan praktis sehingga gampang untuk di miliki.Memang banyak sekali layana cara membuat contact us ini di berbagai media penerbitan,tetapi kali ini kita mencoba dengan mengunakan 123 contact form yang gratis.

    Bagaimana Cara Membuat Contact Us Pada Blogger..? 

    Cara Membuat Contact Us Pada Blogger sangatlah mudah dengan mengikuti langkah yang akan di berikan oleh nama situs penyangga yaitu 123 contact us anda selanjutnya melakukan registerisasi dengan memakai account google agar lebih gampang untuk pengambilannya..

    Sekarang anda ke situs aslinya www.123contactform,com


    Live Demo

    Akhir Kata 

    Demikian tutorial cara membuat contact us yang sangat sederhana mudah dipahami dengan pelayanan gratis bagi siapapung yang memerlukannya.
    Anda Juga Mungkin Meminati Contact Transparan Pada Blogger


    Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 4:23 PM

    Cara Memasang Auto Scroll Widget Pada Blogger

    Cara Memasang Auto Scroll | Widget Pada Blogger | Baru baru ini banyak sekali para blogger mempostingkan widget yang berbeda,seperti saya sendiri mau mencoba untuk memberikan contoh yang anda bisa mengambil widget ini untuk di pasang di blog kalian.Adapun perbedaan Auto Scroll dengan yang lain untuk widget yang sekarang ketika kusor mouse menyentuh ia bergerak, hal ini sangat penting untuk mengundang pengunjung setelah melihat di halaman blog tertentu kita dan bisa melihat urutan baru dari atas kebawah.Sehingga mereka akan punya ide untuk mengambil sebuah pelajaran dari apa yang terjadi seteh gambar yang di sentuhnya bergerak.

    Anda Juga Mungkin Meminati widget lainnya sepeti Cara Memasang Widget Tranparan Tombol Share 

    Sekarang dalam Artekel ini saya akan menunjukan langkah langkah Cara Memasang Resent Post | Widget Pada Blogger | yang komplit dengan gulungan secara otomatis efek mouse hover pada gambar,setiap postingan berisi judul postingan, tanggal posting dan gambar yang bergerak.

    Widget in Blogger


    Cara Memasang Auto Scroll Widget Pada Blogger


    Langkah 1. Buka Halaman Dashboard >> Template >> Edit HTML


     Widget In Blogger

    Langkah 2. Cari Kode </ head>,dan Copas kode di bawah ini simpan tepat diatas </ head>


    <script src='http://ajax.googleapis.com/ajax/
    libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>


    Catatan : Catatan: Lewati langkah ini (2) jika Anda telah menginstal perpustakaan Jquery pada Template Blogger Anda untuk itu tidak akan muncul jika Anda memiliki lebih dari satu (1) Jquery perpustakaan.

    langkah 3. Klick Save Template


    Menambahkan ,Widget Pada Blogger, Di Lay-out Halaman

    Langkah 4 . Copypaste Kode Yang Tertera Di Bawah

    <style type="text/css" media="screen">
    <!--

    /* ========== Scrolling Recent Posts Widget By
    helperblogger.com ======== */

    #helperblogger-widget {
        overflow: hidden;
        margin-top: 5px;
        padding: 0px 0px;
        height: 385px;
    }

    #helperblogger-widget ul {
        width: 295px;
        overflow: hidden;
        list-style-type: none;
        padding: 0px 0px;
        margin: 0px 0px;
    }

    #helperblogger-widget li {
        width: 282px;
        padding: 5px 5px;
        margin: 0px 0px 5px 0px;
        list-style-type: none;
        float: none;
        height: 80px;
        overflow: hidden;
        background: #fff url(https://lh6.googleusercontent.
    com/-A6a829gqfDQ/T-3xppy6MlI/AAAAAAAACFE/
    RrOao4P11Uk/s1600/helperblogger.com-post.jpg) repeat-x;
        border: 1px solid #ddd;
    }

    #helperblogger-widget li a {
        text-decoration: none;
        color: #4B545B;
        font-size: 15px;
        height: 18px;
        overflow: hidden;
        margin: 0px 0px;
        padding: 0px 0px 2px 0px;
    }

    #helperblogger-widget img {
        float: left;
        margin-top: 2px;
        margin-right: 15px;
        background: #EFEFEF;
        border: 0;
    }

    #helperblogger-widget img {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        transition: all 0.5s ease;
        padding: 4px;
        background: #eee;
        background: -webkit-gradient(linear, left top, left bottom,
     from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));
        background: -moz-linear-gradient(top, #eee,
     #ddd 50%, #c0c0c0 50%, #aaa);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);
        -moz-box-shadow: 0 0 3px rgba(0,0,0,.7);
        box-shadow: 0 0 3px rgba(0,0,0,.7);
    }

    #helperblogger-widget img:hover {
        -moz-transform: scale(1.2) rotate(-350deg);
        -webkit-transform: scale(1.2) rotate(-350deg);
        -o-transform: scale(1.2) rotate(-350deg);
        -ms-transform: scale(1.2) rotate(-350deg);
        transform: scale(1.2) rotate(-350deg);
        -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4),
     inset 0 0 20px rgba(255,255,255,1);
        -moz-box-shadow: 0 0 20px rgba(255,0,0,.4),
     inset 0 0 20px rgba(255,255,255,1);
        box-shadow: 0 0 20px rgba(255,0,0,.4),
     inset 0 0 20px rgba(255,255,255,1);
    }

    .spydate {
        overflow: hidden;
        font-size: 10px;
        color: #0284C2;
        padding: 2px 0px;
        margin: 1px 0px 0px 0px;
        height: 15px;
        font-family: Tahoma,Arial,verdana, sans-serif;
    }

    .spycomment {
        overflow: hidden;
        font-family: Tahoma,Arial,verdana, sans-serif;
        font-size: 10px;
        color: #262B2F;
        padding: 0px 0px;
        margin: 0px 0px;
    }

    /* ========== Scrolling Recent Posts Widget
    By helperblogger.com ======== */

    -->
    </style>

    <script language='JavaScript'>
    imgr = new Array();
    imgr[0] = "https://lh6.googleusercontent.com/
    -kPPx1sCN4Pg/T-3xq72pLeI/AAAAAAAA
    CFM/IdO7GsyUvGM/s1600/no-thumbnail.png";
    imgr[1] = "https://lh6.googleusercontent.com/-kPPx1sCN4Pg/T-3xq72pLeI/AAAAAAAACFM/IdO7GsyUv
    GM/s1600/no-thumbnail.png";
    imgr[2] = "https://lh6.googleusercontent.com/-kPPx1sCN4Pg/T-3xq72pLeI/AAAAAAAACFM/IdO7GsyUv
    GM/s1600/no-thumbnail.png";
    imgr[3] = "https://lh6.googleusercontent.com/-kPPx1sCN4Pg/T-3xq72pLeI/AAAAAAAACFM/IdO7GsyUvGM/
    s1600/no-thumbnail.png";
    imgr[4] = "https://lh6.googleusercontent.com/-kPPx1sCN4Pg/T-3xq72pLeI/AAAAAAAACFM/IdO7GsyUvGM/
    s1600/no-thumbnail.png";
    showRandomImg = true;
    boxwidth = 255;
    cellspacing = 6;
    borderColor = "#232c35";
    bgTD = "#000000";
    thumbwidth = 50;
    thumbheight = 50;
    fntsize = 15;
    acolor = "#666";
    aBold = true;
    icon = " ";
    text = "comments";
    showPostDate = true;
    summaryPost = 40;
    summaryFontsize = 10;
    summaryColor = "#666";
    icon2 = " ";
    numposts = 10;
    home_page = "http://cara-alfiyah.blogspot.com/";
    limitspy=4;
    intervalspy=4000;
    </script>

    <div id="helperblogger-widget">
    <script src='http://code.helperblogger.com/recent-
    posts-spy.js' type='text/javascript'></script>
    </div>


    Langkah  5. Sekali Lagi Masuk Ke Dashboard, Klik Lay-out Pilih Tambah Gadget
    Langkah 6. Scroll Down dan pilih HTML/javascript
    Langkah 7. Pada kotak kosong,paste kode yang anda salin dari Langkah 4.
    Langkah 8. Tekan Tombol Simpan dan anda sekarang sudah memiliki Widget Recent Post baru dengan efek otomatis.

    Singkat Kustomisasi:
    a. Ganti  80 untuk menyesuaikan tinggi / box individu widget.
    b. Ganti  385 untuk menyesuaikan / mengatur seluruh ketinggian widget.
    c. Ganti   http://cara-alfiyah.blogspot.com/  dengan URL blog Anda sendiri.
    d. Ganti  10 dengan nomor yang Anda inginkan posting untuk menggulir di widget.
    e. Ganti  4 dengan jumlah yang Anda inginkan dari pos untuk muncul dalam widget.
    f. Ganti  4000. Meningkatkan nilai akan memperlambat penampilan / bergulir dari posting berikutnya. Penurunan nilai akan membuat efek bergulir lebih cepat.

    Anda Juga Mungkin Meminati Cara Membuat Related Post Thubnail Pada Blogger

    Akhir Kata 


    Demikian lah Cara Memasang Widget Recent Post,Semoga artikel ini menjadi pelengkap blogger anda sekaligus saya ucapkan banyak trimakasih atas kunjungan ke halaman ini,terimakasih .





    Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 4:39 PM
    Related Posts Plugin for WordPress, Blogger...