січня 2024

Заробіток на Вводі Капчі в Доларах Україна

Mark K. | Публікацію оновлено: 2024-09-21T13:14:05Z

Підробіток на капчі один із найпростіших і найдоступніших. Ви зможете за короткий термін отримати свої перші гроші в інтернеті та вивести їх на свій гаманець або кредитну картку.

Заробіток на капчі в доларах та гривнях

У мережі є кілька сервісів, які надають можливість такої праці:

RuCaptcha - проект, явний лідер у цій сфері (отримані рублі можна конвертувати в гривні).

2Captcha - для англомовних користувачів та дохідності в доларах.

Advego - переважно спеціалізується з продажу текстів, завдань тут практично не буває.

Socialink - старий проєкт по роботі в соціальних мережах, давно віджив своє.

Kolotibablo - думав нормальний сайт, адже ціни досить високі, але все завантажуються прям дуже довго.

AntiCap - накидають 10 центів за 1000 рішень, замало буде.

MegaTypers - тут проблеми починаються ще на етапі реєстрації, вимагають запрошення, а де його взяти незрозуміло.

Рекомендую працювати на перших двох проєктах, тому що ці сайти платять вдвічі більше. Саме про них я розповідаю в цій статті і показую, як можна суттєво збільшити дохід.

Бот працює ви відпочиваєте

В 2023 році на сайті 2Cptcha з'явилась можливість встановити додаток до браузера Гугл хром, вашего ПК, або ноутбука. Цей додаток буде розгадувати капчі замість вас, до того ж його можна встановити одразу на декілька комп'ютерів і тим самим збільшити свій дохід.

Як встановити додаток:

Переходимо на головну сторінку сайту
Внизу клікаємо на посилання reCaptcha V3 auto solver
Слідуємо вказаній там інструкції та отримаємо пасивний дохід

Отримані кошти раджу виводити на Payeer гаманець, так ви зможете збільшити свій дохід.

Що таке капча?

Капча – це невелике зображення з текстом, яке не може бути розпізнане автоматично. Вам будуть платити гроші за те, що ви будете записувати символи зображені на картинці або просто вибирати правильне розташування картинок.

Висновок. Мої виплати.

Будучи звичайним працівником, тобто рядовим розпізнавачем багато не заробиш, але все залежить від того, скільки часу ви приділятимете цьому.

Скріншот однієї з моїх виплат:

Відповіді на запитання

Блок з відповідями на запитання користувачів, які задаються найчастіше.

Скільки можна отримати грошей таким способом за день?

Максимальна сума, яку ви можете отримати протягом дня до 2-х доларів. Залежить від того, які типи вам трапляються.

Скільки грошей можна отримати на rucptcha?

Якщо виконувати роботу щодня протягом місяця протягом 4-6 годин, можна одержати 600 – 800 рублів.

Як вивести гроші з rucptcha?

Перейдіть на головну сторінку сайту, натисніть на посилання замовити виплату і дотримуйтесь подальших вказівок системи.

Як збільшити дохід?

Якщо розгадувати рекапчі, проте цей тип зустрічається у великих обсягах лише у вечірній час з 20.00 до 24.00. Найкраще встановити програму-клієнт для ПК, в ній є тільки Рекапчі, таким чином ви зможете заробляти більше. Або встановіть додаток для їх автоматичного розгадування.

2cptcha скільки можна заробити?

Від 10 до 30 доларів на місяць, нічого не роблячи.

Заробіток в інтернеті

Заробіток в інтернеті з виводом на карту 2024

Mark K. | Публікацію оновлено: 2024-10-18T11:20:53Z

Знайти онлайн роботу значно легше, ніж звичайну, однак проблема заключається в тому, що дохід може бути нестабільним, та через відсутність відповідних знань низькооплачуваним. Простіше кажучи розмір зарплатні буде залежити від бажання вчитися новому, та звісно працювати.

Скріншоти моїх виплат

Звіт по отриманих мною коштах в деяких вищезгаданих сайтах:

29 липня 2024 виплата і обмін на 151 долар, за завдання в соц мережах на сеоспрінт, everve та інших сайтах

2captcha

заробіток в інтернеті Google Adsense + Blogger

Google Adsense + Блог на Blogger

Google Adsense + Youtube

80 доларів з безкоштовних монет

Висновок

Онлайн робота так само, як і звичайна потребує значних зусиль, щоб забеспечити свою фінансову стабільність та незалежність. Якщо ви не опануєте основні інтернет професії, то зможете отримувати лише невеликі суми.

Відповіді на часті запитання

Блок з відповідями на часті запитування читачів:

Я шукаю українські сайти які платять гроші, чи є такі серед вищезгаданих?

Усі вищезгадані сайти співпрацюють українськими користувачами (та виплачують кошти) навіть під час війни.

Мені потрібно швидко заробити що мені краще вибрати?

Раджу Vserf та Спрінт.

Як заробити 3000 грн за день?

На початковому етапі без знань це нереально, вивчить одну з популярних онлайн професій та англійську мову.

Інструменти

Як створити сайт з допомогою Google Sites

Mark K. | Публікацію оновлено: 2024-09-21T13:13:48Z

Сервіси Гугл надали нам одразу два інструмента для створення свого сайту, а саме Blogger (він же Блогспот) про який я вам вже розповідав, та Гугл сайти.

Заробіток в інтернеті

Як заробити на своєму сайті? Монетизація вебсторінок

