Backtrack Team: BLOGGER TUTORIALS

Add Horizontal Line In Your Blogger Template Or Post

How to add a Horizontal line Before post? dont know? Dont worry....Today you will learn it.Many times in post,We need to put a line.Its so simple, just put a small HTML code in your post and you have done.
If you can notice, at the end of this post, there are line lsike this one below.

How to add this HORIZONTAL LINE to your blog or post , LETS START!

The code for the horizontal line is....

You can simply change the color size, and width to whatever you like.

If you want to apply it below your blog posts.

1. Follow this guide on How To Edit Your Blog Template

2. Find(CTRL+F)

by Malik korrich ~ 0 commentaires

Open Blogger External Links In New Tabs

AOA!
Today i am back with another great post.We will learn HOW TO OPEN EXTERNAL LINKS OF BLOGGER IN NEW TABS.By default all external links like mediafire.com, facebook.com open in a same windows, but today the code which i am giving to you people all external links in new windows.
So lets start.

Log-in to your blogger account; go to Design --> Edit HTML, Or for new blogger interface, go to Template --> Edit HTML.
Now, press Ctrl+F and find .

Just before , paste the below code.

Now save your template and enjoy.

You're all done. Just click on any external links in your blogger posts, and it'll open in a new tab.

KEEP visiting for new tutorials!!!

by Malik korrich ~ 0 commentaires

Add Author Box With Rotator Effect

So friends today i will show you how to add AUTHOR BOX WITH ROTATOR EFFECT.Now a days you can see it on every blog.It looks preety cool when some one mouse over on it and it rotates.So lets start, copy all the steps carefully...!

STEP 1:

Goto your DASHBOARD and select your BLOG

STEP 2:

Now click on LAYOUT

STEP 3:

Now click on ADD WIDGET and select JAVASCRIPT/HTML

STEP 4:

Now a windows will poup and add the following Code to it:::

YOUR TEXT GOES HERE Read More »GET THIS

STEP 5:

Now save it.....Dats it

Wait wait wait!!!! You have to made some customization.

CUSTOMIZATIONS

Change YOUR IMAGE URL HERE to your image url.
Change YOUR TEXT GOES HERE to your desired text to show in author box.
Change YOUR ABOUT ME PAGE URL HERE with your ABOUT ME page...So when a visitor clicks on Read More >> ,he will be redirected to your ABOUT ME page.

After saving ur widget....You will see a cute AUTHOR BOX WITH IMAGE ROTATOR EFFECT on ur blog.
Enjoy and Keep visiting cox new TUTORIALS are on the way.

by Malik korrich ~ samedi 15 juin 2013 0 commentaires

Add Scroll To Top Button To Blogger

Dear friends today we will learn how to add SCROLL TO TOP OR BOTTOM button to blogger.so here it is follow all steps correctly and you have added it to your blog....

Just Scroll below and see ;)

DEMO

STEPS:

Go to Blogger Dashboard
Click On Layout and Then Click On Add a Gadget

Then select HTML/JavaScript
Now Copy the below Script and paste it into the Box.

Now Click On Save and that's it.
Now you will be able to see This nice botton on your blog....
ENJOY..........!

by Malik korrich ~ mercredi 12 juin 2013 0 commentaires

Add Backlinks Checker Tool To Your Blog

what is backlinks? Backlinks are links to our blog or website from other sites. Its one of indication of the popularity of our website.Backlinks is used to determine the PageRank of a website. But, do you know the number of your blog backlinks? If you don't know, you can following the steps carefully, add this tool to your site and view ur site backlinks.....

1. First Log in to your blogger account
2. Go to Design>>>Page Elements>>>Add Gadget
3. Choose "HTML/Java Script"
4. Copy the code below, and paste in the place

Your domain:

(eg. hacking-articles.blogspot.com)

<br />

Powered by iWEBTOOL

5. Save it.
If you have followed all steps correctly then u will be able to see ur tool like the image below:

by Malik korrich ~ 0 commentaires

How to Add Drop Shadows Effect to Images

With drop shadows effect to images, our blog images will given a kind of shadow which will surround beside the images. So, the images will look attractive. This effect is active when you put your cursor on the picture, then the picture will expand and there are drop shadows effect. For additional info, drop shadows effect is used CSS (CSS 3), so your blog is not too heavy. Now, if you want to know how to add drop shadows effect to images, just follow the steps below.

1. Log in to your blogger account
2. Go to Design --> Edit HTML
3. Copy the code below, and paste above ]]>

