Как добавить кнопка твитера в ваши статьи. Давно не секрет что социальные сети являются хорошим источником трафика , рекламы и раскрутки любого веб-проекта. Такие кнопки как Like от Вконтакте, Like от Фейсбук и кнопка твитера можно видеть на многих сайтах, блогах и других страницах. Что это нам дает ? – когда читатель читает вашу статью и если ему например нравиться или он не хочет потерять место это что читает и хочет положить в закладки то кнопка твитера отлично для этого подходит – человек нажимая на нее решает сразу несколько вопросов. Он и кладет в закладки в твиттере данную страницу, и одновременно с этим делиться информацией с друзьями и фоловерами, и ставит “нравиться” таким образом. Вобщем все полезности кнопка твитера в одном флаконе. А для нас это тоже очень полезно и важно. Кнопка твитера бывает разных видов, от разных поставщиков этих самых кнопочек и разных цветов и форм. Покрутив кнопка твитера по разному – и внизу статьи и сверху нашел что лучше всего она смотрится вверху статьи справа и обтекаемая текстом. Поэтому и выкладываю коды сделанные именно для этого варианта кнопок. Итак, полезность я думаю вам ясна – перейдем к установке данной полезности:
Выберете понравившуюся вам кнопку , зайдите в админ панель в Шаблон-Изменить HTML- и с помощью клавиш Ctrl+f найдите в шаблоне вот эту строку : <data:post.body/> и прямо перед ней аккуратненько вставьте вот код кнопки которую вы выбрали . В каждом коде вместо @daniil551 вставьте свой ID в твиттере. Итак ставим кнопку:
Вот код этой кнопки:
<div style="padding-bottom: 4px; padding-left: 4px; padding-right: 4px; float: right; padding-top: 4px"><script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = '@daniil551';
var topsy_theme = "light-green";
var topsy_style = "big";
</script><script src="http://cdn.topsy.com/button.js" type="text/javascript"></script>
</div>
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = '@daniil551';
var topsy_theme = "light-green";
var topsy_style = "big";
</script><script src="http://cdn.topsy.com/button.js" type="text/javascript"></script>
</div>
Вот код этой кнопки:
<div style="padding-bottom: 4px; padding-left: 4px; padding-right: 4px; float: right; padding-top: 4px"><script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = '@daniil551';
var topsy_theme = "light-green";
var topsy_style = "small";
</script><script src="http://cdn.topsy.com/button.js" type="text/javascript"></script>
</div>
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = '@daniil551';
var topsy_theme = "light-green";
var topsy_style = "small";
</script><script src="http://cdn.topsy.com/button.js" type="text/javascript"></script>
</div>
Вот код этой кнопки:
<div style="padding-bottom: 4px; padding-left: 4px; padding-right: 4px; float: right; padding-top: 4px"><script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = '@daniil551';
var topsy_theme = "brown";
var topsy_style = "big";
</script><script src="http://cdn.topsy.com/button.js" type="text/javascript"></script>
</div>
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = '@daniil551';
var topsy_theme = "brown";
var topsy_style = "big";
</script><script src="http://cdn.topsy.com/button.js" type="text/javascript"></script>
</div>
Вот код этой кнопки:
<div style="padding-bottom: 4px; padding-left: 4px; padding-right: 4px; float: right; padding-top: 4px"><script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = '@daniil551';
var topsy_theme = "brown";
var topsy_style = "small";
</script>
<script src="http://cdn.topsy.com/button.js" type="text/javascript"></script>
</div>
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = '@daniil551';
var topsy_theme = "brown";
var topsy_style = "small";
</script>
<script src="http://cdn.topsy.com/button.js" type="text/javascript"></script>
</div>
Вот код этой кнопки:
<div style="padding-bottom: 4px; padding-left: 4px; padding-right: 4px; float: right; padding-top: 4px"><script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = '@daniil551';
var topsy_theme = "light-blue";
var topsy_style = "big";
</script><script src="http://cdn.topsy.com/button.js" type="text/javascript"></script>
</div>
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = '@daniil551';
var topsy_theme = "light-blue";
var topsy_style = "big";
</script><script src="http://cdn.topsy.com/button.js" type="text/javascript"></script>
</div>
Вот код этой кнопки:
<div style="padding-bottom: 4px; padding-left: 4px; padding-right: 4px; float: right; padding-top: 4px"><script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = '@daniil551';
var topsy_theme = "light-blue";
var topsy_style = "small";
</script>
<script src="http://cdn.topsy.com/button.js" type="text/javascript"></script>
</div>
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = '@daniil551';
var topsy_theme = "light-blue";
var topsy_style = "small";
</script>
<script src="http://cdn.topsy.com/button.js" type="text/javascript"></script>
</div>
Вот код этой кнопки:
<div style="padding-bottom: 4px; padding-left: 4px; padding-right: 4px; float: right; padding-top: 4px"><script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = '@daniil551';
var topsy_theme = "silver";
var topsy_style = "big";
</script><script src="http://cdn.topsy.com/button.js" type="text/javascript"></script>
</div>
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = '@daniil551';
var topsy_theme = "silver";
var topsy_style = "big";
</script><script src="http://cdn.topsy.com/button.js" type="text/javascript"></script>
</div>
Вот код этой кноки:
<div style="padding-bottom: 4px; padding-left: 4px; padding-right: 4px; float: right; padding-top: 4px"><script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = '@daniil551';
var topsy_theme = "silver";
var topsy_style = "small";
</script>
<script src="http://cdn.topsy.com/button.js" type="text/javascript"></script>
</div>
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = '@daniil551';
var topsy_theme = "silver";
var topsy_style = "small";
</script>
<script src="http://cdn.topsy.com/button.js" type="text/javascript"></script>
</div>
Вот код этой кноки:
<div style="padding-bottom: 4px; padding-left: 4px; padding-right: 4px; float: right; padding-top: 4px"><script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = '@daniil551';
var topsy_theme = "red";
var topsy_style = "big";
</script><script src="http://cdn.topsy.com/button.js" type="text/javascript"></script>
</div>
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = '@daniil551';
var topsy_theme = "red";
var topsy_style = "big";
</script><script src="http://cdn.topsy.com/button.js" type="text/javascript"></script>
</div>
Вот код этой кноки:
<div style="padding-bottom: 4px; padding-left: 4px; padding-right: 4px; float: right; padding-top: 4px"><script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = '@daniil551';
var topsy_theme = "red";
var topsy_style = "small";
</script>
<script src="http://cdn.topsy.com/button.js" type="text/javascript"></script>
</div>
Также читайте бесплатный хостинг для файлов и кодовtweetmeme_url = '<data:post.url/>';
tweetmeme_source = '@daniil551';
var topsy_theme = "red";
var topsy_style = "small";
</script>
<script src="http://cdn.topsy.com/button.js" type="text/javascript"></script>
</div>
кнопка твитера
Также читайте как заработать на твиттер
|
Хотите получать свежие статьи на свой E-mail ? |
|