Mark K. | Публікацію оновлено: 2024-09-21T13:13:16Z

На сьогоднішній день існує декілька напрямків для заробітку грошей на своєму сайті:

Заробіток в інтернеті

Куди Краще Інвестувати Гроші В Україні

Mark K. | Публікацію оновлено: 2024-09-21T13:13:07Z

Щоб інвестувати в Україні та заробляти на криптовалюті достатньо мати невеликий капітал, це може бути навіть 100 доларів, з яких в підсумку можна зробити один мільйон. Так, звучить нереально, але подивіться моє відео під назвою "Як Заробляти на Криптовалюті, самий простий спосіб" і вже потім робіть висновки.

Інвестиції в криптовалюту

Звісно все це розраховано на довготривалий термін і досягається при певних умовах про які власне я розповідаю в даній публікації, та одній особливій людській якості, яка притаманна далеко не всім, а саме терпіння.

Зрозуміло, що чим більший наш стартовий капітал, тим більше ми на ньому заробимо, однак якщо у вас за пазухою дірка від бублика і жодних навиків для заробітку, як власне колись це було зі мною, тоді почніть заробляти свій капітал з:

Після чого починайте потрихи інвестувати.

Як заробляти на криптовалюті в Україні інвестуючи?

Самий оптимальний варіант для кожного з нас, це заробіток на зростанні та падінні цін на криптовалюту. Тобто купуємо крипту, коли вона дешева, та продаємо, коли її курс зростає.

Наприклад, я придбав 200 монет XRP Ripple на 100 доларів по ціні 50 центів за одну монету. Через два тижні ціна однієї монети сягала 1 долару 96 центів. Множимо 200 на 1.96 в результаті маєм 396 доларів.

Про це я більш детально розповідаю в відео "Куди Краще Інвестувати Гроші В Україні 2021" дивіться нижче.

Чи завжди можна заробляти таким чином? По суті так, але на ринку є два основні цикли, бичий, та ведмежий. Коли ринок бичий його активність просто зашкалює, входить дуже багато інвесторів і постійно вливається величезна кількість грошей, завдяки чому ціни на криптовалюту зростають до небес. Відповідно, коли ринок ведмежий активність майже нульова і заробити на різниці курсу вже не так легко.

Як та де купити критовалюту?

Для купівлі та зберігання криптовалюти я використовую біржу Binance, та платіжну систему Payeer, де також є можливість придбати криптовалюту, щоправда на Payeer зібрано тількі популярні види монет. Тоді як на Бінансі вони присутні майже в повному складі.

Вивести гроші з Binance можна на карту Приватбанку, Монобанку, або будь-якого іншого банку України. Ось покрокова інструкція:

Висновок

Так, ризики є завжди і будь де. А особливо в даних проектах, тому вкладайте тільки ту сумму, яку не шкода втратити.

SEO

Як додати сайт в пошукову систему Google Search Console

Mark K. | Публікацію оновлено: 2024-09-23T08:31:46Z

Додавши свій сайт в Google Search Console ви зможете спостерігати за його статистикою, яка допоможе вам у просуванні в пошуковій системі Google.

Відео інструкція

Що таке Google Search Console?

Google search console - це інструмент для збору статистики стосовно того, як функціонує сайт за певний період, або на даний момент. Він допомагає зрозуміти в якому напрямку вебмайстру слід рухатись, та які елементи сайту слід покращити.

Наприклад в розділі Ефективність ви можете з'ясувати по яким ключовим фразам ваш блог відображається в пошуковій системі Гугла, та які з цих фраз приводять в блог більше всього читачів.

На малюнку вище ви можете побачити, що по фразі "Blogspot vorlagen" за послідні 3 місяці на сайт перейшло 20 людей, та 67 раз сайт відображався в пошуковій системі.

Як додати сайт в Google search Console

Щоб додати сайт в Google Search Console вам необхідно:

1. Зареєструватися в гугл.
2. Перейти на сайт google search console.
3. Скопіюйте назву свого домена та вставте її у вікні Домен або Префікс URL-Адреси та натисніть кнопку Продовжити.

4. Після цього система автоматично розпізнає вас, як власника, або попросить підтвердити право власності. Найпростіший спосіб підтвердження за допомогою HTML тегу. Скопіюйте запропонований HTML тег та розмістіть його в HTML редакторі свого сайту між тегами <head> ... </head> після чого поверніться на сайт google search console та натисніть кнопку Перевірити.

google search console підтвердження права

5. Якщо ви зробили все вірно система перенаправить вас в панель управління Консолю.

Вітаю, щойно ви пройшли короткий курс з ведення сайту в Google Search Conole. Якщо у вас виникли питання по темі пишіть в коментарях.

Як відправляти сторінки сайту в Гугл

Для того, щоб сторінки вашого сайту з'являлися в пошуку Гугла, вставте посилання своєї сторінки у верхньому вікні "Перевіряйте будь-яку URL-адресу на ресурсі..." та натисніть Enter.

І вже в наступному вікні клікніть по "Надіслати запит на індексування".

Сторінки не одразу потрапляють в пошук, на це може піти деякий час. Якщо через 5-10 хвилин ви повторно зробите перевірку URL-адреси і побачите перед собою наступне повідомлення:

повідомлення про успішну індексація в google search console

тоді можна очікувати появу сторінки в Гугл приблизно через 5-6 годин.

З кожним роком індексація стає більш важкою, тому далеко не всі сайти можуть бути проіндексовані. Сторінки таких вебсайтів можуть індексуватися лише через Google API і то не завжди.

