HOT!Join Our Community For Exclusive Blogging IdeasClick Here

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.

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/ 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 Sora Blogging Tips on February 16, 2017 Rating: 5

178 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
    Replies
    1. Friend! How to add STAY WITH US gedget?

      Delete
  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
    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
  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
  54. 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
  55. 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
  56. 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
  57. 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
  58. 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
  59. How can I remove the three ads between the first four posts?

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

      Delete
  60. 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
  61. I don't see an Add a Gadget option on the Featured Posts Section

    ReplyDelete
  62. 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
  63. 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
  64. 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
  65. I already figured out how to make it work by reading a comment from above

    (Set your blog feed to full)

    Thank you

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


    เย็ดสาว

    ReplyDelete
  67. 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
  68. 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
  69. 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
  70. 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
  71. 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
  72. 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

Powered by Blogger.