How to Make a Beautiful CV / Resume Online Free

How to create a resume / CV interest online.

You have trouble creating a resume or CV in English online, now many sites provide free services to  create a CV (Curriculum Vitae) online. this time I will review how to build your resume / CV Interest on the internet. If before you usually make a CV and job application letter in Microsoft Word or other office processing, so this time you can try to make it online without having to install an application of any kind, and it is free. For Its not too proficient in the design, the site is also very suitable for you, because here there are many templates that you can use for free without having to register and pay anything, it is suitable who want to make a visual CV online.

Bazar Shop Multi-Purpose e-Commerce Theme Free Download

Bazar Shop Multi-Purpose e-Commerce Theme

Bazar is a fresh and creative theme that utilises the powerful Woo Commerce plugin to create a very versatile Wordpress powered shop, with unlimited layout options and a lot of unbelievable features.

Live Preview 

Some features of Bazar are: 

• Wishlist feature
• Zoom effect in the product detail page
• Popup plugin included to show offers and news
• Megamenu with images support; List/grid view in the products page
• 2 custom checkout pages (a nice tabbed checkout page)
• “Catalog mode” to use the theme like a catalog, without the cart option and with a “product enquiry form”
• Filterable faqs
• Shortcode manager with 300+ shortcodes

Download Now Bazar Shop Multi-Purpose E-Commerce Theme For WordPress

More Features of Bazar Shop Theme:

Click on Image for Full Preview:

How to Verify Payza Account in Pakistan?

What is Payza?

For merchants, Payza is an online business management tool which they can use to process payments, issue invoices and make payouts. Payza is a money transmitter agent with offices in London, New York City, Montreal, Mumbai, Dhaka, Moscow, and Stockholm.

Change Older & Newer Post Links With Post Titles

After long time i decide to create a blog post and hope that it will be able to continue. In this tutorial we will learn how to change older newer post link with post title. The newer post, older post link available on the bottom of every blog. Already WordPress blog show the same thing but blogger not able to display this. So we added into blogger manually. Now we just follow few steps for added your older and newer posts links with post titles.

How to replace older and newer posts links?

1. Adding jQuery.

First we will use jQuery. For jQuery codes to work, first you have to load jQuery JavaScript library.

(Note - Skip this step if you have already added jQuery to your blog)

Go to Design > Edit HTML and paste this  code before </head> line in your template:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js' type='text/javascript'></script>

2. Adding the blog pager code

Go to Design > Page Elements > Add A Gadget and paste this code into a HTML/Javascript gadget.

<!-- Post title blog pager by bloggerknown.com START -->
<style type="text/css">
#blog-pager-newer-link {font-size:85%;width:200px;text-align:left;}
#blog-pager-older-link {font-size:85%;width:200px;text-align:right;}
</style>
<script type="text/javascript">
$(document).ready(function(){
var newerLink = $("a.blog-pager-newer-link").attr("href");
$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
var newerLinkTitle = $("a.blog-pager-newer-link").text();
$("a.blog-pager-newer-link").text("<< " + newerLinkTitle);
});
var olderLink = $("a.blog-pager-older-link").attr("href");
$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
var olderLinkTitle = $("a.blog-pager-older-link").text();
$("a.blog-pager-older-link").text(olderLinkTitle + " >>");//rgt
});
});
</script>
<!-- Post title blog pager by bloggerknown.com END -->

Now on post pages it will show the post titles of the next and previous posts. Enjoy!

How to Setup Custom Domain in Blogger?

Setup Custom Domain to Blogger.

Most of new blogger use blogspot.com domain for own blog because blogspot platform is free and you do
not need to pay money for it. However if your blog is being most popular day by day and you would like to see within the future is good and you want to make this hobby have my business additionally. Then you need to buy a domain name for you blogger. Today we did the same issue, how to get a domain and step how to add on blogger.

We Converted Blogspot.com Domain to .Com

We have converted our domain blogspot.com to .com

We are converted our domain from .blogspot.com to our same avalebale domain bloggerknown.com. I have been wanting to do this since a long time (ever since this blog started getting some attention).

Google's move to redirect blogspot.com to country specific sub domains example:(bloggerknown.blogspot.in, bloggerknown.blogspot.co.uk, bloggerknown.blogspot.bz) Thus i lost my traffic was a different country specific sub domains and That's why we could not got a good rank ,(Alexa, Google PR)

Blogger Templates

