Cara Add Recent Post Widget #style3

Assalamualaikum.

Hai ! Harini dah start kelas. Sobs. Tapi takpe, lega dah balik uia. Hehe. Cuma kalau dah balik uia tu, maksudnya jadual aku tu akan penuh la dengan macam-macam hal. Dan blog..er..oke insyaallah aku akan usaha kuat sikit.

Alang-alang free ni, nak share sikit la another recent post widget ni. Mana tau ada yg dah bosan dengan 2 design yg lepas tu. Oke. Klik sini dan cuba add recent post widget #style3 yg kat bawah ni.

1. Log in blogger > Dashboard

2. Klik 'Layout' > Klik 'Add a gadget'

3. Klik 'HTML/JavaScript

4. Copy code bawah ni dan paste kan dalam ruangan HTML tadi.

 <script style="text/javascript" src="https://helplogger.googlecode.com/svn/trunk/helplogger/recentposts2.js"></script>
<script style="text/javascript">
var posts_no = 5;
var showpoststhumbs = true;
var readmorelink = true;
var showcommentslink = true;
var posts_date = true;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs" rel="nofollow"></script>
<a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://helplogger.blogspot.com/2014/11/5-cool-recent-post-widgets-for-blogger.html" rel="nofollow">Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<link href='http://fonts.googleapis.com/css?family=Lobster|Gloria+Hallelujah' rel='stylesheet' type='text/css' />
<style type="text/css">
img.recent-post-thumb {width:50px;height:50px;float:right;margin: -4px -35px 0px 0px; border: 4px solid #FCD6CB; border-radius: 100%;}
.recent-posts-container {font-family: 'Gloria Hallelujah', cursive;  float: left;width: 100%;min-height: 55px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent-posts-container {counter-reset: countposts;list-style-type: none; background: #fff; }
ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 2;position:absolute; left: -20px; font-size: 16px;color: #616662;background: #FCD6CB;padding: 9px 14px; border-radius: 100%; margin-top: 15px;}
ul.recent-posts-container li {padding:5px 0px;min-height:50px; list-style-type: none; margin: -2px 5px 5px 5px;  border-top: 2px solid #FCD6CB;}
ul.recent-posts-container {border: 2px solid #FCD6CB; }
.recent-posts-container a { text-decoration:none; }
.recent-posts-container a:hover { color: #222;}
.post-date {color:#e0c0c6; font-size: 11px; }
.recent-post-title a {font-size: 14px;color: #616662;}
.recent-post-title {padding: 6px 0px;}
.recent-posts-details a{ color: #888;}
.recent-posts-details {padding-bottom: 5px;}
a.readmorelink {color: #4DACE3;}
</style>

5. Tekan save. Done :)

Read More

Cara Add Recent Post Widget #style2

Assalamualaikum.

Hai ! Bosan dengan recent post widget yg skema? Klik sini dan cuba add recent post widget #style2 yg kat bawah ni.

1. Log in blogger > Dashboard

2. Klik 'Layout' > Klik 'Add a gadget'

3. Klik 'HTML/JavaScript

4. Copy code bawah ni dan paste kan dalam ruangan HTML tadi.

 <div class="recentpoststyle">
<script src="http://helplogger.googlecode.com/svn/trunk/helplogger/recentposts.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://helplogger.blogspot.com/2014/11/5-cool-recent-post-widgets-for-blogger.html" rel="nofollow">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>

5. Tekan save. Done :)

Read More

Cara Add Recent Post Widget #style1

Assalamualaikum.

Hai ! Bosan dengan recent post widget yg skema? Klik sini dan cuba add recent post widget #style1 yg kat bawah ni.

1. Log in blogger > Dashboard

2. Klik 'Layout' > Klik 'Add a gadget'

3. Klik 'HTML/JavaScript

4. Copy code bawah ni dan paste kan dalam ruangan HTML tadi.

 <script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/helplogger/recentpoststhumbs.js"></script>
<script style="text/javascript">
var posts_no = 5;
var showpoststhumbs = true;
var readmorelink = true;
var showcommentslink = false;
var posts_date = true;
var post_summary = true;
var summary_chars = 70;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script>
<a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://helplogger.blogspot.com/2014/11/5-cool-recent-post-widgets-for-blogger.html" rel="nofollow">Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css' />
<style type="text/css">
img.recent-post-thumb {width:50px;height:50px;float:right;margin: 5px -5px 0px 0px; border-radius: 100%; padding: 3px;background: #fff}
.recent-posts-container {font-family: 'Ubuntu Condensed', sans-serif; float: left;width: 100%;min-height: 55px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent-posts-container {list-style-type: none; background: #fff;padding: 0px; }
ul.recent-posts-container li:nth-child(1n+0) {background: #F49A9A; width: 100%}
ul.recent-posts-container li:nth-child(2n+0) {background: #FCD092; width: 95%}
ul.recent-posts-container li:nth-child(3n+0) {background: #FFF59E; width: 90%;}
ul.recent-posts-container li:nth-child(4n+0) {background: #E1EFA0; width: 85%;}
ul.recent-posts-container li:nth-child(5n+0) {background: #B1DAEF; width: 80%;}
ul.recent-posts-container li {padding:5px 10px;min-height:50px; list-style-type: none; margin: 0px 5px -5px 5px; color: #777;}
.recent-posts-container a { text-decoration:none; }
.recent-posts-container a:hover { color: #222;}
.post-date {color:#e0c0c6; font-size: 11px; }
.recent-post-title a {font-size: 14px;color: #444; font-weight: bold;}
.recent-post-title {padding: 6px 0px;}
.recent-posts-details a{ color: #222;}
.recent-posts-details {padding: 5px 0px 5px; }
</style>

5. Tekan save. Done :)

Read More

The Return of Superman

Assalamualaikum.

Hai guys! Tiba-tiba excited malam ni. Sebab kejap lagi nak layan The Return of Superman jap. Haha. Rehat kejap lepas buat kerja, layan cerita tu, serious penat korang akan hilang lepas tengok budak-budak Korean yg cute tu >.<

hasil ihsan Google

Pernah tengok tak? Apa komen korang? Share la sikit LOL

Kisahnya tentang kehidupan anak-anak dengan ayah selama 48 jam. Sepanjang masa tu, their mom boleh berehat dan ayah je yg jaga anak-anak diorang ni. Dan dulu 4 keluarga je, Pastu sekarang dah upgrade sikit, masuk 1 lagi family.
Jion
Sarang
Seojun + Seoeon (twin)
Daehan + Minguk + Manse (triplet)
Jaesi + Jaea + Seola + Sua + Daebak (twin + twin + single)

Aku paling suka part yg triple Song tu, kembar tiga. Daehan Minguk Manse and I love Minguk too much. Haha. Sebab dia paling banyak cakap, paling banyak nyanyi, paling pandai jaga abg adik ayah and the most important is Minguk punya reaction tuuu...hahaha. Tak pernah tak buat aku tergelak, paling kurang pun aku akan tersenyum atau tersengih jugak nanti :p

hasil ihsan Google

Aku punya eksaited tu, sampai bila ciksu datang rumah, aku dengan muka berseri-serinya bercerita dekat dia dan ye, aku siap recommend kan sekali! Hahaha. Siapa yg kenal aku maka tahulah aku punya eksaited tu macam mana.

Aku gila Korea? Nope aku bukanlah fanatik Korean~ Tapi kalau involved budak kecik ni, just can't tolerate it >.<

Yang paling best, aku dapat belajar how to manage your children. Yg aku selalu perasan, kalau anak-anak buat perangai, si ayah akan bawa masuk dalam bilik, jauhkan dari orang ramai dan cakap elok-elok face to face dengan anak dia. Takde marah-marah. Cuma tanya balik kenapa buat macam tu, boleh tak buat macam tu dan apa yg dia patut buat sebenarnya. Bagus kut, aku suka. Sebab, kita sendiri pun pernah rasa kan. Kalau kita buat salah depan orang ramai, even depan adik-beradik pun, kita segan kalau orang tegur salah kita direct depan orang ramai. Kan? Pastu nak rebel atau tiba-tiba jauhkan diri daripada orang ramai. Haha.

Banyak la yg aku dapat extract dr cerita tu. At least, aku bukan tengok saja-saja. And its nice to see their culture. Cuma pandai-pandai kita la ambik mana yg baik dan buang mana yg buruk :)

Read More