Showing posts with label Blogger Tutorial. Show all posts
Showing posts with label Blogger Tutorial. Show all posts

Monday, May 3, 2010

How to select a great looking template for your blogger blog

The great part of blogging platforms is that, you could install new and gorgeous looking templates to give your blog a new and professional look. The best part is that there are many designers who are designing new templates everyday and giving away for free!

If you take a search for free blogger templates on the internet, you will find sites with lots of great templates. eBlogTemplates.com is a great site which has free blogger and wordprss templates. Just browse their collection and choose what you like. When you have got the one you were looking for download it on your computer. The file will be on zipped format. Now right click on the file and click extract all. You will then find an .XML file. This is the main template.

Go to your blogger dashboard and click layout. Click on the edit HTML tab. Now you can see some HTML codes on the page, this is the main code behindyour blog. To have the backup, click on download full template and save the template on your pc. Now click browse and locate the template .XML file which you have downloaded from the template website. Now click Upload.



You will have to confirm the changes and then you will see the confirmation message.



Now see your blog in the new look. If you get into an error page or don’t like the design, you can undo the changes, just upload the backup template from your pc and you will get your old design again.
Read More ... »

Tuesday, January 19, 2010

How Make And Show Image Reflections In Blogger Posts

Reflection of the images is made using photoshop,as you need to make each image with its reflection and have to post it on blogger posts.And when you want to post images with reflection and you don't know how to use photoshop,then what you will do.No need to worry friends now i will tell you the very easy way how to make your images reflect in blogger posts and you have not even to make any modifications to image just keep on posting it as before you are doing, just i will give you an javascript to add in your html,and after that you just have to define a class to your images while posting. Now i will tell you how to do it exactly.

As an same method i posted one more hacks before,How to make an hover effect to image if you havent checked check for sure.

Now how to make image reflection.


Login into blogger with your ID
Click Layout
Click Edit HTML tab
Click Download Full Template and please back up your template first.
Copy and Paste the below script right after ]]>

Now download this script Reflection.js and upload to your own server.




Read More ... »

Disable Right Click Option in Blogger

Disable right click option in blogger,ya friends if you want that your visitors dont use right click on your blog to save your page or any images then its very easy for you to disable right click option in your blog.What you have to do is add small piece of javascript codes in your blog html.

There are two piece of codes one in which if visitor uses right click option an alert will be shown that is disabled.And other is one in which no alert will be shown.

You can add the codes in two ways.
1.Add below codes in blog html below the closing head tag
2.Or add these codes in layout sidebar in Html/Javascript section and save it.

Script without message alert






Script without message alert


Read More ... »

Welcome Alert Script For Blogger

Alert Script for Blogger,when anybody will visit your website or blog he will get an welcome message before loading your page completely.You can have anything in the message what you want.It can be helpful for you whenever you want to display to your welcoming visitor some message or alert which you can be important for him to get to your blog reading further.

I had before shared you with two scripts:-
1)Disable Right Click For Blogger
2)Making Image Reflections




Just login to blogger > Layout > Edit Html

Find tag and add the below script just after it.





Just change text in red with your welcoming message.

And now save your template.And visit your blog you will get an welcome message.
Read More ... »

Digital statement blogger template - Updated Version

Hi all,

I have Updated my new blogger theme 'Digital Statement'.This theme is designed by newoster and blogohblog and is a free wp theme.I liked it's elegence, simplicity and style, which made me to convert this template and make it available for all blogspot users.This Template is one of the best wordpress template of the year with many advaced facilities.The mainFeatures are ;-
  1. Magazine Layout
  2. Search Box
  3. Featured Post Widget
  4. Cool 'About Me' Section
  5. 3 Tabbed Content Menu
  6. Twitter Widget
  7. Stylish Navabar
  8. 3 column Footer Menu
  9. 2 column sub-sidebar
  10. Subscribe Options
  11. SEO Friendly [SEO hacks enabled]
  12. Maximum Ranks in search Engine
  13. Auto Read-more hack 
  14. Post Thumbnail images along with read more
  15. Time | Date | Year widget
  16. Stylish Info bar [displaying date-labels-comments-real more] below every post