Also i change the blogger known theme first i used JPstation coustomize theme but now i developed new magazine type blogger theme for bloggerknown.com on this template has been fixed so many errors.

Template Structure

Logo: We change logo in this templates this logo represents what we learn here? Everything will be clear that this logo. learn blogging with html, css, javascript & php , php not for blogspot.com but php use for other platforms and scripts and the last i tell we also start php languages.

New templates Preview:

If you find any bugs in this templates , then please do reported about this through contact form.. Thank you for your help.

How to Add An Audio Player to Your Website

Today’s tutorial we will learn how to add audio music player into websites or blogger. This audio player coded with jQuery, HTML5 & CSS3. you'll be able to simply use this easy player to your website . You can also download & coustomize the css, and js files and also upload to your own hosting. This audio player also works for older browsers using Flash and Silverlight . there is varying support for different file formats.

Click Here for DEMO

The following code should play audio files in a web pages:

1. Sign into Blogger Dashboard 
2. Now go to Template >> Edit HTML
3. Ctrl +F  and search for the ending </head> tag and just above it paste the following code.

<!-- Audio Player CSS & Scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="https://dl.dropboxusercontent.com/s/o0dn83pzj8s8cpk/mediaelement-and-player.min.js"></script>
<link rel="stylesheet" href="https://dl.dropboxusercontent.com/s/gzlhi56sfn3tn3i/style.css" media="screen">
<!-- end Audio Player CSS & Scripts -->

4. After past the above code just press the “Save Template” button

Now go to next step.
The next thing is to add the HTML5 music player either in your sidebar or into specific page/posts  or anywhere else. It would work perfectly well everywhere. Just copy and paste the following code where you want to display HTML5 Audio player.

<!-- Audio Player HTML -->
<div class="audio-player">
<div id="autocolor"></div>
<h1>Demo - Preview Song</h1>
<img class="cover" src="cover.jpg" alt="cover">
<audio id="audio-player" src="demo.mp3" type="audio/mp3" controls="controls"></audio>
</div>
<script>
$(document).ready(function() {
$('#audio-player').mediaelementplayer({
alwaysShowControls: true,
features: ['playpause','volume','progress'],
audioVolume: 'horizontal',
audioWidth: 200,
audioHeight: 100
});
});
</script><!-- end Audio Player HTML --> 

You can easily change the value in secound code.

• Change the value with song name: <h1>Demo - Preview Song</h1>
• Change the value with song name: <img class="cover" src="cover.jpg" alt="cover">
• Change the value with song name:  <audio id="audio-player" src="demo.mp3" type="audio/mp3" controls="controls"></audio>

Add Following tag to change the code.

Tag to play music again and again (Looping) : autoload="true"

Code to play Automatically : autoplay="true"

If you have any question let me know in the comments. Also don’t forget to leave some feedback and share it with your friends. Follow us if you want to be the first to know about the latest tutorials and articles.

How to Add Emoticons/Smileys in Blogger Comments?

Add Emoticons and Smileys into Blogger.

Some friends messages to ask about adding smileys into your blog so i decide to create a tutorial about it.
Emoticons/Smileys are an excellent way of making your blog comments more beautiful and fun. "Emoticon" in blog comments will look cool. Blogger not supported smileys but use some javascript & coded and add emoticons/smileys into blogger comments.In all there are 33 smileys and emoticons that can be added to the Blogger comments with various animated smileys available. Also we learn on next tutorial how to add emoticons and smileys into blogger post.

Demo is available on your blog go to comment session and let's see what's look like.

How to Add Emoticons/Smileys into Blogger?
To do this just follow the steps:

1. Go to Blogger Dashboard  >>> Template
2. Please! Download backup of your template
3. Now click on Edit HTML
4. Use Ctrl+F to find </body>
5. Then copy and paste below code above/before it.

<b:if cond='data:blog.pageType == "item"'><style type='text/css'>.emoWrap{position:relative;padding:10px;margin-bottom:7px;background:#fff;background-image:-ms-linear-gradient(right,#fff 0,#fff9f2 100%);background-image:-moz-linear-gradient(right,#fff 0,#fff9f2 100%);background-image:-o-linear-gradient(right,#fff 0,#fff9f2 100%);background-image:-webkit-gradient(linear,right top,left top,color-stop(0,#fff),color-stop(1,#fff9f2));background-image:-webkit-linear-gradient(right,#fff 0,#fff9f2 100%);background-image:linear-gradient(to left,#fff 0,#fff9f2 100%);border:1px solid #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);-moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);font-weight:normal;color:#333}.emoWrap:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #ccc;border-right:20px solid transparent;width:0;height:0;line-height:0}</style> <script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Click to see the code!",
emoMessage:"To insert emoticon you must added at least one space before the code."
})
});
//]]></script><script src='https://dl.dropboxusercontent.com/s/s7x5nalqkatxtlq/bloggerknown-emo.js' type='text/javascript'/></b:if>

