tag:blogger.com,1999:blog-3126197138969349243.post6780263969908444111..comments2024-03-29T03:40:48.172-07:00Comments on Helplogger: How To Add Social Media Icons to Blogger HeaderUnknownnoreply@blogger.comBlogger104125tag:blogger.com,1999:blog-3126197138969349243.post-88414964425198891462015-10-14T04:34:58.673-07:002015-10-14T04:34:58.673-07:00It is possible. Check out http://dynamicblogger.c...It is possible. Check out http://dynamicblogger.com.Gerry Hatrićhttps://www.blogger.com/profile/06172504526073441190noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-38113742237360213422015-03-07T14:27:08.530-08:002015-03-07T14:27:08.530-08:00this code is not in my html
any help?this code is not in my html<br /><br />any help?Anonymoushttps://www.blogger.com/profile/02817364637146303206noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-86284114577096600282014-11-17T20:44:18.860-08:002014-11-17T20:44:18.860-08:00Well well well, I guess I'm tired or maybe it&...Well well well, I guess I'm tired or maybe it's the beer(s), but they reason the icons aren't linking was b/c I was in PREVIEW mode! But now I've decided to keep them as a gadget b/c of how they look on a mobile device/smart phone when being located up at the top.<br /><br />Wow, a learning experience. But thank you for this article, very helpful.BLK RFL DIVhttps://www.blogger.com/profile/07937749943791523054noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-5647602956235980022014-11-17T20:31:27.674-08:002014-11-17T20:31:27.674-08:00Well, I saw Karen's post from 8/23 and decided...Well, I saw Karen's post from 8/23 and decided to give it a try.<br /><br />I deleted the 'gadget' and added the HTML, then went to customize and added the CSS code. It placed it perfectly and got rid of the dot/bullet, but none of the icons are 'hot', they're all just images now. Argh, so close!<br /><br />Back to the gadget.BLK RFL DIVhttps://www.blogger.com/profile/07937749943791523054noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-27241664956215895672014-11-17T20:08:28.988-08:002014-11-17T20:08:28.988-08:00Great tutorial, but unfortunately my header is an ...Great tutorial, but unfortunately my header is an image and I could not figure out (my lack of HTML skills) how to set the icons horizontally to the upper right side of the page.They were lining up vertically on the left side.<br /><br />My work around was to add an HTML/Javascript gadget dump the code in and replace links with my own icons (linked via dropbox). Unfortunately, even that has it's own issue, a bullet point is showing up in front of the icon..... How to resolve this, I have no idea. On to the next project, unless someone has some insight to assist me, which would be greatly appreciated.BLK RFL DIVhttps://www.blogger.com/profile/07937749943791523054noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-46139047858604281782014-11-13T21:28:14.512-08:002014-11-13T21:28:14.512-08:00how to change location buttonshow to change location buttonsAnonymoushttps://www.blogger.com/profile/08613482191157829161noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-26479248637814259232014-09-03T08:32:59.647-07:002014-09-03T08:32:59.647-07:00Hello, how did you add new social icon on your blo...Hello, how did you add new social icon on your blog? Thanks.Jadehttps://www.blogger.com/profile/12569698628418523238noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-89971683584736552142014-09-03T08:26:42.249-07:002014-09-03T08:26:42.249-07:00Hello, this is a great tutorial. However, how can ...Hello, this is a great tutorial. However, how can you add new social icons. Please see: http://yesim.blogspot.com/. I need to add skype, youtube, and RSS. Thanks for your help.Jadehttps://www.blogger.com/profile/12569698628418523238noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-18263513857820207662014-08-31T01:02:52.077-07:002014-08-31T01:02:52.077-07:00It's kinda okay now..I have to skip step 2..an...It's kinda okay now..I have to skip step 2..and it seems okay on my blog. thanks again for great tutorial.Moonwalkers Malaysiahttps://www.blogger.com/profile/07666930758801545571noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-54457519796635573512014-08-24T13:08:13.706-07:002014-08-24T13:08:13.706-07:00Hi Admin , have emailed you and attached my templa...Hi Admin , have emailed you and attached my template. The icons have now moved to the right Yay!! but no longer work i.e. don't link to my social medias. It looks pretty though :) Thanks for all your help and I hope you can solve the problem. K<br />frumpytofunkyhttps://www.blogger.com/profile/01605920972322943897noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-48756545064092010712014-08-23T21:25:49.608-07:002014-08-23T21:25:49.608-07:00Thanks a lot! It works!Thanks a lot! It works!iluvfictionhttps://www.blogger.com/profile/13944847911369358341noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-61681668399866944052014-08-23T16:30:00.197-07:002014-08-23T16:30:00.197-07:00Hi Karen,
I'm not sure if this is the problem...Hi Karen,<br /><br />I'm not sure if this is the problem, but it appears that there's a missing bracket in the CSS code. Try to find this part in the HTML of the template (click anywhere inside the code area and press the CTRL + F keys):<br /><b>#header-inner img</b><br /><br />just below you should see this line<br /><b>margin: auto;</b><br /><br />if there's no curly bracket after it, add it like this:<br />#header-inner img {<br />margin: auto; <b>}</b><br /><br />And Save your template. If it still doesn't work, please send me a copy of your template at heplogger76@gmail.comAdminhttps://www.blogger.com/profile/11072438042081381773noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-47898177801181812072014-08-23T15:36:43.263-07:002014-08-23T15:36:43.263-07:00Sorry it is still not working. The whole of step 2...Sorry it is still not working. The whole of step 2 is in the CSS box and I've tried it with the new <br />code at the bottom and at the top. I've even deleted step 2 from the box altogether but nothing seems to work? Plus the icons also have a black dot to the left side.<br />Here's my blog just in case it is easier to see it http://frumpytofunky.blogspot.com<br />Thks for the Pinterest button - have added successfully<br />Karen<br />frumpytofunkyhttps://www.blogger.com/profile/01605920972322943897noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-31788558593761355982014-08-23T13:42:15.535-07:002014-08-23T13:42:15.535-07:00Hi Ruchi,
Go to Template, hit the Customize butto...Hi Ruchi,<br /><br />Go to Template, hit the Customize button and navigate to Advanced > Add CSS. Paste this code inside the box and hit the 'Apply to blog' button:<br />.social-media-icons {position: absolute; right: 0; z-index: 100;}<br /><br />Hope it works.Adminhttps://www.blogger.com/profile/11072438042081381773noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-17578524268649986142014-08-23T13:37:21.727-07:002014-08-23T13:37:21.727-07:00Hi Karen,
Go to Template and press the Customize ...Hi Karen,<br /><br />Go to Template and press the Customize button > navigate to Advanced > Add CSS and add this code inside the box:<br /><b>li.media_icon {display: inline-block; float: right;}</b><br /><br />Hit the 'Apply to Blog' button to save the changes. To add the Pinterest button, go again to Template > Edit HTML and add this line just above the <b></ul></div></b> tags (see step 3 and 4):<br /><br /><li class='media_icon'><a href='<b>http://name-of-your-blog.com</b>/feeds/posts/default'><img border='0' height="36" width="36" src='http://4.bp.blogspot.com/-Xd5UE2Ozb8U/U_j46P_3VeI/AAAAAAAAKOw/3z5Ju_NQU2o/s1600/pinit-button.png'/></a></li><br /><br />And hit the 'Save template' button.Adminhttps://www.blogger.com/profile/11072438042081381773noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-82620550808016599952014-08-23T08:15:25.139-07:002014-08-23T08:15:25.139-07:00Thks I've managed to get the icons on my blog ...Thks I've managed to get the icons on my blog but the icons are on the left hand side and go down - how do I get them on the right and horizontal? Plus can you give me the Pinterest script? Sorry not very computer savvy frumpytofunkyhttps://www.blogger.com/profile/01605920972322943897noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-51164251817769922652014-08-23T01:35:52.450-07:002014-08-23T01:35:52.450-07:00Admin:
I added the 'social media' icons, i...Admin:<br />I added the 'social media' icons, it was fine. <br />Then I added the floating bar and removed it after a day. <br /><br />After that the header social media icons are left aligned. Please helpiluvfictionhttps://www.blogger.com/profile/13944847911369358341noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-9191331130094064402014-08-21T05:19:24.238-07:002014-08-21T05:19:24.238-07:00tks a lot i did ittks a lot i did itAnonymoushttps://www.blogger.com/profile/01899176638418801817noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-62436271390055259222014-08-19T19:57:45.776-07:002014-08-19T19:57:45.776-07:00Can I add social media icons without having a soci...Can I add social media icons without having a social media site. I want to add those icons, so others can share it. How would I proceed in step 4?Passionate Travelerhttps://www.blogger.com/profile/04726346665951317535noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-45541804822717849702014-08-19T09:56:39.238-07:002014-08-19T09:56:39.238-07:00How did you get the insta icon?How did you get the insta icon?Tionehttps://www.blogger.com/profile/08379637182429701660noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-7480494273212584012014-08-19T09:55:17.987-07:002014-08-19T09:55:17.987-07:00How do you get image url for instagram and instead...How do you get image url for instagram and instead of opening in the same page how do you get it to open in a new link?Tionehttps://www.blogger.com/profile/08379637182429701660noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-73825985715116765832014-08-12T17:25:43.895-07:002014-08-12T17:25:43.895-07:00Not sure what blue URL you are talking about to ch...Not sure what blue URL you are talking about to change the icons?Sydhttps://www.blogger.com/profile/05025383933111078622noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-14161216433028904312014-08-10T06:42:45.374-07:002014-08-10T06:42:45.374-07:00Thank you for sharing,it worked great,I just have ...Thank you for sharing,it worked great,I just have one question,how to make the link open in a new tab? I tried adding target="_blank" but error shoved up.<br /><br /><a href="http://fashionwithvalentina.blogspot.com" rel="nofollow">FASHION with VALENTINA.</a>Valentinahttps://www.blogger.com/profile/17037408996115531620noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-4751833024140924252014-08-07T07:22:52.073-07:002014-08-07T07:22:52.073-07:00Don't why it comes on left side for me.
www.pe...Don't why it comes on left side for me.<br />www.peaceguidance.blogspot.comCAnoreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-87102298047447223882014-07-22T10:41:40.124-07:002014-07-22T10:41:40.124-07:00Thanks for this article. My blog look like a pro n...Thanks for this article. My blog look like a pro now.:DAlinhttps://www.blogger.com/profile/05534638467636663986noreply@blogger.com