ADD ANYTHING HERE OR JUST REMOVE IT...

Sunday 13 January 2013

Dazzling Designer Blogger Template

Posted by on 08:14
Dazzling Designer Blogger Template
Template Name: Dazzling Blogger Template
Platform: Blogger / Blogspot
Release date : 13, January 2013
Author : www.templateism.com
License : Creative Commons Attribution 3.0

Download Preview


Dazzling Designer is a Premium Responsive Theme especially created for Designing Niche web blogs and websites. However, it also suites perfectly on Technology, News updates, Business, Gadgets and Top 10s (List based) websites. It has a Sticky Floating Header, Navigation Menu and a capsule search bar. It utilizes CSS, CSS3, HTML, XML and jQuery. The design of this Blogger Template is extremely efficient and also has plenty of customization options. The Dazzling Designer Blogger Template is compatible with all browsers and has crystal clean code/documentation.

Features of Dazzling Designer Blogger Template:

  1. Floating Sticky Header: It has a Sticky Scrolling Header that automatically scrolls at the top of your screen whenever a person scrolls up or down the page. Another significant thing about our header is that it automatically resizes your Image Logo accurately to fits the dimensions of the Header. 

  2. Floating Sticky Drop Down Menu: The Scrolling Sticky drop down menu is positioned just beside the header so visitors can effortlessly navigate all the way through the website without scrolling back to the top of the page. 

  3. Capsule Sticky Search Bar: The search bar of this theme is outstanding because it works on Hover techniques. Let us learn how it works. It displays a Small rounded image, now whenever a user would click on that image it would display the entire Capsule bar. Does that sound interesting? Indeed. 

  4. 2 Column Post Display on Home/Static Pages: Unlike, other Blogger Template, this theme has 2 column post displays on static and home page. It means two different articles would display in 2 columns one after another. If anyone is confused then, he can view the DEMO to remove his confusion. 

  5. CSS3 Custom Labels: It also has Customized Labels. Whenever, users would place their mouse over Labels it would display a miraculous hover effect. However, anyone can customize it according to their needs.

  6. Thumbnail Related Posts: In this theme, we have added a Thumbnail Related post widget which would work on automation. The Thumbnails are of normal size so it could easily be seen by the readers.

  7. Ads Ready: We have added some HIGH CPC Advertising spots in this blogger template so everyone can easily improve their online income. Some featured advertisement spots includes, One ad Below the Header and One ad Above the Footer.
More Features: SEO Friendly, WordPress Look, Web 2.0, Magazine Style, Static Home page, Fixed Width, Light Blue and White color Scheme, threaded commenting system, 4 columns footer and much more.

How To Customizing Drop Down Menu?

Go To Blogger.com >> Template >> Edit HTML >> Proceed. Now search for the following coding in the template. After finding it Replace # with your URLs and Save the template.

<div class='block block-system' id='block-system-main-menu'>
<h3 class='title'>Main menu</h3>
<div class='content'>
<ul class='menu'>
<li><a href='#' title=''>Homepage</a></li>
<li class='expanded'>
<a href='#'>Inspiration</a>
<ul class='menu'>
<li class='leaf'><a href='#'>Illustration</a></li>
<li class='leaf'><a href='#'>Logos</a></li>
<li class='leaf'><a href='#'>Photography</a></li>
<li class='leaf'><a href='#'>Typography</a></li>
<li class='leaf'><a href='#'>Daily Inspiration</a></li>
<li class='leaf'><a href='#'>Sites of the Week</a></li>
<li class='leaf'><a href='#'>Rawz</a></li>
</ul></li>
<li><a href='#'>Wallpapers</a></li>
<li><a href='#'>Interviews</a></li>
</ul>
</div>
</div>

How to Add Advertisements Below Header/Above Footer?

We have created two Gadgets areas in the Layout are of the Template. So whenever anyone want to ad Ads Above the Footer or Below the header then he can Do As follows.
  1. Go To Blogger >> Layout.
  2. Select Add a Gadget (Below Header/Above Footer).
  3. Select HTML/JavaScript >> Paste the Ad code.
  4. Save the Template. Done! 

How to Add Widget or Ads Above/Below Posts:

Go To Blogger.com >> Template >> Edit HTML >> Proceed and Search for the Following coding.