Next step to add Jquery into blogger, if you can already add jquery code into blogger then skip this step but if you can't use already then follow below step.

6. Ctrl+F and find </head> and past the below code above it ..

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/> 

7. Save Template.

Now see the results in comments if you have any problem in this code then make comments. Thanks

Fancy Text Widget For Blogger

Fancy text widget for blogger, Add some color to your blogger sidebars!

Fancy text widget is orignal for wordpress plugin but i have coded in this plugin and made for blogger. Using fancy notes is quite popular in modern web design to catch the visitors attention. Fancy text widget is the best widget to highlight some important posts or offers for your readers benefit.You can use this widget to show coming soon deals etc.

Features:

• 6 Fancy widget
• Google fonts
• 6 fancy background textures – wrinkled paper, sand paper, paper with lines …
• Works in any sidebar, Blogger, website
• Unlimited background and font colors

How to Install Fancy Text Widget For Blogger?

1. Sign into Blogger Dashboard
2. Go to Layout » Add a gadget » html/javascript
3. Just copy and paste the following code in the HTML Text Area.

List of Fanct Text Widgets

<style type="text/css">
@font-face {font-family: 'Sue Ellen Francisco';font-style: normal;font-weight: 400;src: local('Sue Ellen Francisco '), local('SueEllenFrancisco'), url(http://themes.googleusercontent.com/static/fonts/sueellenfrancisco/v4/TwHX4vSxMUnJUdEz1JIgrrtXaZAN_aGv07JTA91X2HI.woff) format('woff');}
.bloggerknown-ftw1 {position: relative;width: 100%;height: auto;display: block;clear: both;margin-top: 10px;margin-bottom: 10px;}
.bloggerknown-ftw1-container { position: relative; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkeV-ptTvJF77SUDf7TUtrcSeaEFTOJ99myX4VnmW0g1jRNs9efIr92y_SnqsnYGTAUtqznn7DE-WlJTG4b2t_xLXJqHDSFQTJNOERDXCSdQkGV0ReRbicNPd25_eyANg7NqWwyWn-YYc/s1600/ftw-body-horizontal-vertical-lines-paper.png) repeat; background-color: #30a628 !important;font-size: 23px;line-height: 28px;font-family: 'Sue Ellen Francisco', arial, serif;width: 100%;display: block;height: auto;margin: 0;padding: 0;}
.bloggerknown-ftw1-spacing {padding: 25px;}
strong {font-weight: bold;}
.bloggerknown-ftw1-footer {width: 100%;display: block;margin: 0;}
.ftw1-graphics-paperclip {position: absolute;top: -10px;right: 5px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg25xhMP0c4By447ENwSLK5mLXCCbXw917XYB4vmmf6nuJmhVJEr8HlxXLMxgZkVieJyWKS38x1cBZiW2-j6RBTSNpNNmEvEXdnCwX2zoteF26VuEsWOEXUy4HYJqm2MdPx6Dk7fZ4fJX8/s1600/ftw-paperclip.png) no-repeat top center;height: 65px;width: 45px;}
.bloggekrnown-ftw1-footer-left {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR4jZXNN4H2GKswquXmFX7oZe2zbUPSS1Qho45iIo9YGQuE_pKrdHoq4HES2NBLwJKdHiLFMLbXwHimfwevmzppzgDzmGkDQwgGp4AKHyDTQ5rCnlWhcwH89meah6JoIX3htQQFUfakAc/s1600/ftw-footer-left.png) no-repeat top center;height: 12px;width: 92px;float: left;position: relative;z-index: 5;}
.bloggerknown-ftw1-footer-right {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh22jGogszkD-GueZGzfwEZMV3HkKaBz-k0rsUKmo3tRzg0RQQeS7TD8PKsrWiJ9TvYqouz8n1Su4SlBVf2gg5V0ItcPtDr5E3lMCfJPR25H97FKn4Al4IOaSZFThnkDu8jRjSH0_0WEJ8/s1600/ftw-footer-right.png) no-repeat top center;height: 12px;width: 92px;float: right;position: relative;z-index: 5;}
</style>
<div class="bloggerknown-ftw1">
<div class="bloggerknown-ftw1-container">
<div class="bloggerknown-ftw1-spacing">
<strong>Widget title</strong><br />
You are reading text inside a fancy text widget. There's no real purpose to it. It's just <strong>fancy</strong>
</div>
</div>
<div class="bloggerknown-ftw1-footer"><div class="bloggekrnown-ftw1-footer-left"></div><div class="bloggerknown-ftw1-footer-right"></div></div>
<div class="ftw1-graphics-paperclip ftw1-graphics-right"></div>
</div>

