ShotMag – Minimalist Blogger Template for Photoblog

ShotMag – Minimalist Blogger Template for Photoblog
View Demo Download Now

ShotMag is a refined and responsive Blogspot template for tourists, bloggers, filmmakers, photographers, and creative professionals. With this template, you will easy to create, add new and modify your online portfolio. It’s a clean and beautiful design for every screen size.

Features

  1. Responsive
  2. Big and Easy Slider
  3. Separate Home and Blog template
  4. SEO
  5. Styled Admin Layout
  6. Easy change color
  7. Easy upload logo and drop-down menu
  8. And more…

Setting on Demo

Header Widget

Upload your logo image and remember choose Instead of title and description

Main Menu

In demo, we have 3 pages: Home, About and Blog. The Blog is an address page that link to yourdomain.blogspot.com/search?q=

Submenu

Just add any Link List widget to submenu section (grey section in your layout). The Link List title must similar with a page in main menu. Below is the Link List widget setting for demo

Slider

Slider section is light-blue section in your layout, just add Image widgets to create your slider. I had already added 3 Image widgets for you, just modify or remove if you want.

Social Link List widget

ShotMag supported 5 social services: rss, twitter, google, facebook, twitter. Below is the Social Link List widget in demo blog.

Enable full feed

You must enable full feed to help template easy find image to show on home page in your blog Settings.

Enable mobile template

Access your blog Template, and config mobile template like below.

Template Tuts for Blogger / Blogspot Newbies

View Demo Download Now

YOU WILL ALSO LIKE:

