Full width home advertisement

Travel the world

Climb the mountains

Post Page Advertisement [Top]



Summery


  1. Installing Template
  2. Setting up Logo
  3. Setting Top Navigation Menu
  4. Setting Top Social Icons
  5. Setting the top banner Advertisement
  6. Setting Navigation Menu
  7. Setting Featured Widget
  8. Setting Customized Widget
  9. Setting Custom Sidebar Widget
  10. Setting Comment System
  11. Setting Author Description
  12. Setting Author Social Links
  13. Setting number of posts on each page
  14. Customizing theme colors

1. Installing Template


  1. Extract the obtained zip file and look for Pixel Blogger Template.xml
  2. Go to your blogger dashboard and inside the template tab click on Backup/Restore option located at top right corner.
  3. Now click on the browse button and select the extracted template file,Pixel Blogger Template.xml.
  4. Now click on the upload button.
  5. After installing click on the "gear icon" in the theme section and select "No. Show desktop theme on mobile devices. " and click on save.

2. Setting up Logo


  1. Login to your blogger account and go to "Layout" tab.
  2. In the layout tab, look for the Blog Logo and click on "Edit".
  3. Click on the "Browse" button and select your respective logo.
  4. Select the option " Instead of title and description"
  5. Now click on the save button and also click on "save arrangement" button at top right corner.

3. Setting Top Navigation Menu


  1. Login to your blogger account and go to "Layout" tab.
  2. In the layout tab, look for the "Top Menu" widget and click on "Edit".
  3. In the input for "New site name" type the name of your link.
  4. In the input for "New site url" type the location of your link.
  5. Click on "add link" button as show in in image.
  6. Arrange the links as per your need by the up-down arrows. Click on save button.

4. Top Social Icons


  1. Login to your blogger account and go to "Layout" tab.
  2. In the layot tab, look for the "Top Social widget" and click on the "Edit".
  3. In the input for "New site name" type the name of social media.
    [facebook, twitter, gplus, youtube, pinterest, instagram, codepen, linkedin, skype, dropbox, wordpress, vimeo, slideshare, vk, tumblr, yahoo, stumbleupon, reddit, quora, yelp, weibo, phunt, hackernews, soundcloud, whatsapp, wechat, vine, slack, dribbble, flickr, foursquare, behance, rss, stack-overflow, digg, delicious]
  4. In the input for "New site url" type the location of your social media profile.
  5. Now click on the "Add link button" as shown in the image and click on save widget.

5. Setting the top banner Advertisement


  1. Login to your blogger account and go to "Layout" tab.
  2. In the layout tab, look for the widget "Header Ads" and click on "Edit".
  3. In the content area place your advertisement code.

6. Setting Navigation Menu


  1. Login to your blogger account and go to the "Layout" tab.
  2. In the layout tab, look for the widget "Main Menu" and click on "Edit".
  3. In the text input of new site name enter your Link name.
  4. In the text input for new site url, provide your link url.
  5. Now click on the add link button.
  6. For the SubMenu add "_" (One underscore) before the name of the link. For the Sub Sub menu add "__" (Double underscore) before the name of link.
  7. For setting up the Mega Menu in the input for new site name insert the label name for which you want to show the mega menu and in the input for url add "[Mega Menu]" as shown in image below.
  8. Save the widget and the layout arrangements.

7. Setting Featured Widget


  1. Login to your blogger account and go to "Layout" tab.
  2. In the layout tab, look for the widget "Featured" and click on "Edit".
  3. In the content area place
    <span data-type="pixelfeatured" data-label="LABEL NAME"></span>
    .
  4. Now click on save and save the arrangements.

8. Setting Customized Widget


  1. Pixel theme comes with the 2 customized widget, to setup them go to the "Layout" tab.
  2. In the layout area look for the "customizing widget" section and add the "HTML/JavaScript" widget.
  3. As per your layout decision add the respective code in the content area of the "HTML" widget.
    Widget TypeCode
    <object class='pixel-widget' data-label='LABEL NAME' data-type='list'></object>
    <object class='pixel-widget' data-label='LABEL NAME' data-type='gallery'></object>
  4. Change the text in red with your label and click on save widget.

9. Setting Custom Sidebar Widget


  1. Pixel Themes come with the different sidebar widget options. To setup them go to the "Layout" tab.
  2. In the layout tab look for the sidebar/tabs section and add the "HTML/JavaScript" widget.
  3. As per your requirement add the respective code shown in the table below.
    Widget TypeCode
    <span class="pixel-recent" data-no="5"></span>
    <span class="pixel-tagswid" data-no="5" data-label='LABEL NAME'></span>
    <span class="pixel-cmnt" data-no="5"></span>
  4. Now click on save. [Note: If you are setting up the label post widget make sure you change the label name as per yours.]

