26.9.08

Добавяне на блога ви в Google Webmaster Tools

Добавянето на блога ви в 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.

2.9.08

Поставяне на Подвижен Текст в Блога ви

Тази статия ще ви обясни как да поставите движещ се текст( също наричан скролиращ) в страничните менюта или в публикациите на блога ви.
Друг начин да привлечете вниманието на хората посещаващи блога ви, е да добавите малко подвижен текст, но не прекалявайте, защото прекалено многото подвижен текст ще дразни очите на читателите ви и ще ги разсейва. Може да добавите скролиращ текст в страничното меню, за да уведомявате посетителите за следващи ъпдейти, популярни статии, рекламодатели и т.н.

Така че, ако желаете да псотавите подвижен текст в блога си, ето как става това :

Добавяне на обикновен движещ се текст:
Ето кода с който поставяте обикновен текст движещ се от дясно на ляво


Резултатът е следният:
Пример 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:



Добавяне на Джаджи Шестнадесетични Цветове Шаблони за Blogger



Ако желаете страниците да се отварят в нов прозорец на браузера, заменете target="_top" с target="_blank"

Това е всичко. Може да добавите подвижният текст в публикацията ви, или в страничните менюта.

1.9.08

Използване на шестнадесетични кодове на цветовете за Blogger

Ако блогът ви изглежда скучен, с не добре подбрана цветова гама, която отблъсква посетителите ви, време е да разнообразите външният вид на блога си. С лека промяна в цветовете на страничните ленти, хедъра и публикациите вие може да постигнете доста по-добър изглед на блога си. Опитвайте различни комбинации на цветове и преценете кой е най-добрият вариант за вашият блог.

Може да промените цветовете на блога си като отидете на Оформление / Шрифтове и Цветове
Но наличният набор от цветове в 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