вторник, 24 декември 2013 г.

Коментари от Facebook в блога с модерация

Преди време писах, как можете да интегрирате в Blogger приставка за коментиране, чрез профила във Facebook. Бях добавил тази опция и в личния си блог-Нямам идея, но проблемите с уведомяването ме накараха да я махна.
От около две седмици отново се заех със задачата и мисля, че този път всичко е наред. Нещо повече, този път мога да включа и предварително модериране на коментарите, което никога не съм привил в Blogger, но за Facebook е желателно.
Няма да редактирам старата публикация, защото нещата се различават много малко. По-долу ще обясня подробно как става и дано е полезно за някого.
Първо искам да кажа, че не бива да се лъжете и да добавяте приставката за коментари Social Plugins. Както и бетона за харесване от там, тя не работи добре, а и събира на едно място всички коментари, независимо под коя публикация са оставени.
Нека да започнем. Първо се логнете във Facebook и Blogger. Заредете следния адрес:
Apps
Горе ще видите бутон "+Create New Apps". Кликнете на него и създайте ново приложение. Трябва да пъпълните Display Name, полето за пощата за контакти, а в полето Apps Domains поставете blogspot.com.
Изключете Sandbox Mode. а в полето Website with Facebook Login, добавете адреса на вашия блог.


Когато създадете приложението, то ще се появи в лявата лента на екрана. Когато кликнете върху него, ще видите следното:


В долната част, че видите „Роли“. Ако не сте вписани автоматично, като администратор, кликнете на редактиране и се добавете. В най-горната част, е и един номер, който ще ви трябва. Това е App ID/API Key. Копирайте го, защото ще ви е нужен.
Започваме добавянето на приставката в блога ви. От Таблото за управление, отидете на Шаблон -Редактиране на HTML кода. Ако не знаете как се търси в него и се затруднявате, погледнете предишната публикация.

Търсене в HTML кода в Blogger

