Best 2 Know

The Ultimate Blogging Resource

  • Advertising
  • WebHosting
  • Contact Us
  • Blogger
    • Blogger Templates
    • Blogger Tutorials
  • Browser
    • Firefox
    • Google Chrome
  • Google
  • Internet
    • Facebook
    • Twitter
  • Thesis
  • Windows
  • WordPress
    • WordPress Themes
    • WordPress Plugins
  • More
    • Linux
    • Review
    • Solutions
    • Announcements

Search Results for: Blogger Templates

Using sIFR 2.0 in Blogger Templates

sIFR in blogger templates

sIFR is one of the alternative way to change font type to beautify typography, especially in the heading (H1, H2, etc.), like Cufón. This time I’ll share how to use sIFR 2.0 in blogger templates.

The Steps

  1. Download sIFR 2.0
  2. Upload the javascript files from the downloaded zip file, those are sifr-addons.js and sifr.js.
    If you busy to upload those files, copy below code and paste before </head>

    <script src=’http://mbahrizh.googlecode.com/files/sifr.js’ type=’text/javascript’></script>
    <script src=’http://mbahrizh.googlecode.com/files/sifr-addons.js’ type=’text/javascript’></script>

  3. Put the CSS code from the zip file, those are sIFR-screen.css and sIFR-print.css. If you busy to do that, copy below code and paste before </head>
    I’ve compress these codes.

    <style media=’print’ type=’text/css’>
    /* This is the print stylesheet to hide the Flash headlines from the browser… regular browser text headlines will now print as normal */
    .sIFR-flash, .sIFR-flash object, .sIFR-flash embed{display:none !important; height:0; width:0; position:absolute; overflow:hidden}
    span.sIFR-alternate{visibility:visible !important; display:block !important; position:static !important; left:auto !important; top:auto !important}</style>

    <style media=’screen’ type=’text/css’>
    /* These are standard sIFR styles… do not modify */
    .sIFR-flash{visibility:visible !important; margin:0}
    .sIFR-replaced{visibility:visible !important}
    span.sIFR-alternate{position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden}

    /* Hide Adblock Object tab:the text should show up just fine, not poorly with a tab laid over it. */
    .sIFR-flash+div[adblocktab=true]{display:none !important}

    /* These “decoy”styles are used to hide the browser text before it is replaced… the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower… your own settings may vary… any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
    .sIFR-hasFlash h1{visibility:hidden; font-size:16px; letter-spacing:40px}
    .sIFR-hasFlash h2{visibility:hidden; letter-spacing:-9px; font-size:14px}
    .sIFR-hasFlash h3{visibility:hidden; letter-spacing:-6px; font-size:20px}
    .sIFR-hasFlash h4{visibility:hidden; letter-spacing:-5px; font-size:21px}
    .sIFR-hasFlash h5{letter-spacing:-4px; visibility:hidden; font-size:14px}
    .sIFR-hasFlash h6{letter-spacing:-4px; visibility:hidden; font-size:12px}
    </style>

  4. This is the most importance to use your desire font type.
    Actually when we download sIFR 2.0, it already bundled with flash file to make a font, but there is easier way:
    • Choose your desired font and save in desktop (because if it still in WINDOWS/font, it can be uploaded)
    • Generate your chose font to be a swf file at sIFR Generator. Upload your font, then next and next until finish and download it. In step 2, choose sIFR version 2 because we use this version.
    • Upload the downloaded file to image shack, because image shack can store swf file. After uploaded, take the link, e.g. .
    • Then the last, put javascript below to activate your chose font. Change the URL to your uploaded font link.

      <script type=’text/javascript’>
      //<![CDATA[
      /* Replacement calls. Please see documentation for more information. */

      if(typeof sIFR == “function”){

      // This is the preferred “named argument” syntax

      sIFR.replaceElement(named({sSelector:”h1″, sFlashSrc:”http://img291.imageshack.us/img291/2028/hotelcoralessexregular.swf“, sColor:”#AD3C00”, sWmode:’transparent’}));

      sIFR.replaceElement(named({sSelector:”h2, h4, h6″, sFlashSrc:”http://img199.imageshack.us/img199/2368/motorway.swf“, sColor:”#2F1F00”, sWmode:’transparent’}));

      sIFR.replaceElement(named({sSelector:”h5″, sFlashSrc:”http://img508.imageshack.us/img508/6843/jamesfajardo.swf“, sWmode:’transparent’}));

      };

      //]]>
      </script>

      You must change the red code to your uploaded font URL.

  5. it’s done! You can edit above code to adjust with your template character, either font size or color.

Note:
The weakness of this sIFR 2.0 is the link text become inactive. So, don’t use heading tag (H1, H2, etc.) for text link.

June 14, 2010 Ritesh Sanap Blogger Tutorials Blog Design Series, Font embedding

Top 125 Free Blogger Templates By Blogger Buster

Here is a list of top 125 blogger templates posted by Amanda in BloggerBuster.

Users find it difficult to search the blogger templates all over Internet and I think Amanda did an excellent job in finding and collecting all the beautiful blogger templates at one place.


So visit and enjoy : 125 Excellent Blogger Templates

August 13, 2008 Ritesh Sanap Internet Cool things

Blogger’s New "Reactions" Feature – How to add to customized blog templates

Blogger have added a new feature for us to use in our post: Reactions. This widget acts like a mini-poll beneath each of your blog posts and offers the ability for readers to leave feedback quickly.

The “Reactions” add-on is currently available through Blogger in Draft, though looks set to be moved over to the regular Blogger interface soon enough. It can be moved around like other elements in the post-footer and will adapt to the color scheme of your blog template. You can customize the buttons and labels through the “Blog Posts” widget in your dashboard if you prefer to use something different to the “funny/interesting/cool” labels which are implemented by default.

How to add “Reactions” to your Blogger template

To add this new function to your Blogger layout, you will need to activate the feature through Blogger in Draft. Once logged in to your Draft dashboard, go to Layout>Page Elements and click the “Edit” link for the “Blog Posts” widget.

In this pop-up window, you will see the option to add “Reactions” to your posts:

Tick the options box and edit the labels for your buttons as required. Then finally save this setting.

Adding the required code to your template
Depending on the type of template you are using, you will need to use one of two methods to add the required code to your template.

If you are using a default Blogger template with no modifications to widgets or the post layout…

Go to the Layout>Edit HTML page in your Blogger dashboard, and look for the “Revert Widget Templates to Default” link near the bottom of the page.

Clicking on this link will replace all of the widget templates with the updated code. All of your existing widgets will remain, so don’t worry about losing any data! Instead, this will simply replace outdated code with new code, and ensure you can add all of Blogger’s new features with ease.

If you use a customized/third party template…

You will need to add the required code to your template manually.

In this case, go to Layout>Edit HTML in your Blogger dashboard and check the “Expand widget templates” box.

Next, search for the following line of code (or similar):

Immediately after this line, add the following section of code:

Preview your template to see the “Reactions” add-on appear beneath each of your blog posts, and finally, save this new addition to your template.

If you cannot find the “post-footer-line” in your blog template, search for

instead, and paste the code immediately after this line.

Color Schemes for the Reactions Add-on

The colors for the reactions add-on are taken from existing variables in your color scheme:

* Foreground: textcolor, textColor, mainTextColor
* Highlight: linkcolor, linkColor, mainLinkColor

This is to ensure that the color matches the overall scheme of your blog. So if you change the color scheme through the Fonts and Colors section, the colors of your reactions will change too.

To learn more about this new feature, be sure to read the announcement post on Blogger in Draft. Please let me know if there’s anything else you need to know about this new feature by leaving your comments below.

August 16, 2008 Ritesh Sanap Solutions Cool things

Asino/Thesis Style footer for blogger

Today i m releasing Asino footer for blogger or you can say Thesis style footer for blogger. Actually its not Thesis style its called Asino. Well no problem at last we can now have for blogger also, thanks to ramandeep who inspired me or you can say gave idea to make it for blogger. At last its here for Blogger.
Thesis Style Footer

May 3, 2011 Ritesh Sanap Blogger Tutorials 3 column footer, Asino footer, blogger, Blogger Tutorials, Thesis style footer

Xhilaration Blogger Template

Blogger TemplateHi friends yesterday I have received a request to convert Xhilaration template to Blogger. now here it is the template requested by mohd hafifi. I was really excited to convert this one because i have received a request after many days. So here is the new 2 Column template with Dark colors and Adsense Optimized, i have just modified its Comments Part as the old one was too dull or was not upto the advanced technology.

April 14, 2011 Ritesh Sanap Blogger Templates Blogger Template, Blogger Templates, Free Blogger Template, Xhilaration, Xhilaration Blogger Template, Xhilaration Template for Blogger

Steira Blogger Template

Its been quit too long that their were no blogger templates by me. One day while surfing wordpress themes directory saw Steira WordPress Theme by Automattic. The theme was so nice , simple and good to look , so i decided to convert that one for my beloved blogger users who love to have themes from me. The theme is Minimal with white and Blue color  .

Snapshot of Steira Blogger Template

March 2, 2011 Ritesh Sanap Blogger Templates Blogger Template, Steira, Steira Blogger Template, Steira Template

h4x0r ( Hacker ) – Blogger Template

Hello to all of you as i told yesterday having very busy scheduled. But i think i forgot to tell that i had done all requested template conversion by Sunday only so again sorry for the delay. So now this is the Template Requested by Zubair. I have completed the requested work this is an template suitable for the people who loves hacking and are interested in it. It has backgrounds like Matrix. So you can have clear view for what all purposes you can use this template.

Screenshot : 

Hacks Included :

  1. How to remove the Blogger Nav bar

Live Preview : Live Preview h4x0r ( Hacker )
Download : Download h4x0r ( Hacker )

Get your Free wordpress to Blogger Conversation

August 10, 2010 Ritesh Sanap Blogger Templates

NewoosFormat – Blogger Template

Hi people its been seven days that i haven’t posted anything i m extremely sorry for that but as per request by Peter. This very nice WordPress template is been converted into Blogger. As we specialize in it. I wasn’t able to release the template because of my college i don’t get time to come in and Release this template even if the work was completed before.So i m extremely sorry for that i will try to update best2know.info whenever possible but i will be always their to reply back to your comments and your mails so no worry. Now back to the Theme.

ScreenShot :

Hacks Included :

  1. How to remove the Blogger Nav bar
  2. Make a Navigation Bar with Automatic Highlighted Current Links
  3. Create Four Column Footer Section Instead Of Three Column In Blogger Blog
  4. Automatic Read More Hack with fixed pages
  5. Social Bookmarking

Live Preview : Live Preview NewoosFormat
Download : Download NewoosFormat

Request For your WordPress to Blogger Conversation for Free

August 8, 2010 Ritesh Sanap Blogger Templates

Posts navigation

Page 1 Page 2 … Page 6 Next page

Currently Trending

  • How to download Specific parts of YouTube videos
  • Windows Vista CD key
  • h4x0r ( Hacker ) - Blogger Template
  • You might also like this Widget for blogger or Related post widget
  • How to Hide Desktop Icons in Mac
  • How To Make Your Own Windows Media Player Theme
  • How to Increase Dropbox upload speed
  • How to add Attribution widget in blogger
  • HTTP2 Server Push for W3 Total Cache Minify plugin
  • How to Create Multiple Excerpts in WordPress

Random Posts

How to show hidden files and folders in Mac OS X

August 2, 2016 By Ritesh Sanap Leave a Comment

Add TwitThis on your Blogger template and drive more traffic on your website

May 8, 2009 By Ritesh Sanap 1 Comment

How to Request for Invitation to New Adsense Beta Interface

March 26, 2010 By Ritesh Sanap Leave a Comment

ASCII Text Generator

March 19, 2009 By Ritesh Sanap Leave a Comment

How to download Specific parts of YouTube videos

February 21, 2014 By Ritesh Sanap 34 Comments

WordPress

HTTP2 Server Push for W3 Total Cache Minify plugin

August 17, 2016 By Ritesh Sanap 5 Comments

How to Disable Emojis in WordPress

January 6, 2016 By Ritesh Sanap Leave a Comment

JetPack Related posts and Sharing not working with NGINX

November 10, 2015 By Ritesh Sanap Leave a Comment

Simply Pure – WordPress Theme

November 2, 2014 By Ritesh Sanap 2 Comments

Advanced What should we Write about next? – WordPress Plugin

July 28, 2014 By Ritesh Sanap Leave a Comment

How to Disable Self Pingback or TrackBack

January 16, 2014 By Ritesh Sanap Leave a Comment

BlueStrap – WordPress Theme

January 1, 2014 By Ritesh Sanap 15 Comments

How to Create Multiple Excerpts in WordPress

December 24, 2013 By Ritesh Sanap Leave a Comment

How to Disable Auto Update in WordPress

November 21, 2013 By Ritesh Sanap Leave a Comment

How to Delete Feedbacks from JetPack Contact Form

November 19, 2013 By Ritesh Sanap 9 Comments

Recent Posts

  • HTTP2 Server Push for W3 Total Cache Minify plugin
  • How to show hidden files and folders in Mac OS X
  • How to Disable Emojis in WordPress
  • Canva – Online Photo Editor
  • JetPack Related posts and Sharing not working with NGINX

Archives

Recommends

  • DigitalOcean – Cloud Hosting
  • Dropbox – Cloud Storage
  • Elegant Themes – WordPress Themes
  • LastPass – Password Manager
  • Like us on Facebook
  • Follow on Twitter
  • +1 on Google
  • Subscribe via Email
  • RSS Feed

© 2022 Best 2 Know · All Rights Reserved · We ♥ DigitalOcean