.MBT-CSS3 img{
-webkit-transform:scale(0.7); /*Webkit 0.7 times the original Image size*/
-moz-transform:scale(0.7); /*Mozilla 0.7 times the original Image size*/
-o-transform:scale(0.7); /*Opera 0.7 times the original Image size*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla Animation duration*/
-o-transition-duration: 0.5s; /*Opera Animation duration*/
opacity: 0.5;
margin: 0 10px 5px 0;
}

.MBT-CSS3 img:hover{
-webkit-transform:scale(1.1); /*Webkit: 0.5 times the original Image size*/
-moz-transform:scale(1.1); /*Mozilla 0.5 times the original Image size*/
-o-transform:scale(1.1); /*Opera 0.5 times the original Image size*/
box-shadow:0px 0px 30px gray;
-webkit-box-shadow:0px 0px 30px gray;
-moz-box-shadow:0px 0px 30px gray;
opacity: 1;
}

4. Then, when you will use drop shadow effects to images, use this code

IMAGE URL" />

=> Change IMAGE URL with your image URL choice
5. Done!

by Malik korrich ~ 0 commentaires

How To Make Headline News In Blog

As we know, headline news is a feature in TV stations wich usually located at the bottom. Usually, that's display some latest news. But in this case, because it's about blog, so the headline news display the recent posts of your blog. So, the visitors can watch the newest post of your blog. Now, if you want to add it into your blog, just follow the steps below.

1. Log in to your blogger account
2. Go to Design --> Page Elements --> Add Gadget
3. Choose HTML/Java Script
4. Copy the code below, and paste into the place

=>Change with your blog address
=>Number of posts that you want to display
5. Save now

by Malik korrich ~ 0 commentaires

How To Fully Customize And Edit The LinkWithin Related Posts Gadget

The Link Within Related Posts With Thumbnails Gadget is hugely popular among bloggers using every blog platform.With no code needed to add the gadget to your blog and the script automatically generating the posts to be listed Link Within is easy to use and effective.However there are some changes you may like to make to the gadget in terms of appearance, Text and Position of the gadget.In this post we will see how to do the following.

Options And Settings

1. How To Get The Link Within Gadget - How To Easily Add The Gadget To Your Blog.

2. How To Change The Text That Appears Above The Gadget - Change The Default Heading Text (By Default The Heading Is 'You May Also Like').

3. How To Place The Gadget In Different Positions Below Your Posts - By Default The Gadget Appears Below The Last Line Of Text In Your Posts But You Can Move It.

4. How To Have The Gadget Appear On Post Pages Only - If You Use The Read More Post Summary's You Can Hide The Gadget On The Home Page.

5. How To Remove The LinkWithin Link Below Related Posts - You can remove the link to LinkWithin, I don't recommend this as I think they deserve the credit but I will leave it up toyou.

1. How To Get The Link Within Related Posts With Thumbnails

Adding the gadget to your blog is quick and easy.First follow this link to the Link Within Website.On the homepage fill in your Email, Blog URL, Platform (This Tutorial Is For Blogger) and number of related posts you want displayed.For most Blogger templates you should display 4 posts.Click Get Widget (You May Be Required To Add Your Blogs Rss Feed).You will now be directed to the second installation page.

*Click Install Widget for blogger to pop up in a new window.
*Log in if required.
*If you have more than one blog choose the blog you want the gadget added to.
*The widget title will be Link Within as shown below but i advise leaving the title blank.
*Click add widget as shown below.

Move Gadget - On your layout/design page move the gadget below the posting area as shown below.

The gadget has now been added to your blog.

2. Change The Title Of Link Within Gadget

By default The Text above the related posts is "You May Also Like" but you can change this.

A. In you dashboard click Design/Layout > Edit Html.

B. Find The Following Piece of code in your blogs html.It wont be hard to find it's at the very top :

C. Copy The Code Below And Paste It Directly Below

D. Replace YOUR TITLE TEXT HERE with the title you want displayed and save your template.

3. Move The Position Of The Gadget Below Your Posts

If you have a number of gadgets below your posts like social bookmark buttons, AdSense or Rss options you may like to move the Link Within Related Posts Widget.Here is how you can place the gadget into position.

A. In your template place the following code were you want the gadget to be displayed :

Save your template.

4. Remove The Link Within Link Below Related Posts

Add the following Css to your blog :

#linkwithin_logolink_0 {display:none;}

That should help you get the most from the great Link Within related posts gadget.If you have any questions or suggestions drop them in the comments below.

by Malik korrich ~ vendredi 7 juin 2013 0 commentaires

To Add Nice Related Posts Widget To Blogger With Thumbnails

To Add Related Posts Widget To Blogger With Thumbnails we must follow some steps.

Steps to Add Nice Related Posts Widget To Blogger With Thumbnails:

01.Go To Blogger Dashboard next click on Template and Edit HTML.