Шаблони

Прості шаблони Blogger для більш зручного користування

Mark K. | Публікацію оновлено: 2024-11-08T07:49:59Z

Для тих кому потрібна зручність і простота у всьому, підійде дана лінійка безкоштовних шаблонів.

Mini

Представляємо вам нову тему. Зовнішній вигляд теми досить простий, адаптивний, а також зручний для SEO. Вона також доступна у трьох варіантах.

Demo Download

Інструменти

Як створювати зображення у штучному інтелекті Midjourney

Mark K. | Публікацію оновлено: 2024-09-21T13:13:21Z

Не дивлячись на те, що нейромережа Midjourney створює мега круті картинки, вони можуть бути значно кращими. Це досягається за рахунок відповідних налаштувань та промтів.

Реєстрація в Midjourney

Процес простий та не займе багато часу:

Перейдіть на сайт Midjourney
Натисніть кнопку Join the beta
В Discord пропишіть ваше Ім'я та дату народження
Введіть ваш Email та підтвердіть його

Зліва оберіть одну з кімнат. Це загальні кімнати, де ви можете створювати зображення разом з іншими, щоправда це не дуже зручно, проте тут можна підглянути цікаві рішення (промти).

Як створити свою групу (кімнату)

Щоб створити свою кімнату, де ніхто вам не буде набридати, в бічній лівій панелі:

Клікніть по знаку + (Додати сервер)
В новому вікні оберіть Свій шаблон
Далі оберіть варіант Для мене та друзів
Створити
Поверніться в кімнату Midjourney, в стрічці з картинками клікніть по аватарці Midjourney
В з'явившомуся вікні натисніть синю кнопку Додати на сервер
Далі з'явиться нове вікно внизу оберіть свій сервер (він там всього один, тому не промахнетесь).

Вітаю, тепер можете перейти в свою групу та почати творити.

Основні налаштування Midjourney

Розберем опції, які допоможуть налаштувати режим роботи редактора в даній нейромережі:

MJ Version - усього 4 версії, рекомендується обрати останню з них 4-ту.
Niji Mode - перетворює картинки в аніме стиль.
Mj Test та Mj Test Photo - мінімальне спотворення елементів картинки та більш чітка деталізація.
Half, Base та High quality - якість картинки, чим вища якість, тим довше хвилин вона створюється.
Style low, med, high, very high - чим вище цей показник, тим більш артистичними будуть зображення.
Regular, Light, Beta Upscale - відповідає за збільшення ілюстрації.
Public mode - ваші роботи доступні у відкритому доступі.
Stealth mode - ваші картинки закриті для перегляду іншими учасниками (платна опція).
Remix mode - міксує картинки (наприклад в одній картинці може з'являтися ще один варіант того ж самого об'єкта, особи але трохи в іншому вигляді, або взагалі з'єднати два ріхних об'єкта, особи в одне ціле). Також дає змогу вносити правки в окремо виделіні фото.
Fast та Relax mode - обмеження для бесплатної підписки вимірюються не в кількості. картинок в хвилинах, тобто на створення ілюстрації витрачається певний час. Кожному учаснику разово надається 30 хвилин безкоштовного часу роботи з Midjourney.

Для того щоб викликати меню з вищевказаними налаштуваннями пропишіть /settings та двічі натисніть на клавіатурі Enter.

Другорядні налаштування

Допоможуть виокремити потрібну картинку з 4-х наданих мережою, та за необхідності внести додаткові правки. Сюди відносяться:

U1, U2, U3, U4 - де U це збільшення картинки, а номер від 1 до 4 вказує на те, яку саме картинку потрібно відокремити та збільшити.

V1, V2, V3, V4 - вказує боту, який малюнок сподобався більше і що потрібно на його основі створити 4 додаткові картинки.

Make Variations - опція дозволяє внести правки в обраний малюнок, однак вона доступна за умови, коли в основних налаштуваннях активована опція Remix mode.

Light Upscale Redo - помірне збільшення.

Beta Upscale Redo - збільшує більше, ніж Light Upscale Redo.

midjourney make variation, light upscale beta upscale

Додаткові опції

Додаткові опції можна вносити на етапі створення ілюстрацій, після заданих промтів прописуєте вказані параметри:

--aspect або --ar - це розмір картинки. Приклад --aspect 1200:600, або --ar 16:9

--chaos - чим більшим буде показник, тим більш неочікуваним буде фінальний результат. Від 0 до 100

--quality або --q - якість вихідного зображення. Доступні значення від 1 до 5

Висновок

Якщо ви хочете стати справжінм профі серед користувачів штучного інтелекту в Midjourney використовуйте вказані мною опції, промпти, та налаштування. Вперед до створення мега крутих картинок, які будуть заохочувати вас працювати у вебпросторі.

Відповіді на часті запитання

Блок із відповідями на часті запитання читачів:

Що потрібно для користування Midjourney?

Потрібно зареєструватися та оформити платну підписку

Скільки коштує підписка на Midjourney?

Всього є чотири тарифи: Basic $10, Standart $30, Pro $60 та Mega $120

Як зберегти зображення з Midjourney?

Для збереження картинки клікніть по ній, внизу клікніть по посиланню Відкрити в браузері, в новому вікні клікніть по картинці правою кнопкою мишки та оберіть варіант Зберегти картинку як.

Як користуватися Midjourney безкоштовно?

