Хруст Федор : другие произведения.

Социальные иконки для Си

Самиздат: [Регистрация] [Найти] [Рейтинги] [Обсуждения] [Новинки] [Обзоры] [Помощь|Техвопросы]
Ссылки:
Всем привет! На связи Федор Хруст.
Я покажу вам как добавлять социальные кнопки на свои странички, чтобы пользователи могли быстро делиться ссылкой на книгу и продолжать чтение не отвлекаясь.
Пробежался по страничкам авторов на СИ, к удивлению, обнаружил что никто не пользуется кнопками 'поделиться' в социальных сетях. Вы, наверняка встречали такие кнопки на любимых сайтах. Они стоят почти на всех сайтах, а на развлекательных пользуются успехом. Можно глянуть сколько людей нажимают на эти кнопки на том же Adme. Тысячи людей!
Обычно используется java скрипт, но он не поддерживается на СИ, никто не даст вставлять программный код на сайтах. Но есть простое решение!
Мы вытащим из скрипта прямые ссылки на расшаривание в соц.сетях и поставим на них кнопки - картинки.
Все картинки расположены на серверах СИ, это видно в коде, можно спокойно использовать.
Итак, сами кнопки для СИ - Вконтакте, Фейсбук, Твиттер, Гугл плюс и др.

Поделиться с друзьями

Поделиться с друзьями

Кнопки работают, можно проверить - понажимать.
Важно! Кнопки можно ставить куда угодно, не только в конце или начале книги. Возможно, больше отклика будет если поставить данный блок после окончания каждой главы.

Берем свою ссылку и ставим ее вместо 'ВАША_ССЫЛКА' в коде. Шесть кнопок - шесть замен. Вставляйте одну ссылку на все шесть кнопок. Сам код можно вставлять в книгу сколько угодно раз.
[]
Все кнопки размером 100 на 100 пикселей, можно менять размер в самом коде, кто понимает html. Можно оставить как есть, по-моему, оптимальный размер. Если будет спрос, сделаю еще разных красивых кнопок. Картинки расположены на домене СИ samlib.ru - поэтому будут открываться пока работает сам СИ, независимо от других сайтов.
Просто берем этот код, вставляем свои ссылки на книги и размещаем у себя. Все. Очень просто. И работает. Это просто революция на СИ!

Поделиться с друзьями

Код кнопок

<p align="center"> <table border=0 cellspacing=0 cellpadding=0><strong><center><font size="4">Поделиться с друзьями</font></center></strong><tr> <td valign=top><a href="http://vkontakte.ru/share.php?url=ВАША_ССЫЛКА" > <img src="http://samlib.ru/img/h/hrust_f/knopki/image007.png" hspace=5 vspace=5 width="50" height="50" /></a></td> <td valign=top><a href="http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=ВАША_ССЫЛКА" ><img src="http://samlib.ru/img/h/hrust_f/knopki/image002.png" hspace=5 vspace=5 height="50" width="50" /></a></td> <td valign=top><a href="http://www.facebook.com/sharer.php?u=ВАША_ССЫЛКА" ><img src="http://samlib.ru/img/h/hrust_f/knopki/image001.png" hspace=5 vspace=5 width="50" height="50" /></a></td> <td valign=top><a href="http://connect.mail.ru/share?share_url=ВАША_ССЫЛКА" > <img src="http://samlib.ru/img/h/hrust_f/knopki/image003.png" hspace=5 vspace=5 width="50" height="50" /></a></td> <td valign=top><a href="http://twitter.com/home?status=ВАША_ССЫЛКА" > <img src="http://samlib.ru/img/h/hrust_f/knopki/image006.png" hspace=5 vspace=5 width="50" height="50" /></a></td> <td valign=top><a href="http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl=ВАША_ССЫЛКА" > <img src="http://samlib.ru/img/h/hrust_f/knopki/image004.png" hspace=5 vspace=5 width="50" height="50" /></a></td> <td valign=top><a href="http://samlib.ru/editors/h/hrust_f/socialxnyeikonkidljasi.shtml" > <img src="http://samlib.ru/img/h/hrust_f/knopki/image005.png" hspace=5 vspace=5 width="50" height="50" /></a></td> </tr></table> </p>

Поделиться с друзьями

Код кнопок

<p align="center"> <table border=0 cellspacing=0 cellpadding=0><strong><center><font size="4">Поделиться с друзьями</font></center></strong><tr> <td valign=top><a href="http://vkontakte.ru/share.php?url=ВАША_ССЫЛКА" > <img src="http://samlib.ru/img/h/hrust_f/knopki/image016.png" hspace=5 vspace=5 width="50" height="50" /></a></td> <td valign=top><a href="http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=ВАША_ССЫЛКА" ><img src="http://samlib.ru/img/h/hrust_f/knopki/image009.png" hspace=5 vspace=5 height="50" width="50" /></a></td> <td valign=top><a href="http://www.facebook.com/sharer.php?u=ВАША_ССЫЛКА" ><img src="http://samlib.ru/img/h/hrust_f/knopki/image008.png" hspace=5 vspace=5 width="50" height="50" /></a></td> <td valign=top><a href="http://connect.mail.ru/share?share_url=ВАША_ССЫЛКА" > <img src="http://samlib.ru/img/h/hrust_f/knopki/image011.png" hspace=5 vspace=5 width="50" height="50" /></a></td> <td valign=top><a href="http://twitter.com/home?status=ВАША_ССЫЛКА" > <img src="http://samlib.ru/img/h/hrust_f/knopki/image015.png" hspace=5 vspace=5 width="50" height="50" /></a></td> <td valign=top><a href="http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl=ВАША_ССЫЛКА" > <img src="http://samlib.ru/img/h/hrust_f/knopki/image012.png" hspace=5 vspace=5 width="50" height="50" /></a></td> <td valign=top><a href="http://samlib.ru/editors/h/hrust_f/socialxnyeikonkidljasi.shtml" > <img src="http://samlib.ru/img/h/hrust_f/knopki/image014.png" hspace=5 vspace=5 width="50" height="50" /></a></td> </tr></table> </p>

Если кому будет удобнее читать в блокноте, я подготовил текстовый файлик - смотрим его по ссылке


В качестве скромной благодарности буду рад видеть вас на страничке моей книги, надеюсь вам понравится!
Федор Хруст 'Чегуру'


П.С. Кнопки выше - рабочие! Обязательно попробуйте их понажимать, чтобы мы могли убедиться в работоспособности кода. Да и другим авторам будет полезно узнать про эту фишку.
Связаться с программистом сайта.

Новые книги авторов СИ, вышедшие из печати:
О.Болдырева "Крадуш. Чужие души" М.Николаев "Вторжение на Землю"

Как попасть в этoт список
Сайт - "Художники" .. || .. Доска об'явлений "Книги"