1.На втория или третия ред на кода ще видите това
<html ..... />
В този фрагмент точно преди затварящия маркер /> трябва да добавите това:
xmlns:og='http://ogp.me/ns#'
Уверете се, че от двете страни на добавеното има интервал. Запазете промените в шаблона.
2.Намерете в кода следното:
<b:skin><![CDATA[/*
Точно над този ред добавете следния фрагмент:
<meta property="fb:app_id" content="App ID/API Key" />
<meta content='Адрес на вашия профил във Facebook' property='fb:admins'/>
На мястото на App ID/API Key, поставете номера на вашето приложение. Поставете и адреса на вашия профил във Facebook. Запазете промените в шаблона.
3.Намерете в кода следния ред:
</body>
Под него добавете този фрагмент:
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : ' App ID/API Key ',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
Заменете разбира се, App ID/API Key с номера на вашето приложение.
4.Остана да добавите самото поле за коментари. Намерете в кода следното:
<div class='post-footer-line post-footer-line-3'>
След него добавете кода за полето за коментари:
<b:if cond='data:blog.pageType == "item"'>
<div style='padding:20px 0px 5px 0px; margin:0px 0px 0px 0px;'>
<script src='http://connect.facebook.net/bg_BG/all.js#xfbml=1'/>
<div>
<fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='600'/>
</div >
</div>
</b:if>
Можете да промените широчината на полето, която в горе е 600рх. Приставката е с български език, но ако желаете английски, променете „bg_BG“ с „en_US“.
5. Остана и да ви покажа, как и откъде става модерацията. Заредете следния адрес.
https://developers.facebook.com/tools/comments
Ще видите това:


Кликнете на Настройки:


Добавете се за модератор, ако не излиза автоматично и сложете отметката „Нека одобрявам всеки коментар преди да се покаже“. Дори без нея, ще можете да виждате и модерирате всеки нов коментар оставен чрез притурката в блога ви от Public comments.
Възможността за модериране, ще се показва и над притурката за коментари под съответната публикация.


Аз съм избрал опцията:
„Направете всяка публикация публична за всички по подразбиране“.
При нов коментар, получавам уведомление във Facebook, а от страницата Comment Moderation Tool, мога да премахна нежелан коментар, ако се наложи. От линка под коментара Visit Websiste мога да видя и под коя точно публикация е коментирано.


Това е всичко за днес и за тази година. Надявам се, че публикациите тук са били полезни.
Весело прекарване на Коледните и Новогодишни празници!

Continue lendo >>

неделя, 22 декември 2013 г.

Търсене в HTML кода на Blogger

Преди няколко месеца Blogger промени опциите за редактиране на HTML кода и видях, че много потребители са объркани от това. Промените уж трябва да улесняват, но всъщност затрудняват повечето хора. На практика обаче, функционалността си е налице и в тази публикация ще ви покажа как става това. За пример, ще покажа как да намерите мястото, където обикновено се добавят бутоните под публикациите.
Отивате на Шаблон- Редактиране на HTML кода и ви се отваря следния прозорец:


Ако знаете коя точно част от кода искате да редактирате, може я да изберете от падащото меню на Прескачане към приспособлението. Ние обаче търсим точно определен ред, за да добавим бутона под него. За да търсите първо кликвате в областта където е кода, за да вкарате маркера там.


Едва след това натискате CTRL и F и се показва опция за търсене в самия код.


Слагаме в полето за търсене post.body и натискаме Enter. Показва се първия ред, който съдържа търсения код.


Бутона обаче не се поставя под него. Натискаме отново Enter и се показват още две места, съдържащи търсения фрагмент.



Кода за бутона се поставя под втория от двата участъка. За някои шаблони е удачно кода да се постави още по-долу. Малко по-надолу ще намерите реда съдържащ:

<div class='post-footer-line post-footer-line-1'>

Можете да поставите кода за бутона и веднага за след този фрагмент.
Може да се окаже, че за друг фрагмент от кода, търсенето не помага. Причината може да е, че такъв фрагмент не съществува, особено ако кода е на шаблон писан преди няколко години. Все пак за да сте сигурни, разгънете ръчно кода използвайки стрелкичките вляво, които ще видите до номерата на някои редове. След това повторете търсенето.

Continue lendo >>

вторник, 3 декември 2013 г.

Сняг в блога

Покрай наближаващите празници, украсих малко Нямам идея. Добавих и падащи снежинки, което не бях прали досега.
Ако потърсите в нета има много скриптове, които вършат тази работа, но не всички работят.  Повечето и са за шаблони с тъмен фон и по тази причина избрах този:



Снежинките са малко едри, но не дразнят много. Копирайте кода и го добавете като HTML притурка.
За съжаление се появи проблем. Скриптът не се сработи с друг скрипт в блога и затова избрах друг начин.
Ще ви го предложа, защото не е свързан със скриптове и е приложим за шаблоните, които са направени с Инструмента за шаблони на Blogger, а те не са малко.
Първо намерете подходящо gif изображение. За да ви улесня давам линкове за сваляне на три такива:

снежинки 1

снежинки 2

снежинки 3

След това отивате на Шаблон, избирате Персонализиране – Фон и качвате избраното изображение.


Прилагате промените към блога. Следващата стъпка е от Разширени, да зададете избраните части от фона на блога да са прозрачни. Вижте на долното изображение.


Запазвате промените и имате ето това:


Искам да предупредя, че фона най-вероятно няма да се вижда с IE и Opera, а и може да не е удачен за избрания от вас основен шаблон. Все пак е възможност.

Continue lendo >>

Правила за съдържанието

Криейтив Комънс договор
Произведението използва Creative Commons Признание-Некомерсиално-Без производни 2.5 България License. Моля, копирането на материали от тук, да става с указване на източника с реален линк.
Блог класация

За мен

Моята снимка
"Ако двамата имаме по една ябълка и ги разменим, пак ще имаме по една ябълка. Ако двамата имаме по една идея или информация и ги разменим, всеки ще има по две!" Джордж Бърнард Шоу

Намерете ни във Facebook

  ©Другият - Всички права запазени

Template by Dicas Browser | Template original Dicas Blogger | Topo