1. Social Bookmarks for DLE. Link to the news

Social Bookmarks for DLE. Link to the news

  |   5
Social Bookmarks for DLE. Link to the newsSocial Bookmarks for DLE. Link to the news
Social Bookmarks for DLE. Link to the newsSocial Bookmarks for DLE. Link to the news
Very useful in terms of SEO - is an additional integration of social promotion for your site. This will allow your users to share news on social networks. The advantage of the unique, you do not need to connect a set of scripts on your site and you do not need to register with them, as supplemented with additional script reference to the news. You can set the size of the popup. Correct color in css.
Author ripper: DaivZ
Ripped from: xsonz.ru template.
Demo: fymaaa.info
P.S.: I have added Facebook button. Enjoy this!


How to install:
In Css add:
/* ---- Share---- */
.news_btn {overflow:hidden; clear:both; margin:5px 0 0 0;}
.vk_btn {font-size:11px; display:block; float:left; margin:0 5px 0 0;}
.vk_btn a {color:#2b5e81;}
.fb_btn {font-size:11px; display:block; float:left; margin:0 5px 0 0;}
.fb_btn a {color:#2b5e81;}
.tw_btn {font-size:11px; display:block; float:left; margin:0 5px 0 0; }
.tw_btn a {color:#2b5e81;}
.ya_btn {font-size:11px; display:block; float:left; margin:0 5px 0 0;}
.ya_btn a span:first-letter {color:#ee4348;}
.google_btn {font-size:11px; display:block; float:left; margin:0 5px 0 0;}
.google_btn a {color:#2b5e81;}
.code_btn {font-size:11px; display:block; float:right;}
.code_btn a {color:#72990e;}
.news_btn a, .news_btn a span {float:left; max-width:290px; overflow:hidden; height:30px; padding: 0 0 0 5px; background: url('../images/soc_btn.png') no-repeat; }
.news_btn a span {display:block; line-height:27px; padding: 0 8px 0 0; background-position: 100% 100%;}
.news_btn a span img {vertical-align:middle; margin:0 5px 0 0;}
.news_btn a:hover {text-decoration:none;}


In the fullstory.tpl where u want to see this social bookmark add the following code (I added just before the tag [related-news]:
<noindex>
<div class="news_btn">
<hr />
<div class="fb_btn"><a href="http://facebook.com/sharer/sharer.php?u={full-link}" target="_blank"><span><img src="{THEME}/images/soc_icon/fb.png" title="Share on Facebook: {title}" alt="Facebook" />Facebook</span></a></div>
<div class="vk_btn"><a href="http://vk.com/share.php?url={full-link}" target="_blank"><span><img src="{THEME}/images/soc_icon/vk.png" title="Share on Vkontakte: {title}" alt="Vkontakte" />Vkontakte</span></a></div>
<div class="tw_btn">
<script type="text/javascript">
document.write('<a href="https://twitter.com/intent/tweet?source=webclient&text=' + encodeURIComponent('{title} {full-link}') + '" target="_blank"><span><img src="{THEME}/images/soc_icon/tw.png" title="Tweet this news: {title}" alt="Twitter" />Twitter</span></a>');
</script>
</div>
<div class="ya_btn"><a href="http://my.ya.ru/posts_add_link.xml?URL={full-link}&title={title}&body=" target="_blank"><span><img src="{THEME}/images/soc_icon/ya.png" title="Share on Yandex: {title} ? ?.??" alt="Yandex.ru" />Yandex.ru</span></a></div>
<div class="google_btn"><a href="https://www.google.com/bookmarks/mark?op=add&bkmk={full-link}&title={title}" target="_blank"><span><img src="{THEME}/images/soc_icon/google.png" title="Add bookmark: {title}" alt="Google" />Bookmark</span></a></div>
<div class="code_btn">
<script type="text/javascript">
//<![CDATA[
$(function() {$( "#LinksPublication" ).dialog({autoOpen: false, show: 'fade', hide: 'fade', width: 550, height: 145});
$('#LinksPublication-link').click(function(){$('#LinksPublication').dialog('open'); return false;});
});
//]]>
</script>
<a id="LinksPublication-link" href="#"><span><img src="{THEME}/images/soc_icon/g.png" title="Copy this link and share with your friends" alt="" />Share :)</span></a>
<div id="LinksPublication" title="Share with your friends" style="display:none; " >
<div style="background:#E7F0F5; border:1px solid #A0CDE5; padding:2px; windth:400px; margin-top:4px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;">
<table align="center" cellpadding="2" cellspacing="1">
<tbody>
<tr>
<td class="txtw">Direct Link:</td><td><input onclick="this.select()" value="{full-link}" type="text" style="width:400px" readonly="readonly" /></td>
</tr>
<tr>
<td class="txtw">BB-code:</td><td><input onclick="this.select()" value="[url={full-link}]{title}[/url]" type="text" style="width:400px" readonly="readonly" /></td>
</tr>
<tr>
<td class="txtw">HTML link:</td><td><input onclick="this.select()" value='<a href="{full-link}" target="_blank">{title}</a>' type="text" style="width:400px" readonly="readonly" /></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div><hr /></noindex>

Login Required!Only registered users can download files. Please register or Login
Dear visitor, you are browsing our website as Guest.
We strongly recommend you to register and login to view hidden contents.

Details

+5

Comments 5

tealk
tealk
Moderators
Commented By tealk on July 6, 2012 (2:10 am)
Thanks Nellyville but you forgot to put social icons folder ^^
28 56Forum topics : 9Forum replies : 329Forum likes : 36

SGcenter Streaming FR
nellyville
Commented By nellyville on July 6, 2012 (3:56 am)
tealk,
My bad. stena
31 42Forum topics : 9Forum replies : 34Forum likes : 1

Check my website http://www.Jocuriarena.com
fslsaif
fslsaif
Members
Commented By fslsaif on May 26, 2014 (3:49 am)
shk my website http://www.rapidboomer.com
N/A 1Forum topics : 0Forum replies : 0Forum likes : 0
ahmad3011
ahmad3011
Members
Commented By ahmad3011 on January 28, 2015 (9:49 am)
which css ?? i should add the code in it ???
N/A 3Forum topics : 0Forum replies : 0Forum likes : 0
yorismith
yorismith
Moderators
Commented By yorismith on January 28, 2015 (11:11 am)
Quote: ahmad3011
which css ?? i should add the code in it ???

any .css in your theme...if you are using "Default" theme then your css is /templates/Default/style/styles.css or /templates/Default/style/engine.css

if you are using "AStarter" theme then your css is /templates/AStarter/css/styles.css or /templates/AStarter/css/engine.css
32 288Forum topics : 2Forum replies : 699Forum likes : 117

- Nothing comes free...
- A generous heart, kind speech, and compassion are the things which renew humanity
Information!Would you like to leave your comment? Please Login to your account to leave comments. Don't have an account? You can create a free account now.