10. Setting Comment System


  1. Login to your blogger account and go to "Layout" tab.
  2. In the layout tab, look for the widget "Comment System" and click on "Edit".
  3. In the content area place the respective code for the combination of comment system from the following list.
    [facebook]
    [disqus]
    [facebook][disqus]
    [blogger][facebook]
    [facebook][blogger]
    [disqus][facebook][blogger]
    [blogger][disqus][facebook]
  4. Now click on save and save the arrangements.

11. Setting Author Description


  1. Login to your blogger account and go to "Layout" tab.
  2. In the layout tab, look for the widget in the admin bar, "Author details" and click on "Edit".
  3. In the content area place the description about author which will be shown at bottom of post.
  4. Now click on save and save the arrangements.

12. Setting Author Social Links


  1. Login to your blogger account and go to "Layout" tab.
  2. In the layout tab, look for the widget in the admin bar, "Post Author Social Profile" and click on "Edit".
  3. Now in another window open the link http://fontawesome.io/icons/ and search for your social media icon and click on them.
  4. In the new window copy the code shown in the image below.
  5. Now go back to the window open earlier by clicking on edit button. In the input for "New site name" place the code we just copied.
  6. In the input for the "New site url" place the location/profile url for the respected icon.
  7. Now click on add link button. Once all icons are added click on save.

13. Setting number of posts on each page


  1. Login to your blogger account and go to "Layout" tab.
  2. In the layout tab, look for the widget in the admin bar, "Posts per page" and click on "Edit".
  3. In the content area place the number of posts you want to show on each page.
  4. Now click on save and save the arrangements.

14. Customizing theme colors


  1. Login to your blogger account and go to "Theme" tab.
  2. In the Theme tab, look for the "customize" button and go to the "Advanced tab".
  3. In the advance tab under the option of Main Setting you can customize the main color of theme.
  4. Now click on Apply to Blog.

