Best 2 Know

The Ultimate Blogging Resource

How to add Custom Favicon to blogger blog

Hello to all my visitors . Today morning I saw a comment on trily – blogger template.That my visitor cryptoGATO wanted to add this own favicon instead of default blogger favicon. so this is my todays topic so i m going to tell to you all how to do it. I think you might have seen my favicon Generator that i have made for you all.

So now lets get started :

  1. Login to your blogger dashboard
  2. Click on Design
  3. Click on Edit HTML
  4. Find this <b:skin><![CDATA[
  5. Then add the below code above the <b:skin><![CDATA[ :
    <link href='YOUR Image Link' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
  6. Replace Your Image Link with the link of your desired favicon.
  7. Then Click the preview button. If you can see the favicon on the address on the tab then you have successfully installed favicon.
  8. Then Click on Save.

Wood is Good – Blogger Template

Hello to all my visitors you might have seen my earlier template named AnimeStar. But the problem with that template was that it can be only used for blog who only writes for Anime,games and stories . But I also thought for why to disappoint my other visitors so for you i have made a new template named Wood is good its Too good so i added it has one of my favorite. Its a Wood like theme. Having used good fonts embedded for its header.

Screen Shot : 

Live Preview : Click Here
Download : Click Here

AnimeStar – Blogger Template

Hi Everyone how are you ? you might have notice the new look of best2know.info so today i thought i will give your blogs the new look. How can I ? you all might know that i convert wordpress templates to blogger so today i introduce this new template designed by newwpthemes and converted by Me (Ritesh Sanap) . This is an very good template for the people who write about gaming or about Anime . So its the Name the name of the Template AnimeStar.

Clean Page Layout and Widgetize : 

 Screen Shot :

Live Preview : Click Here
Download : Click Here

IF you have your own request to convert any template of any platform you can request it from clicking here.Your template will be converted with free of cost.

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.

Alternative Ways to Change Blog’s Font Type

Hi! Introducing the new category at B2K, Font embedding. This time, I just share some ways to change the font type in your blog. Later, I’ll write about how to integrate these one by one.

There are some alternative ways to change the font type to be nonstandard anymore, need not to use images, so your blog’s typography will more and more interesting.

  1. Cufón

    Cufon

    “Cufón aims to become a worthy alternative to sIFR, which despite its merits still remains painfully tricky to set up and use. Cufón consists of two individual parts – a font generator, which converts fonts to a proprietary format and a rendering engine written in JavaScript.”

    Article about Cufón integrating:
    >>> Exploring Cufón, a sIFR alternative for font embedding

  2. sIFR 2.0 and sIFR 3

    sIFR

    “sIFR is meant to replace short passages of plain browser text with text rendered in your typeface of choice, regardless of whether or not your users have that font installed on their systems. It accomplishes this by using a combination of javascript, CSS, and Flash.”

    Article about sIFR integrating:

    • This is How You Get sIFR to Work

    • How to Use sIFR 3 (video Tutorial)

    • How To Implement sIFR3 Into Your Website
  3. FLIR

    FLIR

    “FLIR (Facelift Image Replacement) dynamically generates image representations of text on your web page in fonts that otherwise might not be visible to your visitors. The generated image will be automatically inserted into your web page via Javascript and visible to all modern browsers.”

    Article about FLIR integrating:
    >>>How To Use Any Font You Wish With FLIR

  4. Typeface

    Typeface

    “With typeface.js you can embed custom fonts in your web pages so you don’t have to render text to images.”

    Other format from typeface:
    >>>Type Select, Selectable Text Replacement

Update : Sifr3 is down or its not being supported instead now you can try Google Webfonts.

Highlight Author Comment in Blogspot

This trick is to give a Highlight Author Comment . This will make the blogs owner and authors comments looks different from the visitors comments. It’s very useful and interesting blogger hack tips. You can see the example in my blog. Here is what to do to make a “Highlight Author Comment” effect in Blogspot.

  1. Login to blogger, then choose “Design –> Edit HTML”. Don’t forget to backup your template first.
  2. Check the “Expand Widget Templates” box.
  3. Copy this script and put it before ]]></b:skin> or copy to your CSS area.
    .comment-body-author {
background: #E6E6E6;<span style="color: red;"> /* Background color*/</span>
color: #000; <span style="color: red;">/* Text color*/</span>
border-top: 1px dotted #223344;
border-bottom: 1px dotted #223344;
border-left: 1px dotted #223344;
border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px; <span style="color: red;">/* Position*/</span>
}
  4. Then Find this Code
    <dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
  5. Then Replace the above code with the below code
    <b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if>
  6. Then Preview and Save your Template.

Top 5 FREE Websites

I bet a lot of us want to have a good website. Whether for personal, business, for your official fan page site, gaming support forums, tutorials online, different support groups, a music dope, we want our website to look professional, fun, and witty but best viewed in all web browsers and from different Operating Systems. OK, so finally you’ve decided to sign up, but the problem is, you are just a beginner and not a tech geek. heep! — this post is for you!

FREE website? It is impossible. Believe me, it is possible :)

FREE WEBSITE




Jimdo – it is absolutely free! for people who are confused about CSS, HTML, JavaScript, PHP and ASPX, i highly recommend this site. Free, beginner friendly, and advertisement free.

Ning – from free to premium, Ning is not left behind by its features. you can have your own forum, polls aside from the usual navigational menus. good for fan pages and individual gaming guild forums.

Google sites – it is a totally ads free, but the storage is limited to 100MB only. So before posting your high definition pictures and videos, the storage is always to consider. i think this one is good for educational site or an archive site.

Yola – they have the definition of FREE Website. 5x1024MB storage, totally ads free, free website templates, what else could you ask for, right?. the cons about yola is not ftp support and it doesn’t support BLOG. Goodluck!

Multiply – known for seller’s directory, a lot of sellers from different countries in Asia are gathered around here. online sellers, online buyers and even bogus clients and sellers are also published. so if are in the business, take time create your site here. Aside from business, multiply is also best to serve as your personal site.