Такої можливасті немає, проте ви можете в Discord групі Midjourney користуватися пошуком, пропишіть назву картинки, яка вам потрібна та її розміри, наприклад: Apple House 16:9. Оберіть варіант, який вам більше підходить та завантажте картинку на свій пристрій.

Інструменти

Як створити гугл форму | Створення тестів онлайн

Mark K. | Публікацію оновлено: 2024-09-21T13:12:29Z

Ще не так давно в Blogger був спеціальний віджет за допомогою якого можна було створити тести та провести опитування серед своїх читачів. Однак чомусь його прибрали, можливо це через то, що він відбирав хліб у іньшого інструмента Гугл для тестувань та опитувань під назвою Google Forms.

Шаблони

Створення Лендінга. Безкоштовні Шаблони Landing Page

Mark K. | Публікацію оновлено: 2024-09-21T13:12:22Z

Щоб створити односторіночний сайт, який до речі розгалужується на два окремі типи, а саме

Інструменти

Транслітерація онлайн з української на англійську (латинську)

Mark K. | Публікацію оновлено: 2024-09-21T13:12:11Z

На відміну від багатьох інших онлайн

Шаблони

Теми для створення сайту або блогу на Blogger

Mark K. | Публікацію оновлено: 2024-09-21T13:12:03Z

Те за що ми так любомо Blogger це можливість обрати тип дизайну для свого сайту, або блогу. Це досягається шляхом встановлення відповідної Теми Blogger. В мережі є безліч крутих

Інструменти

Створення прев'ю картинок для Youtube, Сайтів та Блогів. Без реєстрації

Mark K. | Публікацію оновлено: 2024-09-21T13:11:55Z

Вітаю друзі! 😉 Нарешті я завершив роботу над інструментом, який дасть вам змогу створювати свої прев'ю картинки для відео на youtube, постів і публікацій на сайтах, блогах і соцмережах. Нажаль, поки що вийшло реалізувати не все задумане, але навіть з тим, що є, ви зможете робити круті прев'ю картинки і тим самим привертати більше уваги до свого контенту.



Перший заголовок

Завантажити свою картинку Зроби скріншот (клавіша PrtSc або PrintScreen), тепер обріж та скачай своє прев'ю.

Знаки символів:
㋛ソッヅツゾシジｯﾂｼﾝ〴 ت ☺ ☻ ☹
⓵⓶⓷⓸⓹⓺⓻⓼⓽⓾➊➋➌➍➎➏➐➑➒➓ ⓪➀➁➂➃➄➅➆➇➈➉⑪⑫⑬⑭⑮⑯⑰⑱⑲⑳ ⓿ ❶ ❷ ❸ ❹ ❺ ❻ ❼ ❽ ❾ ❿ ⓫ ⓬ ⓭ ⓮ ⓯ ⓰ ⓱ ⓲ ⓳ ⓴
♈♉♊♋♌♍♎♏♐♑♒♓
✽ ✾ ✿ ✥ ❀ ❁ ❃ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ✢ ✣ ✤ ❋ ٭ ✱ ✲ ✳ ✴ ✶ ✷ ✸ ✹ ✺ ✻ ✼ ⁂
✪★☆✫✬✭✮✯✰⋆✧✩✵✦
♔♕♖♗♘♙♚♛♜♝♞♟
๏̯͡๏ ٩(̾●̮̮̃̾•̃̾)۶ ٩(●̮̮̃●̃)۶ ٩(-̮̮̃-̃)۶ ٩(͡๏̯͡๏)۶ ٩(-̮̮̃•̃)۶ ٩(×̯×)۶ (•̪●) d-_-b
✁ ✂ ✃ ✄
✆ ☎ ☏
☑ ✓ ✔
™ © ®
♡ ღ ❥ ❤ ♥ ❣ ❢ ❦ ❧
☀ ☁ ☂ ☃ ☼ ☽ ★ ☆ ☾
♠ ♡ ♢ ♣ ♤ ♥ ♦ ♧
牡マキグナルファ系路克瑞大阪市立学
鎰命科ャマ能力 ϒ 人は妻スティ要望通
り玉宏 ¥ サ丹谷 Ѫ 灯影伝鶐
√ιק ☜☞ ͡๏̯͡๏ ͡๏̮͡๏ ٩(̾●̮̮̃̾•̃̾)۶ ٩(̾●̮̮̃̾•̃̾)۶ ٩(̾●̮̮̃̾•̃̾)۶ ⓥⓚⓞⓃⓉⒶⓚⓉⒺ ιιllιlι.ιl.. ˜”*°•..•°*”˜
Loading… ██████████████] 99%
✉✍✎✏✐✑✒
❤️️☹️☕️

Інструменти

Стиснути розмір та вагу картинки. Оптимізація зображень

Mark K. | Публікацію оновлено: 2024-09-21T13:11:45Z

Фото та відео файли це без перебільшення найкращі друзі вашого сайту. І в той же час вони є

Blogger

Як Встановити на Сайт HTML Кнопки Соціальних Мереж

Mark K. | Публікацію оновлено: 2024-09-21T13:11:29Z

Відео інструкція

Текстова інструкція

Кнопки соціальних мереж є допоміжним чинником розкрутки не тільки сайту але й потрібних нам сторінок в медійних системах, таких як Facebook, Twitter, Youtube, Telegram, Pinterest та ін.. Такий підхід значно полегшує мету кожного вебмайстра в плані збільшення аудиторії свого сайту.