COMMENTS

  • comment-avatar

    I need help setting up the submenu section. It just doesnt show as a dropdown menu 🙁

  • comment-avatar

    Just give me the blog URL, I will take a look.

  • comment-avatar

    hi i have a problem with installation with blogger can you help me?
    chasingemiko.blogspot.com

  • comment-avatar

    Yes, what can I help you?

  • comment-avatar

    I am having a hard time with this. I have been able to put the template in. However, I have been unable to find the "configure header, configure page list, and configure Link List. Where do I go to find these?? Thanks !!

  • comment-avatar

    You must access your blog dashboard and choose Layout menu. You will see Header, Page List, Link List widget there (with edit link on them). Click and edit them you will see Configure window.

    This is very basic thing that all Blogger users must know.

  • comment-avatar

    Thanks Tien!! I am brand new to blogging and so I am learning! I found the layout and was able to do everything except for one thing. How do I adjust the settings so that I have the 3 photos and text at the bottom of the page (underneath the large slider picture). I have everything else configured. The only thing I do not have is those 3 individual photos with text links that go under the large slider. Any help will be greatly appreciated! I am a fast learner, I promise!!! 🙂

  • comment-avatar

    Do your blog have any posts? Please share your blog URL, I will take a look.

  • comment-avatar

    Hi!! I am starting to get the hang of it. I just have one question. How do I relate my slide picture to a particular blog or section of a blog? Here is my link: http://caviarontuna.blogspot.com/ I am still working on it, and am not yet promoting it as it is not yet completed. However any and all suggestions will be greatly appreciated as this is my first real attempt at a personal blog!! Thanks!!

  • comment-avatar

    Each image widget has URL field, so you just need to input your target URL there and the template will add it into slider automatically.

  • comment-avatar
  • comment-avatar

    Thank you so much!! I just have one last question!! How do I add "pages" to my blog page?? For example, on the main menu I have Home, About, Blog Archives, Reviews, and Packing. However, when I click on them they are not connected to any "webpage". How do I add them??? Or do I have to have a "separate" external webpage to link to?

  • comment-avatar

    Did you create the static in dashboard (remember, this is very basic knowledge of Blogger)? If yes, please show me the link.

    After create a page, just input the link URL into URL field of each link in Link List widget (this is also very basic skill of Blogger too).

  • comment-avatar
    Thomas Herve 3 years

    Hi Tien. I'm trying to manage your classy template, however there is something I don't get : on your page we can see the main image and under it three little images/articles for HoChiMinh, Hue City, etc… I added the code to my blog on Blogger : i have the big slider ok, but under it, no place for the tree (or more) articles. What am I missing ?

  • comment-avatar

    Please share your blog URL, I will take a look.

  • comment-avatar
    Thomas Herve 3 years

    Thanks! Here it is : http://testxmlll.blogspot.com.es/. Not finished, obviously.

  • comment-avatar
  • comment-avatar

    hey! plz how do i download this template caus it seem pretty difficult for me to download. Thank you.

  • comment-avatar

    Hello! My archive isn't working? is there an option for a next page for old posts?

    See here – http://kelvclothing.blogspot.co.uk/

    Good layout though, thanks!

  • comment-avatar
  • comment-avatar

    hello! is it possible to remove the "Search" bar? Lovely template, everything is working great, thank you!

  • comment-avatar

    Just remove the search widget from layout.

  • comment-avatar

    I'm planning on use this template in my blog, which is a webcomic, or blog-comic for exact. Can I use this template to display all my image that I post in the slider, for example, hundred images that scroll through prev/next button, instead of three?! Also, can I disable click on slider image that bring visitor to the individual post, so they just can click prev/next button or navigation bullet?

  • comment-avatar

    This is not suitable for a comic blog (like 9GAG, right?). Slider support Image widget only.

  • comment-avatar

    thanks.. but somehow it only gives me the 'save' or 'cancel' buttons, not 'delete'

  • comment-avatar

    You can access Template Editor and remove it from code.

  • comment-avatar
  • comment-avatar

    Just add a menu to your post list with url: http://yourdomain.com/search/q=

  • comment-avatar

    Is there an easy way to adapt the code to be used on Tictail? See http://kelvclothing.tictail.com/

  • comment-avatar

    Tien, I think this template suits my purposes more. How do you get the posts to show up under the slider. I don't understand "Just add a menu to your post list with url: http://yourdomain.com/search/q="

  • comment-avatar

    Hello, it's me again.. I have used the template for this url tranquilitycampmanda.blogspot.com and since I really like your template and it is working greatly, I decided to buy the domain http://www.tranquillitycampmanda.com. But after I connected the domain, it gives me an error message, saying that the template was registered to the blogspot.com address and to get it again for the new address… Please, is there a way to fix this? I hope I do not have to re-create the website all over again?? Thank you very much for your help

  • comment-avatar

    You donot need to do any thing, three posts must show under your slider immediately after you installed the theme.

  • comment-avatar

    No need to recreate the whole website, just get template code again with your new domain and install it again.

    In case, if you want to keep your modification, just get template again with your new domain and copy data-url= in new template code to replace for old template code.

  • comment-avatar

    But they don't. Nothing there.

  • comment-avatar
  • comment-avatar

    Below the slider…

  • comment-avatar

    Any body please gives me error URL each time you want me take it a look. Thanks.

  • comment-avatar

    THANK YOU Tien!! All working great!

  • comment-avatar

    Thank u for the template Tien! I can´t wait to custom it and make it look as great as your demo. I want to ask u a few things:
    1. I can´t see the icons for the social link list how do I make them appear?
    2. I want to put some logos (as one single image) on the footer between social icons and credits is this possible?
    3. The bottom smaller images on the home page can only be latests posts or is there a way I can select wich posts to display there with their individual urls?

    Hope you can help me. Thanks again.

  • comment-avatar

    1. Just read the template tutorial above at "Social Link List widget"

    2. You can do any thing, just hire some body to help you, this is total personal customization, not related to theme.

    3. Only latest posts. Individual urls supported by Slider.

  • comment-avatar

    Hi!!! i really love this theme but i don't know how to download it. i can't see any link to do that!! Can somebody gel me?

  • comment-avatar

    You must see the "Get template code" button.

  • comment-avatar
  • comment-avatar
  • comment-avatar

    Please input your blog URL when get template code. That's why I highlight the blog URL field with orange color.

  • comment-avatar

    love it very much, but can you help me to add older post and newer post link, so we can browse though portofolios easily. thanks!!

  • comment-avatar

    The issue with the posts not showing up on the homepage for me was caused by pressing "Get Template Code" on this page before adding my blog URL. If you add your blog URL and press "Get Template Code" again, it doesn't generate an updated code snippet. If you're having the problem of your posts not automatically showing up on the homepage, try refreshing this page so that the code box is gone, adding your blog url, pressing "Get Template Code" and using that newly generated code.

  • comment-avatar

    Thank Megan. I think I need to update to allow user can get many time without reload page.

  • comment-avatar

    Is there any way to make the photos in the post section to have a fixed width?

  • comment-avatar

    Hello Tien! I have a problem with the number of blog posts shown in the blog section I ´ve tried already configuration and design menu number of posts shown but it doesnt work.

    Is there a way I can modify it directly in the code I know a little code tweaking but I dont know where to look for the number of posts. Please help I´m almost done with customization and I´m very pleased so far except for that big detail that is keeping me from publishing it.

  • comment-avatar

    Mean you want to increase or decrease number of posts in portfolio section? If yes, please change option "NUMBER POSTS SHOW IN PORTFOLIO SECTION" when you get the template code.

    If you want to change number of posts show in label pages, you can access Layout and click Edit link on Blog Posts widget and change Number of post option.

  • comment-avatar

    Portfolio section is fine. I want to modify number of blog posts. I tried Layout Edit link on Blog posts but it doesnt work it stays the same 🙁 How can I modify that in the code?

  • comment-avatar

    I guess your posts is long or heavy post (with many images and videos), so Blogger auto decrease number of posts allow to show in Blog Roll.

    I suggest you add readmore manually in each post to see if the problem still happen.

    My template has no any limitation for number of posts in its code. Waiting your feedback.

  • comment-avatar

    well they are actually not that long or heavy. Bolgroll shows 20 posts and i only want to show 4 at most. 17 of them have manual readmore the other 3 are pictures basically not much text and the problem still happens.
    What can I do?

  • comment-avatar

    The Blogroll of home page will be affected by setting in Blog Posts widget. But Blogroll in label is not.

    This is not related with the template, you can try to change to official template of Blogger to see the problem still the same. This is from Blogger system itself.

    I suggest add "max-results=4" to any URL that's linking to blogroll pages.

    Example with my blogroll: http://bloggercando.blogspot.com/search/label/Tips?max-results=4

  • comment-avatar

    IT WORKED! THANKS A LOT TIEN

  • comment-avatar

    Hi there

    I've added the template to a test blog and almost nothing works.

    Only 'Home' show up, no About or Blog. And I can't add them

    The Attribution 'Powered by Blogger' is on the top and I can't move it

    Nothing under Submenu section

    And I cannot make changes to Social Link list

    http://peplums1.blogspot.com

    Some help would be greatly appreciated

  • comment-avatar

    Access your blog Layout and follow the above tutorial. Just read it one time, it will help you much.

  • comment-avatar

    Awesome Blogger template. Thank you.

  • comment-avatar

    Great template!!! is there a way i can make the title of the blog bigger??
    Thanx
    Bel

  • comment-avatar

    You can try add below code to Advance CSS

    .post .title a {
    font-size: 30px;
    }

    Of course, 30px is example only, try your own.

    About Advance CSS, read this: http://bloggercando.blogspot.com/2014/05/add-custom-css-into-blogger-template.html

  • comment-avatar

    Sorry im so stupid but i dont know why in my page i can only see 3 post no more, im new so i dont understand a lot
    here is my blog just in case http://citybreakin.blogspot.com/
    thanxx
    B.

  • comment-avatar

    Of course, portfolio section has only 3 posts at default (you can change this in template form before you get code).

    To show your full blog, you must add a link to menu with format: http://yoursite.com/search

    Read the tutorial again (above), you can learn something new.

  • comment-avatar

    yeah!! i did it wohoo
    Just one more thing.. how do i do to make the first post bigger just like in the Shotmag demo ?? i only get all my post but small
    thankx again
    xoxo
    B

  • comment-avatar

    You can read slider section in tutorial, just simple access your blog Layout, and upload Image to slider.

  • comment-avatar

    Hi, Tien. Love your template! It's working great.

    I don't know if I missed something (I totaly might!), but I was wondering if there was a way to show the posts of a lable in some kind of index (like in a list with the firsl paragraph and little picture of each one of them), instead of showing the whole posts one after the other,.. so you can see the titles if the posts of that lable before clicking on one of them to read it. Do you know what I mean? I'm sorry if I don't explain myself clearly in English…

    Anyway, great job! And thank you very much.

  • comment-avatar

    Never mind! I have just discovered the importance of "jump break" XDD

    Thanks again, awesome job!

  • comment-avatar

    Hi Tien, I'm trying to use the ShotMag template but every time I copy and paste into "edit HTML" I get this error message:

    You got FameMage Blogger Template for http://www.drivinganddrinkingtravels.com but you are using it for 6809795203427210732_1b2325d9474b3c1bedeb3310a9ec17aeab0eec69.blogspot.com. PLEASE GET IT AGAIN HERE: FAMEMAGE MAGAZINE TEMPLATE

    I've tried getting the template code with different variations of my URL – drivinganddrinkingtravels.com, drivinganddrinkingtravels.blogspot.com, etc., with and without http://www., and I keep getting the same error. Do you have any suggestions?

  • comment-avatar

    Your site public or private?

  • comment-avatar

    It's private right now; would that make a difference?

  • comment-avatar

    Yes. The private blog will have another domain forward, also lock json and no any script can access your blog data. No template can work with a private blog if the template is using json script.

  • comment-avatar

    Hello Tien,

    Thanks you for provide us this beautiful template.

    I have some problem with the slider : it doesn't show any image, from the beginning of the installation (no image from the previous code) to my own image.
    I read everything carefully but don't find anything to resolve the problem even in the html code.
    Here's my blog adress : http://suttermorgane.blogspot.fr/

    As you can see, nothing showing there. I didn't have any article yet so I can't test the mini menu but I'm only concerned about the slider.

    Do you think there is a problem with the size of the image you have to upload ? I just made a test but the picture were all different size.
    What is the "default" size that work the best with the slider ?

    Thank you in advance, please excuse my poor english.

  • comment-avatar

    This because you input translate text in template code as a wrong way. I looked into the text and I saw:

    _View_project = 'Lire l'article';

    I suggest you change to

    _View_project = 'Lire l'article';

  • comment-avatar

    Thank you Tien, this was exactly the problem, it's resolve now.

  • comment-avatar

    Hello Tien, I like this template very much. However, I want to ask you how to change the portofolio section, so that it shows only the title without the thumbnail picture, the short sentence above the title, and the words "view project". My blog is mengujitemplate.blogspot.com and I want to change the home page style similar with http://www.anneahira.com. Is it possible, Tien?
    Thank you

  • comment-avatar

    Yes It can, but of course can not finish by saying only some words here, that's a custom task and you need pay to hire some one help.

  • comment-avatar

    hey,

    I'm trying to use this template, looks perfect for what I need but everytime I try to upload the template it gives error ( You got FameMage Blogger Template for http://annabalechojourneys.com but you are using it for 3569014319555147090_24a8b30cf035fada6ff16308295b2754da9a285a.blogspot.com. PLEASE GET IT AGAIN HERE: FAMEMAGE MAGAZINE TEMPLATE) I've tried everything, and my blog is not private.

    Can you help me?

  • comment-avatar

    This template is not available for private blogs.

  • comment-avatar

    thank you, as I've said, my blog is not private. Anyway I've managed to upload the template, and save it, but for some reason only the 3 small pictures are visible (not the bigger one ), any thoughts of what i'm doing wrong?

  • comment-avatar

    Please show me the blog URL that's using the template.

  • comment-avatar

    http://www.annabalechojourneys.com (i'll upload the old one again until this is perfect)

    btw, thank you a lot for the template! i've been looking for one like this one for some time)

  • comment-avatar

    Did you follow the tutorial to upload image to slider?

  • comment-avatar

    Hello, thanks for the nice template.
    But one thing i want to ask is, how can i remove the "read more" in slider pic? So, like, there is no more "read more" text there and no more red bar, but "Picure 01" and so on still stay there..
    Thank you

  • comment-avatar

    Also it would be so cool if it possible to add background picture outside the white border.. And please teach me if its possible!

  • comment-avatar

    You can add below css into advance CSS (or skin)

    .page-template-homepage-php #featured span.slide-more {
    display: none;
    }
    body {
    background-image: url("yourimagesrc");
    }

    Replace "yourimagesrc" with your image src for background image.

  • comment-avatar

    thanks it works. and if im planning to use .com domain as my blog, it will not affect anything from the template right

  • comment-avatar

    You must input the domain and get template again. Please note some changes you want to make so you can repeat them again when you get template for new domain.

  • comment-avatar

    Tien,

    I don't know if you can help me, I would like to make the images on the post bigger, and at my oldest template i would insert a code on the html of the post, but it's not working now, its any other way the put the images on the post bigger?

    Also, I would like to center the post instead to have them on the left on the blog,is that possible?

    i've tried to it, with < div > just as my old one but it does not work.

    thank you so much.

    http://www.annabalechojourneys.com

  • comment-avatar

    I see your posts had biggest image size (full of post width) now. Can you share me an URL of post that contains image need to increase size?

    About center content of a post, just edit it and select all content then click align center button of post editor.

  • comment-avatar

    Hi, Tien.
    I have the same problem and I didn't understand either what you mean with "Just add a menu to your post list with url: http://yourdomain.com/search/q=&quot;…
    My url is http://lacocteleriademoi.blogspot.com
    Everything else is working great! Thanks!!

  • comment-avatar

    Mean if you want to have a link on menu that target to your post list (blog roll), you must add a link with URL "http://lacocteleriademoi.blogspot.com/search/q=&quot; to the menu link list widget.

  • comment-avatar

    I have the same problem like Nicole Rupersburg

  • comment-avatar
  • comment-avatar

    hiya, when I pasted the template code from this website it says

    "You got FameMage Blogger Template for http://bloggercando.blogspot.com but you are using it for karipanska.blogspot.com.es. PLEASE GET IT AGAIN HERE: FAMEMAGE MAGAZINE TEMPLATE"

    what shall I do?

  • comment-avatar

    Input the right URL in Blog URL when you get template code.

  • comment-avatar

    Hello,

    I like very much your theme but I would like to have it in black and despite the fact that you say it is very easy to change color I couldn't have anything else than white background, whatever color tag I may change in it it stays white !!
    For example I have changed all rgba(0, 0, 0, 0.04) by rgba(28, 28, 28, 0.9) but doesn't do anything at all

    What is the process to change background color please ?

    Thank you very much for your help

  • comment-avatar

    Hi. If you want to change to background co container, use below css:
    #container {
    background: lightblue;
    }

    If you want to change bg of body, use below:
    body {
    background: red;
    }

  • comment-avatar

    Hi its me again

    How to change size of the menu (home,about,blog)?

    Also can i change the color and the font??
    thanks

  • comment-avatar

    Hello Tien,

    Thank you very much it worked well, at last !!
    I'm still a total noob and learn from there and there and I'm sure I have put a mess in html code trying to do things but it starts to be in shape now 🙂

    Thx again

  • comment-avatar

    Hi Tien,

    Thank you for your template, it's amazing, and works perfectly for me.

    I've wanted to ask you about a little problem I've at my page:

    http://www.annabalechojourneys.com

    as you can see there's a little bug and there's a project alone at the center after the first 3, how can I make it work just like the others? Everuything worked fine until I added the 8 project.

    Thank you in advance.

    Anna

  • comment-avatar

    Hi. Add below to your Advance CSS:

    .page-template-homepage-php .thumb-title {
    height: 1em;
    overflow: hidden;
    line-height: 1em;
    }

    About Advance CSS: http://bloggercando.blogspot.com/2014/05/add-custom-css-into-blogger-template.html#uds-search-results

  • comment-avatar

    hi Tien. why my slider is not showing in mobile version. http://www.klccbluecab.blogspot.com. Thank u

  • comment-avatar

    Did you enable mobile template similar with tutorial above?

  • comment-avatar

    thank you! it worked perfectly!!

  • comment-avatar

    HI Tien, I m sorry to bother you. As I begin my first amateur blog photo and as I do not know anything about xml or html at the moment. I want to know how I can put my post with photos in big sizes as on the blog of http://www.annabalechojourneys.com which content is fantastic. Thank you very much

  • comment-avatar

    But I see your post already has big photo.

  • comment-avatar

    Thank you for reply fastly. Maybe I express wrong I do not want to have side bar on the right. My photos are more small than this page http://www.annabalechojourneys.com/search/label/People. And other question : How can I make title of post most sizer. Very thank you for assistance

  • comment-avatar

    Find in template a code:

    .post-body img {

    near under that you will see I limited max width at 760px, change to any you want.

    Find in template code:

    .H5-header .title {

    near under that, you will see I limited font size at 22px, change to any you want.

  • comment-avatar

    I manage to change size of title when I m in the post it's OK but not in the blog's page.
    it's very strange I not have .post-body img{ in the template??

  • comment-avatar

    Hi, you can try with below keyword instead

    .post-body img

    About title, I still see you set it 22px.

  • comment-avatar

    yup.. already enable. only not showing slider on mobile version

  • comment-avatar

    OK, let me check.

  • comment-avatar

    Hi. Search in your template code locaton and change it to location

  • comment-avatar

    owh still not ok.. the mobile view went crazy 🙁

  • comment-avatar

    Can you share me a screenshot? Thank you.

  • comment-avatar

    Dear. I found the problem, and just release the fixed version. Please update the template.

  • comment-avatar

    hard to explain. when i try to view shotmag in http://shotmagtemplate.blogspot.com on laptop no problem at all, even on my samsung tab also no problem. The slider is not showing on my samsung S3.. my web klccbluecab.blogspot.com and even your theme demo http://shotmagtemplate.blogspot.com cannot view slider on my samsung S3. Anyway thank you for the help.

  • comment-avatar

    Hi Tien, I m very disappointed, I only find this in the template

    .post-body {
    margin-bottom: 2em!important;
    }
    .addthis_toolbox {
    margin: 20px 0 0 0;

    But I do not find below any max width with XXXpx. So at the moment I cannot increase my photos.

    I manage to increase size for titles with .H5-header .title { but only on the post. Not in the page blog. Thank you one more time for assistance

  • comment-avatar

    I don't know why you could not find the code, but if you view source of your site, you will easy to see that your site had the code

    .post-body img

    About the title size, I tried to add with Chrome debugger and everything works well with post page and blog roll page.

    If you not familiar with working with Blogger, please hire somebody here: studio.envato.com or fiverr.com

  • comment-avatar

    Hi Tien, thank you for your patience. I manage to do it inputing an code on advanced CSS. Now image are bigger. The problem I have now That I cannot add a submenu in despite of your above tutorial. Is there any advanced CSS to input to resolve?

  • comment-avatar

    Hi, did you follow the tutorial? "The Link List widget title must similar with a page name in main menu"

  • comment-avatar

    Yes this is it. thank you

  • comment-avatar

    hello tien thanks for the beautiful template,
    is there anyway to remove the text preview (except the title) in portofolio section? thank u very much

  • comment-avatar

    Can you please tell me what the code is? I have the same problem as my document and gallery become small in the blog post.

    like this : http://iefairusu2.blogspot.com/2014/10/pendaftaran_15.html
    and this : http://iefairusu2.blogspot.com/2014/10/gallery.html

    Please tell me how to fix it!
    I also do not want the side bar on the right.

  • comment-avatar

    With image problem, please read above comments. With excerpt, use below css:

    .page-template-homepage-php .thumb-meta p {
    display: none;
    }

  • comment-avatar

    hi its me iefair, i also didnt find the code

    .post-body img

    its just :

    .post-body {
    margin-bottom: 2em!important;
    }
    .addthis_toolbox {
    margin: 20px 0 0 0;

    thats the problem 🙁

  • comment-avatar

    I don't understand your comments, they are not related witch each others.

  • comment-avatar

    Im tryin to say i have the same problem as Frederico.. where as the image on blog post become smaller. (in my case its not image but google drive embed doc, but i think it works the same way?)

    http://iefairusu2.blogspot.com/2014/10/pendaftaran_15.html
    ^ please open and see the doc i embed

    Then you reply to him to search this keyword
    .post-body img {

    and change the limit (760px) to anything he want, then he replied he cant find that code, where i cant find it too..
    Then he said that he can fix it via advanced css

    "I manage to do it inputing an code on advanced CSS. Now image are bigger. "

    thats the code i ask for..

    that reply above is for the image problem.

    Sorry for being total noob..
    Many thanks for your replies xD

  • comment-avatar

    Dear. Iframes are similar with Images so you must specific width and height for it to have a nice display. But if you want to apply a size (width*height) for all iframes in your post body, you can try below CSS:

    .post-body iframe {
    width: 100%;
    height: 500px;
    }

    Hope this will help you. Don't hesitate ask me if you still have problem with theme.

  • comment-avatar

    Thanks for the help tien!

    Im sorry i have to ask again
    How to center the image from blogpost?
    I already set the image at the center but it keeps going to the left
    🙁

  • comment-avatar

    also is it possible to change social link button size? thankss

  • comment-avatar

    This is CSS for to fix your problem:

    .post .post-body img {
    display: inline;
    }

  • comment-avatar

    We can not change in this template because sprite image for social icons has a fixed size.

  • comment-avatar

    Or you can also use this widget to add social icons to your site: http://bloggercando.blogspot.com/2014/10/social-icons-for-blogger-blogspot-website-sidebar.html

    Custom as any way you like.

  • comment-avatar

    Hi! Please help me, I wanted to know how to stop the thumbnail for each post from shrinking to fit the size of the thumbnail

    Each time I make a new post the thumbnail comes out very squashed instead of displaying the images like it does in the slider.

    The slider just seems to show a section of the picture rather than squashing it down. How do I get the thumbnail to do that please?

    http://vivrant-teni.blogspot.kr/
    that's my blog site, you'll find that the thumbnails are really squashed, help please!

  • comment-avatar

    Dear. Thank you very much. Your feedback is very useful. I will update template soon and reply here to notify you when the feature available.

  • comment-avatar

    Thank you Tien! I love the template!

    I have some more questions though;

    1) Is there anyway to change the size of the images in the slider? I want to increase the width of the slider so it stretches further across the page!

    2) How do I increase the size of the thumbnails please? My blog is more about fashion so I feel like the thumbnails need to be bigger so it looks more inviting 🙂

    http://www.londons-closet.com/ <—– that's the link of the blog that gave me the inspiration, I really like the size of their thumbnails haha

    http://vivrant-teni.blogspot.kr/ <— that's the link to my blog.

    Thanks for your help!

  • comment-avatar

    Hi.

    1. Can not. Width is related with layout and responsive, if I change width, I must do a lot things.

    2. The theme support big images from slider and small images for recent posts (under slider).

    I will consider to make a template inspire from your suggested link.

  • comment-avatar
  • comment-avatar

    ahh so you're saying there's no way to change the size of the thumbnails for the recent posts (under the slider)?

    I'm just making sure I understand everything thoroughly, please keep up the good work!

    I love the Shotmag template and I'm excited to see what you so next 🙂

  • comment-avatar

    At this time, I will not change the size of thumbnail of recent posts. You like that way but other ones like another way.

    So I consider to make a new template.

  • comment-avatar

    Ah! Okay, please do it if you can! I will be very grateful 🙂 🙂 🙂

  • comment-avatar

    Hi, Tien

    i like your template blog, could you share file XML for this to me ?

    Thank you

  • comment-avatar

    I done your request. Please get the new version.

  • comment-avatar

    thank you! Where can I find it?

  • comment-avatar

    Hello, I'm not sure if my comment was sent so I'll write it again.
    I like the template a lot, here´s my blog: http://rovingtraveller.blogspot.mx/
    But I was wondering if there was any way to modify the logo size? Thanks in advance

  • comment-avatar

    Dear, the template will display logo as a size suitable with header height. It not support custom size for logo.

  • comment-avatar
  • comment-avatar

    One last things, does it support adsense? Because I can't get ads to appear on the blog (I've already been accepted in adsense)

  • comment-avatar

    Forget this, solved it,

  • comment-avatar

    Hi Tien,
    May I ask you how to make the width of the post article longer?
    If I put two 320×240 picture together in a line, the container width is too small for 320+320 width.
    Even I change the 860px to 960px.
    ————
    #container {
    background-color: #fff;
    max-width: 860px;
    ————
    The page looks wider but the article still no change.
    Please help me thank you.

  • comment-avatar

    Hi. This template not support flexible width, it's fixed with template. So you can not change its width.

  • comment-avatar

    Anyone know how to get the 'continue reading' on my abbreviated blog posts on /search/q=

  • comment-avatar

    Did you insert readmore tag in your post? Read this at "Finish" section to know how to insert readmore (jump break) tag: http://bloggercando.blogspot.com/2000/08/create-post-with-blogger.html

  • comment-avatar

    Thanks Tien. I'm also stuck on how to change the content that appears in /about.html. I can't seem to find it in the template.

  • comment-avatar

    You mean you don't know how to create a static page?

  • comment-avatar

    Dear Tien, I like your template. I have uploaded it on my blog. Just one issue: the porfolio section shows the last three posts. I want this section to be static or I want the portfolio section to have juste the first three pages and not posts. Is this possible ? Thanks for you reply.

  • comment-avatar

    This template not support that, but you can redirect the three posts on home page to your static page. Mean when visitor click a post, the post will redirect visitor to your page. To set redirect, access Settings / Search preferences / Custom Redirects

  • comment-avatar

    Hi Tien, is it possible to edit the page where my posts appear?
    I would like to remove the sidebar (the section with "Aearch","About","Archive") and widen the text part of my posts, so that my posts extend over the complete width.
    I successfully removed the sidebar but I can't find the html-code for the width of the posts in the layout.
    Can you help me? That would be great!
    (Here's my Link: http://offtonewhorizons.blogspot.de)

  • comment-avatar

    Dear. It's not simple like you think, When you want remove something, you must remake CSS for responsive also.

  • comment-avatar

    Can more than one menu have a submenu, or its only one? looking forward to your response, thanks.

  • comment-avatar
  • comment-avatar

    Please how is it done?

  • comment-avatar

    please how do you get extra submenu because I only have access to one.

  • comment-avatar

    I wrote in above tutorial. Search Sub-menu in this article and follow it.

  • comment-avatar

    my post article not display 🙁 help

  • comment-avatar

    Is the site working well before? Suddenly error?

  • comment-avatar

    check my site please althaftour.com

  • comment-avatar

    Is the site working well before? Suddenly error?

  • comment-avatar

    I see you input label "AlThaf+Tour+and+Travel" to get posts, but have no post in this label.

  • comment-avatar

    I see you input label "AlThaf+Tour+and+Travel" to get posts, but have no post in this label.

  • comment-avatar

    If you don't know how to install or setting a template, use our services instead of making mistakes: http://bloggercando.blogspot.com/p/services.html

  • comment-avatar

    i'm confuse. please give me a solution to display my post?

  • comment-avatar

    this site working good before i'm install shotmag template

  • comment-avatar

    Hi guy. What did you input in "LABEL NAME TO GET POSTS FOR PORTFOLIO SECTION, LEAVE BLANK TO SHOW RECENTS" when you get template code?

    Calm down and talk slowly one by one word please.

  • comment-avatar
  • comment-avatar

    Hello lovely template, Please how do I take out the blooger template name at the end of the template?

  • comment-avatar

    i'm talking about this ''ShotMag by Blogger Templates.'' How can I edit this?

  • comment-avatar

    how can I purchase the template?

  • comment-avatar

    Hi, i have question about posts for portfolio section.
    Can i setting the order of post without the rule of recent post?

    Thanks..

  • comment-avatar

    You can set recent posts or latest posts from a specific label only, can not place as an order we want.

  • comment-avatar

    Hi Tien,

    Loving the template. A small question. I did what you proposed with the Blog Page. creating a new one with myblogname.com/search . I just have a tiny problem it shows a page with nothing and archive on the side. Could it be possible to have a bar at the bottom of the main page to go through older articles ?? Thanks

    http://myitsytinylife.blogspot.fr/

  • comment-avatar

    Hi, this is portfolio template, not a blogging one. So, sorry.

  • comment-avatar

    Hello,

    I can't seem to get the 3 blog posts/projects or images onto the home page, I wondered if you could help?

  • comment-avatar

    Can you share your URL? Thanks.

  • comment-avatar

    Thanks alot brother, this is great template, hehehe especially for me as a beginner

  • comment-avatar
  • comment-avatar

    Hello Tien,

    Thank you again for all support you provide to all of us.

    1]I have followed some of your advices already but there is something I missed in the template.

    Contrarely to what your template should show, I don't have the 3 links on right top of page ["About" "Home" "Blog"] … I only have ["Home"] appearing on the main page and when I go to blog editor I don't have the choice between the 3 like explained above ?
    What could be the issue ?

    the blog url : http://ripofftheband.blogspot.fr/

    2] Also how can I have the text be written in white instead of the grey color I have, it makes the blog unreadable (grey on black you barely see it).

    Thank you very much for your help

  • comment-avatar

    Hi there, what about taking off the "picture 1" and "read more" from the big images up top? Possible to make them just images?

    I'm extremely rusty to blogger.. also wondering how to make all my posts on the "blog" page?

    url: wild2child.blogspot.com

    thank you!

  • comment-avatar

    Also, how to make the side bars during posts smaller so that I can maximize images? The search and archive sections just seem to be taking up unnecessary room

  • comment-avatar

    Thank you for the lovely theme.

  • comment-avatar

    Hello Tien,

    Is there a bug in the generation of the template code ?

    I tried to update the template to your latest version but when trying to generate the code for URL http://ripofftheband.blogspot.fr everything goes like it is ok but when pasting it into blogger it keeps saying this error message

    "You got FameMage Blogger Template for http://ripofftheband.blogspot.fr/ but you are using it for snortytest.blogspot.fr. PLEASE GET IT AGAIN HERE: FAMEMAGE MAGAZINE TEMPLATE"

    But no, I mentioned the right url before generating the template …

    What could be the issue ?

    Thank you

  • comment-avatar

    Dear. Please double check, the template still working well with test blog. Just make sure your input the right url

  • comment-avatar

    Hello,

    Thanx for your answer, I tried 3 to 4 times with input URL : http://ripofftheband.blogspot.fr
    but each time it came up with "snortytest.blogspot.fr"

    I'm using "firefox 37.0" maybe that is the issue or java version required for the template generator

  • comment-avatar

    Thank you Brother..

    Please visit my customized below blog and suggestions please

    http://www.rambleworld.com/

  • comment-avatar

    Wow, that's cool more than the demo. Congrat.

  • comment-avatar

    hi,

    I tried to used this template because it's really nice and simple theme.
    but can you help me, when i put the logo throght your instruction it can not same with your template, why ?? http://oyie-inkiriwang.blogspot.com/

    also i can not make the archive and social link list.
    plls help me. thanks in advance ^_^

  • comment-avatar

    Hi. I wrote in article, please read it.

  • comment-avatar

    Hi,
    I was wondering, is it possible to change the colour of the "Older/Newer post" button? I can't seem to figure it out, also I have been trying to change the main font (the one used for titles) and although I write my posts in Arial, they always appear in that very font on the main page, which makes certain symbols from my mother language seem uneven and all messed up, how can i fix that? Thank you in advance

  • comment-avatar

    Example css for red bg for pagination button (Add this into advance css: http://www.sneeit.com/2014/05/add-custom-css-into-blogger-template.html):
    #blog-pager a span {
    background-color: red;
    }

    This template is fixed font, you must know CSS to change it manually.

  • comment-avatar

    Hi Tien. i tried your template. weird. its totally different from what you have. there is no slider at all.

    http://www.neilisawanderingsoul.blogspot.com/

  • comment-avatar

    Hi. You did not follow my article guide.

  • comment-avatar

    Wow Is amazing Template, nice thanks you for sharing

  • comment-avatar

    done for Logo. thank you so much

  • comment-avatar

    That's a real cool tempplate…
    So far, things are going fine. But, if you try to custom the SOCIAL MEDIA LINKS, only the TWITTER icon is shown. Its no big deal but, sometimes it could be a problem to other people.

    Nice job anyway!

  • comment-avatar

    Hello Tien, and thank you for a fantastic template. I am also having the same problem as a few people commenting here. I would like to make my post body bigger but the only code I can find is:

    .post-body {
    margin-bottom: 2em!important;

    I would really like to make my blog posts wider to display larger photos.

    Please could you offer me some advice?

  • comment-avatar

    Hi Tien! Amazing template, great job! Just one question: how can I set all the image posts in the home page to be the same size and to avoid this to happen:

    http://www.indievoyager.com/

    Thanks a lot!

  • comment-avatar

    Hi Tien,

    Thank you so much for sharing the great template with us. I have to say that CSS is really difficult to me, i've spent 2 days to find out how to center the logo image, could you kindly show me how to do it? I've seen one website http://www.annabalechojourneys.com/, which is exactly what i want, but i couldnt find the answer, please help me with it, thank you so much.
    Btw, this is my blogger http://www.posadesign.com

  • comment-avatar

    Hi. You can add below css into Advance Css:
    div#logo {
    clear: both;
    width: 100%;
    float: none;
    text-align: center;
    }

    About advance css: http://www.sneeit.com/2014/05/add-custom-css-into-blogger-template.html

  • comment-avatar

    Dear Tien,
    Thank you so much for your help. It's working now!
    Thank you again. ^______^

  • comment-avatar

    Hi Tien,

    Good day.
    Since i got several questions, I was wondering if the $9 is an ad or i can really buy it for your template.
    Please kindly let me know about it, thank you.

    Look forward to hearing from you.

    yours sincerely,
    Jill Kuo

  • comment-avatar

    Hi Posa. This template is free and you can follow all my above instruction to make it work with your site.

    $9 is only optional just in case you need my help to solve your bugs, or you don't know how to make the template work or any thing you need to support about the template on your site.

  • comment-avatar

    Hi, excellent staff, congratulations. I'm using an electronic translator, first forgive if my English is read incorrectly. I see that this template (shotmag) was created in May 2014 and I'm getting the code to my blog in October 2015. I wonder. The code I'm copying in October 2015, is up to date or should I copy the code and make the process of updating. My question is why watching people's comments where he said about a problem; the answer in some cases is "…that please update the template". Then I do not know if the code I'm using in October 2015 date?

  • comment-avatar
  • comment-avatar

    can this template provide slider for mobile?

  • comment-avatar

    But, it's already provided.

  • comment-avatar

    Hi there! That's an awesome template, and I'd love to use it on my blog. I have a prob though. After the code is pasted, on preview I see only 1 photo from "about". Any ideas? Thanks in advance!

  • comment-avatar

    Hello! Is it possible to display more than 3 posts on the main page?

  • comment-avatar

    Yes, of course. You must use SpotSettings to change.

  • comment-avatar

    Awesome! And is it possible to add "Older posts" on the main page?

  • comment-avatar

    Hi! Last one, I promise! Why am I not able to change image size? Thanks in advance!

  • comment-avatar

    What image that you want to change size?

  • comment-avatar

    Images inside the posts 🙂

  • comment-avatar

    Insert an image, click on it, you will see a bar under the image, then choosing the size you want.

  • comment-avatar

    Found it. Every one, if you are wondering how to make your photos bigger inside the post, here's the way. Find .post .post-body img { then change the width and height percentages to the size you want. It will look like this:

    .post .post-body img {
    display: inline;
    }.post-body img {
    width:115%;
    height:115%;
    display: block;
    }.post-body img {
    max-width:700px;
    max-height:auto;
    }]]>

  • comment-avatar

    Hi Tien. Sorry to bother you again! Could you please advise how can make so that there are 3 posts per row visible on the portfolio? At the moment posts are chaotic and there are blank space between them. Here's my URL:
    http://www.sunandsany.com/

    Thank you in advance!

  • comment-avatar

    Please make sure you are using latest version.

  • comment-avatar

    Hi, I double checked and I am using the latest version. However, the problem still persists.

  • comment-avatar

    Any suggestions how can I fix that?

  • comment-avatar

    Hey Tien – I've got a few questions on your template. I've set it up on my travel blog and it looks great, thanks for the how-to and also thanks for designing such a wonderful template. http://www.robbyaroundtheworld.us/

    -How can I have more than three, past posts show on my blog's main page at the bottom? (is there also a way to change view project to say "read post"?)

    -if you go here or to any post http://www.robbyaroundtheworld.us/2016/01/op-ed-6-tips-to-survive-layover.html, how can I get the subscribe, search and also a list of my past posts to show on the main page of my blog?

    Thanks much! I'm at RobbyDeGraff@yahoo.com and on G+

  • comment-avatar

    Hello. You must read "Common Template Tutorials for Beginners" list (in the tutorial above) which will provide links to SpotSetting and SpotLingo, two tools will help you change template settings (included number of posts) and translate template (texts).

    Other features out of demo are not available in this template. Thanks.

  • comment-avatar

    Hi Tien. Can you help me or not, please?

  • comment-avatar

    So sorry, I am so busy at this time. I will fix in next version of template.

    • comment-avatar

      Hi Tien,
      I see you are busy but I wonder if you could help me with the javascript in this template? I want to enable the previous/next controls.
      many thanks

  • comment-avatar

    Ok, sorry for bothering you and thanks!

  • comment-avatar

    Hi Tiene. Nice template, congratulations. It is displayed well on desktop computers ( Win, Mac ) , also well on mobile devices ( ios, android) but has display problems broken boot pictures (the slider in the home) in phones with windows phone – nokia, microsoft, blu -. If you have a chance to review ?

  • comment-avatar

    The template is beautiful but I'm having a lot of problems trying to customize it. Like: where is the code of posts? Don't have any place with image, title and body of posts together, it's hard to find, man.

  • comment-avatar

    Hi Tien. I'm trying to manage your classy template, however there is something I don't get : on your page we can see the main image and under it three little images/articles for HoChiMinh, Hue City, etc… I added the code to my blog on Blogger : i have the big slider ok, but under it, no place for the tree (or more) articles. What am I missing ?

  • comment-avatar
  • comment-avatar
    Sunny 6 months

    Hi Tien,I just download your template “ShotMag” and I got the html “How to customize the template”,but I can’t read it, can you help me?
    Then I can’t see the slider on my mobile,is the code or another questions?
    Please help me,thank you!
    my blogger url: http://sunnnnnnnnnny.blogspot.tw/

  • comment-avatar

    I use SpotSettings to change to display more than 3 posts on the main page (portfolio area).
    For example 7 posts (portfolio area) in the home, yes OK! it is possible
    Example:
    http://ensaladabar.blogspot.com.co/

    BUT, BUT, BUT

    If the template is installed in the blog with 50 entries (50 posts); on the main page it shows me only 3 in portfolio area
    (perfect! 3 is perfect view on the main page in portfolio area)…
    BUT there’s not a button to go to the 47 entries remaining…the visitor is not aware of the other 47 entries

    Could it be possible to have a bar at the bottom of the main page to go through older articles ??

    Example:
    https://2.bp.blogspot.com/-B4Rq_VOy_K8/WA-84tITM5I/AAAAAAAABKA/TybvyPYRkLw4ZwLBuaggaFmc8rN26X-9gCLcB/s1600/explicabotones.jpg

    (This question several people have made in the last two years but there is no clear answer)

    Thanks! Andrés

  • comment-avatar

    Hi

    Here’s my blog address – http://www.mobographer.blogspot.in/

    Please help me achieve the following :

    1. 1. I want to use more space on my homepage if possible(by deleting the spaces in the red boxes) so that the content in the middle has more space and clarity for the viewer

    http://imgur.com/WiBFUTP

    2. In my blog posts, I have very less space for my blog content. Kindly tell me how to delete the area in the red boxes for all the blog posts so that the content in the middle can be larger and more clear to the viewer

    http://imgur.com/Smd7ZH2

    Any help will be greatly appreciated Sneeit 🙂

  • Leave a Reply