The thought alone is not enough (The Science of Getting Rich by Wallace D.)
By Gamesnet
Wednesday, May 14, 2014
0 comments
You may have a thought of what you want in life and what you want to be. You should also take action to get there. Many people want to get rich but they can't because they do not know how. The book "The Science of Getting Rich" by Wallace D. Wattles can help in forming what you really want in your life and how you want to achieve it.
But it will not happen as long as you do not act. You need
Het gedacht alleen is niet genoeg (De wetenschap van rijk worden door Wallace D.)
By Gamesnet
0 comments
Je mag dan een gedacht hebben van wat je wil in het leven en
wat je wil worden. Je moet ook actie ondernemen om er te komen. Veel mensen willen
rijk worden maar het lukt hen niet omdat ze niet weten hoe. Het boek 'The Science of Getting Rich (De wetenschap van rijk worden)' door
Wallace D. Wattles kan u helpen bij het vormen van wat je echt wil in je leven
en wat je wil bereiken.
Maar het
Add Custom CSS into Blogger Template without Modify XML Code
By Gamesnet
0 comments
Some time you need to make some minor customization with CSS only, or you bought a premium theme and author send your some CSS codes to solve your problem, but you don't want to change Template XML code of Blogger. You can easy do this by adding custom CSS code in Advance Template Editor.
To add custom CSS snippets to your template, access Template tab and click Customize button.
Access
To add custom CSS snippets to your template, access Template tab and click Customize button.
Access
Where to buy and sell vector illustrations
By Gamesnet
Tuesday, May 13, 2014
0 comments
Are you a designer who make graphics in Illustrator, InkScape, PhotoShop are some other graphical software. Then you definitely want to turn your work in to cash. Well there are some websites that sell vector illustrations. Most of these illustrations are made by contributors that upload their work to these sites so that others can buy them. Doesn't it sounds nice to know that you can be such a
Responsive CSS Timeline with 3D Effect for Blogger
By Gamesnet
0 comments
Here's another amazing way to display the Blogger posts. By applying the following Responsive CSS Timeline View with 3D Effect on Blogger Posts, we will have a responsive timeline-like structure of the most recent posts and their thumbnails, along with some cool CSS effects. When clicking on the associated radio input, the posts snippet/summary will expand by changing their style and size and will rotate in 3D. The main structure of this timeline is an unordered list.
To get an idea of what it looks like, you can visit this demo blog.
Step 2. Click anywhere inside the code area and press the CTRL + F keys to open the search box:
Step 3. Type or paste the following tag inside the search box and hit Enter to find it:
Step 5. Search for the SECOND instance of this code below (hit Enter two times):
Note: depending on the template you are using, you could find more lines like this one above. Therefore, if you don't see any changes after saving the template, try to replace the last one, as well.
Also, please note that if you are using the Read more function, you may need to remove it in order to make it work.
Step 6. After you found <data:post.body/> - replace it this code:
Now, we will need to make some small adjustments in order to make the posts date appear correctly:
Go to Layout and click on the Edit link just below the Blog posts area. When the pop-up window appears, check the date option and choose to display the date in the following order (date/month/year):
Note that you can also hide the posts date by unchecking this option.
Finally, click on the Save button and that's it! View your blog and enjoy this Responsive Timeline view with 3D Effect on Blogger posts. If you need more help, please leave a comment below.
Credit: tympanus.net
To get an idea of what it looks like, you can visit this demo blog.
 |