В даній публікації я підготував для вас два типи кнопок. Перший тип це "Ми в соц мережах", а другий тип, "Поділитися в соц мережах".

Встановлення на сайт HTML кнопок Ми в соц мережах

Даний віджет сумісний з усіма системами для створення сайтів, наприклад Blogger, WordPress, Joomla, Ucoz та інші.

Для встановлення віджету відкрийте файл з HTML кодами за посиланням - https://drive.google.com/file/d/1cr86tIA8qRHf0L47HPzisE5GNRyk1hj-/view

та слідуйте вказівкам у відео інструкції.

Встановлення кнопок Поділитися в соц мережах

На відміну від попереденього віджету даний варіант сумісний тільки із системою Blogger. Для WordPress, Joomla та інших платформ краще за все використовувати відповідні плагіни.

Щоб встановити даний віджет використовуйте відео інструкцію та надані HTML коди:

1.CSS

CSS<style>
.social .telegram a:before {content: "\f3fe";font-family: 'Font Awesome 5 Brands';} 
ul.share-links.social.social-color {padding: 0px;} li.telegram {background: #3ea9ff;} 
.post-share{position:relative;overflow:hidden;line-height:0;margin:0 0 20px;margin-top:10px;} .share-links li{width:30px;float:left;box-sizing:border-box;margin:0 5px 0 0;list-style: none;} .share-links li a{float:left;display:inline-block;cursor:pointer;width:100%;height:28px;line-height:28px;color:#fff;font-weight:400;font-size:13px;text-align:center;box-sizing:border-box;opacity:1;margin:0;padding:0;transition:all .25s ease} .share-links li.whatsapp-mobile{display:none} .mobile-share li.whatsapp-desktop{display:none} .mobile-share li.whatsapp-mobile{display:inline-block} .share-links li a:before{float:left;display:block;width:30px;background-color:rgba(0,0,0,0.05);text-align:center;line-height:28px} .share-links li a:hover{opacity:.8} .social-color .odnoklassniki {background: #ffbc00;} .social-color .email a:before{content:&quot;\f189&quot;} .social a:before{display:inline-block;font-family:&#39;Font Awesome 5 Brands&#39;;font-style:normal;font-weight:400} .social .blogger a:before{content:&quot;\f37d&quot;} .social .facebook a:before{content:&quot;\f09a&quot;} .social .twitter a:before{content:&quot;\f099&quot;} .social .telegram a:before{content:&quot;\f3fe&quot;} .social .odnoklassniki a:before{content:&quot;\f263&quot;} .social .gplus a:before{content:&quot;\f0d5&quot;} .social .rss a:before{content:&quot;\f09e&quot;;font-family:&#39;Font Awesome 5 Free&#39;;font-weight:900} .social .youtube a:before{content:&quot;\f167&quot;} .social .skype a:before{content:&quot;\f17e&quot;} .social .stumbleupon a:before{content:&quot;\f1a4&quot;} .social .tumblr a:before{content:&quot;\f173&quot;} .social .vk a:before{content:&quot;\f189&quot;} .social .stack-overflow a:before{content:&quot;\f16c&quot;} .social .github a:before{content:&quot;\f09b&quot;} .social .linkedin a:before{content:&quot;\f3fe&quot;} .social .dribbble a:before{content:&quot;\f17d&quot;} .social .soundcloud a:before{content:&quot;\f1be&quot;} .social .behance a:before{content:&quot;\f1b4&quot;} .social .digg a:before{content:&quot;\f1a6&quot;} .social .instagram a:before{content:&quot;\f16d&quot;} .social .pinterest a:before{content:&quot;\f0d2&quot;} .social .twitch a:before{content:&quot;\f1e8&quot;} .social .delicious a:before{content:&quot;\f1a5&quot;} .social .codepen a:before{content:&quot;\f1cb&quot;} .social .flipboard a:before{content:&quot;\f44d&quot;} .social .reddit a:before{content:&quot;\f1a1&quot;} .social .whatsapp a:before{content:&quot;\f232&quot;} .social .messenger a:before{content:&quot;\f39f&quot;} .social .snapchat a:before{content:&quot;\f2ac&quot;} .social .external-link a:before{content:&quot;\f35d&quot;;font-family:&#39;Font Awesome 5 Free&#39;;font-weight:900} .social-color .blogger a{background-color:#ff5722} .social-color .facebook a{background-color:#3b5999} .social-color .twitter a{background-color:#00acee} .social-color .gplus a{background-color:#db4a39} .social-color .youtube a{background-color:#db4a39} .social-color .instagram a{background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4)} .social-color .pinterest a{background-color:#ca2127} .social-color .dribbble a{background-color:#ea4c89} .social-color .linkedin a{background-color:#149fe7} .social-color .tumblr a{background-color:#365069} .social-color .twitch a{background-color:#6441a5} .social-color .rss a{background-color:#ffc200} .social-color .skype a{background-color:#00aff0} .social-color .stumbleupon a{background-color:#eb4823} .social-color .vk a{background-color:#4a76a8} .social-color .stack-overflow a{background-color:#f48024} .social-color .github a{background-color:#24292e} .social-color .soundcloud a{background:linear-gradient(#ff7400,#ff3400)} .social-color .behance a{background-color:#191919} .social-color .digg a{background-color:#1b1a19} .social-color .delicious a{background-color:#0076e8} .social-color .codepen a{background-color:#000} .social-color .flipboard a{background-color:#f52828} .social-color .reddit a{background-color:#ff4500} .social-color .whatsapp a{background-color:#3fbb50} .social-color .messenger a{background-color:#0084ff} .social-color .snapchat a{background-color:#ffe700} .social-color .email a{background-color:#63839f} .social-color .external-link a{background-color:$(main.dark.color)} .social-color-hover .blogger a:hover{background-color:#ff5722} .social-color-hover .facebook a:hover{background-color:#3b5999} .social-color-hover .twitter a:hover{background-color:#00acee} .social-color-hover .gplus a:hover{background-color:#db4a39} .social-color-hover .youtube a:hover{background-color:#db4a39} .social-color-hover .instagram a:hover{background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4)} .social-color-hover .pinterest a:hover{background-color:#ca2127} .social-color-hover .dribbble a:hover{background-color:#ea4c89} .social-color-hover .linkedin a:hover{background-color:#0077b5} .social-color-hover .tumblr a:hover{background-color:#365069} .social-color-hover .twitch a:hover{background-color:#6441a5} .social-color-hover .rss a:hover{background-color:#ffc200} .social-color-hover .skype a:hover{background-color:#00aff0} .social-color-hover .stumbleupon a:hover{background-color:#eb4823} .social-color-hover .vk a:hover{background-color:#4a76a8} .social-color-hover .stack-overflow a:hover{background-color:#f48024} .social-color-hover .github a:hover{background-color:#24292e} .social-color-hover .soundcloud a:hover{background:linear-gradient(#ff7400,#ff3400)} .social-color-hover .behance a{background-color:#191919} .social-color-hover .digg a:hover{background-color:#1b1a19} .social-color-hover .delicious a:hover{background-color:#0076e8} .social-color-hover .codepen a:hover{background-color:#000} .social-color-hover .flipboard a:hover{background-color:#f52828} .social-color-hover .reddit a:hover{background-color:#ff4500} .social-color-hover .whatsapp a:hover{background-color:#3fbb50} .social-color-hover .messenger a:hover{background-color:#0084ff} .social-color-hover .snapchat a:hover{background-color:#ffe700} .social-color-hover .email a:hover{background-color:#888} .social-color-hover .external-link a:hover{background-color:$(main.dark.color)}
</style>

2. HTML встановлюєте після data:post.body

<b:if cond='data:blog.pageType != &quot;index&quot;'>
<div class='post-share'>
<ul class='share-links social social-color'> 
<b:class cond='data:blog.isMobileRequest' name='mobile-share'/>
<li class='facebook'><a class='facebook' data-height='650' data-width='550' expr:href='&quot;https://www.facebook.com/sharer.php?u=&quot; + data:post.url' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);return false;' rel='nofollow' target='_blank'><span/></a></li>
<li class='twitter'><a class='twitter' data-height='460' data-width='550' expr:href='&quot;https://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;text=&quot; + data:post.title' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);return false;' rel='nofollow' target='_blank'><span/></a></li>
<li class='pinterest'><a class='pinterest' data-height='750' data-width='735' expr:href='&quot;https://www.pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.featuredImage + &quot;&amp;description=&quot; + data:post.title' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);return false;' rel='nofollow' target='_blank'/></li> 
<li class='odnoklassniki'><a class='' data-height='750' data-width='735' expr:href='&quot;https://connect.ok.ru/offer?url=&quot; + data:blog.url' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);return false;' rel='nofollow' target='_blank' title=''/></li> 
<li class='telegram'><a class='' data-height='650' data-width='1000' expr:href='&quot;https://telegram.me/share/url?url=&quot; + data:blog.url' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);return false;' rel='nofollow' target='_blank' title='telegram'/> </li>                               
<li class='vk'><a class='' data-height='650' data-width='650' expr:href='&quot;https://vk.com/share.php?mini=true&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank' title='Vkontakte'/></li>
 <li class='reddit'><a class='twitter' data-height='460' data-width='550' expr:href='&quot;https://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;resubmit=true&amp;title=&quot; + data:post.title + &quot;&quot;' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);return false;' rel='nofollow' target='_blank'><span/></a></li>
