All Stories
Showing posts with label Blogger Tricks. Show all posts
Showing posts with label Blogger Tricks. Show all posts

June 03, 2014

Automatic set justify alignment for post text in blogger

Blogging is a art of writing so whenever we start to write a blog, adjustment of spacing between words is very important for good looking and sensible writing.
As we know, we can use "justify" option from post control panel bar to do it but some time we are forget to apply this, so here is a simple method to set it automatically work for you. 






You may like to read :-

Simple just follow these simple steps:

1. Log into "blogger.com"

2. Go to "Template"

3. Then click ''Edit Html'' and tick mark on "Expand Widget Templates" box


4. Next find this section called  /* Posts or use 'Ctrl + F' to search the code 


 .post-body



5. In '/* Posts' section look for lines of code of .post-body



.post-body {
  font-size: 110%;
  line-height: 1.4;
  position: relative;
}



6. Now above "}" this just add this line text-align: justify;

Your code will look like same as below:


.post-body {
  font-size: 110%;
  line-height: 1.4;
  position: relative;
  text-align: justify;
}


Note: Don't Worry  If you could not find same above code in your blog, After find " .post-body" add below code in post-body code area.

 text-align: justify;


7. Save template and you are done
3:41 pm - By blogger 0

May 30, 2014

Automatcally resize images to blogger post area

Today my post about how to automatically resize your post images on Blogger. This tutorial will show you how to make your post images the same width and make them fit your blog post area perfectly to help improve the look of your blog. The code below automatically sets the height so that it keeps the original proportions and your images won’t look distorted.

1:25 pm - By blogger 0

February 20, 2014

How to Show HTML , CSS and Javascript code in blogger post

Blogger template directly don't show JavaScript and HTML code in post. Here is a cool way to add and show it with beautiful background.










  • Go to Dashboard - Template - Edit HTML



add html code
Template preview



  • Now press Ctrl + F to open search box and search ]]></b:skin> tag.
  • Edit html 

  • After that paste below code just above to ]]></b:skin> tag





  • .post blockquote {background: #C8EFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-Zpi3sAi_bwealFiFeKun0lHu752U4UhfjK6iIKn5A8D9zQ-zPuoZ8U7AY7UmfI_V3iILHnjGUQxok3HHAcstT5gruT8dZUekmP35zeDbi7crWZg9e_4XKm83EOICyYqxumNO6deU1lw/s1600/1.png);background-position:top left;background-repeat:repeat-y;margin: 0 20px;padding: 10px 20px 10px 45px;border-top: 2px solid #DDD;border-right: 5px solid #666;border-left: 2px solid #DDD;border-bottom: 5px solid #666;font-size: 0.9em;}.post blockquote p {margin: 0;padding: 0 0 15px;}
    .blockquote {font: 18px normal  sans-serif,Tahoma;padding-top: 10px;margin: 5px;text-indent: 65px;}
    .blockquote div {display: block;padding-bottom:10px;}.blockquote p {margin: 0;padding-top:10px;}











  • After that paste above code, save your template to click on "save template" tab.
  • Now, whenever you want to display "javascript, css or html code " in your post. Just paste your code in post after that select all code and once click on "Quote"tool from blogger tool bar. Do same like i show you in screenshot.












  • You're Done!!!

    8:56 pm - By Unknown 0

    December 26, 2013

    How to add a PowerPoint file in Blogger page and post


    One of the most asked Blogger questions on forums and help sites is 'How do I add a PowerPoint presentation within Blogger?'  It surprises me that many of the answers talk about multiple conversion techniques such as to Adobe PDF or to bitmap files to embed as pictures. Also, there are multiple slide sharing sites such as Slideshare.net, Scribd.com and Docstoc.com that can be used as upload sites to host your presentation and then share publicly.

    Though these options are valid, the best option is to use a Microsoft tool since the level of support for the presentation view will be the highest. This is actually a very easy option and allows you to keep your presentation in the .ppt or .pptx formats.

    Using Microsoft Skydrive for PowerPoint

    What you may not have realized is that Microsoft's Live products - one of which is Skydrive, allows you to upload your PowerPoint presentations, edit them in place and then embed them into any web site with a viewer. Plus, Skydrive is free cloud storage with an initial limit of 7GB which should handle most PowerPoint presentations. You can always start paying for more storage if you need it.

    Setting up a Microsoft Live account with SkyDrive is easy to do - if you have a Hotmail account you may already have one. Just go to the Microsoft Skydrive Signup page to start and create your account. Note the message I highlighted if you do not have a Hotmail or Live account already:
    Microsoft Skydrive login page


    If you didn't have an account here is the signup page:

    Sign up for Microsoft Live with Blogger
    Once you've created you Live account you can now access your Skydrive. Just confirm your Microsoft account and login under your ID and Password. Go directly to Skydrive with this link. You should see the SkyDrive main page:

    SkyDrive folders
    What you are seeing here are my SkyDrive folders - Documents, Pictures and Public. I've highlighted 'Public' because that is where you will be uploading your PowerPoint presentation. Go ahead and click on the Public folder which is anywhere in the entire blue box. You'll now be within that folder:

    SkyDrive folders

    As you can see I already have a test folder called 'PPTest' in Public - yours should look empty. Go up to the menu item called 'Create' to create your presentation folder. You don't have to do this but I like to just to keep the files organized.  When you click on 'Create' you'll see an option for 'Folder'.  Choose that and name your new folder. It will be another blue box like my PPTest folder above in the picture. Click on that blue box and you'll be within an empty folder:

    SkyDrive folder ready for Blogger PowerPoint
    You can see that I've circled the name of my new folder and the message that you're now ready to upload your PowerPoint presentation.

    Uploading PowerPoint to SkyDrive

    Your next step will be to upload your PowerPoint presentation. This is a very easy step. Simply click on the 'Upload' menu item on the top bar in SkyDrive. Choose the option to 'Select them from your Computer' to upload:
    Navigate to PowerPoint file for Blogger

    You can see that I've navigated to my 'Blogger Strategy.pptx' file on my local drive. Just click 'Open' to upload the file.  As you can see my file is now within the new folder:


    Embedding Your PowerPoint Presentation in Blogger

    The last step is to just find the public link to embed your presentation. Simply hover over the orange file box in the upper right and click on the little box:

    Selecting a PowerPoint file for embedding
    Once you've clicked on the file you'll see some new menu items appear at the top. You'll want to choose 'Embed' to add your file to your Blogger post. You'll see this dialog - choose the 'Generate' button:

    You should see your presentation appear in a few seconds with the embedding link like so:

    Copy SkyDrive code
    Just copy the HTML code to embed that I've highlighted and paste it into your blog post by switching to the HTML view and pasting it where you would like it - like this:


    That's it! You are done! The PowerPoint is now embedded in your blog posting. The best news is that you can use Microsoft's online tools to edit the presentation in place if needed.  Here is my simple example - enjoy!
    3:38 pm - By blogger 0

    back to top