02.Now Check the "Expand widgets template" box.

03.Press (CTRL + F) and search below this code.

04.After that Copy and paste the below code just before/above

---------------------------------------------------------

Note that you can Follow:

- you can change the 6 value from max-results=6 with the number of posts you want to be displayed.

- If you want the related posts to be displayed on homepage too, remove the code in violet.

07. Now your job done just Save the Template

Enjoy Nice Related Posts Widget To Blogger With Thumbnails

by Malik korrich ~ mercredi 8 mai 2013 0 commentaires

3 Stylish Facebook jQuery POP OUT likebox widget 2013

Steps for add 3 Stylish Facebook jQuery POP OUT likebox widget are given below.

Steps:

1. Log in into your Blogger account, Then go to Layout

2. Click on Add a Gadget Link:

3. From The pop-up window, scroll down and choose "HTML/JavaScript" option:

4. Paste this Following code Inside the Empty box:

(Here Just Choose your Style and replace your Facebook page URL ***Red Color***)

by Malik korrich ~ 0 commentaires

How to Add Nice Social Media /Bookmarking Sharing Widget For Blogger

How to Add Nice Social Network/Bookmarking Sharing Widget For Blogger

Friends it is very easy task
For This you must Follow Some Steps:

01.Go to the blogger Deshboard.
02.Click on Layout.
03.Now Click on ADD new

04.After That new pop up windows come now choose "HTML/Java Script"

05.Copy This below Bule Code

-------------------------------------------------------------------

----------------------------------------------------------------

06.Put The Code in Pop up HTML/Java Script Blank Box Content option.

Now Your Job is done.

by Malik korrich ~ 0 commentaires

Add Color Code Generator For you Blog or Website

It is A flash based application, which is used to generate Hex code, HSL, HSV, RGB code for the color you chose and vice versa. It will also suggest some matching colors for the color you select.

Demo & Get your Expected Color Code

Copy Below following the code add This Code in your Bloger HTML post option

----------------------------------------------------------------------

by Malik korrich ~ 0 commentaires

Easy way to Add “Email Subscription Form” To Blogger

To add email or Feed Subscription Form to your blogger blog (blogspot) is very easy.
Just follow the next steps:

1. Log in into your Blogger account, Then go to Layout

2. Click on Add a Gadget Link:

3. From The pop-up window, scroll down and choose "HTML/JavaScript" option:

4. Paste this Following code Inside the Empty box:
----------------------------------------------------------------

Subscribe via Email

----------------------------------------------------------------
5.Save it and Enjoy It.....
Have a Nice Day...

by Malik korrich ~ 0 commentaires

Add Adsense ADS BELOW POST TITLE in LEFT RIGHT CENTER SIDE

Placing the Google Adsense is very important for better CTR and it's very helpful to increase the rate of earning when you put your ads in the right places the then you have more change to earn more money from Google Adsense Program and not only from the Google Adsense but also from the alternatives of Adsense program.

They also give the same result like Google Adsense Program.

Put Adsense Below Post Tile

Login to Blogger > Dashborad
Click on Drop Down Menu and select Template
Backup your Template before making any changes to your blog
Now Click on Edit HTML > Proceed > Expand Widget Templates
Press Ctrl + F and search the code shown below.

Now Paste the Code Shown Below just above/before it

Show Adsense in Left Side

If you want to show your Google Adsense ad below post tile in blogger in the left side then copy the code shown below

YOUR ADSENSE CODE HERE

Show Adsense in Right Side

If you want to show your Google Adsense ad below post tile in blogger in the right side then copy the code shown below

YOUR ADSENSE CODE HERE

Show Adsense in Center

If you want to show your Google Adsense ad below post tile in blogger in the center then copy the below code

YOUR ADSENSE CODE HERE

You Have to first Convert the Adsense Code into the Compartible Form

Convert Your Adsense Code

Make Changes....!

Replace YOUR ADSENSE CODE HERE with your converted code.

by Malik korrich ~ samedi 4 mai 2013 0 commentaires

Affter adding you will see a new GADGET space like below image:

How to add a social and email subscription box below every blogger posts? LETS START.

Stay Connected With Free Updates

LETS START.

STEP 1:

STEP 2:

STEP 3:

STEP 4:

STEP 5:

STEPS:

1. How To Get The Link Within Related Posts With Thumbnails

2. Change The Title Of Link Within Gadget

3. Move The Position Of The Gadget Below Your Posts

4. Remove The Link Within Link Below Related Posts

Put Adsense Below Post Tile

Show Adsense in Left Side

Show Adsense in Right Side

Show Adsense in Center

Make Changes....!

ads

Category

Follow us

Total Pageviews