</ul>
</div>
</b:if>

Відео інструкція:

Підключення іконок Font Awesome:

HTML<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet"/>

або

HTML<link crossorigin='anonymous' href='https://use.fontawesome.com/releases/v5.8.2/css/all.css' integrity='sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay' rel='stylesheet'/>

Наразі це все, якщо виникнуть питання пишіть в коментарях.

Blogger

Як Встановити Кнопку Вгору для Сайту на Blogger

Mark K. | Публікацію оновлено: 2024-09-21T13:11:17Z

Блоггер як встановити кнопку скроллінгу вгору

Кнопку "Вгору" можна віднести до так званої групи елементів блогу під назвою "Юзабіліті". Тобто елементів, котрі полегшують взаємодію користувачів з контентом.

Кнопка Вгору - це HTML елемент сайту для швидкої прокрутки сторінки до її початку.

В даному розділі я підготував для вас одразу декілька варіантів, який з них обрати вирішувати вам.

Встановлення кнопок з ефектами удару та сповільнення

В панелі управління перейдіть до розділу Тема - Редагувати HTML натисніть на клавіатурі клавіші CTRL+F та впишіть у вікні пошуку тег </head> натисніть Ентер та добавте перед даним тегом наступний код:

HTML<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" type="text/javascript"/>

Тепер знайдіть тег ]]></b:skin> та додайте після нього CSS:

CSS<style type='text/css'> 
#easy-top{background:rgba(0,0,0,.5);text-align:center;position:fixed;bottom:15px;right:15px;cursor:pointer;width:38px;height:38px;line-height:38px;border-radius:4px;padding:4px;display:none;-webkit-transform:translateZ(0);box-sizing:initial;transition:all .3s ease-out; z-index:999999}#easy-top:hover{background:rgba(0,0,0,.9)}#easy-top:before,#easy-top:after{-webkit-backface-visibility:hidden;box-sizing:initial;}#easy-top:before{content:'';height:8px;width:8px;display:block;border:3px solid #fff;border-left-width:0;border-bottom-width:0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);position:absolute;top:15px;left:18px}#easy-top:after{content:'';height:16px;width:3px;display:block;background:#fff;position:absolute;top:17px;left:22px}#easy-top:hover:after{border-color:transparent transparent rgba(0,0,0,.9)transparent}
</style>

Чудово. Тепер потрібно знайти тег </body> та встановити перед ним один з варіантів:

Плавний варіант прокрутки:

JS
<div id='easy-top'/>
<script type='text/javascript'>
//<![CDATA[
$(function(){$(window).scroll(function(){$(this).scrollTop()>600?$("#easy-top").fadeIn(100):$("#easy-top").fadeOut(0)}),$("#easy-top").click(function(){$("html, body").animate({scrollTop:0},{duration:2e3,easing:"easeOutQuint"})})});
//]]>
</script>
<script src='https://cdn.rawgit.com/Arlina-Design/redvision/master/easing.js' type='text/javascript'/>

Варіант прокрутки з відскоком:

JS
<div id='easy-top'/>
<script type='text/javascript'>
//<![CDATA[
$(function(){$(window).scroll(function(){$(this).scrollTop()>600?$("#easy-top").fadeIn(100):$("#easy-top").fadeOut(0)}),$("#easy-top").click(function(){$("html, body").animate({scrollTop:0},{duration:2e3,easing:"easeOutBounce"})})});
//]]>
</script>
<script src='https://cdn.rawgit.com/Arlina-Design/redvision/master/easing.js' type='text/javascript'/>

Збережіть налаштування, та перевірте результат.

Встановлення кнопок Вгору та Вниз

Не менш цікавий варіант два в одному, додаємо дві кнопки Вгору та Вниз. Знайдіть тег ]]></b:skin> та додайте після нього CSS:

CSS<style type='text/css'>
/* Go Up and Down */
#scrollToTop{display:;list-style:none;position:fixed;bottom:49%;right:20px;cursor:pointer;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99}
#scrollToTop a{display:inline-block;background:#fff;color:#222;font-size:.8rem;margin:5px auto;padding:12px 14px;border-radius:99em;box-shadow:0 2px 3px rgba(0,0,0,0.06),0 2px 3px rgba(0,0,0,0.1)}
#scrollToTop a:hover{color:#222;box-shadow:0 10px 21px rgba(0,0,0,0.15),0 6px 6px rgba(0,0,0,0.12)}
#top{position:absolute;top:0}
</style>

Тепер потрібно знайти тег </body> встановіть перед ним:

HTML<ul id='scrollToTop'>
  <li><a href='#top'><i class='fa fa-chevron-up' title='Go up'/></a></li>
  <li><a href='#bottom'><i class='fa fa-chevron-down' title='Go down'/></a></li>
</ul>
<div id='top'/>
<div id='bottom'/>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function(){var o=0,r=600;jQuery(window).scroll(function(){jQuery(this).scrollTop() > o?jQuery("#scrollToTop").fadeIn(r):jQuery("#scrollToTop").fadeIn(r)})});
$(function(){$("a[href*=#]:not([href=#])").click(function(){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var t=$(this.hash);if(t=t.length?t:$("[name="+this.hash.slice(1)+"]"),t.length)return $("html,body").animate({scrollTop:t.offset().top},800),!1}})});
//]]>
</script>

Збережіть налаштування та перевірте чи спрацювують кнопки.

Відео інструкція:

На цьому наш урок завершено, відгуки та питання можете залишати в коментарях.

HTML

Як зробити посилання і кнопку для сайту в HTML та CSS

Mark K. | Публікацію оновлено: 2024-10-25T06:27:48Z

Посилання в блогах та сайтах служать в першу чергу для того, щоб зв'язати між собою схожі сторінки і тим самим зацікавити читача іншими публікаціями нашого ресурсу.

Відео інструкія

Під час такого з'єднення відбувається перелінковка сторінок і це допомагає нашому блогу та його публікаціям стати більш популярним та набрати більше рейтингу в пошукових системах.

Однак головна умова тут в тому, що перелінковувати між собою потрібно тільки схожі за змістом сторінки. Якщо тема сторінок суттєво відрізняєтся, тоді це може навіть зашкодити просуванню блога.

Також посилання слід застосовувати, якщо нам потрібно вказати в публікаціях інший сайт або блог, щоб користувачі могли перейти на нього.

Як створити посилання на сайт

В кожній платформі будь то блог, сайт, форум і т.д. додатково надається HTML редактор. Отже перейдіть у свій HTML редактор, та пропишіть наступний код:

<a href='link.com'> текст посилання </a>

Замість link.com вставте посилання свого ресурсу.
Текст посилання - це анкор, тобто текст який супроводжує посилання.