| Demo |
How to Add Responsive CSS Timeline View to Blogger Posts
Step 1. Go to Blogger dashboard > Template > click on the Edit HTML button:Step 2. Click anywhere inside the code area and press the CTRL + F keys to open the search box:
Step 3. Type or paste the following tag inside the search box and hit Enter to find it:
</head>Step 4. Just above the </head> tag, copy and paste the following style:
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {padding: 0px; border: 0px;}
.post-footer {display: none;}
.post {margin-bottom: 50px; padding-bottom: 0px; background: none; border: none;}
.jump-link a {display: none;}
h3.post-title a {display: none;}
.date-header {display: none;}
*,
.timeline:after,
.timeline:before {box-sizing: border-box;padding: 0; margin: 0;}
.timeline {position: relative;padding: 30px 0 50px 0;font-family: Arial, sans-serif;}
.timeline:before {content: '';position: absolute;width: 5px;height: 100%;margin:0px;top: 0;left: 200px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJUlEQVQIW2NkQAP/gYARWQwkAOLDBeECjEAAkkEWAKtEFwAJAgAZEBP+oM1IkwAAAABJRU5ErkJggg==);}
.event {position: relative;margin-bottom: 80px;padding-right: 40px;}
.thumb {position: absolute; width: 90px; height: 90px;box-shadow:
0 0 0 8px rgba(65,131,142,1),
0 1px 1px rgba(255,255,255,0.5);background-repeat: no-repeat;border-radius: 50%;-webkit-transform: scale(0.8) translateX(24px);-moz-transform: scale(0.8) translateX(24px);-o-transform: scale(0.8) translateX(24px);-ms-transform: scale(0.8) translateX(24px);transform: scale(0.8) translateX(24px);}
.thumb:before {content: '';background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPElEQVQYV2NkQAP/gYARCNDFUQRgirAphitEl0TngxXisg5ZnBGXIpgbYfIYjkb3BNxGbBLYxIgyEaQRAA8KKAWYsZtjAAAAAElFTkSuQmCC);position: absolute;height: 8px; z-index: -1; width: 50px;top: 42px; left: 100%;margin-left: 8px;
}
.thumb span {color: #41838e;width: 100%;text-align: center;font-weight: 700;font-size: 15px;text-transform: uppercase;position: absolute;bottom: -30px;}
.event label,.event input[type="radio"] {width: 24px;height: 24px;left: 158px;top: 36px;position: absolute;display: block;}
.event input[type="radio"] {opacity: 0;z-index: 10;cursor: pointer;}
.event label:after{content: "\2713";background: #41838E;border-radius: 50%;color: #fff;font-size: 20px;height: 100%;width: 100%;font-weight: bold;left: -2px;top: -3px;line-height: 24px;position: absolute;text-align: center;}
.content-perspective { margin-left: 230px;position: relative;perspective: 600px;-webkit-perspective: 600px;-moz-perspective: 600px;-o-perspective: 600px;-ms-perspective: 600px;}
.content-perspective:before { content: ''; width: 34px; left: -44px; top: 48px;position: absolute;height: 1px; z-index: -2;background: #fff;}
.content {transform: rotateY(10deg);transform-origin: 0 0;transform-style: preserve-3d;}
.blog-post-body {position: relative;padding: 20px;color: #333; border-left: 5px solid #41838e;box-shadow: 0 4px 6px rgba(0,0,0,0.1);background: #fff;}
.blog-post-body h3 {border: none;margin: 0px;}
.blog-post-body h3 a{font-size: 21px;padding: 5px 0 5px 0;color: #41838e;margin: 0px;text-decoration: none;border: none;}
.event input[type="radio"]:checked ~ .content-perspective .blog-post-body h3 a{color: #F26328;}
.blog-post-body p,.thumb span,.event label {-webkit-backface-visibility: hidden;}
.blog-post-body p {font-size: 15px;max-height: 0px; overflow: hidden; color: rgba(0,0,0,0);text-align: left;}
.blog-post-body:before {content: '\25c2';font-weight: normal; line-height: 86px; font-size: 86px;position: absolute;color: #41838e; left: -41px;width: 100%;height: 100%; top: 3px;z-index: -1;}
.thumb,.thumb span,.blog-post-body h3 {transition: all 0.6s ease-in-out 0.2s;-webkit-transition: all 0.6s ease-in-out 0.2s;-moz-transition: all 0.6s ease-in-out 0.2s;-o-transition: all 0.6s ease-in-out 0.2s;-ms-transition: all 0.6s ease-in-out 0.2s;transition: all 0.6s ease-in-out 0.2s;}
.blog-post-body { transition: box-shadow 0.8s linear 0.2s;-webkit-transition: box-shadow 0.8s linear 0.2s;-moz-transition: box-shadow 0.8s linear 0.2s;-o-transition: box-shadow 0.8s linear 0.2s;-ms-transition: box-shadow 0.8s linear 0.2s;}
.content {transition: transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;-webkit-transition: -webkit-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;-moz-transition: -moz-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;-o-transition: -o-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;-ms-transition: -ms-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;}
.blog-post-body p { transition: max-height 0.5s linear, color 0.3s linear;-webkit-transition: max-height 0.5s linear, color 0.3s linear;-moz-transition: max-height 0.5s linear, color 0.3s linear;-o-transition: max-height 0.5s linear, color 0.3s linear;-ms-transition: max-height 0.5s linear, color 0.3s linear;}
.event input[type="radio"]:checked + label:after {content: '\2714';color: #fff;background: #F26328;box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.8);}
.event input[type="radio"]:checked ~ .content-perspective:before {background: #F26328;}
.event input[type="radio"]:checked ~ .content-perspective .blog-post-body h3 { color: #F26328;}
.event input[type="radio"]:checked ~ .content-perspective .content {transform: rotateY(-5deg);-webkit-transform: rotateY(-5deg);-moz-transform: rotateY(-5deg);-o-transform: rotateY(-5deg);-ms-transform: rotateY(-5deg);}
.event input[type="radio"]:checked ~ .content-perspective .blog-post-body {border-color: #F26328;box-shadow: 10px 0px 10px -6px rgba(0, 0, 0, 0.1);}
.event input[type="radio"]:checked ~ .content-perspective .blog-post-body p {max-height: 460px; color: rgba(0,0,0,0.6); transition-delay: 0s, 0.6s;-webkit-transition-delay: 0s, 0.6s;-moz-transition-delay: 0s, 0.6s;-o-transition-delay: 0s, 0.6s;-ms-transition-delay: 0s, 0.6s;}
.event input[type="radio"]:checked ~ .content-perspective .blog-post-body:before {color: #F26328;}
.event input[type="radio"]:checked ~ .thumb {transform: scale(1);box-shadow: 0 0 0 8px rgba(242,99,40,1), 0 1px 1px rgba(255,255,255,0.5); -webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);}
.event input[type="radio"]:checked ~ .thumb span {color: #F26328;}
.event input[type="radio"]:checked ~ .thumb:before {
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPUlEQVQYV2NkQAOfUjX+882+wYgujiIAU4RNMVwhuiQ6H6wQl3XI4oy4FMHcCJPHcDS6J2A2EqUQpJhohQBbNyaHFmzEqgAAAABJRU5ErkJggg==);}
@media screen and (max-width: 850px) {.blog-post-body h3 {font-size: 20px;}
.blog-post-body p { font-size: 14px; text-align: justify; }
.event input[type="radio"]:checked ~ .content-perspective .blog-post-body p { max-height: 500px; }}
@media screen and (max-width: 540px) {.timeline:before { left: 50px;}
.event {padding-right: 0px; margin-bottom: 100px; }
.thumb { transform: scale(0.8); -webkit-transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);-ms-transform: scale(0.8);}
.event input[type="radio"] { width: 100px;height: 100px;left: 0px;top: 0px; }
.thumb:before,.event input[type="radio"]:checked ~ .thumb:before {background: none;width: 0;}
.event label {display: none;}
.content-perspective {margin-left: 0px;top: 80px;}
.content-perspective:before {height: 0px; }
.content { transform: rotateX(-10deg);-webkit-transform: rotateX(-10deg);-moz-transform: rotateX(-10deg);-o-transform: rotateX(-10deg);-ms-transform: rotateX(-10deg);}
.event input[type="radio"]:checked ~ .content-perspective .content { transform: rotateX(10deg);-webkit-transform: rotateX(10deg);-moz-transform: rotateX(10deg);-o-transform: rotateX(10deg);-ms-transform: rotateX(10deg);}
.blog-post-body {border-left: none;border-top: 5px solid #41838e;}
.event input[type="radio"]:checked ~ .content-perspective .blog-post-body {border-color: #F26328;box-shadow: 0 10px 10px -6px rgba(0, 0, 0, 0.1);}
.blog-post-body:before {content: '\25b4';left: 33px; top: -32px;}
.event input[type="radio"]:checked ~ .content-perspective .blog-post-body p {max-height:300px; }}
ul.timeline {list-style-type: none;}
</style>
</b:if>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {padding: 0px; border: 0px;}
.post-footer {display: none;}
.post {margin-bottom: 50px; padding-bottom: 0px; background: none; border: none;}
.jump-link a {display: none;}
h3.post-title a {display: none;}
.date-header {display: none;}
*,
.timeline:after,
.timeline:before {box-sizing: border-box;padding: 0; margin: 0;}
.timeline {position: relative;padding: 30px 0 50px 0;font-family: Arial, sans-serif;}
.timeline:before {content: '';position: absolute;width: 5px;height: 100%;margin:0px;top: 0;left: 200px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJUlEQVQIW2NkQAP/gYARWQwkAOLDBeECjEAAkkEWAKtEFwAJAgAZEBP+oM1IkwAAAABJRU5ErkJggg==);}
.event {position: relative;margin-bottom: 80px;padding-right: 40px;}
.thumb {position: absolute; width: 90px; height: 90px;box-shadow:
0 0 0 8px rgba(65,131,142,1),
0 1px 1px rgba(255,255,255,0.5);background-repeat: no-repeat;border-radius: 50%;-webkit-transform: scale(0.8) translateX(24px);-moz-transform: scale(0.8) translateX(24px);-o-transform: scale(0.8) translateX(24px);-ms-transform: scale(0.8) translateX(24px);transform: scale(0.8) translateX(24px);}
.thumb:before {content: '';background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPElEQVQYV2NkQAP/gYARCNDFUQRgirAphitEl0TngxXisg5ZnBGXIpgbYfIYjkb3BNxGbBLYxIgyEaQRAA8KKAWYsZtjAAAAAElFTkSuQmCC);position: absolute;height: 8px; z-index: -1; width: 50px;top: 42px; left: 100%;margin-left: 8px;
}
.thumb span {color: #41838e;width: 100%;text-align: center;font-weight: 700;font-size: 15px;text-transform: uppercase;position: absolute;bottom: -30px;}
.event label,.event input[type="radio"] {width: 24px;height: 24px;left: 158px;top: 36px;position: absolute;display: block;}
.event input[type="radio"] {opacity: 0;z-index: 10;cursor: pointer;}
.event label:after{content: "\2713";background: #41838E;border-radius: 50%;color: #fff;font-size: 20px;height: 100%;width: 100%;font-weight: bold;left: -2px;top: -3px;line-height: 24px;position: absolute;text-align: center;}
.content-perspective { margin-left: 230px;position: relative;perspective: 600px;-webkit-perspective: 600px;-moz-perspective: 600px;-o-perspective: 600px;-ms-perspective: 600px;}
.content-perspective:before { content: ''; width: 34px; left: -44px; top: 48px;position: absolute;height: 1px; z-index: -2;background: #fff;}
.content {transform: rotateY(10deg);transform-origin: 0 0;transform-style: preserve-3d;}
.blog-post-body {position: relative;padding: 20px;color: #333; border-left: 5px solid #41838e;box-shadow: 0 4px 6px rgba(0,0,0,0.1);background: #fff;}
.blog-post-body h3 {border: none;margin: 0px;}
.blog-post-body h3 a{font-size: 21px;padding: 5px 0 5px 0;color: #41838e;margin: 0px;text-decoration: none;border: none;}
.event input[type="radio"]:checked ~ .content-perspective .blog-post-body h3 a{color: #F26328;}
.blog-post-body p,.thumb span,.event label {-webkit-backface-visibility: hidden;}
.blog-post-body p {font-size: 15px;max-height: 0px; overflow: hidden; color: rgba(0,0,0,0);text-align: left;}
.blog-post-body:before {content: '\25c2';font-weight: normal; line-height: 86px; font-size: 86px;position: absolute;color: #41838e; left: -41px;width: 100%;height: 100%; top: 3px;z-index: -1;}
.thumb,.thumb span,.blog-post-body h3 {transition: all 0.6s ease-in-out 0.2s;-webkit-transition: all 0.6s ease-in-out 0.2s;-moz-transition: all 0.6s ease-in-out 0.2s;-o-transition: all 0.6s ease-in-out 0.2s;-ms-transition: all 0.6s ease-in-out 0.2s;transition: all 0.6s ease-in-out 0.2s;}
.blog-post-body { transition: box-shadow 0.8s linear 0.2s;-webkit-transition: box-shadow 0.8s linear 0.2s;-moz-transition: box-shadow 0.8s linear 0.2s;-o-transition: box-shadow 0.8s linear 0.2s;-ms-transition: box-shadow 0.8s linear 0.2s;}
.content {transition: transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;-webkit-transition: -webkit-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;-moz-transition: -moz-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;-o-transition: -o-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;-ms-transition: -ms-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;}
.blog-post-body p { transition: max-height 0.5s linear, color 0.3s linear;-webkit-transition: max-height 0.5s linear, color 0.3s linear;-moz-transition: max-height 0.5s linear, color 0.3s linear;-o-transition: max-height 0.5s linear, color 0.3s linear;-ms-transition: max-height 0.5s linear, color 0.3s linear;}
.event input[type="radio"]:checked + label:after {content: '\2714';color: #fff;background: #F26328;box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.8);}
.event input[type="radio"]:checked ~ .content-perspective:before {background: #F26328;}
.event input[type="radio"]:checked ~ .content-perspective .blog-post-body h3 { color: #F26328;}
.event input[type="radio"]:checked ~ .content-perspective .content {transform: rotateY(-5deg);-webkit-transform: rotateY(-5deg);-moz-transform: rotateY(-5deg);-o-transform: rotateY(-5deg);-ms-transform: rotateY(-5deg);}
.event input[type="radio"]:checked ~ .content-perspective .blog-post-body {border-color: #F26328;box-shadow: 10px 0px 10px -6px rgba(0, 0, 0, 0.1);}
.event input[type="radio"]:checked ~ .content-perspective .blog-post-body p {max-height: 460px; color: rgba(0,0,0,0.6); transition-delay: 0s, 0.6s;-webkit-transition-delay: 0s, 0.6s;-moz-transition-delay: 0s, 0.6s;-o-transition-delay: 0s, 0.6s;-ms-transition-delay: 0s, 0.6s;}
.event input[type="radio"]:checked ~ .content-perspective .blog-post-body:before {color: #F26328;}
.event input[type="radio"]:checked ~ .thumb {transform: scale(1);box-shadow: 0 0 0 8px rgba(242,99,40,1), 0 1px 1px rgba(255,255,255,0.5); -webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);}
.event input[type="radio"]:checked ~ .thumb span {color: #F26328;}
.event input[type="radio"]:checked ~ .thumb:before {
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPUlEQVQYV2NkQAOfUjX+882+wYgujiIAU4RNMVwhuiQ6H6wQl3XI4oy4FMHcCJPHcDS6J2A2EqUQpJhohQBbNyaHFmzEqgAAAABJRU5ErkJggg==);}
@media screen and (max-width: 850px) {.blog-post-body h3 {font-size: 20px;}
.blog-post-body p { font-size: 14px; text-align: justify; }
.event input[type="radio"]:checked ~ .content-perspective .blog-post-body p { max-height: 500px; }}
@media screen and (max-width: 540px) {.timeline:before { left: 50px;}
.event {padding-right: 0px; margin-bottom: 100px; }
.thumb { transform: scale(0.8); -webkit-transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);-ms-transform: scale(0.8);}
.event input[type="radio"] { width: 100px;height: 100px;left: 0px;top: 0px; }
.thumb:before,.event input[type="radio"]:checked ~ .thumb:before {background: none;width: 0;}
.event label {display: none;}
.content-perspective {margin-left: 0px;top: 80px;}
.content-perspective:before {height: 0px; }
.content { transform: rotateX(-10deg);-webkit-transform: rotateX(-10deg);-moz-transform: rotateX(-10deg);-o-transform: rotateX(-10deg);-ms-transform: rotateX(-10deg);}
.event input[type="radio"]:checked ~ .content-perspective .content { transform: rotateX(10deg);-webkit-transform: rotateX(10deg);-moz-transform: rotateX(10deg);-o-transform: rotateX(10deg);-ms-transform: rotateX(10deg);}
.blog-post-body {border-left: none;border-top: 5px solid #41838e;}
.event input[type="radio"]:checked ~ .content-perspective .blog-post-body {border-color: #F26328;box-shadow: 0 10px 10px -6px rgba(0, 0, 0, 0.1);}
.blog-post-body:before {content: '\25b4';left: 33px; top: -32px;}
.event input[type="radio"]:checked ~ .content-perspective .blog-post-body p {max-height:300px; }}
ul.timeline {list-style-type: none;}
</style>
</b:if>
</b:if>
Step 5. Search for the SECOND instance of this code below (hit Enter two times):
<data:post.body/>
Note: depending on the template you are using, you could find more lines like this one above. Therefore, if you don't see any changes after saving the template, try to replace the last one, as well.
Also, please note that if you are using the Read more function, you may need to remove it in order to make it work.
Step 6. After you found <data:post.body/> - replace it this code:
<b:if cond='data:blog.pageType != "static_page"'>Step 7. Finally, click on the Save template button to save the changes.
<b:if cond='data:blog.pageType != "item"'>
<ul class='timeline'><li class='event'><input checked='checked' name='tl-group' type='radio'/><label/>
<b:if cond='data:post.thumbnailUrl'><img class='thumb' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/></b:if><div class='thumb'><b:if cond='data:post.dateHeader'><span><data:post.dateHeader/></span></b:if></div>
<div class='content-perspective'><div class='content'><div class='blog-post-body'><h3><b:if cond='data:post.link'><a expr:href='data:post.link'><data:post.title/></a><b:else/><b:if cond='data:post.url'><b:if cond='data:blog.url != data:post.url'><a expr:href='data:post.url'><data:post.title/></a><b:else/><data:post.title/></b:if><b:else/><data:post.title/></b:if></b:if></h3><p><b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'><data:post.snippet/></b:if></b:if></p></div></div></div></li></ul></b:if></b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
Now, we will need to make some small adjustments in order to make the posts date appear correctly:
Go to Layout and click on the Edit link just below the Blog posts area. When the pop-up window appears, check the date option and choose to display the date in the following order (date/month/year):
Note that you can also hide the posts date by unchecking this option.
Finally, click on the Save button and that's it! View your blog and enjoy this Responsive Timeline view with 3D Effect on Blogger posts. If you need more help, please leave a comment below.
Credit: tympanus.net
All Real Ways To Make Money Online
By Gamesnet
Thursday, May 8, 2014
0 comments
Money Money Money. Avoiding some person all of men and women in the world want money. I think without money life have no honey. Everybody always want to know or want to learn how can he / she earn money through online. Sometimes a question come across in my mind that " Does it possible to earn money online " . I really research about that question for a long time and gather some knowledge about it. The answer from me will be Yeah, It's really possible. If we follow the true and real yard then its possible and will be easy for us. Today, I will introduce you about How to make money online. Below I have listed some real different methods for making money online and it will give you some insight to the opportunities currently available to you. Success is for the taking, those that are willing to put in just a bit of effort will take the prize.Make Money Online with Websites
With rather small upfront investments for domain names and webhosting services, you can build and publish websites that can serve as your online storefronts for any number of great moneymaking techniques such as affiliate marketing, selling your own products, AdSense ads, etc.
Today’s Internet provides numerous easy and free platforms like WordPress for building, publishing and maintaining websites that rank well, drive search engine traffic that converts into sales that make good money.
Make Money Online Blogging
When they are set up effectively, monetized blogs can generate impressive incomes over time and to create them merely requires a minimal expense and some of your time and effort.
Serious bloggers who want to retain full control use their own domains But you can also utilize free hosting sites such as Blogger or WordPress.
Make Money Online Selling Products
Tens of thousands of people are spending good amounts of cash on eBay, amazon each and every day of the year and sellers are making substantial amounts of money. There is no reason why you too should not take a bite out of this money making online opportunity.
Obtaining a seller’s account at eBay is free, quick and easy and I suggest you practice their auction system by selling your own personal items which you no longer need or want.
Make Money Online by turning your Photography into an e-business
I came across a catchy line on a social media and that was “You are not a photographer, you just have got a good Camera”! That’s so true. These days, thanks to digitalization, all of us have got the potential to turn into a photographer and make money by selling high definition pictures online. All it needs is a little homework and time to get a hold of the skill.
There are many sites that exclusively works on the same principle where either few of them sell random pictures from you or place an order to get perfect clicks for them.
Few sites are:
1)Photo Merchant
2)SmugMug
3)Zenfolio
5)ifp3
6)DigiLabs
7)Instaproofs
8)PhotoReflect
Make Money Online by uploading Files
Anybody can earn some money by uploading files. How about earning money for uploading files and getting some dollars according to the number of downloads your uploaded files make? The idea itself sounds great, isn’t it? There are people who do not have technical skills or even the power of writings so this one is surely one of the best remedies for them. There are many sites that offer reasonable packages to their members, here are a few:
1)Docstoc.com
Payment on uploading: 50/50 revenue generated
2)Deposifiles.com
Payment on uploading: $25 per1000 downloads
3)Uploading.com
Payment on uploading: $1-100 for every 1000 downloads
4)Crocko.com
Payment on uploading: $1 per 500 downloads
5)Shareapic.com
Payment on uploading: $0.22 for every 1000 picture views
What you need to consider here is the choice you make to upload the file. Think about uploading a video of your backyard and a solution manual of a physics book. Ask yourself that will people be interested in downloading your file? If yes, then figure out that why would they do so. A right choice can bring you good dollars while a lame one can actually eat your time without giving back any favors to you.
Make Money Online Filling Out Surveys
Fill Out Surveys: Sign up with one or more of the many survey companies easily found on the Internet and select the type of survey(s) which will suit you best. The forms of these surveys on products and/or are quite easy to fill out and they can earn you good extra money.
Make Money Online with Affiliate Marketing
Affiliate marketer can earn huge money by providing some technical knowledge of his/ her own. As an affiliate marketer, you will direct buyers from your promotional website to vendors who will pay you commission for each completed sales transaction. It’s as simple as that and can be extremely lucrative.
All you need to do is join the right affiliate program, create your sales page and watch the money roll in.
Make Money Online by Writing Content
Every website needs written content, informational or tutorial, and many site owners and/or webmasters either don’t know how to write or are afraid of the process. This opens up terrific opportunities for making money online by writing content for sites (websites and blogs) as well as eBooks, e-Magazines, e-Manuals, e-Newsletters, etc.
The downside to writing for the web is that it’s usually ghostwriting which means that credit will not be given. The upside, however, is that there is good money to be made directly or through classified ads and Craigslist as well as through services such as provided by vWorker and Elance.
Make Money Online with Facebook
Being the most popular social media that’s becoming more and more fashionable all the time, tens or even hundreds of thousands of individuals from around the world are using Facebook each and every day. Thus it has become a very effective platform for making money online.
The process is quick, easy and fun. Simply sign up, create your Facebook page and start the networking process by branding yourself, your skills and your products / services.
Make Money Online by Website Flipping
You can sharpen your skills and make good online money by building, developing and publishing websites and then selling them for profit. To ensure that the websites you intend to flip or sell have the following desirable attributes:
• High Google page rankings
• Attract substantial search engine traffic
• Visual appeal
• Consistently generate money via AdSense, affiliate links, paid memberships, paid ads, etc.
How to Make Money Online by Outsourcing
IN online here are some other web site available for everyone wher some person post job and some work these job. It is like a marketplace. Everyone having minimum basic computerand internet skill can work there.
Some Place where you can eork as freelancer is oDesk, Freelancer, Elance, Microworkers and so on.
Make Money Online by Promoting & Selling eBooks
Today’s Internet is filled with countless eBooks on every topic imaginable and in every niche market. Since creators / writers of these eBooks are continually looking for help promoting and selling them, you can make terrific online money by becoming their affiliate marketer.
Of course, you can also write your own informational or tutorial eBooks and proceed to promote and sell them yourself. In this case the profits will be all yours as a posed to merely settling for commission.
Make Money By Online translation
When you have nothing to cash, you at least have a language to use. Online medium covers this talent as well. There are sites that need online translators to make their products and services available in all languages.
Few sites are:
1. TranslatorsTown
2. TranslatorsBase
3. TRADUguide
4. Proz
5. Trally
You can earn up to $200 a month depending on the package you chose for yourself.
Make Money Online by Trading Forex
Much like buying and selling of stocks and bonds in the stock market, trading Forex is buying and selling foreign currencies for profit.
Although prior experience in trading is a definite plus, trading Forex is not at all hard to learn and the earning can be tremendous. I would highly recommend for newbies to start out with fake demo accounts and practice, practice, practice.
Make Money Online with Twitter
Second only to Facebook in its scope within the social media environment, Twitter is a venue through which tens of thousands of members “tweet” communities consisting of families, friends, neighbors, associates, colleagues, etc. And much like Facebook, Twitter offers terrific opportunities for earning money online.
The key to cashing in through this platform is to compile a large list of contacts with whom trustworthy relationships are formed and cultivated overtime.
Make Money Online by Writing for Other Bloggers
The Internet has many online companies which are constantly searching for writers for their blogs and a good example would be Creative Weblogging. Likewise, there are companies such as Pay U 2 Blog that would be willing to pay you for writing on your own blog.
Depending on how much time and effort you are willing and able to invest, you can opt for both options and you can sign up with multiple companies. How much online money you will be making is entirely up to you.
How to Make Money Online by Becoming a Virtual Assistant
If you have marketable skills such as administrative, accounting, bookkeeping, editing, translating, proofreading, etc. and you own a computer that has a good Internet connection and a working telephone; there is no reason why you could not earn great online money by working from the comfort of your own home.
With telephone services, online and cell phone messaging and emails you could be communicating and transferring project back and forth with individuals and/or companies all over the world.
Make Money Online by Building Custom Search Engines
Google is known throughout the World Wide Web as being quite literally an untouchable search engine that is too big and powerful to compete against.
Today’s reality is that competing against Google is indeed futile. However, creating a search engine that delivers that which Google or the other large search engines such as Yahoo and Bing fail to deliver might carve a very profitable niche for a savvy Internet marketer.
How to Make Money Online by Establishing Virtual Forum Communities
Setting up online forums adds more value to existing websites to increase search engine page rankings, provides resourceful communities to increase traffic of visitors who are eager to return frequently and adds more options for monetizing.
The best news about establishing forum communities is the fact that it is a totally underutilized market and will, therefore, have little to no competition and audiences of Internet browsers will be flocking to it.
Make Money Online by Providing Wedding Services
Do your research, collect relevant resources and strike relationships with; flower shops, bakeries, wedding gown boutiques, catering services, makeup artists, banquet halls, printers, etc. With all that at your finger tips, you will then be able to provide wedding services and relieve the individuals who are directly involved in these happy occasions from having to distress over it.
There is loads of money to be earned online by creating website that provide these much desired services. Sites of this nature also land themselves beautifully to AdSense Ads which will generate even more income.
Finally, It's you turn to make decission. In which way is better for you its only in your own choice. I will add / update some other real ways in future on this article if I came to about some real and profitable yard to Make Money Online. Thank You
How to search a code in your Blogger Blogspot Template
By Gamesnet
Tuesday, May 6, 2014
0 comments
If you want to search code in your current template that's used for your Blogger Blogspot blog, just follow below steps:
Access Template then click Edit HTML button.
Open HTML Editor
When Template HTML editor opened, click on template code, then press Ctrl+F (or CMD+F with MAC). The search box will be shown inside HTML Editor, just input your keyword there to and press Enter to search.
Access Template then click Edit HTML button.
Open HTML Editor
When Template HTML editor opened, click on template code, then press Ctrl+F (or CMD+F with MAC). The search box will be shown inside HTML Editor, just input your keyword there to and press Enter to search.
How to download your Blogger template fully
By Gamesnet
Monday, May 5, 2014
0 comments
Some time you need to download your template for backup or for your developer / designer can support modify it. So, to do that follow below steps.
Access your blog Template, then click Backup / Restore.
How to download your Blogger template fully - Access Step
Now, in download template popup, just click Download full template button to save your template file as .XML fully.
How to download
Access your blog Template, then click Backup / Restore.
How to download your Blogger template fully - Access Step
Now, in download template popup, just click Download full template button to save your template file as .XML fully.
How to download
Top Commentators Widget for Blogger Blogspot with Avatars
By Gamesnet
Sunday, May 4, 2014
0 comments
Top Commentator Widget for Blogger - Blogspot will help your site become more attractive for commenting. Visitors will like to comment on your blog to get back-link and traffic their profiles and their blogs. With this Top Commentator Widget for Blogger, your blog look more professional.
Features
No jQuery included, so fast loading speed.
Support exclude commentators by name and uri (profile
Features
No jQuery included, so fast loading speed.
Support exclude commentators by name and uri (profile
Display Blogger Posts in Grid View with Thumbnails
By Gamesnet
Friday, May 2, 2014
0 comments
Grid View with Thumbnails is a script for self-hosted Blogger blogs which will display blog posts as a thumbnail grid of images in homepage and archive pages. Instead of sending your blog visitors to a page that displays all the posts in full length with a large image which takes up too much space and requires too much scrolling, now you could have a clean page that displays a gallery grid, with thumbnails and post titles, linking back to the source post for that thumbnail. Let's take a look at what it could look like in this demo blog.
If you have a wallpaper or photo blog that would benefit from displaying a thumbnail grid style layout, look no further. Here's how you can add Grid (gallery) View to Blogger posts.
Step 1. Log in to your Blogger account and go to Template > click on the Edit HTML button
Step 2. Click anywhere inside the code area and press the CTRL + F keys to open the search box
Step 3. Type </head> inside the search box and hit Enter to find it.
Step 4. Just above the </head> tag, add the following script and style:
- If you want to make the post thumbnails larger, modify the 200 (width) and 170 (height) values in blue
- To change the default thumbnail for when there are no images, replace the URL in red with your own.
Step 5. Click on the Save template button to save the changes and View your blog. Now you should have a nice grid view on your Blogger posts. Enjoy!
If you have a wallpaper or photo blog that would benefit from displaying a thumbnail grid style layout, look no further. Here's how you can add Grid (gallery) View to Blogger posts.
Adding Grid (Gallery) View to Blogger Posts
Step 1. Log in to your Blogger account and go to Template > click on the Edit HTML button
Step 2. Click anywhere inside the code area and press the CTRL + F keys to open the search box
Step 3. Type </head> inside the search box and hit Enter to find it.
Step 4. Just above the </head> tag, add the following script and style:
<b:if cond='data:blog.pageType == "index"'>Note:
<script language='javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>//<![CDATA[
$(document).ready(function() {
var width = 200;
var height = 170;
var placeholder = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZoG8cC4I17Os2wcpjTdHOhKH-tCkfeEYWRzpKmt4TmTMlbP_ZQ6Pn7X2kijDinNGCXBlczrGybyjp0jGJVjPHFcjL4K2b9Buk9DANEkNaldReKu4WmUBtpChhUbwQvXltAxfS9cYhonU/s1600/no-thumb.png';
var margins = "0px 0px 10px 10px";
var fitThumb = 1;
var titleTopPadding = 5;
var titleBottomPadding = 8;
var titleLeftRightPadding = 5;
var titlePadding = titleTopPadding + 'px ' + titleLeftRightPadding + 'px ' + titleBottomPadding + 'px ' + titleLeftRightPadding + 'px';
$('.post-body').each(function(n, wrapper){
var wrapper = $(wrapper);
var image = $(wrapper).find('img').first();
var link = wrapper.parent().find('h3 a');
var linkURL = link.attr('href');
var linkTitle = link.text();
$(link).remove();
wrapper.empty();
if (image.attr('src')) {
var thumbHeight = image.attr('height');
var thumbWidth = image.attr('width');
var thumbParent = $(image).parent();
wrapper.append(thumbParent);
if (fitThumb) {
image.attr({src : image.attr('src').replace(/s\B\d{3,4}/,'s' + width + '-c')});
image.attr('width',width).attr('height',height);
} else {
image.attr({src : image.attr('src').replace(/s\B\d{3,4}/,'s' + width)});
image.attr('width',width);
var changeHeight = (thumbHeight/thumbWidth * width).toFixed(0);
image.attr('height',changeHeight);
}
} else {
var image = $('<img>').attr('src',placeholder).attr('height',height).attr('width',width);
var thumbParent = $('<a>').append(image).appendTo(wrapper);
}
thumbParent.attr('href',linkURL).css('clear','none').css('margin-left','0').css('margin-right','0').addClass('postThumbnail');
var thumbTitle = $('<div>').prepend(linkTitle).css('padding',titlePadding).css('opacity','0.9').css('filter','alpha(opacity=0.9)').css('width',width).appendTo(thumbParent);
var ptitleHeight = thumbTitle.height();
var summary = parseInt(ptitleHeight) + parseInt(titleTopPadding) + parseInt(titleBottomPadding);
thumbTitle.css('margin-top','-'+summary+'px'); wrapper.css('float','left').css('height',height).css('width',width).css('margin',margins).css('overflow','hidden');
});
$('#blog-pager').css('clear','both');
});
function hideLightbox() {
var images = document.getElementsByTagName('img');
for (var i = 0 ; i < images.length ; ++i) {
images[i].onmouseover=function() {
var html = this.parentNode.innerHTML;
this.parentNode.innerHTML = html;
this.onmouseover = null;
};
}
}
if (window.addEventListener) {
window.addEventListener('load',hideLightbox,undefined);
} else {
window.attachEvent('onload',hideLightbox);
}
//]]></script>
<style>
.post {
border-bottom: 0 dotted #E6E6E6;
margin-bottom: 0;
padding-bottom: 0;
}
h2,.post-footer {
display:none;
}
a.postThumbnail div {
text-decoration: none; color: #fff;
font-size: 12px;
font-weight: bold;
text-transform: capitalize;
background: rgb(125,126,125); /* Old browsers */
background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(14,14,14,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
background: -o-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
background: -ms-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 );
}
a.postThumbnail:hover div {
display: block;
}
.post-body img {
background-color: transparent;
border: 1px solid transparent;
padding: 0px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.post-body img:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
</style>
</b:if>
- If you want to make the post thumbnails larger, modify the 200 (width) and 170 (height) values in blue
- To change the default thumbnail for when there are no images, replace the URL in red with your own.
Step 5. Click on the Save template button to save the changes and View your blog. Now you should have a nice grid view on your Blogger posts. Enjoy!
Previous EntriesFree Email Alerts
Enter your email address below to receive updates each time we publish new content..
Latest Posts
Popular Posts
-
In this post,you will learn how to add contact form for your blog,contact form is necessary for every blog because if visitors face any prob...
-
Demo: http://demo.woothemes.com/?name=woostoreWordPress Theme Name: WooStore - WooThemes Premium Wordpress ThemeWooStore is a landmark for W...
-
Google AdSense is the current leader in content-sensitive web-based marketing. Google’s T&C are very strict that many web publishers can...
-
Wist u dat er op elke tandpasta tube een kleur voorzien is? Er zijn verschillende kleuren die elk de specifieke kenmerken van de samenstelli...
-
B lackbird is a beautifully designed free WordPress theme from InkThemes. This is a theme that is suitable and perfect for any business or p...
-
The commentators are a fundamental part of any blog, since they are the ones that give life to the blog, opening and replying to discussions... -
Error message in het Nederlands: Kan geen vertrouwensrelatie tot stand brengen tussen dit werkstation en het primaire domein. Error message ...
-
Well to visit my site and read my blog. You are all known about Google Adsense which is the earning factory of the world. So you can ta...
