tag:blogger.com,1999:blog-4164152170292572929.post2423431595361236238..comments2024-03-28T11:38:53.223+09:00Comments on 10원 Tips: Display blog title image in Blogger's new floating header barsSam Nordberghttp://www.blogger.com/profile/09860631468502504144noreply@blogger.comBlogger25125tag:blogger.com,1999:blog-4164152170292572929.post-61717364264296089332020-12-01T00:46:10.920+09:002020-12-01T00:46:10.920+09:00Probably the easiest way would just be to hide the...Probably the easiest way would just be to hide the post snippets by adding this line to your blog's CSS:<br /><b>.post-snippet .snippet-item {display: none;}</b><br /><br />The other way would be to remove the post snippet from the theme HTML which would be more difficult. Sam Nordberghttps://www.blogger.com/profile/09860631468502504144noreply@blogger.comtag:blogger.com,1999:blog-4164152170292572929.post-27209014473429264322020-12-01T00:30:54.431+09:002020-12-01T00:30:54.431+09:00Looks like the set of square images you've put...Looks like the set of square images you've put in a widget there is blocking your image title. Did you mean to do that?<br /><br />Anyway, it looks like your blog text title is in a different CSS class. So try adding this code to your CSS:<br /><b>.replaced {display: none;}</b>Sam Nordberghttps://www.blogger.com/profile/09860631468502504144noreply@blogger.comtag:blogger.com,1999:blog-4164152170292572929.post-7622214859995109232020-11-27T21:33:55.580+09:002020-11-27T21:33:55.580+09:00This helped somewhat but I'm still having trou...This helped somewhat but I'm still having trouble. The blog title is showing up on top of the image even though I've specified in the header widget not to display the title.<br />Top page looks okay, but inside pages look like garbage. I'd appreciate anything you could suggest!!<br />Thanks!<br /><br />URL http://www.mamaland.org/2020/04/literally-two-minute-no-sew-easy.html<br /><br />I pasted in your CSS as follows:<br />.centered-top-container.sticky .blog-name, body.item-view .blog-name {<br /> background: url(http://3.bp.blogspot.com/-1P6t9hXtYaA/X77OGdUFUqI/AAAAAAAAtKE/T8FF68Iyu6InyJN5Ju66otJR4TL8qLORwCK4BGAYYCw/s380/mamaland%2Bblog%2Bbanner%2BBIGGER.jpg) no-repeat center;<br /> height: 65px;<br />}Tziviahttps://www.blogger.com/profile/11828930310967808828noreply@blogger.comtag:blogger.com,1999:blog-4164152170292572929.post-65265083637280612842020-08-22T16:31:53.910+09:002020-08-22T16:31:53.910+09:00How to show only the title of post at homepage in ...How to show only the title of post at homepage in blogger notable theme?<br />BLOGS By SYEDhttps://www.blogger.com/profile/10248895927362894585noreply@blogger.comtag:blogger.com,1999:blog-4164152170292572929.post-91679359731850390322020-02-05T08:54:39.028+09:002020-02-05T08:54:39.028+09:00Add this to the "Add CSS" section:
.ce...Add this to the "Add CSS" section:<br /><br /><b> .centered-top-container.sticky {display: none;} </b>Sam Nordberghttps://www.blogger.com/profile/09860631468502504144noreply@blogger.comtag:blogger.com,1999:blog-4164152170292572929.post-52227959862408811142019-09-06T17:31:08.533+09:002019-09-06T17:31:08.533+09:00It Was Helpful, Thanks Alot��. . .Am Also Grateful...It Was Helpful, Thanks Alot��. . .Am Also Grateful Because it works��Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-4164152170292572929.post-82390324844637904862019-09-06T11:27:18.195+09:002019-09-06T11:27:18.195+09:00Seems like the width is somehow being set to zero....Seems like the width is somehow being set to zero. Try adding this to the Add CSS section:<br /><br /><b>.sticky .centered-top .blog-name {max-width: unset; min-width: unset; width: 200px;}</b>Sam Nordberghttps://www.blogger.com/profile/09860631468502504144noreply@blogger.comtag:blogger.com,1999:blog-4164152170292572929.post-39267691367645182932019-09-06T02:51:06.023+09:002019-09-06T02:51:06.023+09:00Its An Emporio Custom Theme, the problem is that t...Its An Emporio Custom Theme, the problem is that the image on the header always disappear when viewed on desktops version, and does not show when searching for a post and clicking the siderbar icon.<br /><br />This is the sample URL - https://hubbers9.blogspot.comAnonymousnoreply@blogger.comtag:blogger.com,1999:blog-4164152170292572929.post-57200159606573020822019-09-05T16:09:34.566+09:002019-09-05T16:09:34.566+09:00What's the issue and what's your blog?What's the issue and what's your blog?Sam Nordberghttps://www.blogger.com/profile/09860631468502504144noreply@blogger.comtag:blogger.com,1999:blog-4164152170292572929.post-56010147860724112322019-09-03T01:53:50.099+09:002019-09-03T01:53:50.099+09:00Hi There,
�� I am glad it worked. . .but am havi...Hi There, <br /><br />�� I am glad it worked. . .but am having issues with the desktop view, it isn't showing at all, please how can i fix this? ��Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-4164152170292572929.post-21841298339116589892019-05-09T14:23:02.364+09:002019-05-09T14:23:02.364+09:00Try adding this in the "Add CSS" section...Try adding this in the "Add CSS" section of the Blogger theme editor:<br /><br /><b> div#Image9 {width: max-content;} </b>Sam Nordberghttps://www.blogger.com/profile/09860631468502504144noreply@blogger.comtag:blogger.com,1999:blog-4164152170292572929.post-47390873778943048102019-05-02T01:32:16.147+09:002019-05-02T01:32:16.147+09:00Hello! I am wondering if you could help me with my...Hello! I am wondering if you could help me with my blog image (pano of farm at top). It is not part of my header, it is just an image underneath the header. I would like for it to fully stretch across the screen, but I cannot seem to alter the CSS on my own (my knowledge is limited)! Thank you! 🙂 Website: https://www.cloverledgefarm.com/<br />Clover Ledge Farmhttps://www.blogger.com/profile/03980479474173795906noreply@blogger.comtag:blogger.com,1999:blog-4164152170292572929.post-1071869555184179852019-01-16T00:42:32.819+09:002019-01-16T00:42:32.819+09:00What's your blog URL?What's your blog URL? Sam Nordberghttps://www.blogger.com/profile/09860631468502504144noreply@blogger.comtag:blogger.com,1999:blog-4164152170292572929.post-72128493663785869392019-01-11T15:00:09.377+09:002019-01-11T15:00:09.377+09:00Broo. How to make page list sticky topBroo. How to make page list sticky topAlfian Zidnyhttps://www.blogger.com/profile/04026688796924537859noreply@blogger.comtag:blogger.com,1999:blog-4164152170292572929.post-27848162806106017312018-12-14T17:23:45.320+09:002018-12-14T17:23:45.320+09:00Thanks for this! This wasn't what I was trying...Thanks for this! This wasn't what I was trying to do. But it provided a solution to an issue I had with my layout.Random Jhttps://www.blogger.com/profile/00561773810296446178noreply@blogger.comtag:blogger.com,1999:blog-4164152170292572929.post-57208362661990916692018-07-01T22:42:41.446+09:002018-07-01T22:42:41.446+09:00Hi. The short answer is: the "simple site&quo...Hi. The short answer is: the "simple site" you mentioned is probably going to work best. <br /><br />The long answer is: you're going to need to do some replacements of the code on the other side. <br /><br />===<br /><br />If you *really* want to use the code from the "JQuery Image Zoom Effect For Blogger" site, you're probably going to have to have the script inline inside your template, unless you can host it somewhere else. The problem with that site's code is that it's outdated; the JavaScript it calls isn't there anymore. You can still find a backup of it here:<br />https://storage.googleapis.com/google-code-archive-downloads/v2/code.google.com/iblognet-codes/easyzoom.js<br /><br />So basically you need to download that, use it to replace this outdated piece of code from the site here (I can't use tags in comments, so imagine they are here):<br />script src='http://suyb.googlecode.com/files/easyzoom.js' type='text/javascript'/<br /><br />But it's tricky sometimes to put code inline in your blogger template. You'll need to make some changes. See this site for reference on how to do that:<br />https://almost-a-technocrat.blogspot.com/2017/03/how-to-avoid-parsing-error-in-blogger.html<br /><br />Good luck!Sam Nordberghttps://www.blogger.com/profile/09860631468502504144noreply@blogger.comtag:blogger.com,1999:blog-4164152170292572929.post-2335673907042633472018-06-13T20:01:19.378+09:002018-06-13T20:01:19.378+09:00How you doin bro? I just like to ask a little codi...How you doin bro? I just like to ask a little coding help, I know this is easy for you. I only need some instructions :) I like to use a zooming code from this site ( https://goo.gl/fSVNRD ) but I'm really confused how to run it. I'm using the very simple one from this site ( https://goo.gl/qTSyPm ) but from the other its a bit tricky. I'm confused how to run the codes the .js, CSS, HTML :( Also do I need to run slider code or it is included in the first website? I viewed the page source and there are 3 css.jquery stylesheet. Please give me instructions how I can apply these codes.<br />Lots of thanks to you bro.SILhttps://www.blogger.com/profile/04557946717429843307noreply@blogger.comtag:blogger.com,1999:blog-4164152170292572929.post-87306771430816667272018-02-08T00:03:10.438+09:002018-02-08T00:03:10.438+09:00I'd suggest aligning your logo to the right, i...I'd suggest aligning your logo to the right, instead of center. And also letting it auto-resize the height, like this:<br /><br />.centered-top-container.sticky .blog-name, body.item-view .blog-name {<br /> background: url(https://2.bp.blogspot.com/-lBrMEA8wl9g/WnpoeZiNoyI/AAAAAAAABd8/vhJMQsPw6ksHhqvHB3zJX7yMqS4QVuqCgCLcBGAs/s1600/1.png) no-repeat right;<br /> height: auto;<br />}<br /><br />Or just align it to the left. That way you won't have to worry about a big space gap between the text and image on a big-size screen. <br /><br />You should remember that when you insert an image in this way, we're "cheating." The image *IS* the background of the text box. So it will be nearly impossible to make them line up side-by-side well since they're NOT 2 objects next to each other; they are 1 object.Sam Nordberghttps://www.blogger.com/profile/09860631468502504144noreply@blogger.comtag:blogger.com,1999:blog-4164152170292572929.post-14639428499557756862018-02-07T12:01:56.149+09:002018-02-07T12:01:56.149+09:00Hello Sam,
This is my blog URL https://www.cooldog...Hello Sam,<br />This is my blog URL https://www.cooldogtuts.com/ my blog is just two weeks old...I noticed sometimes the image also appeared on the actual header...<br />what i do is i just paste it again on the css panel, then its back to normal. this is my link on the Header widget <br />https://2.bp.blogspot.com/-lBrMEA8wl9g/WnpoeZiNoyI/AAAAAAAABd8/vhJMQsPw6ksHhqvHB3zJX7yMqS4QVuqCgCLcBGAs/s1600/1.png <br /><br />I also noticed when I included my h1, I can't find the url of my logo...is there a way to add the image and text, adjust them side by side..and they will also appear on the sticky widget header? <br />I tried to follow the tutorials here http://tricks-for-new-bloggers.blogspot.com/search/label/Header but I think its not updated or maybe I just don't know how to understand it :) LOLSILhttps://www.blogger.com/profile/04557946717429843307noreply@blogger.comtag:blogger.com,1999:blog-4164152170292572929.post-33106647231396133822018-02-06T22:41:17.696+09:002018-02-06T22:41:17.696+09:00I don't know of any reliable way to make the i...I don't know of any reliable way to make the image a link when you insert the image via CSS. You'd have to not use CSS and instead insert the image in your blog template. You can try that but it's harder than just copy/pasting CSS code, though it will let you make the link. <br /><br />To move the logo, just add something like {padding-left:5px;} Play around with the size until it's where you want it to be. Sam Nordberghttps://www.blogger.com/profile/09860631468502504144noreply@blogger.comtag:blogger.com,1999:blog-4164152170292572929.post-39121376749631810432018-02-06T22:38:14.007+09:002018-02-06T22:38:14.007+09:00What's your blog URL? I can't really help ...What's your blog URL? I can't really help if I can't see what you're doing lol.Sam Nordberghttps://www.blogger.com/profile/09860631468502504144noreply@blogger.comtag:blogger.com,1999:blog-4164152170292572929.post-91478985020101097632018-02-06T19:49:05.178+09:002018-02-06T19:49:05.178+09:00Hello Sam,
Been tweaking my site again..btw your ...Hello Sam, <br />Been tweaking my site again..btw your code is working great and i thinkg it's the only code out there that works for the new blogger templates...<br />I just like to ask some help again..I like to combine my header image and header text but i can't find the right codes again..I read all the blogger answers in the forum but they are no good...the only code I found working is this<br />.Header h1 {<br />text-align: [Alignment];<br />}<br /><br />I can move the title left and right, but I need to position my image after the header text title...is there a way I can do that using css codes only?...and I like to resize and move the image up down left right to get the right spot...man been reading all the w3school codes selectors, divs, parameters etc..only brought me headaches.. :) hope you can help me with the codes...big thanks broSILhttps://www.blogger.com/profile/04557946717429843307noreply@blogger.comtag:blogger.com,1999:blog-4164152170292572929.post-6211719801613235862018-02-04T12:00:53.047+09:002018-02-04T12:00:53.047+09:00Excellent man, thanks! However the height command ...Excellent man, thanks! However the height command did not change the size of the logo for me. I had to use the "background-size" command.<br /><br />I still want the logo to link to the homepage, which unfortunately it is not doing anymore. Is there a way to do this? Also is there away to move the new logo, a few pixels to the right?<br /><br />I really do appreciate your help. Thanks in advance.Nilaulhttps://www.blogger.com/profile/10716498223254528035noreply@blogger.comtag:blogger.com,1999:blog-4164152170292572929.post-5693268810543413312018-01-26T01:06:31.276+09:002018-01-26T01:06:31.276+09:00Haha, glad I could help!
You can move the logo to ...Haha, glad I could help!<br />You can move the logo to the left or right just by changing the word "center" in the code to "left" or "right". <br />Then, align your blog title to the opposite side by adding this code:<br /><br />.sticky .widget.Header h1 {text-align: right;}Sam Nordberghttps://www.blogger.com/profile/09860631468502504144noreply@blogger.comtag:blogger.com,1999:blog-4164152170292572929.post-44210182643356761232018-01-25T18:57:34.937+09:002018-01-25T18:57:34.937+09:00Bro, I've been searching for almost two weeks ...Bro, I've been searching for almost two weeks how to fix my Soho template problem and you're code is the only one the works! I have tried a lot of codes from blogspot users and they didn't work. I just like to ask how can I position to the left my small logo?<br />My is positioned in the center and the blog title is on the left side. I like to put it beside my blog title, either on the right or left, whichever looks good. Man big big big thanks! At last I saw the right code. I can sleep now.. LOLSILhttps://www.blogger.com/profile/04557946717429843307noreply@blogger.com