72 comments:

  1. how can i place the title bar inside of the post example i like it when its not on the top of the pic. i want to cahange and place inside left top of the actual pic

    ReplyDelete
  2. olá, o pixel-widget não está funcionando.

    ReplyDelete
    Replies
    1. I can help you .. see https://www.techeia.com/ email admin@techeia.com

      Delete
  3. Hi, I have three questions and are:

    1. How do I change color of the default linked text to blue color
    2. Can I change the photo in the top header of a POST to another photo instead of the first photo of the blog post?
    3. How do I remove photo in the top header of a PAGE?

    Thanks

    ReplyDelete
  4. I am trying to display ad with code but its not showing up! Only the title is being visible. Image is not displaying, why?

    ReplyDelete
  5. Thanks for the free themes and documentation, i got it right but the Feautured Widget No 7. And customized widget no 8. stopped showing up.. My Blog is djzplanet.blogspot.com please help with a solution.. Thanks Mr Aigars

    ReplyDelete
    Replies
    1. I can help you .. see https://www.techeia.com/ email admin@techeia.com

      Delete
    2. Hey, i have same problem can anybody help me?

      Delete
    3. Même problème, et toi Ajesh évites s'il te plaît tes commentaires destinés à arnaquer les gens

      Delete
  6. Replies
    1. Hi!

      With just some simple steps,
      1- click on theme tab and than edit html
      2- find designed by and change it with own.
      3- save theme

      I hope, it'll helpful for you.

      Thanks

      Delete
  7. Hi, i applied this theme, everything looks good but.. when i click on any blog post, it doesnt appeared anything. Can you help me? kopitis.blogspot.com

    ReplyDelete
  8. Hi please help me why Setting Customized Widget. point (8). not working when I put my label.

    ReplyDelete
  9. Thanks so much colorlib, you guys have done what seems like impossible. Thanks a bunch!

    ReplyDelete
  10. Replies
    1. I can help you .. see https://www.techeia.com/ email admin@techeia.com

      Delete
  11. how can i remove default ad banners completely for now because before giving it to adsense for approval i wanna hide or remove them

    ReplyDelete
  12. how to eliminate all pixel advertisement

    ReplyDelete
    Replies
    1. I can help you .. see https://www.techeia.com/ email admin@techeia.com

      Delete
  13. I am trying to add my own ads to the page. I tried to to share an animated html from google drive and onedrive however it does not display on the pages. Then I tried to do same with gif, it show the background image but does not run. Is there anyway I can get it to work?

    ReplyDelete
  14. i love this template! it's just awesome! u can see it on my blog: abesagara.com

    ReplyDelete
    Replies
    1. pixel-widget not working for me how to fix it

      Delete
  15. I setup this ad successfully on my site https://www.techeia.com/. if anyone needs help please feel free to contact admin@techeia.com

    ReplyDelete
    Replies
    1. hey bro can you help me out in mobile view pixel advertisements banner is showing tell me how to remove it

      Delete
    2. Hello! bro, I'm facing problem setting up ads on my site https://www.skillshubacademy.org/
      can you please help me in figuring out this problem.

      Delete
  16. Hello, post-head is not working. when some try to visit an individual page, page come without title and title image. After that I try to see the demo (https://pixel-template.blogspot.com/2017/11/arcitectures-are-ones-crafting-tommarow.html) and found same issue. (Sample screen shoot - https://drive.google.com/open?id=1W6FTSxj7wgO0jda0ZQsdQAw9UEwA7YM1) where it should show like this https://drive.google.com/open?id=1D8Lf4nfI1JhibhFXnrngp4Yjc42XZSNy. How to solve this issue??

    ReplyDelete
    Replies
    1. This is happening for "https". If you allow to run no secure tags, it will work fine otherwise it will not. Now the developer can update his/her code and fix this. He/she has to update the theme templete

      Delete
  17. Please help me how can a i add two diferents labels in the featured widget?

    ReplyDelete
  18. im having problems with the post titles

    ReplyDelete
  19. the main navigation menu items sometimes disappear , and i still reload to get them back ...help please

    ReplyDelete
  20. How to add item,sub item,sub sub item in Main Navigation Menu?

    ReplyDelete
  21. Hi! Man your are doing great job and your theme is very helpful for me am looking for it since 3 Months god bless you keep growing (Adsense give you high revenue). ;p

    ReplyDelete
  22. Is it possible to download this template for my personal website?

    ReplyDelete
  23. Thank you i am using on http://www.gadgetssai.online

    ReplyDelete
  24. Thanks for a beatiful theme for blogger

    ReplyDelete
  25. Bonjour
    Besoin d'aide pour "customizer widgets" ils ne fonctionnent pas, avec le bon code
    Merci

    ReplyDelete
  26. adsense ad is not properly visible .... only... where ever i am placing code of adsense .. only blank space is visible

    ReplyDelete
  27. Hi Team,

    1 - How can i remove featured widget?

    2 - How can i rename the pages url?

    ReplyDelete
  28. Hi
    This template cannot be installed. Anybody knows why?

    ReplyDelete
  29. Please help me I am facing an issue. i have an hd image size 1920x1024. When i upload it to my blog post it is pixelated please help me how to fix it

    ReplyDelete
  30. Replies
    1. Left click the link and choose save as. It will be saved as a .xml file.

      Delete
  31. Having an issue with the theme:
    We were unable to save your theme.

    Your theme could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly. XML error message:
    Attribute name "data-pjax-transient" associated with an element type "meta" must be followed by the ' = ' character.

    ReplyDelete
    Replies
    1. first you should clean your up old theme, you can see how to do it here 👉https://www.stealprice.online/2020/09/how-to-clean-blogger-template-code-without-error.html

      and then install it

      Delete
  32. How to Add Related Post Weight

    ReplyDelete
    Replies
    1. see the documentation or any other help visit me stealprice.online

      Delete
  33. Have Any Problem Ask Me I Will Solve Your Problem , website stealprie.online

    ReplyDelete
  34. hi, author image not showing, how to fix it.

    ReplyDelete
  35. This theme is a feature-rich new template developed using the latest trends and techniques and helps you create standard-looking blogs.

    ReplyDelete
  36. Nice information, the blog is really informative, Most recommended medical treatment refusal firm, Myadrt offers Advance Decision to Refuse Treatment Form online, so a patient can refuse treatment when he or she is not able to take any decision. Call for an appointment today!
    advance decision form

    ReplyDelete
  37. one of the best theme ,
    now i don't have header ad option

    ReplyDelete
  38. Hi guys visit my blog anthonykaycee.blogspot.com

    ReplyDelete
  39. Hello, thank you for this awesome template, i want to ask the if i can remove the footer credit (legally).

    ReplyDelete

Bottom Ad [Post Page]

| Designed by Colorlib