<style type="text/css">
@font-face {font-family: 'The Girl Next Door';font-style: normal;font-weight: 400;src: local('The Girl Next Door'), local('TheGirlNextDoor'), url(http://themes.googleusercontent.com/static/fonts/thegirlnextdoor/v4/cWRA4JVGeEcHGcPl5hmX7rOFxJ5Ig03puUh67ume3us.woff) format('woff');}
.bloggerknown-ftw2 {position: relative;width: 100%;height: auto;display: block;clear: both;margin-top: 10px;margin-bottom: 10px;}
.bloggerknown-ftw2-container { position: relative; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGOj7uGpxYPvorfbpUFLz0mzTik3Th-8nwdqn2nJKbrozPq1h_a7DFeT0GpNUzLbFpk8EcaautzXcXhFiuXnIs0tn-HNDqP6vrtXgM8JichSvj1xKdxUpv30ZNvqyUiXz3M-RngPJEJyc/s1600/ftw-body-crumbled-paper-2.png) repeat; background-color: #57bdcf !important;color: #112b82 !important; font-family: 'The Girl Next Door', arial, serif; font-size: 16px; line-height: 23px; width: 100%;display: block;height: auto;margin: 0;padding: 0;}
.bloggerknown-ftw2-spacing {padding: 25px;}
strong {font-weight: bold;}
.bloggerknown-ftw2-footer {width: 100%;display: block;margin: 0;}
.ftw2-graphics-paperclip {position: absolute;top: -10px;right: 5px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzFQQiuHCuVMGZOFZIJ2qhyphenhyphenzR8s47XDBGx-q_TgdgfdxJXP-QxrKS4uuy909bCYIkkvAIb_dbMQyD9uSGwI-zC1W9xnjiWiBP89qKeAItV3-ChAk1M1mddKvIYfMJKqEZrxf7bisCC00Q/s1600/ftw-tape-2.png) no-repeat top center;height: 65px;width: 45px;}
.bloggekrnown-ftw2-footer-left {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR4jZXNN4H2GKswquXmFX7oZe2zbUPSS1Qho45iIo9YGQuE_pKrdHoq4HES2NBLwJKdHiLFMLbXwHimfwevmzppzgDzmGkDQwgGp4AKHyDTQ5rCnlWhcwH89meah6JoIX3htQQFUfakAc/s1600/ftw-footer-left.png) no-repeat top center;height: 12px;width: 92px;float: left;position: relative;z-index: 5;}
.bloggerknown-ftw2-footer-right {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh22jGogszkD-GueZGzfwEZMV3HkKaBz-k0rsUKmo3tRzg0RQQeS7TD8PKsrWiJ9TvYqouz8n1Su4SlBVf2gg5V0ItcPtDr5E3lMCfJPR25H97FKn4Al4IOaSZFThnkDu8jRjSH0_0WEJ8/s1600/ftw-footer-right.png) no-repeat top center;height: 12px;width: 92px;float: right;position: relative;z-index: 5;}
</style>
<div class="bloggerknown-ftw2">
<div class="bloggerknown-ftw2-container">
<div class="bloggerknown-ftw2-spacing">
<strong>Widget title</strong><br />
You are reading text inside a fancy text widget. There's no real purpose to it. It's just <strong>fancy</strong>
</div>
</div>
<div class="bloggerknown-ftw2-footer"><div class="bloggekrnown-ftw2-footer-left"></div><div class="bloggerknown-ftw2-footer-right"></div></div>
<div class="ftw2-graphics-paperclip ftw2-graphics-right"></div>
</div>

