Sep 28, 2011

Dynamic Views : Seven New Ways Your Blog Looks

Total look improvement from Blogger, Dynamic Views. This is seven ways to share your blog with your readers.

Built with the latest in web technology (AJAX, HTML5 and CSS3), Dynamic Views is a unique browsing experience that will inspire your readers to explore your blog in new ways. The interactive layouts make it easier for readers to enjoy and discover your posts, loading 40 percent faster than traditional templates and bringing older entries to the surface so they seem fresh again.

There are seven ways you can choose as default. Even you've set the default, it still allows your readers to choose it self.

  • Classic (Gmail): A modern twist on a traditional template, with infinite scrolling and images that load as you go
  • Flipcard (M loves M) - Your photos are tiled across the page and flip to reveal the post title
  • Magazine (Advanced Style) - A clean, elegant editorial style layout
  • Mosaic (Crosby’s Kitchen) - A mosaic mix of different sized images and text
  • Sidebar (Blogger Buzz Blog) - An email inbox-like view with a reading page for quick scrolling and browsing
  • Snapshot (Canelle et Vanille) - An interactive pinboard of your posts
  • Timeslide (The Bleary-Eyed Father) - A horizontal view of your posts by time period

How to set Dynamic Views? Simply, login to Blogger, go to Layout/Design, choose Template Designer.

What do you think about this new improvement?

Sep 11, 2011

Girl Gift Blogger Template

The next serie of doodle girly template, Girl Gift. You also can check the previous template, Girl's Life.

Still about girl, who won't be happy if someone give us a gift? Every girl likes gift such as clothes, make up, accessories, etc. Even you can use this template for your gift online store.

Still same with previous theme, I use fresh color, blue, pink, and purple. And look at girl illustration on header, really cute. You also can customize its header logo by uploading your own blog logo.



How to Add Floating Facebook Share,Tweet, +1 Button in Blogger?

I have ever posted about how to put social bookmark sharer button, that's sharing is sexy button. I also have posted about how to put our social media icon to help your reader close and know more about you. A hour ago, I was looking for simple sharer button, I only need Facebook sharer, Tweet button, and the new one +1 button from Google. Fortunately, I find a easy tutorial about how to add floating social bookmark button next to post in Blogger from MyBloggerTricks. Really thanks to you, the author.

You can see this sticky widget to left of my blog, both on homepage and postpage. The installation process is so easy. Here I share how to add floating Facebook Share,Tweet, +1 Button in Blogger.

  1. Go To Blogger > Design
  2. Choose a HTML/JavaScript widget
  3. Paste the following code inside it
  4. <style>
    /*-------MBT Floating Sharing Widget------------*/

    #floatdiv {
      position:fixed;
    bottom:15%;
    margin-left:-70px;
    z-index:10;
    float:left;
    padding-bottom:2px;

    }

    #mbtsidebar {
            background:#fff;
            border-top:1px solid #ddd;
            border-left:1px solid #ddd;
            border-bottom:1px solid #ddd;
            border-radius:5px;
           -moz-border-radius:5px;
           -webkit-border-radius:5px;
            padding-left:5px;
            width:60px;
            margin:0 0 0 5px;
    }

    .fb_share_count_top {width:52px !important;}

    .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

    .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:52px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}

    .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
    </style>

     


    <div id="floatdiv">
    <div id="mbtsidebar">
        <table cellpadding="1px" cellspacing="0">


        <tr>
        <td style="padding:5px 0px 0px 0;">
    <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="mybloggertricks">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
        </td>
        </tr>

        <tr>
        <td style="padding:5px 0 2px 0;">
        <a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
        </td>
        </tr>
        <tr>
        <td style=" padding:5px 0px 0px 0px;">

    <script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;en-US&#39;} </script>

    <g:plusone size="Tall" expr:href="data:post.url">
        </g:plusone></td>
        </tr>
        <tr>
        <td>
    <p style=" line-height:0px; font-size:10px; font-weight:bold; text-align:center;"><a style="color:#D3D3D3;" href="http://www.mybloggertricks.com">Widgets</a></p>
        </td>
        </tr>
        </table>
    </div>
    </div>

     

  5. Save your widget and drag it just below the post body as shown below
  6. Finally click the save button at the top right corner and done

Any question or complete customization, you can go to author website.

Girls Life Blogger Template

Girls life blogger template, the girl stuff doodle theme special for teenage girls blog. Usually teenager like to share her daily life story about life, love, friendship, heartbreak, etc. I choose doodle girl stuff as an illustration represent cheer and fun. I also choose fresh color of pink and blue. This theme so clean with no complicated background image.

About the font, as usual, for girl and teen theme I always choose handwriting font, Short Stack and Gloria Hallelujah font. You also can edit it self by choosing from Google webfonts site.




Preview | Download

Sep 5, 2011

New Blogger Dashboard Fresh Look

I have ever posted about new Blogger dashboard redesigned. Now you can enjoy this Blogger makeover.
Blogger have passed many interface design. And the latest design, simple, shiny, clean look. New interface offers a streamlined blogging experience. You also can monitor and grow your audience at a glance. You'll be able view your blog stats including popular post, traffic sources, etc.


Login to your Blogger dashboard and find new interface option. Click on the link to activate it. Blogger will gradually let all bloggers choose to turn on the new UI, so your Blogger experience won’t be updated until you enable it. Over the next few days, keep an eye out for a pop-up announcement on your dashboard with instructions on how to get started, and check out this Blogger Help Center page to learn more about what’s changed.
 

Ipietoon - Blog Design and Online Business Blogging Since 2008