Demo / Download



 INSTALLATION

1) Featured Post ;-

           To Coustomize the 'Featured Posts' Widget, You need to Edit the Code for it In the Order Given below ;-





Your Post Title


Your Post Content


Your Image Title
Your Image Title

You can customize it by changing the text in Red according to your preference


3) Popular Post Widget




Visit the link and Follow The Instructons Given
anshuldudeja.blogspot.com/2009/01/popular-post-widget-most-commented.html


4) Twitter Updates
Search your template for

Read More ... »

New Arthemia blogger Template - Modified version of the Old Arthemia Blogger Template



As You all know, Arthemia is one of the most popular template in the blogosphere, even it is blogger or WP.So, The Designer of this theme had updated this for many times, based on the new trends and style.But what about it's Blogger Version ? It stands still in its older version, Which is not at all a professional one.So, I decided to make a new version of this theme, based on the current WP theme, Which inclucdes all the special widets like featured-post, middle catogary bar etc., which where not there on it's older versions.

    The new theme also had got the style and simplicity of the theme and much more.I had done my best on converting this.So, I can surely say that it's jut as the wordpress theme michel created.

  1. Two/Three columns depend on your customization
  2. Proffessional Design with magazine style
  3. Built-in search box
  4. Nice Drop-down menu
  5. Three footer widgets
  6. Banner ad ready (468×60, big banner ad)
  7. Headline Section to enlight your Top-post
  8. Featured posts section to show off your featured posts
  9. Nice label graphic above the posts
  10. Built-in Tag cloud
  11. Compatible for Mozilla - all version
  12. Compatible for IE 8 and 7. Also compatible for IE 6!!
You Can See The Wordpress Demo and blogger Demo From Here and compare them.

Wordpress demo | Blogger Demo

If you Loved This Theme, You Can Download It For Free From Here ;-




Download from Server #1

 INSTALLATION 

1.Head-line Widget
 Consider It as A Text-Widget and Just Type in a summery of your post here. You can post HTML codes too here.To post Image  in this widgets ;-

Your-IMAGE-URL" class="right" />
Change The Text Your-IMAGE-URL to the Link of your Image.Or you can post image with any Type of HTML tags but remember to give a  class="right" to the code before it ends.

To Make It more User friendly, we had Widgitized the Both the featured widgets with text boxes/.

2.Featured post 

Featured box is too a Text/HTML Widget - You can edit and Use These codes for each section of the featured post.

   
3.Navbar

  I think you will be familiar with editing this.Even though, let me explain the procedure.In the HTML  code section, you will find these codes ;-


  • About Me
       


  • Subscribe

  • In this code, Replace the Code in Red with your link, and the codes in blue with your title.
    Read More ... »

    Wednesday, January 13, 2010

    How to Display ads below Post Title in Blogspot

    Ad placement position in the blog we have a click through rate on the ad. Therefore, your ads have high CTR, we must be clever-clever set the size and position of the ad placement on our blog.
    What is needed to do that?
    Needed only to install Selective EXPANDABLE Post Hack.
    Let's do.

    Selective install EXPANDABLE
    1.Log in to Blogger dashboard> Select Layout> HTML, check the Expand Widgets Templates
    2.Search
    3.Copy and paste the code below just above the tag





    4.Search code below and add the red code into it.

    expr:id='"post-" + data:post.id' >










    Read More......







    5. Save Your Template.
    6. Go to Settings > Format, and search Post Template. Copy and paste the code in the form below to post Template.

    Type your summary here

    Type rest of the post here


    7. Save it. EXPANDABLE Post Hack Done

    Now time to add your adsense or whatever code to your blog.

    Show adsense below Post title on blogger.



    Add your code here


    Read More ... »
     

    © 2009 Nafiur Rahman Sajib's Blog | Design by: Nafiur Rahman Sajib

    ^ Back to Top