Selasa, 12 Februari 2013
Minggu, 10 Februari 2013
Jumat, 01 Februari 2013
inspirational quotes | inspiring quotes | best inspirational quotes | great inspirational quotes | inspirational quotes about success | most inspirational quotes | inspirational quotes to live by | inspiring quotes about life | inspirational quotes and sayings | inspirational quotes about life | inspirational love quotes | positive inspirational quotes
Inspirational Quotes
Why aren't more gems from our great authors scattered over the country? Great books aren't within everybody's reach.
Nothing gives an author so much pleasure as to find his works respectfully quoted by other learned authors.
It is delightful to transport one's self into the spirit of the past, to see how a wise man has thought before us, and to what glorious height we have at last reached.
Time is of of no account with great thoughts, which are as fresh today as when they first passed through their authors' minds ages ago.
The diamond may adorn royalty, regardless of personal worth; but jewels of thought render even poverty illustrious and sublime.
“Just know, when you truly want success, you’ll never give up on it. No matter how bad the situation may get.”
“Accept responsibility for your life. Know that it is you who will get you where you want to go, no one else.”
“I don’t regret the things I’ve done, I regret the things I didn’t do when I had the chance.”
“Challenges are what make life interesting and overcoming them is what makes life meaningful.”
“Its hard to wait around for something you know might never happen; but its harder to give up when you know its everything you want.”
There are two motives for reading a book; one, that you enjoy it; the other, that you can boast about it [on Goodreads].”
“One of the most important keys to Success is having the discipline to do what you know you should do, even when you dont feel like doing it.”
“Good things come to those who wait… greater things come to those who get off their ass and do anything to make it happen.”
“Happiness cannot be traveled to, owned, earned, or worn. It is the spiritual experience of living every minute with love, grace & gratitude.”
“In order to succeed, your desire for success should be greater than your fear of failure.”
“Go where you are celebrated – not tolerated. If they can’t see the real value of you, it’s time for a new start.”
“The beautiful thing about learning is that no one can take it away from you.“
“Courage is not the absence of fear, but rather the judgement that something else is more important than fear.“
Your greatness is measured by your kindness; your education and intellect by your modesty; your ignorance is betrayed by your suspicions and prejudices, and your real caliber is measured by the consideration and tolerance you have for others.
When we feel love and kindness toward others, it not only makes others feel loved and cared for, but it helps us also to develop inner happiness and peace.
We think too much and feel too little. More than machinery, we need humanity. More than cleverness, we need kindness and gentleness.
To be rich in admiration and free from envy, to rejoice greatly in the good of others, to love with such generosity of heart that your love is still a dear possession in absence or unkindness - these are the gifts which money cannot buy.
Those who make compassion an essential part of their lives find the joy of life. Kindness deepens the spirit and produces rewards that cannot be completely explained in words. It is an experience more powerful than words. To become acquainted with kindness one must be prepared to learn new things and feel new feelings. Kindness is more than a philosophy of the mind. It is a philosophy of the spirit.
There are realities we all share, regardless of our nationality, language, or individual tastes. As we need food, so do we need emotional nourishment: love, kindness, appreciation, and support from others. We need to understand our environment and our relationship to it. We need to fulfill certain inner hungers: the need for happiness, for peace of mind -- for wisdom.
Kamis, 31 Januari 2013
Minggu, 20 Januari 2013
New Popular Posts With Thumbnail For Blogger
In this Tutorial i will show, how to create Popular Posts with thumbnail and snipped. Related to this topic i posted a tutorial on How to create Popular Posts with carousel slider. This previous widget can be use at bottom of the posts and on header. But in this tutorial i will show you how to create Popular Posts with thumbnail and snipped on Sidebar. This is common widget but this widget has some features which other widgets doesn't have. These Features include:
1: Login to Blogger Dashboard and navigate to Design –> Page Elements
2: Click “Add Gadget” and Choose “Popular Posts” and Customize the gadget with more than 4 popular post will show–> “Display Up to” … Posts.
Note: (If you already have this gadget skip this step).
*If you have Popular Post Gadget then :
3: Click on "Add a Gadget" again and Select a HTML/JavaScript Widget just under the header and paste the following code inside it,
- SEO friendly (not javascript)
- Dynamic result based on real statistic
- Easy to custumized
Without wating time, lets start th work to in install this widget.
Steps:
1: Login to Blogger Dashboard and navigate to Design –> Page Elements
2: Click “Add Gadget” and Choose “Popular Posts” and Customize the gadget with more than 4 popular post will show–> “Display Up to” … Posts.
Note: (If you already have this gadget skip this step).
*If you have Popular Post Gadget then :
3: Click on "Add a Gadget" again and Select a HTML/JavaScript Widget just under the header and paste the following code inside it,
<style type="text/css" media="screen">
#PopularPosts1 {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:400px;
}
#PopularPosts1 ul {
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#PopularPosts1 li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:80px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}
#PopularPosts1 li .item-title {
color:#A5A9AB;
font-size:1em;
margin-bottom:0.5em;
}
#PopularPosts1 li .item-title a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#PopularPosts1 li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
#PopularPosts1 li .item-snippet {
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
#PopularPosts1 .item-snippet a,
#PopularPosts1 .item-snippet a:visited {
color:#3E4548;
text-decoration: none;
}
#PopularPosts1 .spyWrapper {
height: 100%;
overflow: hidden;
position: relative;
}
#PopularPosts1 {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.tags span,
.tags a {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
a img {
border: 0;
}
-->
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
$('.popular-posts ul').simpleSpy();
});
</script>
<script src="http://accordion-for-blogger.googlecode.com/svn/trunk/simplespy.js" type="text/javascript"></script>
4: Save it. You're done.
FIVE PAGE NAVIGATION STYLES FOR BLOGGER - PART 2
This is the Part 2 of this Tutorial. This Tutorial is about how to change Page Navigation Style for blogger with Five Page Navigation Styles. I am pretty sure, you will like these styles. The most important thing in this tutorial is that this Tutorial is lengthy so it will take your time to change Page Navigation Style for blogger, because this is the Part 1 of this tutorial. But you don't have to worry about this because i have arrange this tutorial so that you find easy to perform these following steps and that's why i divided this tutorial in two parts.
This is the view of those Page Navigations Styles.
Style 1
.blog-pager,#blog-pager{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
width:500px;
font-size: 0.8em;
padding: 0.6em 0.5em;
background: #3E3E3E;
}
.showpageNum a,.showpage a {
text-decoration: none;
padding: 0.3em 0.5em;
color: #055d90;
white-space: nowrap;
background: #3E3E3E;
color: #ffffff;
margin-right: 0.1em;
}
.showpageNum a:hover,.showpage a:hover {
background: #EC5210;
}
.showpageOf{
margin:0 8px 0 0;
display:none;
}
.showpagePoint {
text-decoration: none;
padding: 0.3em 0.5em;
color: #055d90;
white-space: nowrap;
background: #313131;
color: #868686;
margin-right: 0.1em;
}
Style 2
.blog-pager,#blog-pager{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
width:500px;
font-size: 0.8em;
padding: 0.6em 0.5em;
background-color:#000000;
text-align:center;
}
.showpageNum a,.showpage a {
text-decoration: none;
padding: 0.3em 0.5em;
color: #055d90;
white-space: nowrap;
color: #ffffff;
margin-right: 0.1em;
}
.showpageNum a:hover,.showpage a:hover {
color:#A30A1A;
text-decoration:none;
background-color:#ffffff;
}
.showpageOf{
margin:0 8px 0 0;
display:none;
}
.showpagePoint {
color:#ffffff;
text-decoration:none;
background-color:#A9061B;
width:36px;
height:16px;
font-size:12px;
padding-left:5px;
padding-right:6px;
padding-top:3px;
padding-bottom:4px;
}
Style 3
.blog-pager,#blog-pager{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:500px;
text-align:center;
}
.showpageNum a,.showpage a {
float:left;
line-height:14px;
padding:2px 4px 0;
min-width:8px;
border:1px solid #d7dce0;
color:#848a8c;
text-decoration:none;
margin:0 3px;
}
.showpageNum a:hover,.showpage a:hover {
color:#fff;
background:#7f8487;
border-bottom-color:#848a8c;
}
.showpageOf{
margin:0 8px 0 0;
display:none;
}
.showpagePoint {
color:#fff;
background:#7f8487;
border-bottom-color:#848a8c;
float:left;
line-height:14px;
padding:2px 4px 0;
min-width:8px;
border:1px solid #d7dce0;
text-decoration:none;
}
Style 4
.blog-pager,#blog-pager{
font-size: 0.6em;font-family:verdana;
padding: 0.2em 0.5em;
margin-right: 0.1em;
border:1px solid #FFF;
background: #FFF; text-decoration: none;
width:500px;
}
.showpageNum a,.showpage a {
color: #693;
text-decoration: underline;
border: 1px solid #E3E3E3;
text-decoration: none;
padding: 0.2em 0.5em;
}
.showpageNum a:hover,.showpage a:hover {
border: 1px solid #693;
}
.showpageOf{
margin:0 8px 0 0;
display:none;
}
.showpagePoint {
border: 1px solid #693;
padding: 0.2em 0.5em;
font-weight: bold;
background: #693; color: #FFF;
}
Style 5
.blog-pager,#blog-pager{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
width:500px;
font-size: 0.8em;
}
.showpageNum a,.showpage a {
display: block;
float: left;
padding: 3px 5px 3px 5px;
margin-right: 3px;
border: 1px solid;
color: #FF6400;
border-color: #FF6400;
background: #FFF url(http://i1133.photobucket.com/albums/m596/abu-farhan/Meneame.png) bottom left repeat-x;
text-decoration:none;
}
.showpageNum a:hover,.showpage a:hover {
border-color: #FF9400;
background: #FFBE94;
color: #FF6400;
}
.showpageOf{
margin:0 8px 0 0;
display:none;
}
.showpagePoint {
border-color: #FF9400;
background: #FFBE94;
color: #FF6400;
border: 1px solid;
font-weight: bold;
display: block;
float: left;
padding: 3px 5px 3px 5px;
margin-right: 3px;
}
Step 1:
1: Go To Blogger > Design > Page Elements
2: Don't check the "Expand widget Templates" box
3: Search for ]]></b:skin>
4: Copy your desired css script from above
5: Just before ]]></b:skin> paste the css script
Step 2:
6: Search for </body>
7: Just before </body> paste this:
<script type='text/javascript'>;var home_page='/';var urlactivepage=location.href;var postperpage=7;var numshowpage=4;var upPageWord ='Prev';var downPageWord ='Next';</script>;<script src='http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js' type='text/javascript'></script>
Change this based on your blog setting:
var postperpage=7;
var numshowpage=4;
var numshowpage=4;
postperpage : How many posts per page for your blog.numshowpage : How many number will show in your page navigation.
Just change the numbers only.
8: Save it.
Step 3:
9: Again go to the Edit HTML page and check the "Expand widget Templates" box
10: Search for this:
'data:label.url'
11: Replace this with:
'data:label.url + "?&max-results=7"'
Change 7 base on how many post per page you want to show.
12: Save it. You are done.
Five Page Navigation Styles For Blogger - Part 1
This is the Part 1 of this Tutorial. This Tutorial is about how to change Page Navigation Style for blogger with Five Page Navigation Styles. I am pretty sure, you will like these styles. The most important thing in this tutorial is that this Tutorial is lengthy so it will take your time to change Page Navigation Style for blogger, because this is the Part 1 of this tutorial. But you don't have to worry about this because i have arrange this tutorial so that you find easy to perform these following steps and that's why i divided this tutorial in two parts.
This is the view of those Page Navigations Styles.
Style 1
.blog-pager,#blog-pager{ font-family:"Times New Roman", Times, serif; font-weight:normal; font-size:11px; } .showpageNum a,.showpage a { background:transparent url('http://i1133.photobucket.com/albums/m596/abu-farhan/wktop.gif') repeat-x; border:1px solid #97a7af; margin:0px 1px 0 1px;padding:3px 8px; text-decoration:none; color:#FF5917;line-height:14px;cursor:pointer;white-space:nowrap; } .showpageNum a:hover,.showpage a:hover { background-image:transparent url('http://i1133.photobucket.com/albums/m596/abu-farhan/wktop.gif') repeat-x 0 -200px; text-decoration: none; color: #31627e; }.showpageOf{ margin:0 8px 0 0; display:none; }.showpagePoint { background: url('http://i1133.photobucket.com/albums/m596/abu-farhan/wktop.gif') 0 -240px no-repeat; color: #BBB; margin:0 3px 0 3px;padding:3px 8px; line-height:14px;cursor:pointer;white-space:nowrap;border:1px solid #CCCCCC;text-decoration:none;}
Style 2
.blog-pager,#blog-pager{ font-family:"Times New Roman", Times, serif; font-weight:normal; font-size:11px; } .showpageNum a,.showpage a { background:transparent url('http://i1133.photobucket.com/albums/m596/abu-farhan/wktop.gif') repeat-x; border:1px solid #97a7af; margin:0px 1px 0 1px;padding:3px 8px; text-decoration:none; color:#FF5917;line-height:14px;cursor:pointer;white-space:nowrap; } .showpageNum a:hover,.showpage a:hover { background-image:transparent url('http://i1133.photobucket.com/albums/m596/abu-farhan/wktop.gif') repeat-x 0 -200px; text-decoration: none; color: #31627e; }.showpageOf{ margin:0 8px 0 0; display:none; }.showpagePoint { background: url('http://i1133.photobucket.com/albums/m596/abu-farhan/wktop.gif') 0 -240px no-repeat; color: #BBB; margin:0 3px 0 3px;padding:3px 8px; line-height:14px;cursor:pointer;white-space:nowrap;border:1px solid #CCCCCC;text-decoration:none;}
Style 3
.blog-pager,#blog-pager{ font-family:"Times New Roman", Times, serif; font-weight:normal; font-size:11px; } .showpageNum a,.showpage a { background:transparent url('http://i1133.photobucket.com/albums/m596/abu-farhan/wktop.gif') repeat-x; border:1px solid #97a7af; margin:0px 1px 0 1px;padding:3px 8px; text-decoration:none; color:#FF5917;line-height:14px;cursor:pointer;white-space:nowrap; } .showpageNum a:hover,.showpage a:hover { background-image:transparent url('http://i1133.photobucket.com/albums/m596/abu-farhan/wktop.gif') repeat-x 0 -200px; text-decoration: none; color: #31627e; }.showpageOf{ margin:0 8px 0 0; display:none; }.showpagePoint { background: url('http://i1133.photobucket.com/albums/m596/abu-farhan/wktop.gif') 0 -240px no-repeat; color: #BBB; margin:0 3px 0 3px;padding:3px 8px; line-height:14px;cursor:pointer;white-space:nowrap;border:1px solid #CCCCCC;text-decoration:none;}
Style 4
.blog-pager,#blog-pager{ font-family:"Times New Roman", Times, serif; font-weight:normal; font-size:12px; width:500px;} .showpageNum a,.showpage a { background:transparent url('http://i1133.photobucket.com/albums/m596/abu-farhan/gbtn-bg.png') repeat-x; border:1px solid #97a7af; margin:0px 1px 0 1px;padding:3px 8px; text-decoration:none; color:#333;line-height:14px;cursor:pointer;white-space:nowrap; -webkit-border-radius:3px;-moz-border-radius:3px; } .showpageNum a:hover,.showpage a:hover { background-image:url('http://i1133.photobucket.com/albums/m596/abu-farhan/gbtn-bg-sel.png'); border:1px solid #e4905a;color:#e4905a;text-decoration:none; }.showpageOf{ margin:0 8px 0 0; }.showpagePoint { background:transparent url('http://i1133.photobucket.com/albums/m596/abu-farhan/gbtn-bg-sel.png') repeat-x; margin:0 3px 0 3px;padding:3px 8px; line-height:14px;cursor:pointer;white-space:nowrap; -webkit-border-radius:3px;-moz-border-radius:3px; border:1px solid #e4905a;color:#333;text-decoration:none;font-weight:bold; }
Style 5
.blog-pager,#blog-pager{ background: url("http://i1133.photobucket.com/albums/m596/abu-farhan/amazon1.gif") repeat-x; font-size:12px; font-family:"Times New Roman", Times, serif; border-top: 1px solid #d0eaf8; border-bottom: 1px solid #d0eaf8; font-weight:normal; } .showpageNum,.showpage,.showpagePoint{margin:0 4px 0 4px; }.showpageNum a,.showpage a { text-decoration: none; padding: 6px;color: #055d90; white-space: nowrap; } .showpageNum a:hover,.showpage a:hover { padding: 5px; border: 1px solid #055d90; text-decoration: none; color: #055d90; white-space: nowrap;background: #fff; }.showpageOf{ display:none; }.showpagePoint { color:#000000; }
Step 1:
1: Go To Blogger > Design > Page Elements
2: Don't check the "Expand widget Templates" box
3: Search for ]]></b:skin>
4: Copy your desired css script from above
5: Just before ]]></b:skin> paste the css script
Step 2:
6: Search for </body>
7: Just before </body> paste this:
<script type='text/javascript'>;var home_page='/';var urlactivepage=location.href;var postperpage=7;var numshowpage=4;var upPageWord ='Prev';var downPageWord ='Next';</script>;<script src='http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js' type='text/javascript'></script>
Change this based on your blog setting:
var postperpage=7;
var numshowpage=4;
var numshowpage=4;
postperpage : How many posts per page for your blog.numshowpage : How many number will show in your page navigation.
Just change the numbers only.
8: Save it.
Step 3:
9: Again go to the Edit HTML page and check the "Expand widget Templates" box
10: Search for this:
'data:label.url'
11: Replace this with:
'data:label.url + "?&max-results=7"'
Change 7 base on how many post per page you want to show.
12: Save it. You are done.
Langganan:
Komentar (Atom)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.png)
.jpg)
.jpg)
.gif)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)


