HOT!Buy Ready-Made Authority WebsitesClick Here

Making Blogger Professional, Important Updates !!

Hello SoraBloggingTips Readers, If you are reading this, then we would like to appreciate your efforts for being supportive. We know its har...

How To Setup Top Magazine Blogger Template

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.

Video Documentation

You can check this below video to understand the setup process much more easily, just click the below image to watch the video directly on YouTube, or click this link - How To Setup Top Magazine Blogger Template

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/ Multi DropDown

Access your blog Layout > click Edit link on Main Menu widget.
Normal Link : Features
Sub Link: _Sub Link 1.0 (before the link add "_") 1 underscore
Sub Link 2: __Sub Link 1.1 (before the link add "__") 2 underscore

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.

Pagenavigation Results

Access your blog Theme > click Edit Html and then find the following coding.

 var POSTPERPAGE_NUM = 10; // number of posts per page
var LABEL_SEARCH_NUM = 10; // number of posts labels search

Change the value of  POSTPERPAGE_NUM = 10;  from 10 to any number you want (Archive).
Change the value of  LABEL_SEARCH_NUM = 10; from 10 to any number you want (Label).

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>

or you can follow this tutorial if above method won't work

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

Sidebar/Footer Widgets

Access your  Template File > Widgets Codes.
Open the text file in Notepad > Copy The entire code.
Paste it into the blank HTML/JAVASCRIPT Widget available in your sidebar.

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 SoraBloggingTips on February 16, 2017 Rating: 5

