This tutorial will explains to you how to change colors of your selected/highlighted texts and selected text's backgrounds.This is very easy to do,But have a one problem,this method is not working in Internet explorer.But I think this will helpful to you add some attraction to your website.Follow the steps given below to do this.
1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see tag .
3.Copy below code and paste it just before the tag .
This quick tutorial will explain how to show your number of twitter followers in text.If there are many services as Twitter Remote,to show your number of Twitter followers,their badges will add a ugly appearance to your site.So I think this will help you to show how many twitter followers have for your twitter account without using third-party services.This is very easy to do and only spend few seconds.Now follow the steps given below for this.
1.Log in to your dashboard--> layout- ->Page Elements
2.Click on 'Add a Gadget'.
3.Select 'HTML/Javascript' and add the code given below and click save.
I have Twitter followers.
NOTE : ReplaceYOUR-TWITTER-USERNAME with your real twitter username.
This template is the second version of LK Magazine Premium Blogger Template.I hope you will like it.It has many more premium features than its first version.Give your ideas about this templates leaving a comment.You can download this premium blogger template from here for free and read the article for template configuration.
SEO friendly blogger title hack installed to help you rank higher in Google
Blogger Default Heading Tag has Changed for better SEO
Meta tags installed
Top Bar with Feed buttons and Display Day,Month,Year
Hosted images on blogger. Free use forever!
Favicon support so you can add your own url icon
Compressed CSS to speed up your page load times
Embedded JavaScript date code showing current day
Built-in Related Posts Widget to show Related posts
Numbered Page Navigation Hack Installed
Breadcrumbs Navigation Hack Installed
Replace "Older Posts","Home","Newer Posts" Text Navigation with Images
Automatically highlight author comments
Modified Comments Section to Enable Avatars in Blogger Comments
Many more ......
Template Layout Structure
3 Column Footer Section
Template Customization
Basic Template Installation:
1.First download the template and unzip the file.
2.Now, sign in to Blogger dashboard and click on the layout.
3.Here is the important step, after uploading any new Blogger template, all of the previous widgets like your google adsense ads,text,profile,poll,etc etc will be lost. So, to avoid this to happen, in this step click on 'edit' on all the widgets and copy the codes into notepad,etc.
4.Now click on the 'Edit html' tab
5.First of all please Download Full Template.This is to back up your present template.If the new template that you are going to upload makes/gets into some errors or if you make more complex errors in that,then you will loose everthing.So make sure that you back up your template.
6.Just below that,there's an option of uploading new template.So, use the Browse button and upload the downloaded xml file.
7.Now, a message appear saying that your widgets are about to be deleted.Click on the Confirm & Save (no problem doing this because we already copied the widget codes in Step 3).
8.Now click on "confirm and save".Now you successfully installed the template.
8.Click on the 'Page elements' page now and add the codes that you copied in step3 using the 'Add a Page Element' option.
Configure Meta tags
Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below codes :
Replace DESCRIPTION HERE,KEYWORDS HERE,AUTHOR NAME HERE as below.
DESCRIPTION HERE:Write your blog description KEYWORDS HERE:Write the keywords of your blog separated by comma. AUTHOR NAME HERE:Write the author's name(Your name)
Configure First and Second Navigation Bar
Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below code :
Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below lines :
ENTER-TAB1-CONTENT-HERE
ENTER-TAB2-CONTENT-HERE
ENTER-TAB3-CONTENT-HERE
Replace these lines with your tab contents.
Configure 125*125 Ad Banners
Find below code in your template.
Now replace "http://themeforest.net?ref=wam8387" and "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimRhQHAw5VRZV4DsFcjBlmHymtUktEyvX1aeRejaZzmjLNvnb9rwqTnOjIegs2067O_DExKGGC_nSOEnYRwl5KcTuDILBoDlVoNiiMXPpwNiSDzuAHRxDZsU7eU1aK2JxzE6FSSPJSg6k/" with your details.
Configure "Blog Posts" Widget
Login to your blogger dashboard--> layout- -> Page elements.Click on "Edit" form "Blog Posts" Section.Now change it value as the picture below:
Configure "Timestamp Format" Format
Login to your blogger dashboard--> Settings- -> Formatting.Now set your timestamp format as the picture below.
Important !!!:
Do not remove Footer Credits.
License:
This free Blogger template is licensed under the Creative Commons Attribution 3.0 License,which permits both personal and commercial use. However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below: http://creativecommons.org/licenses/by/3.0/
This tutorial will show you how to add Mootools Featured Posts Slider into blogger or any other web site.You can look at the page of this Mootools Featured Posts Slider.Now if you like to add this slider to your site then follow the steps given below.
1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see tag .
3.Copy below code and paste it just before the tag .
NOTE : You can DOWNLOAD and HOST mootools-1.2.1-core-yc.js yourself.Andalso you can change width and height of this slider easily (Default width:515px and height:250px;).
4.Now save your template.
5.Go to Layout --> Page Elements.
6.Click on 'Add a Gadget'.
7.Select 'HTML/Javascript' and add the code given below and click save.
This quick tutorial explains how to add jquery fade effect to your images in blogger or any other web site.This is very easy and you can do this less than a minute.But this effect will add some attractive appearance to your blog or web site.You can look at the page of this tricks from here.Now follow the steps below to do this.
1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see tag .
3.Copy below code and paste it just before the tag .
Twittley is a social network for users to find and share links on Twitter.Harness the power of social networks and viral marketing with the Twittley button. Millions of users use Twitter as a social network so it only makes sense to get your link out to those users.
When a Twitter user arrives at your site, they'll quickly see the distinctive Twittley button. When they click on the button your link will automatically be posted onto their Twitter status so all of their followers can then see the link. Your link will also appear on the Twittley web site where the community can then retweet and comment. All of this is done without the user leaving your site, Twittley does everything behind the scenes.
In this post I explain how to add a Twittley Retweet Counter Button to your blogger blog.If you like to add this Twittley retweet button to your blog then follow the steps given below.
1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see below code:
4.Now Copy your "Twittley Retweet" bookmarking buttons code and paste it just below the above code.
NOTE: If you can't find in your template, paste your "Twittley Retweet" bookmarking buttons code just before .
This post will explain to you how to add JQuery Lazy Load Plugin to your blogger blog or any other website easily.If you have a blog or website containing many images, this tricks will be very helpful to you.It can reduce the page loading time of your site.You can see more details about this JQuery Lazy Load Plugin from here: http://www.appelsiini.net/projects/lazyload.Look at the to see the result.
Lazy loader is a jQuery plugin written in JavaScript. It delays loading of images in (long) web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them. Using lazy load on long web pages containing many large images makes the page load faster. Browser will be in ready state after loading visible images. In some cases it can also help to reduce server load.
To add JQuery Lazy Load Plugin to your blogger blog or any other website follow the steps given below:
1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see tag .
3.Copy below code and paste it just before the tag .
Note : You can download javascript files from here if you want to host above files yourself.
4.Now save your template and you are done.Refresh your site to see the result.
This tutorials will show you how to add a Flickr photostream to your blogger blog.If you like to add this widget to your blogger blog,then follow the steps given below.
1.First login to your Flickr account.
2.Now click on "Your Photostream".
3.Now you are in the your flickr Photostream page.
4.Look at the address of the address bar of your browser.It will look like this:
5.Now can see your Flickr ID.It will be something like this:
38647261@N03
6.Now copy your Flickr ID.
7.Login to your blogger dashboard-->Layout > Page Elements
8.Click on 'Add a Gadget'.
9.Select 'HTML/Javascript' and add the code given below and click save.
Note : Replace YOUR-FLICKR-ID with your Flickr ID.
