Selamat Datang Di Blog Bisnis Online Terpercaya www.maslukis.com


Minggu, 11 Desember 2016

Widget Recent Post Untuk Blogger Blog (Part 1)

Baiklah sobat, kali ini saya akan membagikan Widget Recent Post yang bisa kamu pasang pada Blog Blogspot milik kamu. Sebenarnya ini bukan pertama kalinya blog ini membagikan widget Recent post dan bukan part 1 juga, sebelumnya juga sudah pernah dibagikan fixed recent post blogger, tapi biarlah toh hanya judulnya saja. Oh ya, widget ini menampilkan postingan/artikel terbaru di blog kamu.

Berikut adalah kodenya:

<div class="recentpoststyle">
<script src="https://cdn.rawgit.com/Brando07/share/newbe/recent-post-seocips-1.js"></script>
<script>
var posts_no = 5;var posts_date = true;var post_summary = true;var summary_chars = 80;</script>
<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts">
</script><a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://www.seocips.com/2016/01/widget-recent-post-untuk-blogger-blog-part-1.html">Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
.recentpoststyle {counter-reset: countposts;list-style-type: none;}
.recentpoststyle a {text-decoration: none; color: #49A8D1;}
.recentpoststyle a:hover {color: #000;}
.recentpoststyle li:before {content: counter(countposts,decimal);counter-increment: countposts;float: left;z-index: 2;position:relative;font-size: 20px;font-weight: bold;color: #fff;background: #69B7E2; margin: 15px 5px 0px -6px; padding: 0px 10px; border-radius: 100%;}
li.recent-post-title { padding: 5px 0px;}
.recent-post-title { font-family: "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,AppleGothic,sans-serif;}
.recent-post-title a {color: #444;font-size: 13px; text-decoration: none; padding: 2px; font-weight: bold;}
.post-date {padding: 5px 2px 5px 30px; font-size: 11px; color: #999; margin-bottom: 5px;}
.recent-post-summ { border-left: 1px solid #69B7E2; color: #777; padding: 0px 5px 0px 20px; margin-left: 11px; font-family: Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif; font-size: 15px;}
</style></div>

Cara memasang widget Recent Posts di Blogger

Step 1. Di Blogger dan pilih blog yang ingin di pasangi widget
Step 2. Pilih  "Layout" kemudian pilih "Add a gadget" dimana kamu ingin meletakan widget.
Step 3. Muncul pop-up window, kemudian pilh "HTML/JavaScript":
Step 4. Masukan kode diatas di kotak ini.
Step 5. "Save" dan selesai.


Baca Juga:

Comments
0 Comments

0 komentar:

Posting Komentar

 
Copyright © 2018. Info Hari Ini . All Rights Reserved
Jl. Delta Raya Utara Kav. 49 - 51 Deltasari Baru, Sidoarjo, Jawa Timur, Indonesia 61256
PT. Bimasakti Multi Sinergi