Support Forum - Tag: google plus

Support Forum - Tag: google plus - Recent Posts http://www.kriesi.at/support/tags/google-plus Support Forum - Tag: google plus - Recent Posts en-US Sat, 18 May 2013 15:27:18 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Nick on "G+ in header" http://www.kriesi.at/support/topic/g-in-header#post-92051 Thu, 17 Jan 2013 11:33:34 +0000 Nick 92051@http://www.kriesi.at/support/ Hi, You should update your theme. The current version is 1.6 while you are using 1.3. Lot of improvements. You can download the update from Themeforest , but just please be aware that the theme update will overwrite all the current template and css files, so please make a backup first. To change the way links open, you will need to edit header.php lines 128, 129 that look like <pre><code>if($twitter = avia_get_option('twitter')) echo "<li class='twitter'><a href='http://twitter.com/".$twitter."'>Twitter</a></li>"; if($facebook = avia_get_option('facebook')) echo "<li class='facebook'><a href='".$facebook."'>Twitter</a></li>";</code></pre> to look like <pre><code>if($twitter = avia_get_option('twitter')) echo "<li class='twitter'><a href='http://twitter.com/".$twitter."' target='_blank'>Twitter</a></li>"; if($facebook = avia_get_option('facebook')) echo "<li class='facebook'><a href='".$facebook."' target='_blank'>Twitter</a></li>";</code></pre> The <pre><code>target='_blank'</code></pre> inside an anchor tag <a href will open the link in a new window. Thanks, Nick herzfamily on "G+ in header" http://www.kriesi.at/support/topic/g-in-header#post-91914 Wed, 16 Jan 2013 17:05:43 +0000 herzfamily 91914@http://www.kriesi.at/support/ Great, I had to add it to minimal-skin.css and it worked! Thanks so much, Devin. Is there a way to open all those social buttons in new window? Thanks. Devin on "G+ in header" http://www.kriesi.at/support/topic/g-in-header#post-91884 Wed, 16 Jan 2013 15:28:18 +0000 Devin 91884@http://www.kriesi.at/support/ Hey herzfamily, It looks like your icon hasn't been uploaded: <a href="https://www.glossny.com/images/skin-minimal/icons-social-google.png" rel="nofollow">https://www.glossny.com/images/skin-minimal/icons-social-google.png</a> Everything else looks fine. So once that icon has been uploaded into that spot via FTP then it should show up correctly. Regards, Devin herzfamily on "G+ in header" http://www.kriesi.at/support/topic/g-in-header#post-91739 Tue, 15 Jan 2013 18:19:01 +0000 herzfamily 91739@http://www.kriesi.at/support/ Hi all, I've read some threads about adding Google + next to rss, FB and twitter and followed some directions: 1. add <li class="google"><a href="https://plus.google.com/u/0/113291373468800020596/posts">Google+</a> under - <ul class="social_bookmarks"> <li class='rss'><a>">RSS</a> 2. .social_bookmarks .google a{background: transparent url(../images/skin-minimal/icons-social-google.png) 0 0 no-repeat;} in the css. 3. make an icon & uploading it minimal skin file, but my icon is not showing up. What am I doing wrong? Please help. Thanks. <a href="https://www.glossny.com/" rel="nofollow">https://www.glossny.com/</a> Nick on "Adding a google + logo to the home page next to facebook and tweeter" http://www.kriesi.at/support/topic/adding-a-google-logo-to-the-home-page-next-to-facebook-and-tweeter#post-89375 Sat, 22 Dec 2012 21:46:09 +0000 Nick 89375@http://www.kriesi.at/support/ Glad that Devin got you back on track. Thanks, Nick anniet on "Adding a google + logo to the home page next to facebook and tweeter" http://www.kriesi.at/support/topic/adding-a-google-logo-to-the-home-page-next-to-facebook-and-tweeter#post-89250 Fri, 21 Dec 2012 16:04:52 +0000 anniet 89250@http://www.kriesi.at/support/ Thanks Devin, I will make that work. Devin on "Adding a google + logo to the home page next to facebook and tweeter" http://www.kriesi.at/support/topic/adding-a-google-logo-to-the-home-page-next-to-facebook-and-tweeter#post-88957 Wed, 19 Dec 2012 15:30:22 +0000 Devin 88957@http://www.kriesi.at/support/ Hi anniet, You'll need to open up header.php in the theme files. Look for this line that outputs the rss line: <code><li class='rss'><a href="<?php bloginfo('rss2_url'); ?>">RSS</a></li></code> right under that line make a new line and add: <code><li class='google'><a href="#">Google+</a></li></code> Now, add the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files: <code>.social_bookmarks .google a{background: transparent url(../images/skin-minimal/icons-social-rss.png) 0 0 no-repeat;}</code> There isn't an icon already created for a google+ icon, so you'll need to add one in yourself. in the css above it points to the rss icon in the themes images folder (for the minimal skin, if you are using a different on it will be in that skin folder). You can use this image file as a template for creating your own and then replace the image location in the css to point to your new image file. The file name is "icons-social-rss.png" above. Regards, Devin anniet on "Adding a google + logo to the home page next to facebook and tweeter" http://www.kriesi.at/support/topic/adding-a-google-logo-to-the-home-page-next-to-facebook-and-tweeter#post-88812 Tue, 18 Dec 2012 16:13:18 +0000 anniet 88812@http://www.kriesi.at/support/ Hi, how could I add a link to the google plus tinteo page on our home page. I would like it to be aligned to the tweeter and facebook links. + do you have a logo that suits well the abundance theme ? Dude on "Tutorial: Use the same style header social icons for sharing individual posts" http://www.kriesi.at/support/topic/tutorial-use-the-same-style-header-social-icons-for-sharing-individual-posts#post-82116 Sat, 03 Nov 2012 18:52:13 +0000 Dude 82116@http://www.kriesi.at/support/ Hi! Thanks alan_82 :) Best regards, Peter alan_82 on "Tutorial: Use the same style header social icons for sharing individual posts" http://www.kriesi.at/support/topic/tutorial-use-the-same-style-header-social-icons-for-sharing-individual-posts#post-82105 Sat, 03 Nov 2012 17:15:19 +0000 alan_82 82105@http://www.kriesi.at/support/ Hi BelleLurette & Peter Thanks for letting me know the download expired, I've setup a new download link which is hosted on my site, so it wont go down again: <a href="http://www.designbyalan.co.uk/downloads/Social_Icons.zip" rel="nofollow">http://www.designbyalan.co.uk/downloads/Social_Icons.zip</a> The finished result also be seen on one of my portfolio pages: <a href="http://www.designbyalan.co.uk/" rel="nofollow">http://www.designbyalan.co.uk/</a> Regards Alan Dude on "Tutorial: Use the same style header social icons for sharing individual posts" http://www.kriesi.at/support/topic/tutorial-use-the-same-style-header-social-icons-for-sharing-individual-posts#post-82102 Sat, 03 Nov 2012 16:47:22 +0000 Dude 82102@http://www.kriesi.at/support/ Hey! I contacted alan_82 and asked him to reupload the files. Regards, Peter BelleLurette on "Tutorial: Use the same style header social icons for sharing individual posts" http://www.kriesi.at/support/topic/tutorial-use-the-same-style-header-social-icons-for-sharing-individual-posts#post-82091 Sat, 03 Nov 2012 13:54:15 +0000 BelleLurette 82091@http://www.kriesi.at/support/ The Filesend download doesn't work anymore... Devin on "G+ (Google Plus) icon in header" http://www.kriesi.at/support/topic/g-google-plus-icon-in-header#post-78278 Tue, 02 Oct 2012 19:01:20 +0000 Devin 78278@http://www.kriesi.at/support/ Hi anibalrojas, It depends on where you want to add it in. If you want it in the actual header.php, you'll need to create a new div to hold the content and then position it so that it doesn't effect the responsive effect and fit in well. As far as I know Kriesi hasn't said anything about adding additional G+ options but I can't say for sure one way or another. Regards, Devin anibalrojas on "G+ (Google Plus) icon in header" http://www.kriesi.at/support/topic/g-google-plus-icon-in-header#post-78119 Mon, 01 Oct 2012 16:04:20 +0000 anibalrojas 78119@http://www.kriesi.at/support/ Hello, I would like to add a G+ (Google Plus) Icon / Link in the header, any recommendation for it? Any plans to upgrade the theme? If not there is no problem, I suppose is just a little hack in header.php but not sure. Thanks in advance. Dude on "Tutorial: Use the same style header social icons for sharing individual posts" http://www.kriesi.at/support/topic/tutorial-use-the-same-style-header-social-icons-for-sharing-individual-posts#post-64456 Mon, 09 Jul 2012 06:46:20 +0000 Dude 64456@http://www.kriesi.at/support/ Hi! Great - thanks for sharing your tutorial :) Regards, Peter alan_82 on "Tutorial: Use the same style header social icons for sharing individual posts" http://www.kriesi.at/support/topic/tutorial-use-the-same-style-header-social-icons-for-sharing-individual-posts#post-64360 Sun, 08 Jul 2012 14:08:49 +0000 alan_82 64360@http://www.kriesi.at/support/ Hi everyone, I spent today sorting out the social links on my posts today, and managed to replicate the same look and rollover effects that are used on the header social links. Ive posted a screenshot of the end result: <a href="http://s11.postimage.org/9uqwx0yab/social.png" rel="nofollow">http://s11.postimage.org/9uqwx0yab/social.png</a> I thought some of you would like to do the same, so i've drafted a quick guide. Steps 1. Download WP Socializer: <a href="http://wordpress.org/extend/plugins/wp-socializer/" rel="nofollow">http://wordpress.org/extend/plugins/wp-socializer/</a> 2. Install and activate the plugin 3. Within plugin's admin screen, go to the manual customisation setting, then select social buttons 4. Select the buttons you want to use, choosing the 32px size 5. In settings at he bottom of the same window select: Image hover: none Use sprites: Yes (At this point you may want to setup other bits, like choosing pages they appear on etc, until you are happy, and you just want to change the appearance). 6. Now we are going to create/upload our icons. I've uploaded the icons for facebook, twitter, pinterest, google plus and email, including a fireworks template so others can be made. The file can be downloaded here: <a href="http://www.filesend.net/download.php?f=ed4858bf4b7a1d238a105f2f6f3bea45" rel="nofollow">http://www.filesend.net/download.php?f=ed4858bf4b7a1d238a105f2f6f3bea45</a> The icons are sprites stacked vertically (32px x 64px) 7. Now we have our icons, we need to overwrite the default ones, so using an FTP client overwrite the default icons saved in here: wp-content/plugins/wp-socializer/public/social-icons/32/ 8. Now to edit a bit of PHP so we can add the sprite the rollover effect Edit this file: wp-content/plugins/wp-socializer/includes/wpsr-socialbuttons.php Find the note that says: <code>// Check whether sprites is enabled</code> and replace the first paragraph with this <pre><code>// Check whether sprites is enabled if($sprites == 1){ $socialbts_list .= '<a href="' . $finalUrl . '" title="' . $finalTitle . '"' . $finalTarget . $finalNofollow . $params . '>' . '<img src="' . $spriteMaskImage . '" alt="' . $finalName . '" style="width:' . $pixel . '; height:' . $pixel . '; background: transparent url(' . $finalIcon . ') no-repeat; background-position: bottom left; border:0;"/>' . "</a>" . $finalLabel ; }else{</code></pre> 9. Now to update the css Open, edit then reupload the following file: wp-content/plugins/wp-socializer/public/css/wp-socializer-buttons-css.css Rename this rule: <code>.wp-socializer img, .wp-socializer-single img{</code> to <code>.wp-socializer-single img{</code> Then add these new rules to the bottom of the css file <pre><code>.wp-socializer img { float: none; border: 1px #ECECEC solid !important; margin: 0px 0px 0px 0px !important; padding: 0px !important; max-width: none\9; /* IE max-width fix on v2.1 */ } .wp-socializer img:hover { background-position: top left !important; }</code></pre> 10. The hard work is done, so test the appearance, and tweak as needed, i recommend using the firefox firebug plugin to iron out any css issues. I can't provide support for this, but i hope it's useful for some of you imbapromotion on "WordPress Author page + Corona Theme + Google Autorship launched......" http://www.kriesi.at/support/topic/wordpress-author-page-corona-theme-google-autorship-launched#post-38632 Wed, 25 Jan 2012 05:44:12 +0000 imbapromotion 38632@http://www.kriesi.at/support/ UPDATE: Issue solved. Just create 2 different widgets linking the G+ account. 2 links, but with different "REL" parameters. Here is how it performed onto my website. For example that post is now verified by Google: <a href="http://imba-shopping.com/30-spyder-taobao/" rel="nofollow">http://imba-shopping.com/30-spyder-taobao/</a> There is TWO G+ links on that page. One (on left column) (its a vidget with this HTML: -- a rel="author" href="https://plus.google.com/116164036679087348270/" -- And there is another FOOTER WIDGET on the end of the website which have "REL=ME" html markup: -- a rel="me" href="https://plus.google.com/116164036679087348270/" -- ========================== check: go here: <a href="http://www.google.com/webmasters/tools/richsnippets" rel="nofollow">http://www.google.com/webmasters/tools/richsnippets</a> type that: <a href="http://imba-shopping.com/30-spyder-taobao/" rel="nofollow">http://imba-shopping.com/30-spyder-taobao/</a> see this: author linked author profile = <a href="http://imba-shopping.com/author/imbaroot/" rel="nofollow">http://imba-shopping.com/author/imbaroot/</a> Error: Author profile page redirects to another URL redirect url = <a href="http://imba-shopping.com/" rel="nofollow">http://imba-shopping.com/</a> google profile = <a href="http://profiles.google.com/116164036679087348270/about" rel="nofollow">http://profiles.google.com/116164036679087348270/about</a> author name = Daniel Pouzankov Verified: Authorship markup is verified for this page. ==================================== BANG! :-) PS: Im sure that soon Google with put a great pressure against CopyPasters and other content theft. imbapromotion on "WordPress Author page + Corona Theme + Google Autorship launched......" http://www.kriesi.at/support/topic/wordpress-author-page-corona-theme-google-autorship-launched#post-38625 Wed, 25 Jan 2012 04:58:23 +0000 imbapromotion 38625@http://www.kriesi.at/support/ Well, just a repost here, for those who will try to find the solution for Corona theme. But this is more like a universal problem for a lot users here..... ============================================ Google released their Google+ Autorship program and i`m sure such topics will now starts to appear ofter on that SupportBlog. Issue in short terms: We have a G+ account. And our website. To enter the "GOOGLE AUTORSHIP PROGRAMM" we must perform few simple steps: We must create a 2-way links.... everything is pretty easy here. Aside from the fact, that Google (how? why?) "detects" that the site is running on a WordPress engine. And, since the Google is an uber smart folk - the crawler tries to set a link "triangle" 1) G+ profile 2) our website content (post\page\article) 3) and the "Author page" on the wordpress. And here comes the problems, because half of the Kriesi theme just demolished the "author Bio Page". ====================== Here you can check the real example (my website): 1) We go onto <a href="http://www.google.com/webmasters/tools/richsnippets" rel="nofollow">http://www.google.com/webmasters/tools/richsnippets</a> Its an easy tool to "check" the way of Autorship works\dont works. There if we type: a) (index page of website) <a href="http://imba-shopping.com/" rel="nofollow">http://imba-shopping.com/</a> - we will see: Verified: Authorship markup is verified for this page. b) (page\section link) <a href="http://imba-shopping.com/shopping-columns-view/" rel="nofollow">http://imba-shopping.com/shopping-columns-view/</a> - SAME HERE. we will see: Verified: Authorship markup is verified for this page. (Those two pages actualy receive the G+ "verification" just because i`ve inserted the back-link onto my G+ account in one of the Widgets. And seems like the Google "see" that back link. But here goes the trycky part: Verification of POSTS..... If you go on <a href="http://www.google.com/webmasters/tools/richsnippets" rel="nofollow">http://www.google.com/webmasters/tools/richsnippets</a> agai, and test this post link....: <a href="http://imba-shopping.com/31-tokyoflash-watches/" rel="nofollow">http://imba-shopping.com/31-tokyoflash-watches/</a> You wont see a magical "AUTORSHIP VERIVIED" line. Because somehow, when Google check nor a page, but "post" in wordpress, its automatically link it with a "author profile" inside our wordpress..... but since there is no such page.... Google cant find that page = cant find a Snippet backLInk = cant verify the Autorship. ================== I believe, thats the most straightforward way of solving this is just to modify onto "WHERE" the Author page will be linked. I mean, where must be a way to modify the ahref link to where crawler will be sended when it will check "autor" page. And of the most super way is to link it right back to the G+ account. Example: We read our post, and at the end of it there is a line: Comments, tags, category, author XXXX" If XXXX will lead to G+ = that will solve all the issues for everyone. ============ See, i`ve got the solution for you)) so, just give us the php code back Dude )))) PS: I have that issue on Corona theme, buts thats isnt really matters. Dude on "Footer Badge for Googe+ Page (not the +1 Button)" http://www.kriesi.at/support/topic/footer-badge-for-googe-page-not-the-1-button#post-34248 Thu, 08 Dec 2011 12:29:01 +0000 Dude 34248@http://www.kriesi.at/support/ Glad that I could help you :) scovery2 on "Footer Badge for Googe+ Page (not the +1 Button)" http://www.kriesi.at/support/topic/footer-badge-for-googe-page-not-the-1-button#post-34244 Thu, 08 Dec 2011 12:14:12 +0000 scovery2 34244@http://www.kriesi.at/support/ It works! Only the Icon has to be renamed from google_plus_16.png to googleplus_16.png Thanks again for your Help :o) Dude on "Footer Badge for Googe+ Page (not the +1 Button)" http://www.kriesi.at/support/topic/footer-badge-for-googe-page-not-the-1-button#post-34224 Thu, 08 Dec 2011 10:01:52 +0000 Dude 34224@http://www.kriesi.at/support/ Hey, you can add additional icons to the bookmarks list. In footer.php Replace: <pre><code><ul class="social_bookmarks"></code></pre> with: <pre><code><ul class="social_bookmarks"> <li class="googleplus"><a href="#" class="ie6fix">Google Plus</a></li></code></pre> and replace # with your account url. Then add following code to style1/2/3.css: <pre><code>.social_bookmarks .googleplus a{background: transparent url(../images/skin1/googleplus_16.png) 0 0 no-repeat;}</code></pre> and upload your google plus icon (16x16px) with the name "googleplus_16.png" to cleancut/images/skin1 (or depending on your skin use another skin folder). The icon pack can be found here: <a href="http://www.komodomedia.com/downloads/social_networking_iconpack.zip" rel="nofollow">http://www.komodomedia.com/downloads/social_networking_iconpack.zip</a> scovery2 on "Footer Badge for Googe+ Page (not the +1 Button)" http://www.kriesi.at/support/topic/footer-badge-for-googe-page-not-the-1-button#post-34222 Thu, 08 Dec 2011 09:43:58 +0000 scovery2 34222@http://www.kriesi.at/support/ As you already wrote before at <a href="http://www.kriesi.at/support/topic/google" rel="nofollow">http://www.kriesi.at/support/topic/google</a> you have no plans to integrate Google+ into the Themes. But how about the Footer Area? I like to add a badge for my Googe+ Page (not the +1 Button). Can you add a additional class for the Theme? Alternatively for Workaround you may have a HTML Snippet to insert in the footer.php to update th class="social_bookmarks" for a direct Link? Kind Regards