AFEEF GO BLOGS

Informations|Tutorial|Edukasi|Tips N Trick|mobile apps|software|SEO Tips|

.
Tampilkan postingan dengan label Tips Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tips Blog. Tampilkan semua postingan

Cara membuat widget recent post pada blogspot

Nah kali ini saya mau update artkel yaitu bagaimana Cara membuat widget recent post pada blogspot karena di blogger sendiri tidak ada widget ini dan widget recent post ini di butuhkan oleh orang banyak khususnya untuk blogger untuk mempercantik tampilan blog mereka.
dan caraya pun sangat simpel untuk membuatnya anda bisa mengkuti langkah langkah Cara membuat widget recent post pada blogspot di bawah ini :


  • Login ke blog ada pilih design > Pada page elemen kemudian add gadged baru
  • Pilih Feed kemudian paste link ini pada feed tersebut http://BLOG-ANDA.blogspot.com/feeds/posts/default
Membuat Widget Recent Post Blogspot
  • Klik continue dan beri judul widget tersebut "Recent Post" atau "Artikel Terbaru"
  • Tentukan berapa artikel yang ingin di tampilkan pada widget tersebut (maksimal 5 artikel)
  • Save dan lihat hasilnya.
Cara membuat widget recent post pada blogspot sebenarnya bermacam-macam, tapi yang saya terapkan ini adalah cara yang paling simpel dan mudah untuk di praktekkan. Kelebihan menggunakan widget recent post ini tidak akan mengganggu atau membuat Blog anda menjadi berat. ya sudah selamat mencoba Cara membuat widget recent post pada blogspot dan semoga sukses :)
4 Karakter Blog Yang User Friendly

4 Karakter Blog Yang User Friendly

4 Karakter Blog Yang User Friendly

- Bagi blogger, pengunjung adalah raja.Menarik sebanyak mungkin pengunjung adalah sebuah pekerjaan yang selalu menjadi nomor satu.Namun tidak cukup disitu saja karena blog dapat di gunakan sebagai wadah mata pencaharian sampingan.

Salah satu cara untuk membuat pengunjung betah adalah membuat blog kita menjadi blog yang user friendly.

Ada 4 Karakter Blog Yang User Friendly, yaitu :

1. Kecepatan Loading Page.
Pernah mengalami membuka halaman blog tetapi loading pagenya lama? Apa yang anda lakukan selanjutnya? Menutup page tersebut dan pindah ke blog lain? Itu yang akan terjadi jika loading page blog kita lambat. Pengunjung akan segera meninggalkan blog kita walaupun mungkin informasi kita mereka butuhkan.

2. Mudah diakses.
Berkaitan dengan loading page, blog yang mudah diakses, sangat disukai pengunjung. Mudah diakses disini berarti tidak ada aturan yang macem2 seperti harus login dulu, banyak iklan popup, dll.

3. Navigasi.
Navigasi juga menjadi penting untuk melayani pengunjung. Pilah-pilah konten berdasarkan kategori, sehingga pengunjung mudah untuk menemukan informasi yang mereka butuhkan. Gadget seperti "related post" sangat bermanfaat bagi pengunjung.

4. Informasi (konten).
Nah, hal terakhir inilah yang paling penting. Seberapa menarik, up to date posting-posting anda. Survey untuk mengetahui topik yang sedang banyak dicari perlu dilakukan sebelum mem-post konten baru.

Mungkin yang dapat saya ulas untuk tps blog hanya 4 Karakter Blog Yang User Friendly lainnya menyusul.
Cara Membuat Related Post Gambar Bergerak

Cara Membuat Related Post Gambar Bergerak

Cara Membuat Related Post Gambar Bergerak

- Recent Post adalah widget yang akan menampilkan beberapa artikel / postingan terakhir blog.Jumlah postingan yang di tampilkan bisa diatur sesuai keinginan kita dengan mengacak - acak kode HTML nya. Dengan Related Post Gambar  ini, pengunjung akan dengan mudah melihat beberapa artikel terakhir yang diposting di blog. Dengan sekali klik, pengunjung akan langsung menuju ke artikel yang masih baru atau hangat.

Mau tahu cara memasang   Cara Membuat Related Post Gambar Bergerak dilengkapi dengan bingkai yang tidak bisa digunakan untuk foto dinding di rumah pada blog anda ?
untuk membuat itu ikuti saja langkah langkah di bawah ini :

a. Login ke Blogger.
b. Di halaman Dasbor, kita pilih Rancangan.
c. Kemudian pilih Edit HTML
d. Beri tanda centang pada Expand Template Widget
e. Cari kode </head>
f. Taruh (copy paste) kode berikut ini di atasnya
<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}


#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}



#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

g. Cari kode di bawah ini

<div class='post-footer-line post-footer-line-1'>

Atau jika tidak menemukannya cari kode berikut ini

<p class='post-footer-line post-footer-line-1'>

h. Jika sudah ketemu, taruh (copy paste) kode berikut ini di bawah salah satu kode di atas
 

<!-- Marquee Hajsmy Blog Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=12&quot;' type='text/javascript'/></b:if></b:loop>
<h3><b>Related Posts</b></h3>
<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=10;
var relatedpoststitle=&quot;&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script></marquee>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.hajsmy.co.cc/2011/06/cara-membuat-related-post-thumbnails.html' style='display:none;'>Thumbnail Related Post</a>
<a href='http://www.hajsmy.co.cc/' style='display:none;'>blogger tutorials</a>
</b:if>
</b:if>
<!-- Marquee Hajsmy Blog Related Posts with Thumbnails Code End-->


h.save termplate.nya dan Cara Membuat Related Post Gambar Bergerak selesai di pasang.
semoga bermanfaat :)