1092 comments found.
Hi tiennguyenvan, i want to decorate my Main Menu Navigation bar fonts and text, so can you please provide me CSS Code to input in Layout ADMIN HEAD widget, i am getting following codes under HTML Editor, but i want to customize below CSS Codes and input into ADMIN HEAD, how can i do this?
.main-menu ul.menu li a { padding: 0 20px; display: block; height: 40px; line-height: 40px; text-decoration: none; color: #777;
The Main Menu Navigation has a lot of elements (main, sub/drop, group, mega, ...) many many, so I can not provide all css selector for it, too complex.
Then I need you must provide a specific element, context and effect you want.
Or if you are interested for the whole code, you can read this:/*Menu*/
#header-section .PageList,
#header-section .LinkList {
display: none;
}
.main-menu {
position: relative;
}
.main-menu .menu .arrow {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid;
float: right;
display: inline-block;
margin: 18px 0 0 5px;
}
.main-menu .sub-menu .arrow {
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid;
margin: 15px 0 0 10px;
}
.main-menu .menu a {
position: relative;
}
.main-menu ul {
margin: 0;
padding: 0;
}
.main-menu ul.menu li {
display: block;
font-size: 14px;
font-weight: 300;
padding: 0;
}
.main-menu ul.sub-menu li a {
font-weight: 100;
}
.main-menu ul.sub-menu li {
position: relative;
font-size: 13px;
}
.main-menu ul.menu li a {
padding: 0 20px;
display: block;
height: 40px;
line-height: 40px;
text-decoration: none;
color: #777;
}
.main-menu ul.menu li:hover > a {
color: black;
}
.main-menu ul.menu > li > a {
position: relative;
padding-right:30px;
}
.main-menu ul.menu > li > a .arrow {
position: absolute;
top: 1px;
right: 15px;
}
.main-menu ul.menu > li {
float: left;
height: 40px;
line-height: 40px;
}
.main-menu .menu-item-inner {
visibility:hidden;
opacity:0;
transition:visibility 0s linear 0.3s,opacity 0.3s linear;
-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
-ms-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}
.main-menu ul.sub-menu {
min-width: 180px;
background: #333;
position: absolute;
top: 100%;
}
.main-menu li:hover > .menu-item-inner {
/*display: block;*/
visibility:visible;
opacity:1;
transition-delay:0s;
-webkit-transition-delay:0s;
-moz-transition-delay:0s;
-o-transition-delay:0s;
-ms-transition-delay:0s;
}
.main-menu ul.sub-menu li:hover a {
color: #eee;
background: rgba(0,0,0,0.1);
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.main-menu ul.sub-menu li:hover > a {
color: white;
}
.main-menu ul.menu li ul.sub-menu a {
color: #ccc;
min-height: 40px;
height: auto;
padding-right: 10px;
}
.main-menu ul.menu li ul.sub-menu li:hover > a {
color: #fff;
}
.main-menu ul.sub-menu ul.sub-menu {
top: 0;
left: 100%;
}
/*mega menu*/
.main-menu li.menu-item-mega:hover .menu-item-inner {
visibility:visible;
opacity:1;
}
.main-menu li.menu-item-mega .menu-item-inner .arrow {
display: none;
}
.main-menu .menu-item-mega > .menu-item-inner > .sub-menu {
width: 100%;
left: 0;
padding: 10px 0;
}
.main-menu .menu-item-mega > .menu-item-inner > .sub-menu > li {
float: left;
width: 25%;
}
.main-menu .menu-item-mega > .menu-item-inner > .sub-menu > li > a {
font-size: 14px;
}
.main-menu .menu-item-mega > .menu-item-inner > .sub-menu > li > .menu-item-inner {
position: static;
border-left: 1px solid #3c3c3c;
margin-left: 20px;
}
.main-menu .menu-item-mega .sub-menu .sub-menu {
position: relative;
left: 0;
}
.main-menu .menu-item-mega:hover .sub-menu a {
background: none;
border-left: none;
}
.main-menu .menu-item-mega .sub-menu .sub-menu a {
font-size: 12px;
margin-left: 15px;
padding: 0px;
}
.main-menu .menu-item-mega > .menu-item-inner > .sub-menu > li li:hover a {
padding-left: 10px;
}
.main-menu li.menu-item-mega-label:hover .menu-item-inner .menu-mega-content {
position: relative;
z-index: 1;
margin-top: -25px;
}
.main-menu .menu-item-mega-label .menu-item-inner {
position: absolute;
left: 0;
width: 100%;
background-color: #333;
padding: 20px 0 20px 0;
}
.main-menu li.menu-item-mega-label.finished .menu-item-inner .menu-mega-content .item {
float: left;
width: 22.5%;
margin-right: 2%;
}
.main-menu li.menu-item-mega-label.finished .menu-item-inner .menu-mega-content .item.item-0 {
margin-left: 2%;
}
.main-menu li.menu-item-mega-label.finished .menu-item-inner .menu-mega-content {
margin: 0;
}
.main-menu li.menu-item-mega-label.finished .menu-item-inner .menu-mega-content .item .item-thumbnail {
height: 160px;
background: black;
padding: 0;
}
.main-menu li.menu-item-mega-label.finished .menu-item-inner .menu-mega-content .item .item-thumbnail:hover img {
background: black;
opacity: 0.5;
transition:opacity 0.3s linear;
-webkit-transition:opacity 0.3s linear;
-moz-transition:opacity 0.3s linear;
-o-transition:opacity 0.3s linear;
-ms-transition:opacity 0.3s linear;
}
.main-menu li.menu-item-mega-label.finished .menu-item-inner .menu-mega-content .item .item-thumbnail i.fa {
visibility: hidden;
opacity: 0;
position: absolute;
color: white;
width: 100%;
text-align: center;
top: 40%;
z-index: 999;
font-size: 1000%;
}
.main-menu li.menu-item-mega-label.finished .menu-item-inner .menu-mega-content .item .item-thumbnail:hover i.fa {
visibility: visible;
opacity: 1;
font-size: 200%;
transition:visibility 0.3s linear, font-size 0.3s linear, opacity 0.3s linear;
-webkit-transition:visibility 0.3s linear, font-size 0.3s linear, opacity 0.3s linear;
-moz-transition:visibility 0.3s linear, font-size 0.3s linear, opacity 0.3s linear;
-o-transition:visibility 0.3s linear, font-size 0.3s linear, opacity 0.3s linear;
-ms-transition:visibility 0.3s linear, font-size 0.3s linear, opacity 0.3s linear;
}
.main-menu ul.menu li a.item-title {
height: auto;
line-height: 1.5em;
padding: 0;
margin: 10px 0 0;
color: #ccc;
font-size: 14px;
font-weight: 100;
}
.main-menu ul.menu li a.item-title:hover {
color: white;
}
.main-menu ul.menu li.menu-item-mega-label.menu-item-has-children > .menu-item-inner > ul.sub-menu {
float: left;
width: 20%;
position: relative;
border-top: none;
padding: 0;
margin-top: -15px;
}
.main-menu ul.menu li.menu-item-mega-label.menu-item-has-children > .menu-item-inner > ul.sub-menu > li {
float: none;
width: 100%;
}
.main-menu ul.menu li.menu-item-mega-label.menu-item-has-children > .menu-item-inner > ul.sub-menu .menu-item-inner {
padding: 0;
width: auto;
}
.main-menu ul.menu li.menu-item-mega-label.menu-item-has-children > .menu-item-inner .menu-mega-content {
float: right;
width: 80%;
}
Ops, that’s quite long, i should have told you my Main Menu Navigation style, and that’s just a Text and Link, and no other sub/drop, group, mega etc. kind of styles, but just a text and hyper link.
And i just want to make my navigation text bold, increase text size, change text color only. I hope its clear now. 
Here is the code:
.main-menu ul.menu>li>a {
color: red;
background: yellow;
font-family: arial;
font-size: 11px;
}
.main-menu ul.menu>li:hover>a {
color: yellow;
background: red;
}
Thanks alot bro, i need it.
How do I upload fully retina supported logo for the mobile version? The other image of my site looks HD, but the logo looks little bit blurry. Thanks!
We have not separate logo with BLOGGER. You must upload full retina logo for as once for both desktop and mobile. So sorry, this is Blogger.
The ‘bold’ text in the post body doesn’t completely looks bold. When I use font like Verdana, it’s completely bold. If I use fonts like Open Sans, the fonts are not completely bold. However, the same Open Sans bold text just fine enough bold.
What’s going on here?
Some fonts will have not much different between normal and bold. I must take a look the code to understand your mean. Can you share the url that contain the problem that you are talking about?
Check this URL and find the text ‘sorted by relevancy’ ( get-bloggertricks.blogspot.com/2009/11/smart-related-post-hack-for-blogspot.html ). The texts are bold, but it doesn’t look bold at all. However, in my other sites, bold texts are very different with the same font and same font size and browser.
This is depending the font. Please show your OTHER SITE, so I can check if it’s using the same font.
Hey, I just sent you my ‘OTHER SITE’ via message in ThemeForest. Please reply.
I need to add custom javascript code inside the tag. How do I do it?
Access Layout then edit ADMIN HEAD widget then put your code into it.
Sorry, I meant I need to put codes inside the ‘BODY’ tag. How can it be done?
Yes, that’s what I said. When you put code into ADMIN HEAD widget, the code will auto be placed underneath the BODY tag.
I make ADMIN HEAD widget to help you put custom code to site and also not be lost after updating template.
If you insert code directly into TEMPLATE CODE, the code will be removed after updating template.
Thanks! Can I add codes to the same place if I have to add code into the HEAD tag as well? They’re at the different part of the template.
if you want to insert code into Head, you must modify template directly. But not recommend.
How do I add small icons to the main navigation menus?
I wrote it in documentation about Underscore Menu. The documentation provided this link: http://www.sneeit.com/2015/07/blogger-underscore-menu-system.html
Just follow it.
please, need assistance on my mobile page. it only shows when i deactivate the mobile view from blogger.
Yes of course, you must disable mobile by opt in “No, show desktop template on mobile” to allow showing MagOne on template instead of using the mobile template from Blogger.
How do I change the color of header menu logo, header/menu divide line, search logo and the ‘subscribe’ button? (as shown here: http://i.imgur.com/EXKFGW1.png )
That’s main color. Access Template / Customize and change any style (included colors, fonts, background) as you want.
Hi,
How can I place 480×90px banner right here: http://i.imgur.com/QKXnVQ1.png
I checked other banner placement, but I want to put banner right there without changing the current layout of the header.
Thanks!
The screenshot link not work.
Here I uploaded the pic again: http://imgur.com/N4VK0Xj
thanks!
That head style not support banner. If you want banner, you must change header layout to other styles. Read “Header Layout” section in documentation.
I’m getting ‘Some settings were defined invalid in your template’ error when copy/pasting entire code into the SpotSettings. Help appreciated!
EDIT: SOLVED!
The Google PageSpeed Insights shows the demo page speed of 51 / 100 for mobile and 52 / 100 for desktop. Could you update the theme to improve page speed a little bit better? Maybe moving javascripts to the bottom of the page and Minify JavaScript?
If those minors things can be fixed to improve page load speed, I’d happily buy the theme.
Thanks!
-Anup
Dear. We have a lot of features for the template, so at this time I only focus to EXPERIENCE. Did you see it load FAST? That’s it.
I will try to increase PageSpeed, but I did that best at this time.
I was only giving you suggestions. No need to capitalize the words, my friend. What I’m trying to say is, it’s good to have a template that is good for SEO, too. As a blogger developer myself I understand and appreciate that you did work hard to build this template. Good work!
I’m going to purchase the theme later anyways.
-Anup
oops, sorry i posted to contact author instead of here at first. Also sent to email, so not sure which is best. I am a bit stuck….
Referring to install instructions in the downloaded package.
I am finished until STEP 3. It says NEW OPTIONS but I don’t see where they are.
Anyway, I tried to go to step 4 but:
Step 4 – Translate Template .
Here, I copy the code (MAC, text Edit)
And paste into Sneeit.
But in Safari it doesn’t paste. So I opened Chrome and iit pastes. I click SCAN SETTINGS IN TEMPLATE and get error message in PINK: Some settings were defined invalid in your template.
And that is where I am.
I have only installed one other template before so I don’t have a lot of experience to understand what my mistake is. However, I note that if I open the html file , there is a big message at the top about errors.
It say, “This page contains the following errors:
error on line 580 at column 97: Namespace prefix fb on comments-count is not defined error on line 732 at column 148: Namespace prefix fb on comments-count is not defined Below is a rendering .. “
Hope you advixe where my mistake is.
thanks
Dear. I replied your email, just follow it.
Hi Author,
I am really enjoying using your theme, i need know, if it’s possible to stop Ticker widget animation, and make it 4 posts to be display static without next button and article movement ??
Hi. It’s TICKER so it must move. If you want that, you can disable the arrow and increase the speed delay time to a very big number.
hi i want to know weather i have to do post pagination manually through html code in this template or it can be done through short code ??
We use shortcode
a single post can be splitted in to how many pages maximum (20,30,50) ???
Unlimited. But Blogger only allow maximum 2MB post content, so may be the maximum pages can be about 3 millions
hahaha you are awesome… one last question though is post width customize able in this template… actually i want to adsense add banner larger one its probably 720 px large
Yes. You can increase width from customize similar with official templates of Blogger.
thank you so much i’ll buy this template till this week end thanks again for awesome response
boxed layout is supported ?
Yes of course. Already included in demo. You can check.
Nice, i like http://www.dexamsabi.com/
i saw your blog demo.But i don’t find any latest post widgets. is there any latest post widgets not in the sidebar.In the main blog post.Because i want to buy it.
Yes. We have both latest and random post widgets in all design styles.
The widget FEED WITH THUMBS is one of latest post with BLOGGING style.
On tab widget, you can also see a latest post widget with LIST style.
Oh great .Can i pay with my payoneer mastercard?
I think yes, you can. But if you have any problem, you can contact envato to support your payment. https://help.market.envato.com/hc/en-us/categories/200216004
Date and Author Profil cant show, help me.
Edit Blog Post widget and enable them
Hi. Did you input G+ profile Bio (About)? Please share me your site URL and y our G+ profile URL. Thanks.
Your about is empty: http://pasteboard.co/2xMRx8fI.png
Please fill up it.
Good afternoon. Today, there is a problem: images are not loaded, and the pages loaded very slowly.
http://firepic.org/images/2015-11/20/pubpcqztoafu.jpgMy site – http://www.vgblogs.ru/
I see everything is very well on your site.
If a site is working well and suddenly broken, just please check your recently changes.
$host parameter (“load posts from other sites”)—is something new for blogger world and for blogger platform, as currently, this option is only available on WordPress platform with various plugins, but bro you have brought something new with unique functionalities. I must say you’re filling all the gaps between Blogspot and WordPress in terms of customization. Keep it up (Y).
If possible, can you please add $host parameter widget on your demo site for better understanding of blogspot users. You must include all new parameters in your demo site, it will help others. Good Luck!
Thank you sir. I am waiting till version 4 then will put them on.
Can you tell me how do i input it into widget, like this ( $host=www.google.com) ?
Hi. We can not do that with Blogger. Blogger only allow you load data from other sites which are also in Blogger.
So you mean to say, i can only input .blogspot.com or blogger hosted domain names, not other wordpress based site? so is it a correct parameter ($host=http://magonedemo.blogspot.com) ?
Yes. If you need to load data from none-Blogger base, you need PHP but that is not available in Blogger or you must use paid third-party services.
Ok, now i understand!
One more thing, my widget successfully fetched the articles from third-party blogger blog, in a particular widget section with labels appearing, but when i click on that third-party article specific label, then that article didn’t appeared on my site label page. So it means, that third-party articles will only display on homepage widgets? and not on other label pages or archive pages?
The whole content of that widget are items from other site, include the label links. So if you click those links, it will go to the original site, not stay on your site (of course).
This parameter is useful for exchange promotion, when you have many sites and you want make a chain between them.
Hmm, that’s right. Thanks for help!
Any easy way you found to update theme from old version to new version without losing user customizations i.e. Fonts, Colors, Codings etc. I tried Widget Merger tool but its creating some problem, and it’s not 100% accurate tool for updation 
It’s really a headache and painful process to update Blogspot themes
You can use this to update manually: http://www.scootersoftware.com/download.php
I hope Blogger will have a new option for this problem.
Dear Tien, I want change to Magazine – Tech Geekers style. How to change? Help me, please. Thanks
Dear. Please send ticket to: http://themeforest.net/user/tiennguyenvan#contact
I will send you back the structure of that style.
Hi! Thanks for the update! You’re great. One question: In SpotSettings under “Use Direct Ads for Top Left Ads of post,” I am getting this response underneath the heading “Not found start string in template code” Could you tell me what exactly this means and how I could fix this. thanks
Hi. Did you click “Format Template” button. That button can make the template broken. You can send ticket to: http://themeforest.net/user/tiennguyenvan#contact
So I can take a look your site.