Щойно я показав вам універсальний метод створення html посилання. Однак у всіх сучасних редакторах посилання можно створити значно простіше. Вам просто потрібно знайти на панелі іконку або символ схожий на ланцюг, а деколи ця функція так і підписана Посилання або Прив'язати.

Відкривати посилання в новій сторінці браузера

Для того щоб користувачі могли відкрити посилання в новій сторінці браузера нам необхідно дописати в нашому HTML коді атрибут target _blank ось власне зразок:

<a href='link.com' target='_blank'> текст посилання </a>

Ось і все тепер, коли читачі будут натискати на посилання сторінка буде відкриватися в новому вікні браузера.

Як запобігти передачі рейтингу іншим сайтам

Само по собі посилання віддає певну частину рейтингу нашої сторінки іншій сторінці, на яку власне воно посилається. Якщо це сторінка нашого блогу, то не страшно, однак, якщо це сторінка іншого ресурсу, тоді буде доцільно, якщо ми збережемо рейтинг своєї публікації. Це можна зробити дописавши атрибут rel nofollow ось приклад:

<a href='link.com' rel='nofollow'> текст посилання </a>

Готово, після цього наша сторінка залишить рейтинг при собі.

Якщо у вас виникли питання стосовно даної теми пишіть в коментарях.

Як створити HTML кнопку

Спочатку створіть HTML посилання так само, як ми це робили на початку:

HTML<a href='linkos.com'> текст посилання </a>

Далі нам потрібно присвоїти цьому посиланню атрибут 'class', під будь-якою назвою, наприклад class='knopka' . Це потрібно для того, щоб CSS код, який ми зараз напишемо, звертався саме до цього посилання, інакше він просто не буде працювати. Як це має виглядати:

HTML<a class='knopka' href='linkos.com'> текст посилання </a>

Чудово, тепер можемо приступити до написання CSS:

CSS.knopka{color:#fff; padding:8px; background:#ff6006;}

Готово. Тепер давайте подивимося, що у нас вийшло: текст посилання
Місія майже завершена, але давайте ще додамо кілька штрихів, наприклад зробимо кути кнопки трохи круглими та додамо їй тіні:

CSS.knopka{color:#fff; padding:8px; background:#ff6006; border-radius:4px; box-shadow:2px 2px 4px -2px rgba(0,0,0,0.4)}

Подивимося на результат: текст посилання Так мені подобається значно більше. Якщо потрібно зробити кнопку круглою або овальною, можна збільшити значення border-radius до 100px, і тоді отримаємо: текст посилання

А зараз буде «фаталіті», додамо нашій кнопці іконку fontawesome. Нехай це буде іконка конверта:

HTML<a class='knopka' href='linkos.com'> текст посилання <i class="fa fa-envelope" aria-hidden="true"></i> </a>

Тепер поглянемо на результат: текст посилання

Палітра кольорів

#5C97BF
#4B77BE
#1F3A93
#2574A9
#67809F
#34495E
#3A539B
#1E8BC3
#6BB9F0
#22313F
#336E7B
#19B5FE
#89C4F4
#2C3E50
#3498DB
#22A7F0
#94E0EE
#52B3D9
#59ABE3
#26A65B
#1E824C
#00B16A
#2ABB9B
#4DAF7C
#03A678
#26C281
#019875
#3FC380
#16A085
#2ECC71
#C5EFF7
#C8F7C5
#049372
#36D7B7
#66CC99
#1BA39C
#1BBC9B
#65C6BB
#BFBFBF
#ABB7B7
#DADFE1
#95A5A6
#C5DCE2
#BDC3C7
#EEEEEE
#D2D7D3
#F0E2C5
#EB9532
#E67E22
#F27935
#F9BF3B
#F7CA18
#F9690E
#F39C12
#D35400
#F4D03F
#F5AB35
#EB974E
#F2784B
#F4B350
#E87E04
#E74C3C
#CF000F
#C0392B
#D64541
#EF4836
#96281B
#D91E18
#E26A6A
#FF0000
#F22613
#E08283
#9B59B6
#8E44AD
#BE90D4
#BF55EC
#9A12B3
#913D88
#722D6A
#740A4E

Заробіток на капчі в доларах та гривнях

Бот працює ви відпочиваєте

Що таке капча?

Висновок. Мої виплати.

Скріншот однієї з моїх виплат:

Відповіді на запитання

Популярні способи онлайн роботи без вкладень

Скріншоти моїх виплат

Висновок

Відповіді на часті запитання

Інвестиції в криптовалюту

Як заробляти на криптовалюті в Україні інвестуючи?

Як та де купити критовалюту?

Висновок

Відео інструкція

Що таке Google Search Console?

Як додати сайт в Google search Console

Як відправляти сторінки сайту в Гугл

Mini

Реєстрація в Midjourney

Як створити свою групу (кімнату)

Основні налаштування Midjourney

Другорядні налаштування

Додаткові опції

Популярні промти

Висновок

Відповіді на часті запитання

Перший заголовок

Відео інструкція

Текстова інструкція

Встановлення на сайт HTML кнопок Ми в соц мережах

Встановлення кнопок Поділитися в соц мережах

Підключення іконок Font Awesome:

Встановлення кнопок з ефектами удару та сповільнення

Встановлення кнопок Вгору та Вниз

Відео інструкія

Як створити посилання на сайт

Відкривати посилання в новій сторінці браузера

Як запобігти передачі рейтингу іншим сайтам

Як створити HTML кнопку

Палітра кольорів