<style type="text/css">
@font-face {font-family: 'Waiting for the Sunrise';font-style: normal;font-weight: 400; src: local('Waiting for the Sunrise'), local('WaitingfortheSunrise'), url(http://themes.googleusercontent.com/static/fonts/waitingforthesunrise/v4/eNfH7kLpF1PZWpsetF-hazFoTnl3mJKNVVnPtbVHJow.woff) format('woff');}
.bloggerknown-ftw3 {position: relative;width: 100%;height: auto;display: block;clear: both;margin-top: 20px;margin-bottom: 10px;}
.bloggerknown-ftw3-container { position: relative; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik6GGgE1WEbp4G_D1-mltpy-RSPzjbeLDFbza38PIdz86PAgTaLi_DaAy7rWUbjL0CV_lHVjsG5OKoyPhnvEJFysDCbb6q40zQQfcKnLP_60wHa9-Z58D568EXUxIn574uRcK0CwHg8jI/s1600/ftw-body-crumbled-paper-1.png) repeat; background-color: #c9c9c9 !important;color: #000 !important; font-family: 'Waiting for the Sunrise', arial, serif;font-size: 23px; line-height: 28px; width: 100%;display: block;height: auto;margin: 0;padding: 0;}
.bloggerknown-ftw3-spacing {padding: 25px;}
strong {font-weight: bold;}
.bloggerknown-ftw3-footer {width: 100%;display: block;margin: 0;}
.ftw3-graphics-paperclip {position: absolute;top: -20px;right: 5px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgavYJEqrWs0W-JdpE9hZpxC0YKTqVPip7xtxUHczDc9778mrRqkM4lQEtz5QLD91XHqeXfhyphenhyphen8v8ra6ZyEfGcwXRNA8axsKTtDiA4__7Mm1T8dt6ias1MigYDEPE04hyphenhyphenKN4bwdXhPpAqhI/s1600/ftw-paperclip-oldschool.png) no-repeat top center;height: 65px;width: 45px;}
.bloggekrnown-ftw3-footer-left {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR4jZXNN4H2GKswquXmFX7oZe2zbUPSS1Qho45iIo9YGQuE_pKrdHoq4HES2NBLwJKdHiLFMLbXwHimfwevmzppzgDzmGkDQwgGp4AKHyDTQ5rCnlWhcwH89meah6JoIX3htQQFUfakAc/s1600/ftw-footer-left.png) no-repeat top center;height: 12px;width: 92px;float: left;position: relative;z-index: 5;}
.bloggerknown-ftw3-footer-right {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh22jGogszkD-GueZGzfwEZMV3HkKaBz-k0rsUKmo3tRzg0RQQeS7TD8PKsrWiJ9TvYqouz8n1Su4SlBVf2gg5V0ItcPtDr5E3lMCfJPR25H97FKn4Al4IOaSZFThnkDu8jRjSH0_0WEJ8/s1600/ftw-footer-right.png) no-repeat top center;height: 12px;width: 92px;float: right;position: relative;z-index: 5;}
</style>
<div class="bloggerknown-ftw3">
<div class="bloggerknown-ftw3-container">
<div class="bloggerknown-ftw3-spacing">
<strong>Widget title</strong><br />
You are reading text inside a fancy text widget. There's no real purpose to it. It's just <strong>fancy</strong>
</div>
</div>
<div class="bloggerknown-ftw3-footer"><div class="bloggekrnown-ftw3-footer-left"></div><div class="bloggerknown-ftw3-footer-right"></div></div>
<div class="ftw3-graphics-paperclip ftw3-graphics-right"></div>
</div>

