Добавянето на блога ви в Google Webmaster Tools ще ви помогне с няколко неща. Ще може да следите кои от страниците на блога ви се индексират от търсачката на гугъл, на коя позиция излизат в резултатите от търсенето по определени ключови думи и фрази. Ако има някакъв проблем с някоя от страниците ви, ще разберете какво точно не е наред. Също така ще знаете хората посещаващи блога ви, чрез какви точно ключови думи попадат на вашият блог.
Ето подробно описание как да добавите блога си в инструментите на гугъл:
1. Отивате на Google Webmaster Tools и влизате с вашият google акаунт ( същият който ползвате за да влизате в Blogger)
2. След като влезнете, ще видите поле в което да добавите сайта си :
Напишете адреса на блога си без да ползвате http и www (напр. bloomflowers.blogspot.com или tricksforblogger.info)
3. Трябва да потвърдите че блога е ваш. След като добавихте блога си, ви се появява жълто поле, което ви уведомява че трябва да верифицирате сайта си:
Натиснете връзката Verify Your Site, и ще видите това :
Изберете Add a Meta Tag и копирайте тага, който се появи в полето отдолу:
Не затварайте този прозорец. Отворете нов прозорец и влезте в блога си. Отидете на Оформление / Редактиране на HTML Кода. Добавете тага, който копирахте точно след <head>
Запазете Шаблона. Върнете се на страницата на Google Webmaster Tools, от където изкопирахте мета тага и натиснете бутона Verify. Това беше с добавянето на блога ви в инструментите на Гугъл.
Допълнение - Добавяне на Sitemap на блога ви в Google :
Може да добавите и sitemap . Това става като дадете на линка Add в полето Sitemap, намиращо се отдясно на адреса на блога ви, в началната страница на Google Webmaster Tools. Натискането на таза връзка ще ви препрати тук :
Изберете от падащото меню Add General Web Sitemap
и напишете в полето след адреса на блога ви rss.xml ,както е показано на снимката. Вместо rss.xml може да напишете atom.xml . Остана само да натиснете бутона намиращ се отдолу - Add General Web Sitemap.
Забележка:
Какво всъщност направихме? Ние не добавихме стандартен sitemap, а просто добавихме feed полето вместо sitemap. Повечето от специалистите по SEO твърдят , че добавянето на feed поле (rss ili atom) вместо sitemap, по-скоро би навредило на индексирането и на позиционирането на блога ви. Така че и по мое мнение, най-добре добавете блога си в Google Webmaster Tools и го верифицирайте, но не добавяте sitemap.
Тази статия ще ви обясни как да поставите движещ се текст( също наричан скролиращ) в страничните менюта или в публикациите на блога ви.
Друг начин да привлечете вниманието на хората посещаващи блога ви, е да добавите малко подвижен текст, но не прекалявайте, защото прекалено многото подвижен текст ще дразни очите на читателите ви и ще ги разсейва. Може да добавите скролиращ текст в страничното меню, за да уведомявате посетителите за следващи ъпдейти, популярни статии, рекламодатели и т.н.
Така че, ако желаете да псотавите подвижен текст в блога си, ето как става това :
Добавяне на обикновен движещ се текст:
Ето кода с който поставяте обикновен текст движещ се от дясно на ляво
Резултатът е следният:
Пример 1:
Ако желаете по-голям ефект, добавете цветен фон на текста, ето как:
Пример 2:
Ако желаете да смените цвета на фона, трябва да замените шестнадесетичният код(#99ccff). Вижте тук кодовете на различните цветове.
Ето още няколко атрибута, които да използвате за промяна посоката на текста :
direction="left"
direction="right"
direction="up"
direction="down"
За да се движи текста от ляво на дясно използвайте този код:
Пример 3:
Още няколко допълнителни опции за използване :
За отблъскване на текста от стената ползвайте behavior="alternate", ето и кода:
Пример 4:
Също така може да промените скоростта, с която се движи текста. Това става чрез атрибута scrollamount="2", като колкото е по-голяма стойността, толкова по-бързо се движи текста:
Пример 5:
Спиране на текста, когато мишката е върху него:
Понякога е полезно, когато посетителят иска да прочете текста, а той е с по-голяма дължина, когато постави мишката върху текста, той да спре да се движи, и когато отмести мишката, текста да продължи движението. Ето кода за това:
Пример 6:
Цвета на текста се промени с кода :
И за накрая оставихме най-важната и полезна част от този урок - Добавяне на Хипервръзки(линкове) в подвижния текст. Хипервръзка е когато някой кликне върху текста, да отиде на друго място(друг сайт или страница).
Добавяне на Хипервръзки( Отварящи се в същия прозорец):
Заменете url#1 url#2 url#3 с URL адресите ,към които искате да отвеждат линковете, а LINK#1 LINK#2 LINK#3 заменете с подходящ насочващ текст. Ето и един работещ код :
Пример 7:
Ако желаете страниците да се отварят в нов прозорец на браузера, заменете target="_top" с target="_blank"
Това е всичко. Може да добавите подвижният текст в публикацията ви, или в страничните менюта.
Ако блогът ви изглежда скучен, с не добре подбрана цветова гама, която отблъсква посетителите ви, време е да разнообразите външният вид на блога си. С лека промяна в цветовете на страничните ленти, хедъра и публикациите вие може да постигнете доста по-добър изглед на блога си. Опитвайте различни комбинации на цветове и преценете кой е най-добрият вариант за вашият блог.
Може да промените цветовете на блога си като отидете на Оформление / Шрифтове и Цветове
Но наличният набор от цветове в Blogger e скромен, и ако искате да използвате цветове които не са в табличката с цветовете, трябва да напишете шестнадесетичният код на желаният от вас цвят в полето , както е показано снимката по-долу:
Ето и кодовете на цветовете :HTML CODE COLOR #000000 #150517 #250517 #2B1B17 #302217 #302226 #342826 #34282C #382D2C #3b3131 #3E3535 #413839 #41383C #463E3F #4A4344 #4C4646 #4E4848 #504A4B #544E4F #565051 #595454 #5C5858 #5F5A59 #625D5D #646060 #666362 #696565 #6D6968 #6E6A6B #726E6D #747170 #736F6E #616D7E #657383 #646D7E #6D7B8D #4C787E #4C7D7E #806D7E #5E5A80 #4E387E #151B54 #2B3856 #25383C #463E41 #151B8D #15317E #342D7E #2B60DE #306EFF #2B65EC #2554C7 #3BB9FF #38ACEC #357EC7 #3090C7 #25587E #1589FF #157DEC #1569C7 #153E7E #2B547E #4863A0 #6960EC #8D38C9 #7A5DC7 #8467D7 #9172EC #9E7BFF #728FCE #488AC7 #56A5EC #5CB3FF #659EC7 #41627E #737CA1 #98AFC7 #F6358A #E4317F #F52887 #E4287C #C12267 #7D053F #CA226B #C12869 #800517 #7D0541 #7D0552 #810541 #C12283 #E3319D #F535AA #FF00FF #F433FF #E238EC #C031C7 #B048B5 #D462FF #C45AEC #A74AC7 #6A287E #8E35EF #893BFF #7F38EC #6C2DC7 #461B7E #571B7E #7D1B7E #842DCE #8B31C7 #A23BEC #B041FF #7E587E #D16587 #F778A1 #E56E94 #C25A7C #7E354D #B93B8F #F9B7FF #E6A9EC #C38EC7 #D2B9D3 #C6AEC7 #EBDDE2 #C8BBBE #E9CFEC #FCDFFF #E3E4FA #FDEEF4 #C6DEFF #ADDFFF #BDEDFF #E0FFFF #C2DFFF #B4CFEC #B7CEEC #52F3FF #00FFFF #57FEFF #50EBEC #4EE2EC #48CCCD #43C6DB #9AFEFF #8EEBEC #78C7C7 #46C7C7 #43BFC7 #77BFC7 #92C7C7 #AFDCEC #3B9C9C #307D7E #3EA99F #82CAFA #A0CFEC #87AFC7 #82CAFF #B0E2FF #566D7E #6698FF #736AFF #CFECEC #AFC7C7 #717D7D #95B9C7 #5E767E #5E7D7E #617C58 #348781 #306754 #4E8975 #254117 #387C44 #4E9258 #347235 #347C2C #667C26 #437C17 #347C17 #348017 #4AA02C #41A317 #4AA02C #8BB381 #99C68E #4CC417 #6CC417 #52D017 #4CC552 #54C571 #57E964 #5EFB6E #64E986 #6AFB92 #B5EAAA #C3FDB8 #00FF00 #87F717 #5FFB17 #59E817 #7FE817 #8AFB17 #B1FB17 #CCFB5D #BCE954 #A0C544 #FFFF00 #FFFC17 #FFF380 #EDE275 #EDDA74 #EAC117 #FDD017 #FBB917 #E9AB17 #D4A017 #C7A317 #C68E17 #AF7817 #ADA96E #C9BE62 #827839 #FBB117 #E8A317 #C58917 #F87431 #E66C2C #F88017 #F87217 #E56717 #C35617 #C35817 #8A4117 #7E3517 #7E2217 #7E3117 #7E3817 #7F5217 #806517 #805817 #7F462C #C85A17 #C34A2C #E55B3C #F76541 #E18B6B #F88158 #E67451 #C36241 #C47451 #E78A61 #F9966B #EE9A4D #F660AB #F665AB #E45E9D #C25283 #7D2252 #E77471 #F75D59 #E55451 #C24641 #FF0000 #F62217 #E41B17 #F62817 #E42217 #C11B17 #FAAFBE #FBBBB9 #E8ADAA #E7A1B0 #FAAFBA #F9A7B0 #E799A3 #C48793 #C5908E #B38481 #C48189 #7F5A58 #7F4E52 #7F525D #817679 #817339 #827B60 #C9C299 #C8B560 #ECD672 #ECD872 #FFE87C #ECE5B6 #FFF8C6 #FAF8CC