Search Results for 'facebook share text'

в общем решил так с OK.ru
взял сеть behance и поменял к ней настройки
class td_social_icons {
static $td_social_icons_array = array(
‘behance’ => ‘ok’,
‘blogger’ => ‘Blogger’,
‘delicious’ => ‘Delicious’,
‘deviantart’ => ‘Deviantart’,
‘digg’ => ‘Digg’,
‘dribbble’ => ‘Dribbble’,
‘evernote’ => ‘Evernote’,
‘facebook’ => ‘Facebook’,
‘flickr’ => ‘Flickr’,
‘forrst’ => ‘Forrst’,
‘googleplus’ => ‘Google+’,
‘grooveshark’ => ‘Grooveshark’,
‘instagram’ => ‘Instagram’,
‘lastfm’ => ‘Lastfm’,
‘linkedin’ => ‘Linkedin’,
‘mail-1’ => ‘Mail’,
‘myspace’ => ‘Myspace’,
‘path’ => ‘Path’,
‘paypal’ => ‘Paypal’,
‘pinterest’ => ‘Pinterest’,
‘reddit’ => ‘Reddit’,
‘rss’ => ‘RSS’,
‘share’ => ‘Share’,
‘skype’ => ‘Skype’,
‘soundcloud’ => ‘Soundcloud’,
‘spotify’ => ‘Spotify’,
‘stackoverflow’ => ‘Stackoverflow’,
‘steam’ => ‘Steam’,
‘stumbleupon’ => ‘StumbleUpon’,
‘tumblr’ => ‘Tumblr’,
‘twitter’ => ‘Twitter’,
‘vimeo’ => ‘Vimeo’,
‘vk’ => ‘VKontakte’,
‘windows’ => ‘Windows’,
‘wordpress’ => ‘WordPress’,
‘yahoo’ => ‘Yahoo’,
‘youtube’ => ‘Youtube’
);

/* подставил как иконку для ОК.ру так как у шаблона нет ее */
.td-icon-behance:before {
content: ‘\OK’;
font-weight: bold;
color: #F58220;
font-weight: 900;
text-transform: uppercase;
font-family: ‘Open Sans’, arial, sans-serif;

}

Hello

To every one searching for a way to add share buttons on pages here is how i did it with out plugin :
1 go to function.php in your theme root( better use child theme so you dont lose modifications when updating) :
2- add the following code :

/* ----------------------------------------------------------------------------*/
// Share buttons on pages' bottom
// PS: no-follow tag was added to external links

}
add_filter('the_content', 'tagdiv_social_buttons');
// use short code [tagdivsocial] to show buttons where ever you need
add_shortcode('tagdivsocial', 'tagdiv_social_buttons');
`

3 then add the following css to theme panel of your style.css file:

<code>
.tagdiv-share {
     margin: 21px auto;
    text-align: center;
        font-family: 'Droid Arabic Kufi', arial, sans-serif !important;
}
.tagdiv-google{
    
    width: 160px !important;
}
.tagdiv-google-border{
        border-right: 1px solid rgba(255, 255, 255, 0.2);
}
</code>

and every thing is working fine
hope this help any one looking.

• This reply was modified 8 years by biznizat. Reason: FIXING

Thank you for your reply.
I want to hide the SNS button displayed by <div class = “vc_toggle_content”>.
It is CSS below.

<div class=’wp_social_bookmarking_light’>
<div class=”wsbl_twitter”>Tweet</div>
<div class=”wsbl_facebook_like”>
<div id=”fb-root”></div>
<p><fb:like href=”http://www.fighters-spirits.com/magazine/archives/3051&#8243; layout=”button_count” action=”like” width=”100″ share=”false” show_faces=”false” ></fb:like></div>
<div class=”wsbl_facebook_share”>
<div id=”fb-root”></div>
<p><fb:share-button href=”http://www.fighters-spirits.com/magazine/archives/3051&#8243; type=”button_count” ></fb:share-button></div>
<div class=”wsbl_hatena_button”> <script type=”text/javascript” src=”//b.hatena.ne.jp/js/bookmark_button.js” charset=”utf-8″ async=”async”></script></div>
<div class=”wsbl_line”></div>
<div class=”wsbl_google_plus_one”><g:plusone size=”medium” annotation=”none” href=”http://www.fighters-spirits.com/magazine/archives/3051&#8243; ></g:plusone></div>
<div class=”wsbl_pocket”>Pocket<script type=”text/javascript”>!function(d,i){if(!d.getElementById(i)){var j=d.createElement(“script”);j.id=i;j.src=”https://widgets.getpocket.com/v1/j/btn.js?v=1&#8243;;var w=d.getElementById(i);d.body.appendChild(j);}}(document,”pocket-btn-js”);</script></div>
</div>
<p><br class=’wp_social_bookmarking_light_clear’ /></p>
</div>

Thanks!

That is correct. These social sharing icons are from JetPack. Jetpack is used by many users. Here is how to make the JetPack sharing icons look nice and neat with this theme.You can add whatever buttons or social media sharing you use, change colors etc.

Instead of looking like above they will not look like this —

View post on imgur.com

Place Code in – Appearance/Edit CSS

/* JetPack Social Buttons */

div.sharedaddy div.sd-block {
border-top: 1px solid rgba(0,0,0,0.13);
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgba(0,0,0,0.13);
padding: 0;
}

.single-format-quote div.sharedaddy div.sd-block {
display: none;
}

div.sharedaddy .sd-content {
float: left;
margin-top: 10px;
margin-top: 1rem;
margin-bottom: 10px;
}

div.sharedaddy a.sd-button {
border: none !important;
box-shadow: none;
}

.sd-social-icon-text a.sd-button > span, a.sd-button > span {
opacity: 1;
padding: 4px 10px;
padding: .4rem 1rem;
}

li.share-facebook a.sd-button > span,
li.share-google-plus-1 a.sd-button > span,
li.share-tumblr a.sd-button > span,
li.share-pinterest a.sd-button > span,
li.share-twitter a.sd-button > span,
li.share-pocket a.sd-button > span {
border: none;
color: #fff;
font-family: ‘verdana’, arial;
font-size: 6px;
font-size: .6rem;
font-weight: 300;
letter-spacing: 0;
text-transform: uppercase;
}

li.share-facebook a.sd-button > span {
background: #4965a0;
}

li.share-facebook a.sd-button:hover > span {
background: #1e73be;
}

li.share-twitter a.sd-button > span {
background: #55ACEE;
}

li.share-twitter a.sd-button:hover > span {
background: #1e73be;
}

li.share-google-plus-1 a.sd-button > span {
background: #dd4b39;
}

li.share-google-plus-1 a.sd-button:hover > span {
background: #1e73be;
}

li.share-tumblr a.sd-button > span {
background: #35465D;
}

li.share-tumblr a.sd-button:hover > span {
background: #1e73be;
}

li.share-pocket a.sd-button > span {
background: #F15367;
}

li.share-pocket a.sd-button:hover > span {
background: #1e73be
}

li.share-pinterest a.sd-button > span {
background: #D5222A;
}

li.share-pinterest a.sd-button:hover > span {
background: #1e73be;
}

.sd-content .sd-button span.share-count {
color: #fff !important;
font-size: 100% !important;
}

.sd-button span.share-count { /* Disable Counters */
display: none;
}

div.sharedaddy h3 {
font-size: 20px !important;
font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
text-transform: none;
letter-spacing: 0;
line-height: 1;
font-weight: bold;
}

• This reply was modified 9 years by bformhals.

I also want to remove the google, twitter pinterest icons. I added the code you mentioned into the CSS through the theme panel, but it is still shown.

Also I want to remove the text from the facebook like and share tweet button and add a whatsapp and instagram button.

How to do this?

Post: https://snag.gy/xqAGLi.jpg
CSS:https://snag.gy/iKAr4v.jpg

• This reply was modified 9 years by smartphile.

Ok, got it.
But new problem detected.:)))
When i use awesome icons on site, they obtained very small size.
They have size of which is proportional to size of text in menu. (main menu of my website)
On awesome website i see instruction “how increase size of icons”, but when i add “fa-2x
” or another stuff to code – nothing change. But if i increase size of text on my website – icons get bigger.
How i can increase only size of icons, without increasing size of text?

And one more question.
How i can edit social share box? For example, i need only twitter, facebook and add some socials, like “vkontakte” or another. And i need same boxes on desktop and on mobile (now they different). Where (or how) i can set it?

Thanks for helping!!! Very much!
And sorry for my bad english.

I have use the debugger and get the result once. I need to use debugger again and again to scrape the information for new posts. This is very annoying task. I found that your code should pass the missing information so that Facebook scrape the information. Here is the text from the debugger window:

Warnings That Should Be Fixed

Inferred Property
The ‘og:url’ property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property
The ‘og:title’ property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property
The ‘og:image’ property should be explicitly provided, even if a value can be inferred from other tags.
Share App ID Missing
The ‘fb:app_id’ property should be explicitly provided, Specify the app ID so that stories shared to Facebook will be properly attributed to the app. Alternatively, app_id can be set in url when open the share dialog.
Inferred Property
The ‘og:image’ property should be explicitly provided, even if a value can be inferred from other tags.

Please help to resolve this issue. As your theme is creating meta tags for sharing content.

Thanks and Regards,
Sachin Guleria

UPDATE: Followinf previous advice from developers in the site we deactivated Ypast FB admin, and still the problem persists (no share posible or only shares links as text without image or text).

When using the tester https://developers.facebook.com/tools/debug/og/object/

we get this error “Warnings That Should Be Fixed
Meta with name instead of property The meta tag on the page was specified with name ‘author’, which matches a configured property of this object type. It will be ignored unless specified with the meta property attribute instead of the meta name attribute.”

But is seems to scrape text and image all right. But still no way to share

Thanks