<style type="text/css">
@font-face {font-family: 'Just Another Hand';font-style: normal;font-weight: 400;src: local('Just Another Hand'), local('JustAnotherHand-Regular'), url(http://themes.googleusercontent.com/static/fonts/justanotherhand/v4/fKV8XYuRNNagXr38eqbRf8DbBFScDQWNirGEA9Q9Yto.woff) format('woff');}
.bloggerknown-ftw4 {position: relative;width: 100%;height: auto;display: block;clear: both;margin-top: 15px;margin-bottom: 10px;}
.bloggerknown-ftw4-container { position: relative; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnOv4GZgSrdyPWH3dpeIWxYXuYJfqI9unCFhUDD4l8UPOKXHhM8qQV_o2Lc_3zWPiqCmhCst_cjaQQ_jeT6y3eJlozWgXvTGpi9_xE5Z-pP4IFiWIzMB2ymhBqpGx1Zq6JWb0mUWRcdx4/s1600/ftw-body-sand-paper-1.png) repeat; background-color: #e88523 !important;color: #fff !important; font-family: 'Just Another Hand', arial, serif;font-size: 27px;line-height: 32px; width: 100%;display: block;height: auto;margin: 0;padding: 0;}
.bloggerknown-ftw4-spacing {padding: 25px;}
strong {font-weight: bold;}
.bloggerknown-ftw4-footer {width: 100%;display: block;margin: 0;}
.ftw4-graphics-paperclip {position: absolute;top: 5px;right: 5px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1nMyNhuGj-arUyIFrjx6Ws_lY2KigpgiePg3HkLsLMZ3g_0ceTuvzQhX_rDg1F71xhk2OqoeXV35mk9CE_AoVBGwtbSbJV-LVafxDKKUOQ2PlmRgMuDp5kGfMplcSGol1Ua9ZWztq-Us/s1600/ftw-pin-white.png) no-repeat top center;height: 65px;width: 45px;}
.bloggekrnown-ftw4-footer-left {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR4jZXNN4H2GKswquXmFX7oZe2zbUPSS1Qho45iIo9YGQuE_pKrdHoq4HES2NBLwJKdHiLFMLbXwHimfwevmzppzgDzmGkDQwgGp4AKHyDTQ5rCnlWhcwH89meah6JoIX3htQQFUfakAc/s1600/ftw-footer-left.png) no-repeat top center;height: 12px;width: 92px;float: left;position: relative;z-index: 5;}
.bloggerknown-ftw4-footer-right {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh22jGogszkD-GueZGzfwEZMV3HkKaBz-k0rsUKmo3tRzg0RQQeS7TD8PKsrWiJ9TvYqouz8n1Su4SlBVf2gg5V0ItcPtDr5E3lMCfJPR25H97FKn4Al4IOaSZFThnkDu8jRjSH0_0WEJ8/s1600/ftw-footer-right.png) no-repeat top center;height: 12px;width: 92px;float: right;position: relative;z-index: 5;}
</style>
<div class="bloggerknown-ftw4">
<div class="bloggerknown-ftw4-container">
<div class="bloggerknown-ftw4-spacing">
<strong>Widget title</strong><br />
You are reading text inside a fancy text widget. There's no real purpose to it. It's just <strong>fancy</strong>
</div>
</div>
<div class="bloggerknown-ftw4-footer"><div class="bloggekrnown-ftw4-footer-left"></div><div class="bloggerknown-ftw4-footer-right"></div></div>
<div class="ftw4-graphics-paperclip ftw4-graphics-right"></div>
</div>

<style type="text/css">
@font-face {font-family: 'Annie Use Your Telescope';font-style: normal;font-weight: 400;src: local('Annie Use Your Telescope'), local('AnnieUseYourTelescope'), url(http://themes.googleusercontent.com/static/fonts/annieuseyourtelescope/v3/2cuiO5VmaR09C8SLGEQjGgtSTT_xyPSRqbb82lxMsRH3rGVtsTkPsbDajuO5ueQw.woff) format('woff');}
.bloggerknown-ftw5 {position: relative;width: 100%;height: auto;display: block;clear: both;margin-top: 15px;margin-bottom: 10px;}
.bloggerknown-ftw5-container { position: relative; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKmtjUVpneNnu6xbExI5nXVItcC605gK69uv4f2sNaJdZkl_gDlAyP0aoEOlzsyiL3HBn0xuOdbQBXPTk79ylX8CNdyJ4Zp9B68Mx39CNX24GZ9JAjmKsRQiiNY0bZup7aNg9kwiSNqc0/s1600/ftw-body-horizontal-lines-paper.png) repeat; background-color: #b01515 !important;color: #fff !important; font-family: 'Annie Use Your Telescope', arial, serif;font-size: 23px;line-height: 28px; width: 100%;display: block;height: auto;margin: 0;padding: 0;}
.bloggerknown-ftw5-spacing {padding: 25px;}
strong {font-weight: bold;}
.bloggerknown-ftw5-footer {width: 100%;display: block;margin: 0;}
.ftw5-graphics-paperclip {position: absolute;top: 5px;right: 5px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK5sTIjFvXxCx8jvVSK6ukiM2QAq6AlvVFpD8QZEF0gdiKlPp-zkdDTQbUXHViFa8EUlKKA0XQrkUXuQ3oKkpEfK3_auLpUauyArBmnbZ5XMUHY9rsPQX2WfUPL8Y4kUGxGm6Vc95D80g/s1600/ftw-pin-green.png) no-repeat top center;height: 65px;width: 45px;}
.bloggekrnown-ftw5-footer-left {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR4jZXNN4H2GKswquXmFX7oZe2zbUPSS1Qho45iIo9YGQuE_pKrdHoq4HES2NBLwJKdHiLFMLbXwHimfwevmzppzgDzmGkDQwgGp4AKHyDTQ5rCnlWhcwH89meah6JoIX3htQQFUfakAc/s1600/ftw-footer-left.png) no-repeat top center;height: 12px;width: 92px;float: left;position: relative;z-index: 5;}
.bloggerknown-ftw5-footer-right {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh22jGogszkD-GueZGzfwEZMV3HkKaBz-k0rsUKmo3tRzg0RQQeS7TD8PKsrWiJ9TvYqouz8n1Su4SlBVf2gg5V0ItcPtDr5E3lMCfJPR25H97FKn4Al4IOaSZFThnkDu8jRjSH0_0WEJ8/s1600/ftw-footer-right.png) no-repeat top center;height: 12px;width: 92px;float: right;position: relative;z-index: 5;}
</style>
<div class="bloggerknown-ftw5">
<div class="bloggerknown-ftw5-container">
<div class="bloggerknown-ftw5-spacing">
<strong>Widget title</strong><br />
You are reading text inside a fancy text widget. There's no real purpose to it. It's just <strong>fancy</strong>
</div>
</div>
<div class="bloggerknown-ftw5-footer"><div class="bloggekrnown-ftw5-footer-left"></div><div class="bloggerknown-ftw5-footer-right"></div></div>
<div class="ftw5-graphics-paperclip ftw5-graphics-right"></div>
</div>

