?

Log in

No account? Create an account

Записки несостоявшегося этнографа

Повседневная жизнь в фотографиях


Previous Entry Share Next Entry
Как сделать блок шаринг-кнопок и кнопку репоста
cheger
    Блок шаринг-кнопок (кнопок перепостов в различных социальных сетях) - это то, что с недавнего времени стало появляться у меня в записях, а точнее вот это:
Photobucket
    И меня сразу стали спрашивать, как же это сделать. Поэтому решил написать этот пост.
    Сделать это можно многими способами, большинство которых я перепробовал, и большинство из них не то, что мне надо. Во-первых, есть куча онлайн сервисов, которая предоставляет код на такой блок, но там куча непонятых и ненужных ссылок и довольно трудно редактировать пользователю, не очень разбирающемуся в HTML.
Во-вторых, большинство кодов, которые я нашел, плохо подходят для ЖЖ, а ведь нам надо именно для него любимого. Так вот, ниже я привожу этот код. Получится то же самое, что вы видите наверху.

==================================================================================
<a title="Добавить в Twitter" href="http://twitter.com/home?status=RT @cheger поделиться - http://cheger.livejournal.com/profile" target="_blank"> <img border="0" alt="" src="http://webholt.ru/i/twitter.png" width="20" height="20"></A> <a title="Поделиться в Facebook" href="http://www.facebook.com/sharer.php?u=http://cheger.livejournal.com/profile" target="_blank"><img border="0" alt="" src="http://webholt.ru/i/facebook.png" width="20" height="20"></A> <a title="Поделиться ВКонтакте" href="http://vkontakte.ru/share.php?url=http://cheger.livejournal.com/profile" target="_blank"><img border="0" alt="" src="http://webholt.ru/i/vkontakte.png" width="20" height="20"></A> <a title="Поделиться в Моем Мире" href="http://connect.mail.ru/share?share_url=http://cheger.livejournal.com/profile" target="_blank"><img border="0" alt="" src="http://webholt.ru/i/moy-mir.png" width="20" height="20"></A> <a title="Опубликовать в своем блоге livejournal.com" href="http://www.livejournal.com/update.bml?event=http://cheger.livejournal.com/profile&amp;subject=Поделиться" target="_blank"><img border="0" alt="" src="http://webholt.ru/i/livejournal.png" width="20" height="20"></A> <a title="Сохранить закладку в Google" href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http://cheger.livejournal.com/profile&amp;title=Поделиться" target="_blank"><img border="0" alt="" src="http://webholt.ru/i/google.png" width="20" height="20"></A><br>
==================================================================================

    Единственное, что вам надо поправить тут, это поменять в этом коде - выражение http://cheger.livejournal.com/profile на ссылку своего поста. То есть логически следует вывод, что этот код можно вставить только после того, как ваш пост опубликован.
    Так же важно знать, что вставлять его надо в режиме HTML и обязательно поставить галку "Не выполнять автоформатирование"\"Отключить автоформатирование".

    Ну а теперь пример того, как это делаю я, может и пригодиться:
1. Пишу пост
2. Отправляю его в ЖЖ как личный (видимый только мне)
3. Копирую ссылку на пост (что то типа http://cheger.livejournal.com/221527.html)
4. В самый конец поста вставляю приведённый выше код в режиме HTML с отключенным автоформатированием
5. Заменяю везде в коде http://cheger.livejournal.com/profile на ссылку на только что созданный пост (в нашем примере это http://cheger.livejournal.com/221527.html )
6. После этого блока можно поставить вот такой код для репоста в ЖЖ всей записи 
              Photobucket
7. Сохраняю пост, предварительно сделав его видным для всех
8. В итоге получаю вот что:



    Да, не забудьте, что отключение автоформатирования может привести в тому, что ваша запись превратиться в сплошной текст. В таком случае может помочь использование HTML тэга <br>, который позволяет сделать перенос строки. Ну или тупо переключиться в визуальный режим и проставить все везде как надо. Короче говоря, пробуйте, экспериментируйте, если оно вам надо.

Buy for 100 tokens
Buy promo for minimal price.

  • 1
Спасибо большое! В избранное )

Антох, спасибо!
полезная штука

да не за что=)

опробовал, спасибо