To Show Below Post Title:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!--Google Adsense Ad Code (Below Post Title)-->
</b:if>
To Show at The End of Posts: 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!--Google Adsense Ad Code (At the End of Posts)-->
</b:if>
Replace:
<!--Google Adsense Ad Code (Below Post Title)--> To Show widget Below Post Title.
<!--Google Adsense Ad Code (At the End of Posts)--> To display Widget at the end of posts.

From The Designer's Desk:

This theme is extremely handy for Graphics, Technology, Multimedia and Gadgets niche websites. Our Designers are quite sure that no one would have seen such sort of Template before on Blogger Platform. However, it is just beginning some truly marvel themes are scheduled for the coming weeks. Don't forget to leave your comments and suggestions below. 

The Designer Team of Templateism consists of a group of Professional Designers and Web Developers, led by .

63 comments:

  1. Raja Asad13 January 2013 at 09:00

    one of my the Best Blogger template Now :)Awesome Faizan bhai,,, Best of Luck!!

    ReplyDelete
  2. Tan Nguyen13 January 2013 at 19:55

    Thanks a lot. I love this template. Please keep making template for blogger :D

    ReplyDelete
  3. dindin amel13 January 2013 at 22:15

    mantab. . nice template

    ReplyDelete
  4. Dustin16 January 2013 at 01:57

    Thanks! it looks like a wordpress theme! this is the exact template I was looking for to re design my blog... many thanks!

    ReplyDelete
  5. Dustin16 January 2013 at 02:42

    Btw... How can I remove related post? Because I am already using Nrelate.

    ReplyDelete
  6. Jhon Chavez16 January 2013 at 09:42

    Thanks

    ReplyDelete
  7. Designer Team16 January 2013 at 09:45

    We have Also Included a Template in the Package which is with Non Floating Header. Download it Again. Hope that solves your Question. Peace

    http://templateism.com/blogger-templates/Dazzling-Designer-Blogger-Template.zip

    ReplyDelete
  8. Designer Team16 January 2013 at 09:48

    We have gone through your All Page and still we are unable to find any kind of Read More Link. However, to Remove Readmore do as follows.

    Go to Blogger.com >> Template >> Edit HTML >> Procced >> Search for the Following Skin TAG

    ]]></b:skin>

    Once you Find the Skin TAG, just above it Paste the Following CSS Coding. It would hide the Read more button.

    .jump-link { display:none;}

    Hope that Helps .Peace

    ReplyDelete
  9. Designer Team16 January 2013 at 12:03

    Thats Wired Error. I guess its due to your content. Try to show 8 or 6 Posts on Home. That might Resolve the issue.

    ReplyDelete
  10. Dustin16 January 2013 at 16:44

    I have one problem, whenever I put adsense below post title something happens... the post title "title" went missing, if I remove the adsense it appears again.

    ReplyDelete
    Replies
    1. Designer Team16 January 2013 at 22:48

      Since, Post Title is in Absolute position. This could be the reason why it gets hide under the header whenever you place the ads below post title.

      Because, we already have a featured Ad spot below header. This is the reason why we didn't included the below post title advertisement functionality.

      We have also seen that you are using Social Share buttons below post title. Try to replace them with the Ads. It might work.

      Delete
    2. Antonio Cleber Zequetto26 January 2013 at 20:40

      I resolved this problem putting code by Layout in add new script. So the title don't hide

      Delete
  11. Designer Team18 January 2013 at 01:41

    The Theme automatically Re-sizes the Header. Our Logo is Appear bigger then yours because we have used just one word i.e. Dazzling. While yours consists of two words and has more characters.

    ReplyDelete
  12. Nitin Karwasra18 January 2013 at 04:27

    now how can i make it bigger?

    ReplyDelete
  13. Nitin Karwasra18 January 2013 at 04:34

    It is just the image of same size as your then why the script is resizing my logo.

    ReplyDelete
  14. Designer Team18 January 2013 at 08:35

    In the Template Search for the Following CSS

    #logo img{width:160px;margin-top:20px;}

    And According to your needs Increase the Width and Add your Custom Height.

    ReplyDelete
  15. Sebin Thomas20 January 2013 at 20:59

    Up to 6 posts in home page, there is no problem at all, but when I select more than 6 posts it shows the same error again. any solution...??

    ReplyDelete
  16. Pedro22 January 2013 at 13:57

    Hello, thank you for this beautiful template.

    I'm experiencing the same error as Sebin Thomas, there is a break in the displaying of posts on the homepage, I've noticed that the break happens in different points depending on the screen resolution, at 1280x1024 the break is on the second row, at 1366x768 the break is on the forth row.

    If you could give another look at this issue we would appreciate.

    Check dacozinhaamesa.blogspot.com

    Thanks.

    ReplyDelete
    Replies
    1. Pedro23 January 2013 at 11:09

      Thank you for your answer.

      Here's what I did:

      At ".posthomer" I add "height:350px" , this makes the height of the posts on the homepage fixed and stops the breaks, it's not very elegant but it works, people doing this might want to play with that value depending on the size of the post titles they usually have, the longer the titles the bigger the number they have to use.

      Thanks again for this template.

      Delete
    2. Sebin Thomas24 January 2013 at 04:27

      Thank you very much..It's worked.. Thanks again..You are really genius.. :)

      Delete
  17. Antonio Cleber Zequetto26 January 2013 at 20:34

    helo! I want to find where i can put code for title post in center. show mys site www.zequetto.com . thank you!

    ReplyDelete
    Replies
    1. Designer Team26 January 2013 at 23:06

      We Checked your site and the Post Titles are already in Center. I Guess you resolved the issue.

      Delete
  18. Aman Banka28 January 2013 at 08:38

    Also, can you say me how to change the font Color of Search Box ??

    ReplyDelete
  19. Aman Banka29 January 2013 at 05:17

    Hello Designer Team..

    One more help, How to add Sub-Menu Inside a Sub-Menu ??
    Please Help me..

    ReplyDelete
  20. Designer Team30 January 2013 at 00:42

    To Change the Text Font Color Of the Search Box In the Template Search For

    #block-search-form .form-text {

    And In This Class Add your Desired Font Color Like #fff;

    As Per your Second Question. Well This Menu doesn't support Multiple Drop Downs.

    ReplyDelete
  21. Aman Banka5 February 2013 at 05:14

    Hello Designer Team,

    Back Again, I Have one Query.. Can I change the BG Color of DropDown Menu ..
    Need Help..

    Thanks for Previous Help..

    ReplyDelete
  22. Designer Team5 February 2013 at 05:21

    To Change the Background Color of Drop Down Menu Search for this CSS coding in your Theme.

    ul.menu ul.menu {
    position: absolute;
    background: rgba(255,255,255,.9);
    left: 0;
    top: 30px;
    width: 180px;
    display: none;
    box-shadow: 0px 1px 3px rgba(0,0,0,.2);
    border-radius: 3px;
    -moz-border-radius: 3px;
    }

    Replace the background: rgba(255,255,255,.9); According to your needs.

    ReplyDelete
  23. Aman Banka5 February 2013 at 07:24

    Sorry but it Didn't worked.. Can you help me out ?

    ReplyDelete
  24. Aman Banka5 February 2013 at 07:31

    What I did is... I added "background:#262626;" in "ul.menu li" & it worked..

    ReplyDelete
  25. Designer Team10 February 2013 at 09:58

    At ".posthomer" add "height:350px" and it will stop the breaking.

    ReplyDelete
  26. Ahmad Ridwan10 February 2013 at 20:15

    nice template.

    Regrads,
    http://impoint.blogspot.com

    ReplyDelete
  27. Aman Banka15 February 2013 at 05:18

    If any of them Use IE .. the Site Redirects to your Site..
    On IE the site doesn't open & directly redirects to your site..

    Need Help on this problem..

    ReplyDelete
    Replies
    1. Designer Team15 February 2013 at 10:51

      We checked your site and its working Fine. IE don't redirect us to anywhere. Cheer cookies. Which IE version you are using?

      Delete
    2. Sushil Banka16 February 2013 at 05:20

      IE6 I think..
      Actually when I tried to View my site from my College PC .. then I used IE6 .. & it redirected my Site to Yours..

      Delete
  28. Designer Team15 February 2013 at 10:51

    It only Redirects when you remove our Credits

    ReplyDelete
  29. ZPedia Pedia15 February 2013 at 14:13

    So what I'm doing all the credit is refundable

    ReplyDelete
  30. Designer Team15 February 2013 at 14:50

    If you want a Credit Free Theme then you have to purchase a License from us.

    ReplyDelete
  31. ZPedia Pedia15 February 2013 at 17:11

    How do I buy a license you ..?

    ReplyDelete
  32. Designer Team16 February 2013 at 00:33

    50$ for a Credit Free Theme

    Contact us Here: Contact.mybloggerlab.com

    ReplyDelete
  33. Designer Team16 February 2013 at 00:34

    Your Blog is Malfunction

    And we don't support customization.

    ReplyDelete
  34. arie murti chandra26 February 2013 at 05:31

    I may order one template as dazzling but with a few modifications to make it look different from the others? at what price?

    ReplyDelete
    Replies
    1. Designer Team26 February 2013 at 06:36

      We usually Charge in Between 50 to 150 Dollars.

      Depends upon the Customization that you need.

      Send us full details at support@mybloggerlab.com

      Delete
  35. arie murti chandra26 February 2013 at 05:32

    please immediately hear from you.

    ReplyDelete
  36. arie murti chandra27 February 2013 at 18:05

    I actually love this dazzling templates. but I want to change some of the color of the template to make it look different. Because I was confused whether I create a new template or use it just to change the color if it is allowed ?

    ReplyDelete
    Replies
    1. Designer Team28 February 2013 at 02:33

      You can Change its color, After buying a License from Us

      Delete
  37. arie murti chandra1 March 2013 at 03:06

    This comment has been removed by the author.

    ReplyDelete
  38. arie murti chandra1 March 2013 at 03:08

    to the design team how to hide the title and description on the blog header dazzling? because I want to replace with a logo that I created. Thank you.

    ReplyDelete
  39. Hari charan3 March 2013 at 04:50

    bro this template is awesome but canu provide your template plz..it looks great!! the header background and many more things plz...

    ReplyDelete
  40. Jason Post6 March 2013 at 09:42

    Nice template! Thnx!

    www.jasonpost.nl

    ReplyDelete
  41. Jason Post8 March 2013 at 15:19

    I have a question: how can I add share buttons in my blog? It doesn't work.

    ReplyDelete
  42. Hari Charan10 March 2013 at 05:52

    i want to customize the width of the black thin at the top and bottom how can i do it please reply..?

    ReplyDelete
  43. Zain Awan10 March 2013 at 11:52

    Very Awesome one Jnaab Fantastic Job..

    http://onlinesoftweb.blogspot.com/

    ReplyDelete
  44. Hari Charan13 March 2013 at 02:57

    iam not able to add socialize widget like urs in this help me please!

    ReplyDelete
  45. Designer Team21 March 2013 at 06:59

    Follow the Steps mentioned in the tutorial.

    ReplyDelete
  46. Shubham Ture24 March 2013 at 08:34

    And How Do I Replace The Black Strip on Header ? / Add SOme Text To It ? Thanks

    ReplyDelete
    Replies
    1. Designer Team24 March 2013 at 09:37

      Use the Gadget Area under the Header to add anything on that Strip.

      Delete
  47. Designer Team24 March 2013 at 09:36

    Yes you can add more than 1 Drop Down menu.

    ReplyDelete
  48. Shubham Ture24 March 2013 at 09:52

    @designer Team . How Do i Add More Drop Down Menu's . Please Guide Me Through The Process , Since i AM Little Noob In This Things . And What Are The Dimensions For An Replacing The Black Stripe With Image ? Thanks In Advance .

    ReplyDelete
  49. Syed Faizan Ali11 April 2013 at 10:38

    #rsidebar-wrapper {display: none;}

    ReplyDelete
  50. Kauan Rocha27 April 2013 at 17:46

    How do I leave with 1 post on Home/Static Pages ?

    ReplyDelete
  51. Admin17 May 2016 at 08:06

    online store - buy online - best online shopping - online shopping site - shopping online sites - online shopping stores - online phones stores - online computer store - online camera store - online tablet stores - i blogs at w3howto.com

    ReplyDelete

Subscribe to: Post Comments (Atom)

Renovate Your Blogger Blog with Awesomness