<style type="text/css">
@font-face {font-family: 'Annie Use Your Telescope';font-style: normal;font-weight: 400;src: local('Annie Use Your Telescope'), local('AnnieUseYourTelescope'), url(http://themes.googleusercontent.com/static/fonts/annieuseyourtelescope/v3/2cuiO5VmaR09C8SLGEQjGgtSTT_xyPSRqbb82lxMsRH3rGVtsTkPsbDajuO5ueQw.woff) format('woff');}
.bloggerknown-ftw6 {position: relative;width: 100%;height: auto;display: block;clear: both;margin-top: 15px;margin-bottom: 10px;}
.bloggerknown-ftw6-container { position: relative; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKEskq5Y13GvDzK8E4pJAd5zUpNAUHukunW63TYH-ItpTaCPVtvcDObGNXMEyBu4AopWcRica23Ba08wLW1N_oOm7hsy7iUHQmkbLEp6URzJy3UKqgByf5UifDEVN5jRkDXUY9pf9QcyU/s1600/ftw-body-sand-paper-2.png) repeat; background-color: #f6ea01 !important;color: #000 !important;  width: 100%;display: block;height: auto;margin: 0;padding: 0;}
.bloggerknown-ftw6-spacing {padding: 25px;}
strong {font-weight: bold;}
.bloggerknown-ftw6-footer {width: 100%;display: block;margin: 0;}
.ftw6-graphics-paperclip {position: absolute;top: -10px;right: 5px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPZIEnDD32aNpmxS7LlVSjDezjR_3AKqfTk17rhS5VWOGhHHpZbwCYYDfxaZfGy1YkayGUWP5kAr1U77NeglkgBcg_RR7yMWwJjhNe6dzrMmoWyc_qiV-rcM4w8o3DOXv7s1w_ZRu18q8/s1600/ftw-tape-1.png) no-repeat top center;height: 65px;width: 23px;}
.bloggekrnown-ftw6-footer-left {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR4jZXNN4H2GKswquXmFX7oZe2zbUPSS1Qho45iIo9YGQuE_pKrdHoq4HES2NBLwJKdHiLFMLbXwHimfwevmzppzgDzmGkDQwgGp4AKHyDTQ5rCnlWhcwH89meah6JoIX3htQQFUfakAc/s1600/ftw-footer-left.png) no-repeat top center;height: 12px;width: 92px;float: left;position: relative;z-index: 5;}
.bloggerknown-ftw6-footer-right {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh22jGogszkD-GueZGzfwEZMV3HkKaBz-k0rsUKmo3tRzg0RQQeS7TD8PKsrWiJ9TvYqouz8n1Su4SlBVf2gg5V0ItcPtDr5E3lMCfJPR25H97FKn4Al4IOaSZFThnkDu8jRjSH0_0WEJ8/s1600/ftw-footer-right.png) no-repeat top center;height: 12px;width: 92px;float: right;position: relative;z-index: 5;}
</style>
<div class="bloggerknown-ftw6">
<div class="bloggerknown-ftw6-container">
<div class="bloggerknown-ftw6-spacing">
<strong>Widget title</strong><br />
You are reading text inside a fancy text widget. There's no real purpose to it. It's just <strong>fancy</strong>
</div>
</div>
<div class="bloggerknown-ftw6-footer"><div class="bloggekrnown-ftw6-footer-left"></div><div class="bloggerknown-ftw6-footer-right"></div></div>
<div class="ftw6-graphics-paperclip ftw6-graphics-right"></div>
</div>