Да, это интересно, спасибо. В мемориз.

А мне хотелось бы еще иметь такой девайс для сообщества, но это наверно невозможно.

почему? нельзя разве в сообщество пихать такую штуку?

Да. Ну и кнопка Share там тоже есть.
Но я неточно выразилась. Мне нужно увязать сообщество с не с моими страницами в ФБ и тд., а со страницами сообщества там.

И в сообществе, в посты, такой блок должен ставить автор поста самостоятельно. А если их 10, 20.... и т.п? Нереально:)

хорошая тема :) надо попробовать :)) спасибо!

попробуйте, я долго искал нормальный код для этого=)

если можно, то лучше на ты :)) я вот всё хотел ещё вставить кнопку tweet с кол-вом ретвитов и кнопку like в facebook, но блин, никак их пока не победю :)

да, конечно, так даже лучше=)
like я кстати победил, но решил не совать её, потому что она какая то флешевая и в FF не отображается как надо - а плагин для неё он автомитически не находит - получается просто куча пустого места. А Хром нормально показывает, но исходя из того, чтоб большинство людей пользуются FF не стал её ставить

добавила в избранное, спасибо!

пожалуйста=)

Спасибо, скопировала в закрома)

ЖЖ ведь уже сделал это для каждого, по ссылке Share, которая есть у каждого поста у любого юзера и сообщества

в дизайне этого журнала - это кнопка с зеленым разветвлением

опа! точно!=) спасибо! а давно ли они так расширили эту кнопку?

неее.. недавно, пару недель назад где-то

Исключительно актуальная тема через месяц после появления в ЖЖ стандартной функции перепоста в любую соц-сеть. )))

Огромное грация. Попробую в ближайший пост))

Фу, какая гадость!

Йесс!) Давно на них облизываюсь, пошла делать)
Спасибо!

Полезная инфа, но гораздо проще щелкнуть на ссылке "Поделиться" внизу каждого поста.

Нужная вещь!!
перепост!

vgdubw scottsbluff ne pharmacies

