How To Setup Top Magazine Blogger Template


Top Magazine is a robust blogger template with top notch clean design, It has many powerful features and widget to match the criteria of any niche blog related to magazine, news, personal and business. Top magazine is equipped with various of widgets which will help you to publish your blog more professionally. To make it easy for you we have published this detailed documentation, so that you can setup your blog correctly. You have made a good decision by choosing our template. You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users.

Basic Setup

  1. Template Installation
  2. Logo Setup
  3. Template Setting
  4. Shortcodes & Markups
  5. Create Sitemap


Top Navigation

Access your blog Layout > click Edit link on Top Navigation widget.


Social Top

Access your blog Layout > click Edit link on Social Top widget.

Icons Available { facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vine, stack-overflow, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, delicious, codepen }

 

Main Menu/DropDown

Access your blog Layout > click Edit link on Main Menu widget.

Normal Link : Features
Sub Link: _Simple Page

 

 

Featured Posts

Access your blog Layout > click Add a Gadget > HTML/JavaScript on Featured Posts Section, and then add one of the following

Random Posts: <div id="random"></div>
Recent Posts: <div id="recent"></div>
Label / Tag Ex: <div id="label" data-label="Sports"></div>


Magazine Boxs Layout

Access your blog Layout > click Add a Gadget > HTML/JavaScript on Box Layout / Box Layout 2 Section, and add the type of the desired box

Types : { mag, sbox }

NOTE: No gadget inserted in the sections must be empty, that can interfere with the proper functioning of widgets.
  
iBox:  <div id="mag" data-label="Fashion"></div>



sBox: <div id="box" data-label="Business"></div>



Example:



Widgets

Access your blog Layout > click Add a Gadget > HTML/JavaScript on Sidebar or Footer section, you must place the following codes highlighted in blue below.

Recent Posts: <div id="recentposts"></div>


Random Posts: <div id="randomposts"></div> 


Post by Tag/Label: <div id="labelpost" data-label="Sports"></div>


Recent Comments: <div id="recentcomments"></div>


After add, click save.

Facebook Page Plugin:

<center><div class="fb-page" data-href="https://www.facebook.com/soratemplates/" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div></center>


Comments System

Access your blog Layout > click Edit link on Comments System widget.
Add one of the following provisions

blogger for blogger comments
facebook for facebook comments
disqus for disqus comments


Disqus Shortname

Access your blog Layout > click Edit link on Disqus Shortname widget.
  • What you have to do is just add the shortname

Theme Options

  1. Full Width CSS:
  2. Add 100% to full width, to return the boxed version just add 1133px or "</a>"

  3. Related Posts Display:
  4. To hide the related posts add none, to redisplay add block

  5. Item Post Navigation Display:
  6. To hide the post navigation add none, to redisplay add block

Background, Fonts & Colors

Access your blog Template > click Customize.

Background 


Colors & Fonts

Installation And Custom Services

We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.

How To Setup Top Magazine Blogger Template How To Setup Top Magazine Blogger Template Reviewed by Sora Blogging Tips on 09:30 Rating: 5