background-color: #xxxxxx !important; change background color with Hex colore picker
color: #xxxxxx !important; change font color with Hex colore picker
You can also use the one background for others and also change fonts if you know some coding , Thanks

Credit: http://fancy-text-widget.webfactoryltd.com

Recent Posts with Thumbnails Widget for Blogger

Recent Posts with Thumbnails

Recent posts with thumbnails is a nice widget for blogger and help your visitors can see your latest content have you published. This widget is very important for every blogger to add it to their blog also help to increasing your blog’s page views. In this article, In this article we explains How to add Recent Posts widget in Blogger with image thumbnails:

Features:

• Thumbnails to Recent Posts
• Comment Count
• Your blog gets more page views.
• Your visitors can see your latest content
• Full Control

How to Add Add widget to Blogger?

Help: How to Add Widgets to Blogger?

1. Sign into Blogger Dashboard
2. Go to Layout » Add a gadget » html/javascript
3. Just copy and paste the following code in the HTML Text Area.

<script language="JavaScript">
imgr = new Array();
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://www.bloggerknown.com/";
</script>
<script src="https://dl.dropboxusercontent.com/s/hwbtvv8b40zy18a/recent-posts.js"  type="text/javascript"></script>

You can easily control many things in this recent posts widget to fit your blog

boxwidth: Width of the widget
cellspacing: Space between cells (default one is good)
borderColor: Border color (add the background color of your template to perfectly blend it in the template)
thumbwidth & thumbheight: Width and Height of the thumbnail (default are good)
fntsize: Font size of the title
acolor: Color of the title
aBold: you want bold titles? (true or false)
numposts: How many posts you want to show?
home_page:  http://www.bloggerknown.com/ (change this to your blog url)

4. Save the Changes.

If you like this article do comments, share it on Facebook and other social web. Thanks

Happy New Year 2014

Wednesday, January 1 

New Year's Day 2014 

Dear Readers: We hope you are safe and sound.



Have a blessed 2013!
I hope 2014 is a good year for you, your family and your friends. I hope the universe makes some of your dreams come true this year, and that you’re successful in overcoming some of your own challenges.

And may your year be full of the things that bring you happiness in your life — whether it be family, good health, love, success, prosperity, a new job, relief from pain, or some combination of all of the above. We here at Blogger known wish you a very prosperous one in whatever you do.

Your gift this year?

We would like to provides a memorable gift to our readers. I hope you will definitely like it and make comments on it. the name of this gift Maaz Blogger Template Its far every type of blogger like blogging, softwares, games, tips, news and others.
Maaz is my nephew, he is such a lovely child and i love him very much therefore I coded a template on his name :D 

Maaz blogger template is a gift, premium, responsive blog, magazine, multipurpose free blogger template adapted from WordPress with 3 columns in home page & static pages and 2 columns in post pages, responsive design, left and right sidebars, fresh look, minimalist, ads ready, pagination and neutral colors. Excellent layout for blogs.This theme most used on softwares and games sites.

Click the image below for DEMO!

Full Details and Features Click Here

One More Gift 

My mission to provide you good and help full tricks so i have work hard for this, i have begin PHP Language i hope you like my interest we've start first post of php topic in 2014 if you prefer this then we start regularly. First i have start basic PHP and provide basic php scripts after this we've start the PHP with MYSQL DataBase and complate web desiging and also create CMS scripts . Stay here and learn more. Thanks

2014 For Muhammad Azeem (ME)

Like every year this year too will pass with some memories. But this year will be very important for me because i have a lot more work on this year, my education would be complete and I need to get more education to move forward. My English is undermines it will give special focus to improve.

I'm getting married on this year I know this news will be crucial for all :P I've decided. Life's too short i hope you will all take decisions sensibly.  

People who will get married this year comment here :P