вторник, 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 мога да видя и под коя точно публикация е коментирано.


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

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

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

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


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


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


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


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



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

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

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

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

Сняг в блога

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



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

снежинки 1

снежинки 2

снежинки 3

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


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


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


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

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

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

За мен

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

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

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

Template by Dicas Browser | Template original Dicas Blogger | Topo