131 comments:

  1. Replies
    1. this theme donot show image in operamini.. why?

      Delete
    2. Its working fine here, please update the browser.

      Delete
  2. how to put an ad between the box layout and the featured post ?

    ReplyDelete
    Replies
    1. you have to install it manually from the html.

      Delete
  3. How to Enable Paging in Home "Post Recents"

    ReplyDelete
  4. why my featured and box layout no function? this is my url..

    http://www.ceritaejoy.com/

    ReplyDelete
    Replies
    1. Set your blog feed to full, blog visibility to public and always add at least one label to your posts.

      Delete
    2. What exactly do you mean by "label" ? I have same problem. I just put the commands as written :

      Random Posts: div id="random" /div
      Recent Posts: div id="recent" /div

      but this function doesnt work ... my url http://aaafishing.blogspot.cz/... those 3 pictures in row just bellow yellow menu are not created.

      Delete
    3. You are using wrong command please add it correctly.

      Delete
  5. Replies
    1. Check above we have mentioned it in the documentation.

      Delete
    2. Why magazine box's layout not function in my website.url is www.krsdiaries.com

      Delete
    3. Set your blog feed to full, blog visibility to public and always add at least one label to your posts.

      Delete
  6. hi, how to create the icons of "STAY WITH US"
    thanks

    ReplyDelete
    Replies
    1. We have provided the HTML file with the template package, copy paste everything from it to you sidebar HTML/Javascript widget.

      Delete
    2. I'm sorry
      can you explain more > about "STAY WITH US"
      and thank you

      Delete
    3. can you paste it here please?

      Delete
    4. It contains nothing in it :-(

      Delete

  7. I loved! - http://www.futebolhoje.com/

    ReplyDelete
  8. Middle Post image in featured section not displaying right width. How to activate social channels right below STAY WITH US. http://503cultura.blogspot.com/ Tanks for your help.

    ReplyDelete
    Replies
    1. There is a text file with the template package copy its content and paste it into blank widget.

      Delete
    2. your text file for is empty, can you send it here?

      Delete
  9. hi I found out the issue of select menu on smartphone, The issue is that when I open the menu to choose an category (ex: news) I scroll to that category then I decide not to choose this one, then it still load the news category. can you please fix this?

    ReplyDelete
  10. my ad is not showing, displaying blank

    ReplyDelete
  11. sidebar social widget? the code?

    ReplyDelete
    Replies
    1. There is a text file with the template package copy its content and paste it into blank widget.

      Delete
  12. this templates ain't working fix it please Error message "Error parsing XML, line 1, column 8: The processing instruction target matching "[xX][mM][lL]" is not allowed."

    ReplyDelete
    Replies
    1. Its working for everyone, please upload the template manually.

      Delete
  13. Hello, Featured posts don't show and I have de blog in public, always add one label and the feed is full.
    Any idea?

    ReplyDelete
  14. any idea why i can't change font http://www.laragle.com

    ReplyDelete
  15. Can i use blogger,facebook and disque comments together??

    ReplyDelete
  16. How to limit Pagination or showpagenum like 1 to 5 instead 1 to last page number

    ReplyDelete
    Replies
    1. Search for this code in your template xml.

      var POSTPERPAGE_NUM = 10; // number of posts per page

      change the value to 15

      Delete
  17. How can I add the header ads in http://www.sociedadepolicial.com.br/?
    Thanks

    ReplyDelete
    Replies
    1. Copy your ad codes and paste it into the widget.

      Delete
  18. How to add follow us option in top magazine theme?
    You didnt mentioned it??

    ReplyDelete
    Replies
    1. There is a text file with the template package copy its content and paste it into blank widget.

      Delete
  19. halo sir, terima kasih sudah berbagi template yang very nice ini. saya ingin bertanya, bagaimana cara memasang iklan di tengah artikel?

    ReplyDelete
    Replies
    1. how to add ads inn the center of article? Aigooo sir, you can use google translate to know what i talking about.

      Delete
  20. how can i get your boutton code for my blog plz

    ReplyDelete
  21. can i get your boutton code plz

    ReplyDelete
  22. How to make my central featured look wide.
    to see the problem. look my blog please.

    sory,my englis week

    ReplyDelete
  23. https://infomasyarakatnews.blogspot.co.id

    ReplyDelete
  24. How can I find the html's code for "Stay With Us"?

    ReplyDelete
    Replies
    1. There is a text file with the template package copy its content and paste it into blank widget.

      Delete
  25. How to change mobile view > as shown in sample. i have already set it to custom but i am not able to see changes any more visit http://times-videos.blogspot.in/

    one more thing that i want to ask about is how to write text on image for example :Best Snack Ever: Mini Mac and Cheese Cupcakes written on girl image in sample

    ReplyDelete
  26. how to get share icons as in your demo "stay with us" at sidebar, please.

    ReplyDelete
    Replies
    1. There is a text file with the template package copy its content and paste it into blank widget.

      Delete
  27. is there any possibility to download the live page. I cant make the same boxes like on the Live-Demo page. Codes from the documentation did not work

    ReplyDelete
    Replies
    1. Which Boxes are you Talking about.Please Explain !!

      Delete
  28. what is the different between free version and full version?

    ReplyDelete
    Replies
    1. Free version contain our credit link which you can't remove, also it has encrypted codes which you can't edit.

      You are free to do anything with the premium version and will get premium support.

      Delete
  29. Hi there,

    I lost the page navigation. My recent post is displaying 4 posts only like the live demo, but it only shows page 1, it doesn't show any button like page 2 or next arrow.

    ReplyDelete
    Replies
    1. help me too
      http://www.ysxvzl.net/

      Delete
    2. there might be some error with your post html.

      Delete
  30. My middle image of featured post does not display right using label code.

    http://www.galeradoghetto.com.br/


    What is wrong?

    ReplyDelete
    Replies
    1. I can see you sorted out the problem. I'm fighting with it, but my central image in this test blog, does not display in landscape, so it doesn't fill the whole with. It's driving me bananas! What am I doing wrong?

      Delete
  31. do have any video regarding this
    any tutorial on how to do this .. cuz i m not expert in this need some help

    ReplyDelete
  32. If i buy premium version template do you give more complete manual ?

    ReplyDelete
    Replies
    1. Free version contain our credit link which you can't remove, also it has encrypted codes which you can't edit.

      You are free to do anything with the premium version and will get premium support.

      Delete
  33. hi this is my blog i buy your tamplates but do i suposse to put featured label , my blog doesn't look like the tamplate show it. lagosseactu.blogspot.com

    ReplyDelete
    Replies
    1. There is a tutorial about it in our blog here is the link.
      http://www.sorabloggingtips.com/2017/03/fix-recent-random-label-post-widget-in-blogger.html

      Delete
  34. Hello. i have same problem with middle image of featured post. Image does not display right using label code. Where is the problem? Thx.

    ReplyDelete
    Replies
    1. There is a tutorial about it in our blog here is the link.
      http://www.sorabloggingtips.com/2017/03/fix-recent-random-label-post-widget-in-blogger.html

      Delete
  35. Sory, my website is http://stiru.blogspot.ro

    ReplyDelete
  36. Thanks for sharing.

    I could not publish more then 2 photos.

    Regards,
    www.tzka.blogspot.com

    ReplyDelete
  37. The archive with the social gadget came in blank. :(

    ReplyDelete
  38. how to moderate fb comment for this template?

    ReplyDelete
  39. How to make Loop Slider for below/above the posts?

    ReplyDelete
    Replies
    1. This template doesn't supports slider.

      Delete
  40. stay with us not displaying

    techworld106.blogspot.com

    please help me fix.

    ReplyDelete
  41. heloo,

    how to add html/javascript gadget under blog post/main post?

    ReplyDelete
  42. por favor yo compre la full version y ese archivo me vino en blanco, no tiene codigo esta en blanco que hago?.

    ReplyDelete
  43. Please I need the code of the file 'Social Widget Code' I bought the premium version but that file came in blank.

    ReplyDelete
  44. Social Widget Code.txt comes with 0KB... can you help me? or its not available in free version?
    downloaded from http://www.soratemplates.com/2017/02/top-magazine-blogger-templates.html

    ReplyDelete
  45. Hi I really love this theme. I have no text in the social widget code text document, can you supply this code please. http://noneoftheabovedriving.blogspot.co.uk/ joew21@hotmail.com

    ReplyDelete
  46. Hi, I know there was supposed to be a text file with the code to set up the "Stay with us" icons, but I opned it and it was empty. How can I get it now?

    ReplyDelete
  47. Hello Sora, How to limit the number of post showed in specific label ??,

    ReplyDelete
    Replies
    1. you have to add max-result value to every label.

      Delete
  48. Hello, I have premium version

    The images in the mobile version are getting distorted, as you might be in the link(http://imgur.com/a/3oshH). I need a solution! What do I do?

    ReplyDelete
  49. can you check this site please. http://adventz-testblog123.blogspot.com/

    Why does the featured posts the mag boxes and the footer posts not working and when I am putting it on another test website it works.

    are you removing access to the scripts when others use the free download?

    ReplyDelete
    Replies
    1. There is a tutorial about it in our blog here is the link.
      http://www.sorabloggingtips.com/2017/03/fix-recent-random-label-post-widget-in-blogger.html

      Delete
  50. Can I change the colors of the yellow and orange? or no?

    ReplyDelete
  51. Hi there, you're doing a really great good job. All the instructions are quite easy to understand especially for someone not a virtuoso in coding yet. However, I have a little issue, The text file being referred to for the sidebar social media is empty in my package. Can you please post it here? Thanks

    ReplyDelete
  52. Middle Post image in featured section not displaying right width.
    www.idainik.com

    ReplyDelete
    Replies
    1. Check your blog settings and follow the basic instruction first.

      Delete
  53. how to add back next bouton in the article plese help me and how to Split the article into 10 parts

    ReplyDelete

Powered by Blogger.