Cara Membuat Makrup Blogger Dengan Schema.Org - ALfiyah

Cara Membuat Makrup Blogger Dengan Schema.Org

Written by Muhamad Hamdan on Tuesday Jan 15th 2014

---

---

Apakah Anda Ingin Melihat Dalam Hasil Pencarian Google Result Seperti Ini..?

---

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

---

Live Demo

. <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_post" temscope="" 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.

---

Cara Membuat File Robots.txt Mudah - ALfiyah Info 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

Cara Membuat Kode HTML - Alt Image Pada 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.

Cara Membuat Kode HTML Link Pada 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.

Cara Membuat Kode HTML Pada Blogger

Kode HTML Pada 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.

---

---

Cara Membuat Contact Us Pada Blogger

Contact Us

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

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.

Cara Memasang Auto Scroll Widget Pada Blogger

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

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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmp_89yaFJz7_mFABLgog1ydyAlKhb4-2dewpofsA28C5nrwfrVoP4lhwLYgYa1ACoT9blSHXNfEd15Eujygjt-x5tdZzZmi5UjMh6BghoGDSqAO5UcWxQauZuewcOJog5HziTcuk7bBs/ s1600/no-thumbnail.png"; imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmp_89yaFJz7_mFABLgog1ydyAlKhb4-2dewpofsA28C5nrwfrVoP4lhwLYgYa1ACoT9blSHXNfEd15Eujygjt-x5tdZzZmi5UjMh6BghoGDSqAO5UcWxQauZuewcOJog5HziTcuk7bBs/ 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 .