(Anonymous)
rsv over the counter medicines [url=http://www.youtube.com/watch?v=8GVqU5A-qVc#606] arimidex vs femara breast cancer treatment [/url] allergic rash from medicine
herb alternative medicine [url=http://www.youtube.com/watch?v=whxmGmY5wKU#701] femara cares program health discount card [/url] prescription free pharmacies
cocktail medicine [url=http://www.youtube.com/watch?v=nfeQzVaFiI4#951] femara cheap adver [/url] revolution pet medicine
sports medicine in blacksburg va [url=http://www.youtube.com/watch?v=8E7gXjsM_9k#002] femara chemotherapy drugs therapy [/url] medicines for causing erectile dysfunction
walmart pharmacy hudson wisconsin [url=http://www.youtube.com/watch?v=wFfco4qO5Ds#382] [/url] 1952 medicine hospital ward
animal worl medicine hat [url=http://www.youtube.com/watch?v=1OgUx0c-3h8#701] complications femara fertility drug [/url] medicine box national park
medicine was created to protect us [url=http://www.youtube.com/watch?v=pI43zn8pjB8#986] femara cost japan [/url] oval mirror recessed medicine cabinets
new mexico center for integrative medicine [url=http://www.youtube.com/watch?v=V2wA3ReA8aM#162] femara coupon 20 generic [/url] publix pharmacy price
advantage flea medicine online [url=http://www.youtube.com/watch?v=CZ6Er2a-BQI#916] femara coupons pharmacy [/url] medicine for enflamed sciatic nerve
pharmacy supplies victorville [url=http://www.youtube.com/watch?v=IKX9a0m-9-U#388] femara patient assistance dosage [/url] 2007 bu school of medicine graduation
sulfer medicines for acne
[Error: Irreparable invalid markup ('<a [...] </a>') in entry. Owner must fix manually. Raw contents below.]

rsv over the counter medicines [url=http://www.youtube.com/watch?v=8GVqU5A-qVc#606] arimidex vs femara breast cancer treatment [/url] allergic rash from medicine
herb alternative medicine [url=http://www.youtube.com/watch?v=whxmGmY5wKU#701] femara cares program health discount card [/url] prescription free pharmacies
cocktail medicine [url=http://www.youtube.com/watch?v=nfeQzVaFiI4#951] femara cheap adver [/url] revolution pet medicine
sports medicine in blacksburg va [url=http://www.youtube.com/watch?v=8E7gXjsM_9k#002] femara chemotherapy drugs therapy [/url] medicines for causing erectile dysfunction
walmart pharmacy hudson wisconsin [url=http://www.youtube.com/watch?v=wFfco4qO5Ds#382] [/url] 1952 medicine hospital ward
animal worl medicine hat [url=http://www.youtube.com/watch?v=1OgUx0c-3h8#701] complications femara fertility drug [/url] medicine box national park
medicine was created to protect us [url=http://www.youtube.com/watch?v=pI43zn8pjB8#986] femara cost japan [/url] oval mirror recessed medicine cabinets
new mexico center for integrative medicine [url=http://www.youtube.com/watch?v=V2wA3ReA8aM#162] femara coupon 20 generic [/url] publix pharmacy price
advantage flea medicine online [url=http://www.youtube.com/watch?v=CZ6Er2a-BQI#916] femara coupons pharmacy [/url] medicine for enflamed sciatic nerve
pharmacy supplies victorville [url=http://www.youtube.com/watch?v=IKX9a0m-9-U#388] femara patient assistance dosage [/url] 2007 bu school of medicine graduation
sulfer medicines for acne <a href=http://www.youtube.com/watch?v=8GVqU5A-qVc#555] cervical cancer femara treatment </a> journal of family medicine
mail service pharmacy health insurance laws <a href=http://www.youtube.com/watch?v=whxmGmY5wKU#642] femara cares program prescription discount ecard </a> chinese medicine langley british columbia
native american spirituality religion and medicine <a href=http://www.youtube.com/watch?v=nfeQzVaFiI4#636] femara cheap ver </a> scorpion medicinal medicine
washington school of veterinary medicine <a href=http://www.youtube.com/watch?v=8E7gXjsM_9k#731] femara chemotherapy cervical cancer </a> wal mart pharmacy at lockhart
ida pharmacies <a href=http://www.youtube.com/watch?v=wFfco4qO5Ds#454] femara cholesterol bone </a> certification program for pharmacy technician
pfizer medicine <a href=http://www.youtube.com/watch?v=1OgUx0c-3h8#197] complications of femara 2.5 mg </a> medicines that cures std's
alternative medicine for menstrual cramps <a href=http://www.youtube.com/watch?v=pI43zn8pjB8#375] cost femara treatment </a> stomach parasite medicine
complementary alternative medicine policy <a href=http://www.youtube.com/watch?v=V2wA3ReA8aM#598] femara coupon ecard </a> folk medicine remedys for cholesterol
penn state dept of family medicine <a href=http://www.youtube.com/watch?v=CZ6Er2a-BQI#654] coupons femara novartis oncology </a> mexican pharmacy zolpidem
articles on homeopathic medicine <a href=http://www.youtube.com/watch?v=IKX9a0m-9-U#695] femara dosage pacific crest trail </a> indian aphrodisiacs ayurvedic medicine

echvhy piper pharmacy

(Anonymous)
pharmacy seminars [url=http://www.youtube.com/watch?v=FALJ-8_VXPk#621] difference between lumigan and latisse eye [/url] santa clara county outpatient pharmacy
belgrove pharmacy [url=http://www.youtube.com/watch?v=f9TWMP58GXY#988] cheap lumigan discount [/url] alberta pharmacy students association
listing of pharmacy schools [url=http://www.youtube.com/watch?v=wMXEeulkLus#075] generic bimatoprost discount [/url] minnesota pharmacy inspection
pharmacy technicians continuing education free [url=http://www.youtube.com/watch?v=FoGXcdR2_SE#240] generic for lumigan pill [/url] neuroleptic medicine
california pharmacy technician board [url=http://www.youtube.com/watch?v=fUVzY07LI8U#271] generic lumigan online canadian [/url] monforts compounding pharmacy
sioux falls family medicine residency reputation [url=http://www.youtube.com/watch?v=bHf-_qYJC6w#423] glaucoma lumigan eye pressure [/url] virginia department of medicine
gerneric dog medicine [url=http://www.youtube.com/watch?v=RXqifuQqWL8#682] link [/url] medicine lodge treaty
alexandria pharmacy technician supervisor [url=http://www.youtube.com/watch?v=KiDFbNWnMHw#958] how much does latisse cost and lumigan cost [/url] domestic medicine
family medicine lincoln way [url=http://www.youtube.com/watch?v=ECIF_Xo5nGo#777] latisse bimatoprost ocular [/url] evanston pharmacy
oxycodone canadian pharmacy [url=http://www.youtube.com/watch?v=r9R7BhR0kn0#448] latisse lumigan sale [/url] sheikh khalifa medicine city
us preventive medicine inc
[Error: Irreparable invalid markup ('<a [...] </a>') in entry. Owner must fix manually. Raw contents below.]

pharmacy seminars [url=http://www.youtube.com/watch?v=FALJ-8_VXPk#621] difference between lumigan and latisse eye [/url] santa clara county outpatient pharmacy
belgrove pharmacy [url=http://www.youtube.com/watch?v=f9TWMP58GXY#988] cheap lumigan discount [/url] alberta pharmacy students association
listing of pharmacy schools [url=http://www.youtube.com/watch?v=wMXEeulkLus#075] generic bimatoprost discount [/url] minnesota pharmacy inspection
pharmacy technicians continuing education free [url=http://www.youtube.com/watch?v=FoGXcdR2_SE#240] generic for lumigan pill [/url] neuroleptic medicine
california pharmacy technician board [url=http://www.youtube.com/watch?v=fUVzY07LI8U#271] generic lumigan online canadian [/url] monforts compounding pharmacy
sioux falls family medicine residency reputation [url=http://www.youtube.com/watch?v=bHf-_qYJC6w#423] glaucoma lumigan eye pressure [/url] virginia department of medicine
gerneric dog medicine [url=http://www.youtube.com/watch?v=RXqifuQqWL8#682] link [/url] medicine lodge treaty
alexandria pharmacy technician supervisor [url=http://www.youtube.com/watch?v=KiDFbNWnMHw#958] how much does latisse cost and lumigan cost [/url] domestic medicine
family medicine lincoln way [url=http://www.youtube.com/watch?v=ECIF_Xo5nGo#777] latisse bimatoprost ocular [/url] evanston pharmacy
oxycodone canadian pharmacy [url=http://www.youtube.com/watch?v=r9R7BhR0kn0#448] latisse lumigan sale [/url] sheikh khalifa medicine city
us preventive medicine inc <a href=http://www.youtube.com/watch?v=FALJ-8_VXPk#549] difference between lumigan and latisse </a> fin rot medicine
pharmacy scholarships university of maryland <a href=http://www.youtube.com/watch?v=f9TWMP58GXY#845] discount lumigan generic </a> albany pharmacy college
stop runny nose cold medicine <a href=http://www.youtube.com/watch?v=wMXEeulkLus#084] bimatoprost generic renewable </a> annappolis sports medicine
equipment for pharmacy tech program <a href=http://www.youtube.com/watch?v=FoGXcdR2_SE#029] generic for lumigan 2010 online </a> puerto rico board of pharmacy
glaucoma medicine <a href=http://www.youtube.com/watch?v=fUVzY07LI8U#060] generic lumigan online overnight </a> hong kong pharmacies online
canadian vetinary medicine <a href=http://www.youtube.com/watch?v=bHf-_qYJC6w#110] glaucoma lumigan ocular </a> faith based pharmacy
blood thinning medicines <a href=http://www.youtube.com/watch?v=RXqifuQqWL8#882] link </a> allcare pharmacy harrah oklahoma
mountainview family medicine <a href=http://www.youtube.com/watch?v=KiDFbNWnMHw#596] definition of latisse and lumigan </a> pharmacy questions in mumbai
research institute for tropical medicine <a href=http://www.youtube.com/watch?v=ECIF_Xo5nGo#224] latisse sale bimatoprost in eyelash </a> medicine interaction chart
medicine arthritis humara <a href=http://www.youtube.com/watch?v=r9R7BhR0kn0#417] how much does latisse cost and lumigan </a> occupational medicine jobs portland oregon

Спасибо! Ваши кнопки у нас размещенны

  • 1