236 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. Min beli yang premium gimana ya?

    ReplyDelete
  5. 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
    4. wich is the correct?

      Delete
  6. 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
  7. 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
    5. Please download it again.

      Delete

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

    ReplyDelete
    Replies
    1. Friend! How to add STAY WITH US gedget?

      Delete
  9. 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
    3. I can confirm it's blank at 0KB

      Delete
    4. We have updated the file, download it again.

      Delete
    5. i just downloaded it today, the "Social Widget Code.txt" is still empty...

      Delete
  10. 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
  11. my ad is not showing, displaying blank

    ReplyDelete
  12. 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
  13. 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
  14. 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
  15. any idea why i can't change font http://www.laragle.com

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

    ReplyDelete
  17. 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
  18. 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
  19. 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
  20. 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
  21. i love this blogger template

    ReplyDelete
  22. how can i get your boutton code for my blog plz

    ReplyDelete
  23. can i get your boutton code plz

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

    sory,my englis week

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

    ReplyDelete
  26. 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
  27. 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
  28. 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
    2. where is that text, please?

      Delete
  29. 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
  30. 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
  31. 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
  32. 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
  33. do have any video regarding this
    any tutorial on how to do this .. cuz i m not expert in this need some help

    ReplyDelete
  34. 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
  35. 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
  36. 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
  37. Sory, my website is http://stiru.blogspot.ro

    ReplyDelete
  38. Thanks for sharing.

    I could not publish more then 2 photos.

    Regards,
    www.tzka.blogspot.com

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

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

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

    ReplyDelete
  42. stay with us not displaying

    techworld106.blogspot.com

    please help me fix.

    ReplyDelete
  43. heloo,

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

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

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

    ReplyDelete
  46. 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
  47. 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
  48. 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
  49. 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
  50. 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
  51. 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
  52. Can I change the colors of the yellow and orange? or no?

    ReplyDelete
  53. 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
  54. 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
  55. how to add back next bouton in the article plese help me and how to Split the article into 10 parts

    ReplyDelete
  56. hello , my featured post section is not working , i have done all thing which is mentioned above . my blogger feed is also full . i dont what to do next ,, please help me out of this trouble.
    blog adress-http://moviejinne.blogspot.in/

    ReplyDelete
    Replies
    1. everything is working absolutely fine, you just need to publish more into same labels.

      Delete
  57. Good Morning! I can not display Featured Post with the larger center image! Would you like to tell us how to display the STAY WITH US widget's links? Thank you.

    ReplyDelete
    Replies
    1. fo the featured post 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

      for Stay with us widget
      There is a text file with the template package copy its content and paste it into blank widget.

      Delete
    2. Hello good day! The file for Stay with us widget, came with no text inside. I made all the changes following the indicated tutorial, but the featured post is not yet showing according to the theme! Would you help me? Thank you.

      Delete
  58. Amazing Templte

    The only confusion is the Disqus name is not working, The Facebook is working but not the Disqus?

    Any suggestion plz

    Thanks

    ReplyDelete
    Replies
    1. Add disqus shortname correctly in proper way.

      Delete
  59. Please I need you to send me the download link again I can not download the premium again. LEs escribo al correo y no me responden.

    ReplyDelete
    Replies
    1. Use our contact page with purchase details.

      Delete
    2. Ya le he escrito como 100 veces en la web de contacto y nunca responden. ya llevo muchos dias y no me solucionan enviandome de nuevo el enlace.

      Delete
    3. As we said above contact us with your purchase details.

      Delete
  60. Please i have tried many times to put social media icon, but its doesn't work. this is my blog url: kingsleyiwusblog.com.ng

    ReplyDelete
    Replies
    1. if you see the tutorial closely and go through the icons list, you can see it only contains small letters like this "twitter" not capital letters like this "Twitter"

      Delete
  61. How can I remove the three ads between the first four posts?

    ReplyDelete
    Replies
    1. disable inline ads option from Layout >> Blog >> Edit

      Delete
  62. Hi, I'm Brazilian, so I'm sorry for any typos. I loved this template. Congratulations! I have a question ... Does the gadget with the name "Auto News" work? I want a gadget in scrooling format type Breaking News and I saw this Auto News. Can you use it?

    Thank you in advance!

    ReplyDelete
    Replies
    1. it doesn't support this feature, we have other templates in our directory, which has the breaking news widget.

      Delete
  63. I don't see an Add a Gadget option on the Featured Posts Section

    ReplyDelete
  64. hey my Layout box & Random post doesn't Work , the < span id=”box” data-label=”Sports” >< /span > for example doesn't working the < span id=”randomposts” >< /span > neither

    ReplyDelete
    Replies
    1. for the featured post 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
  65. I got an error on "featured" post, the 3 images wont show normaly when im using "label" option

    there is a blank on the right side

    but when im using randon and recent the 3 image show correctly

    this is the images of feature post error
    https://ibb.co/nfT7L5

    My Website : http://www.juangig.tk
    I already send a message on Premium Support Page

    ReplyDelete
    Replies
    1. Just use a label which has more than 3 posts.

      Delete
  66. Please how do I increase the related post number from 3 to something 12. And also, how do I increase the featured post from 3 to 4 on UK Viral World News.

    ReplyDelete
    Replies
    1. We have set the numbers of post to limited because of better screen responsiveness, if you will change the value of the widgets then it will affect template's responsive capability.

      Delete
    2. Thank for the update but please just tell me how to increase the related post number from 3 to something 12. And also, how I will increase the featured post from 3 to 4 on UK Viral World News

      Delete
    3. If you are a free version user than you can't do it and if you are using premium version than contact us through our contact page.

      Delete
  67. I already figured out how to make it work by reading a comment from above

    (Set your blog feed to full)

    Thank you

    ReplyDelete
  68. I want a gadget in scrooling format type Breaking News and I saw this Auto News. Can you use it?


    เย็ดสาว

    ReplyDelete
  69. How to add whatsapp button to this template?

    ReplyDelete
    Replies
    1. We have Published a tutorial.
      http://www.sorabloggingtips.com/2017/07/how-to-add-social-sharing-widget-with-whatsapp-sharing-button-in-blogger.html

      Delete
  70. Your template is absolutely beautiful and must thank you for creating such a lovely template.

    I have used this for my blog http://www.atulgaurblog.com/.

    I request you to help me out with setting up a custom 404 page as I am unable to do so and there is no tutorial on this subject.

    The present 404 page redirects to your home page

    Thanks
    Atul Gaur

    ReplyDelete
  71. I have a problem, why main menu can not show, but it's shown at mobile version. My blog is terbitinkarya.blogspot.co.id.

    Thanks before.

    ReplyDelete
  72. Hi, I tried everything in the documentation. the featured post appears, but the middle picture is no widen. Take a look please: https://theidlemonkey.blogspot.com/

    ReplyDelete
    Replies
    1. Could you please elaborate on your issue so that we can assist you better on this?

      Delete
  73. Hi, forget the previous comment I did. Now, I just want to know how to make the comments from the Facebook plugin appear directly on my Facebook page. I remember other sites when they share their blog posts in their FB page, the comments on the FB plugin appear on the said post. Help please. I'm plannign to buy the premium too.

    ReplyDelete
    Replies
    1. You have to create a facebook aplication and have to change the default id with your new one in this template.

      Delete
  74. How do we add third-party comment systems like AddThis? Thank you

    ReplyDelete
    Replies
    1. At present we don't have tutorial about this, stay tuned.

      Delete
  75. Hey, thanks for this awesome theme! It works fine on desktop. But, the images inside a post seems stretched vertical in mobile screen. Can you help me out with this?

    ReplyDelete
  76. When having large posts with pictures, they disappear from the main page recent posts. Seems like a bug. I opened up several new blogs with this template to test it and always the same. Do you have an idea how its able to solve it?

    ReplyDelete
    Replies
    1. Remember one thing you have to kepp the post count same in your blog settings and pagination widget.

      There is a limit of 1mb from blogger side, only 1mb of images or text you can show in home page and you are exceeding that limit and that is the reason rest of the post is going on next page, there is not any solution, but you can try page break after 1st paragraph in every posy, may be this will help

      Delete
  77. Could you help me please, how to make navbar sticky? thanks

    ReplyDelete
    Replies
    1. Thank you, i will waiting. Ones again, how to change date format to my country (dd/mm/yyyy)? i was do it via setting in blogger dasboard but it won't change...
      1. at homepage, the recent post date changed but in future and box/mag not change
      2. the recent post at homepage not follow the mont name if i change in var MONTH_FORMAT...

      thank you

      Delete
    2. Only recent posts date will be changed via dashboard for rest of the things you have to buy our blog customization service.

      Delete
  78. Hello. There is a problem with pictures inside a post, when viewing the post on a smartphone. Then a 16:9 picture is displayed as 1x1 format. How can i fix this?

    ReplyDelete
    Replies
    1. I use photos from google photos. In blogger post It allows me to use small, large or x-large size and it automatically sets the size image then, i didnt change it. But in the display of a smartphone it is cramped into a 1:1 format. But when rotating the smartphone verticaly, the image is shown normally. Any idea how to fix this?

      Delete
    2. Are you talking about homepage or postpage ?

      Delete
    3. It is inside a post, so yes, postpage.

      Delete
    4. As we said use Orginal Size from the image settings, it will scale down the images in small devices.

      Delete
    5. Thats not an applicable solution. When i use oroginal size from image settings, it will show set the photo in UHD resolution inside the post and thats way too large.

      Again, the problem is only when watching the post on a smartphone. To explain it more easier. Imagine a photo in 160x90 pixels. On the smartphone (vertically) the whole photo is pressed into 90x90pixels. I hope you can provide some hint on how i can adjust the html code ?

      Delete
    6. The larger the image is the more it looks good.

      Delete
  79. I can't get any of this to work, my site is www.allaboutkids.org.uk

    ReplyDelete
  80. Hi,

    None of the items that are in box layout & box layout 2 are showing. Any ideas? Site is www.allaboutkids.org.uk.

    Thanks

    ReplyDelete
    Replies
    1. I have followed all the steps in the tutorial and they are still not showing.

      Delete
    2. You are using the shortcode like this.
      <div id="mag" data-label=""></div>

      Which is wrong.

      Delete
  81. Is there a way to make the "back to top" button sticky? Thanks

    ReplyDelete
  82. I have installed this theme on my site http://www.atulgaurblog.com/ I do not see breadcrumb navigation on pages and posts
    Please suggest how to implement breadcrumb navigation on my site

    ReplyDelete

Note : -We have stopped giving support to free version users, please read this article Making Blogger Professional, Important Updates !!. If You Are Facing Any Problem While Setting Up The Free Theme, Then We Recommend You To Read Our FAQ(Frequently Asked Question) Page.