Sunday 13 January 2013

Dazzling Designer Blogger Template

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. 

This page is Maintained by , Last Updated on: 08:14

77 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. Syed Danial13 January 2013 at 09:14

    I don't want menu bar to float :/ any solution
    DasHinghub :p

    ReplyDelete
  3. Tan Nguyen13 January 2013 at 19:55

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

    ReplyDelete
  4. dindin amel13 January 2013 at 22:15

    mantab. . nice template

    ReplyDelete
  5. 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
  6. Dustin16 January 2013 at 02:42

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

    ReplyDelete
    Replies
    1. Designer Team16 January 2013 at 09:49

      To Remove Related posts do as Follows.

      Go To Blogger >> Template >> EDIT HTML >> Proceed
      Expand the Widgets.
      Search and Remove the Following Code

      <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <hr style='height:20pt; visibility:hidden;'/>
      <div id='related-posts'>
      <b:loop values='data:post.labels' var='label'>
      <b:if cond='data:label.isLast != &quot;true&quot;'>
      </b:if>
      <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
      <script type='text/javascript'>
      removeRelatedDuplicates_thumbs();
      printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
      </script>
      </div><div style='clear:both'/>
      <!-- remove --></b:if>
      <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
      </b:if></b:if>

      Save the Template, That's All

      Delete
  7. Jhon Chavez16 January 2013 at 09:42

    Thanks

    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. Sebin Thomas16 January 2013 at 11:08

    Thank you very much for your help.. But now i'm facing a new problem..I selected to display 10 posts on my home page.. But it's not displaying orderly..Please look at this screenshot- http://bit.ly/10zEl4P . How can i display posts as series..

    ReplyDelete
  10. 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
  11. 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
  12. Nitin Karwasra18 January 2013 at 01:37

    i am using the exact size (height-90,width-310) of logo image as use by you but still me logo appears small. @ bloggingviral.com

    ReplyDelete
    Replies
    1. 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.

      Delete
    2. Nitin Karwasra18 January 2013 at 04:27

      now how can i make it bigger?

      Delete
    3. 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.

      Delete
    4. 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.

      Delete
  13. akif khan20 January 2013 at 11:53

    Meri New Site ka Template Choose karlye meiny

    ReplyDelete
  14. 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
  15. Designer Team20 January 2013 at 22:11

    Well, That because of your content. In our Demo Site you can clearly see that there are 8 Posts on Homepage and it is working properly

    DEMO URL: http://dazzlingdesigner.blogspot.com/

    I Guess your old theme might conflicting the coding..

    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. Designer Team22 January 2013 at 23:08

      Try this out and let me know if this works.

      Blogger >> Template >> Edit HTML >> Proceed

      Search For the Following Code

      #main-wrapper{width:670px;

      Replace width:670px; with width:680px;

      Hope that Helps.

      Delete
    2. 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
    3. 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 07:25

    Hello DESIGNER TEAM..

    Thanks for This Awesome Template.. I was in need of a Template which will make my Site get Android Feel.. So Here it is.. The Customization is not yet Complete.. its still in Process.. Also Pedro you Seriously Rock.. it Helped me a Lot.. Seriously thanks.. Also Thanks DESIGNER TEAM for this Awesome Template.. All Credits on there Place.. :)

    Here's my Site.. > http://techdroidin.blogspot.in/
    Soon it will be Switched to .com .. as soon as its Customization is completed..
    Thanks Again..

    ReplyDelete
    Replies
    1. Aman Banka28 January 2013 at 08:38

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

      Delete
    2. 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..

      Delete
    3. 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.

      Delete
    4. 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..

      Delete
    5. 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.

      Delete
    6. Aman Banka5 February 2013 at 07:24

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

      Delete
    7. Aman Banka5 February 2013 at 07:31

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

      Delete
  19. Sebin Thomas29 January 2013 at 09:54

    I need one more help.. Can you please help me to remove Author name+ FILLED UNDER (Categories) from post page..

    ReplyDelete
  20. Mark Lin7 February 2013 at 10:24

    Sorry i need help in one of my blog i use an another language if you can please tell me how can i change the comments from left to right side.

    ReplyDelete
  21. Designer Team10 February 2013 at 09:58

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

    ReplyDelete
  22. ZPedia Pedia15 February 2013 at 01:52

    Nice template.
    Please help me. I use this template.
    Why my blog automatically lead to http://www.templateism.com, ..?
    The reader becomes distracted. I am sad (╥ ﹏ ╥) hikz hikz

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

      It only Redirects when you remove our Credits

      Delete
    2. ZPedia Pedia15 February 2013 at 14:13

      So what I'm doing all the credit is refundable

      Delete
    3. Designer Team15 February 2013 at 14:50

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

      Delete
    4. ZPedia Pedia15 February 2013 at 17:11

      How do I buy a license you ..?

      Delete
    5. Designer Team16 February 2013 at 00:33

      50$ for a Credit Free Theme

      Contact us Here: Contact.mybloggerlab.com

      Delete
  23. 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
  24. Jatin Kharb15 February 2013 at 23:37

    HI I M FACING A PROBLEM
    ACTUALLY THE BLACK STRIP FROM BOTTOM IS MOVE UP
    http://jkworldofblogging.blogspot.in/
    PLEASE SOLVE THIS PROBLEM
    ALSO HELP ME TO ADD NAVIGATION BROADCOME MENU

    ReplyDelete
    Replies
    1. Designer Team16 February 2013 at 00:34

      Your Blog is Malfunction

      And we don't support customization.

      Delete
  25. FoulsCode24 February 2013 at 16:55

    my blog http://foulscode.blogspot.gr/

    ReplyDelete
  26. 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
  27. arie murti chandra26 February 2013 at 05:32

    please immediately hear from you.

    ReplyDelete
  28. 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
  29. arie murti chandra1 March 2013 at 03:06

    This comment has been removed by the author.

    ReplyDelete
  30. 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
  31. 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
  32. Jason Post6 March 2013 at 09:42

    Nice template! Thnx!

    www.jasonpost.nl

    ReplyDelete
  33. 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
  34. 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
  35. DAKSH PANDEY10 March 2013 at 12:13

    This comment has been removed by the author.

    ReplyDelete
  36. Hari Charan13 March 2013 at 02:57

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

    ReplyDelete
  37. Shubham Ture20 March 2013 at 11:03

    This comment has been removed by the author.

    ReplyDelete
    Replies
    1. Designer Team21 March 2013 at 06:59

      Follow the Steps mentioned in the tutorial.

      Delete
  38. Shubham Ture24 March 2013 at 08:12

    Can We Add More Than One Drop Down Menu In This Template ? http://www.games4all.co.in

    ReplyDelete
  39. 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
  40. 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
  41. Syed Faizan Ali1 April 2013 at 12:35

    Provide the Blog URL

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

    #rsidebar-wrapper {display: none;}

    ReplyDelete
  43. Kauan Rocha27 April 2013 at 17:46

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

    ReplyDelete
  44. Pradip Patil30 April 2013 at 01:05

    hi thanks for the nice template. i really like this template and i want to use it for my blog. but i just want to show post title and thumbnail on homepage. i dont want to show post summary on home page. please help me. i tried to edit template and put summary_noimg = 0;
    summary_img = 0; but it still showing first word of the summery. please help me.

    ReplyDelete

Subscribe to: Post Comments (Atom)