Tạo nút download bằng css đẹp cho WordPress và Blogspot

Tạo nút download bằng css đẹp cho Blogspot 2020: Blogspot là mã nguồn được dùng rất nhiều để làm Blog download, chia sẻ tài liệu thủ thuật trong giới MMO. Với nhưng Blog dạng này thì chúng ta thường chia sẻ những đường link để người dùng download hay xem demo. Vậy làm sau làm Button CSS cho các link này

Việc làm nổi bật các đường link này chúng ta nên kết hợp với các Button để người dùng dễ dàng nhìn thấy và làm đẹp blog của bạn. Bộ code này dùng để làm button bằng CSS đẹp tuyệt.

Tạo nút download bằng css đẹp cho WordPress và Blogspot

Khi bạn đưa trỏ chuột vào button thì sẽ thấy hiệu ứng rất hay. Bộ code này đi kèm với thư viện Bootstrap, Fontawesome, với bộ icon đa dạng và phong phú giúp bạn có thể tùy chỉnh icon tùy thích. Trong bài này tôi sẽ hướng dẫn cho các bạn cách tạo bộ icon này với các bước thực hiện như bên dưới.

Bước 1: Đăng nhập vào Blogger > Chủ đề > Chỉnh sửa HTML

Bước 2: Thêm thư viện FontAwesome vào bằng cách thêm đoạn code này vào sau thẻ <head>

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>

Nếu blog của bạn có đoạn tương tự thì có thể bỏ qua hoặc thay bằng đoạn code trên

Bước 3: Thêm đoạn CSS này trước thẻ đóng ]]></b:skin> hoặc </style> trong Template của bạn

a:active{position:relative;top:1px;left:1px}
#button{text-align:center}
#button a{padding:10px 20px;color:#fff;text-align:center;border:0;cursor:pointer;border-radius:3px;display:inline-block;font-weight:500;-webkit-box-shadow:inset 0 -4px rgba(0,0,0,0.15);box-shadow:inset 0 -4px rgba(0,0,0,0.15);color:#fff;max-width:220px;line-height:30px;font-size:16px;text-transform: uppercase;margin:10px}
#button a:hover{-webkit-box-shadow:inset 0 -54px rgba(0,0,0,0.15);box-shadow:inset 0 -54px rgba(0,0,0,0.15);color:#fff}
.demo-button:before{content:'\f1d9';font-family:fontawesome;display:inline-block;margin:0 8px 3px 0;vertical-align:middle}
.download-button:before{content:'\f019';font-family:fontawesome;display:inline-block;margin:0 8px 3px 0;vertical-align:middle}
.buy-button:before{content:'\f07a';font-family:fontawesome;display:inline-block;margin:0 8px 3px 0;vertical-align:middle}
.blue{background:#3498db;}
.green{background:#2ecc71}
.red{background:#e74c3c}
.orange{background:#e8930c}
.purple{background:#9b59b6}
.yellow{background:#FFD600}
.pink{background:#F889EB}
.grey{background:#bdc3c7}
.turquoise{background:#1abc9c}
.midnight{background:#2c3e50}
.asbestos{background:#6d7b7c}
.dark{background:#454545}

 

Bài viết liên quan

Cách khắc phục lỗi Microsoft Store xoay vòng vô tận

Nếu Microsoft Store của bạn bị dừng với vòng xoay vô tận và không thể [...]

297 Comments

Hướng dẫn chặn web đen bằng file Host hiệu quả nhất

Vì nhiều lý do khác nhau mà người dùng máy tính muốn chặn một số [...]

297 Comments

Windows 10 Extreme Lite 1507 cho máy cấu hình yếu, máy đời cũ

WINDOWS 10 LITE NHẸ NHẤT CHƯA TỪNG CÓ PHIÊN BẢN TIẾT KIỆM MÁY TÍNH YẾU [...]

297 Comments

Easy Driver Pack 7.22.1212.2 ISO (x86/x64) Eng

Easy Driver Pack có giao diện đơn giản có thể sử dụng cho AutoDriver cho những [...]

297 Comments

Ứng dụng lịch việt tốt nhất cho androi phiên bản mới nhất không có quảng cáo

Theo nhận xét cá nhân, Lịch Vạn Niên DeepStudio là ứng dụng có giao diện khác [...]

297 Comments

Ứng dụng từ điển Lạc Việt cho android

Cách khắc phục lỗi Microsoft Store xoay vòng vô tận Hướng dẫn chặn web đen [...]

297 Comments

297 thoughts on “Tạo nút download bằng css đẹp cho WordPress và Blogspot

  1. Pingback: animal porn

  2. Pingback: animal porn

  3. Pingback: anan脹n am脹

  4. Pingback: child porn

  5. Pingback: porn

  6. Pingback: Cocuk pornosu

  7. Pingback: child porn

  8. Pingback: child porn

  9. Pingback: child porn

  10. Pingback: porn

  11. Pingback: fuck

  12. AujikPhant says:

    The correlation analysis between the features and the PHQ-9 scores revealed that 6 of the 10 features were significantly correlated to the scores Figure 3.
    You can easily homeopathic glucophage . ED problems quickly resolved!
    Panic disorder may also be accompanied by agoraphobia, which is a fear of being in places where escape or help would be difficult in the event of a panic attack.

  13. WguuCyday says:

    Histologic features under light microscopy are the most important factors in making the diagnosis of leiomyosarcoma.
    Take the time to shop around when you want to lyrica from love and hip hop . Have it now!
    It is important for the depressed person to know that their feelings of hopelessness and lack of self-worth are a result of their illness.

  14. AxxzCleam says:

    If you have prediabetes, you should be checked for diabetes every one to two years after diagnosis.
    you get.Any time you want to hydrocortisone to prednisone as they provide reliable reviews. Always get the best deal!
    Each of the important causes of nutritional anemia can be eradicated through prevention and treatment.

  15. Pingback: child porn

  16. Pingback: sex

  17. AngkPhant says:

    Thus, PET may detect biochemical changes in an organ or tissue that can identify the onset of a disease process before anatomical changes related to the disease can be seen with other imaging processes such as computed tomography CT or magnetic resonance imaging MRI.
    Helpful treatment is available when you buy what is the generic name for flagyl . Should I stop taking it?
    We will give you the best possible understanding of your neuropathy through a thorough history and physical and state-of-the-art tools and testing.

  18. WnwfCyday says:

    The perforation of appendicitis did not change the presentation because pus was drained retroperitoneally over the Psoas muscle.
    Report errors in your meds immediately when you goodrx lisinopril for privacy.
    If left untreated it can cause permanent damage to the kidney.

  19. Pingback: spam

  20. Pingback: porn

  21. AngdCleam says:

    C In adult patients, test for lipid disorders at least annually and more often if needed to achieve goals.
    Where can I find publications that discuss cephalexin vs amoxicillin for all medications are available globally
    It occurs most frequently in highly populated areas, often in cities.

  22. WtmgCyday says:

    The present definitions are based on the external and reported symptom patterns of the disorders rather than on theories about their origins.
    Review prices and buy difference between tadalafil and sildenafil pills.
    Conditional recommendation, low level of evidence Continuous PPI therapy is recommended following peptic stricture dilation to improve dysphagia and reduce the need for repeated dilations.

  23. AgxfPhant says:

    The decisions commonly made by patients, families, and clinicians are also highlighted, with suggested approaches.
    You’ll get excellent deals when you zithromax antibiotics at the lowest prices
    The long-term effects of these procedures on fertility and pregnancy are not known.

  24. WbyuCyday says:

    CDC focuses most of its programs on making sure that the proven science to prevent complications is put into daily practice for people with diabetes.
    Are there any places where ivermectin 400 mg brands as they provide reliable reviews. Always get the best deal!
    Burks MD, Kenneth P.

  25. AtnnPhant says:

    Routine blood work to rule out a systemic problem and assess the anesthetic risk.
    Be smart enough. Read stromectol tablets , you can buy medication from home.
    Teens are at an increased risk for contracting the virus because of a high rate of unsafe sex and drug experimentation.

  26. AnrnPhant says:

    Some other carcinogens known to cause lung cancer are found in the workplace.
    yourself familiar with requirements for pharmacies that sell stromectol price delivered when you order from this siteProtect yourself and
    Click grey area to select URL Accessed June 1, 2015.

  27. AtfnPhant says:

    SIDE EFFECTS: Cough, runny nose, sneezing, sore throat, fever, headache, chills, or tiredness may occur.
    Eliminate ED problems through ibuprofen pharmacy singapore from highly-regarded pharmacies even if you need low-cost
    Most people recover within a few days, but in some people with existing medical conditions more serious infections can occur such as pneumonia or inflammation of the lungs, resulting in a much longer illness.

  28. ArnnCleam says:

    Scott Nabers Michael Clinton Katherine Cornell Matt Greenberg Allen Till Dangerous DrugsActosBirth Defect LitigationCelexaEffexorLexaproTopamax and TopiramateZofranZoloftTalcum PowderTestosteroneTysabri Defective DevicesDePuyMirena IUDMorcellatorTransvaginal Mesh Personal InjuryAuto Accidents18-Wheeler AccidentsCar AccidentsDrunk DrivingWhat to Do if You Are in an AccidentIndustrial AccidentsMaritimeWrongful Death Our Victories Blog Ovarian Cancer Symptoms Home Blog News Ovarian Cancer Symptoms 05.
    Benefit from big savings each time you buy stromectol tablets for humans for sale online.Easeus Deleted File Recovery – CNET Download. Disk
    A clinical case of depression is separated from everyday blues in terms of the duration and severity of depressive symptoms.

  29. AengPhant says:

    In one form of periodic paralysis the hypokalemic form , attacks of weakness are associated with a decrease in blood potassium level, whereas another type of periodic paralysis the hyperkalemic form causes an increase.
    To buy guardian pharmacy propecia from sites that don’t post info about their company.
    For example, the mosquito evolved so as to be capable of living year round in moist storage containers, rather than relying on the seasonal patterns of rainfall.

  30. ArnfPhant says:

    If you quit smoking, you will usually reap additional benefits such as lower blood pressure, enhanced blood circulation, and increased lung capacity.
    Take the time to shop around when you want to mens ed pills pills at the lowest prices ever
    Googled medical data is a byword for unverified, scaremongering advice — by fact-checking this basic data in advance, Google can begin to build up some trust in its medical credentials.

  31. AmddCleam says:

    I drink mine fairly thick.
    When you shop online for an effective treatment, you want to Cleocin to manage symptoms Ensure you maximize the discounts in
    This rapid action reduces the risk for hypoglycemic events after eating postprandial hypoglycemia.

  32. AoolCleam says:

    Those with elevated risk should consider starting screening at a younger age and be screened more frequently.
    Helpful treatment is available when you buy online pharmacy drug store will ship fast and safe.
    Some require you to take a handful of supplements each day for months on end, each one more costly than the last.

  33. Pingback: child porn

  34. Pingback: porn

  35. AdmdPhant says:

    It can lead to pneumonia lung infection or inflammation and other complications, and even death, particularly in: people aged 65 years and over pregnant women young children people with chronic conditions like heart disease, diabetes and lung disease.
    the best options provided by trustworthy pharmacies before you order xanax online pharmacy sent immediately to avoid delay in treatment
    You may have headaches, lose your appetite, feel tired, or have trouble concentrating or sleeping.

  36. AemmCleam says:

    If you have significant bleeding or cramping, your health care provider may do an ultrasound exam.
    Simply compare online offers to buy cvs tadalafil coupon to manage symptoms
    Blood pressure readings are usually taken when your elderly parent is sitting or lying down and relaxed.

  37. ArnvCleam says:

    Bladder infections may have no overt symptoms other than delirium and may go undetected for months.
    Some Internet pharmacies are reputable places to 9mg tadalafil , always compare prices before you place an order, Лучшие
    The child may not want to go out to dinner, meet friends to play, or engage in after- school programs.

  38. AgbPhant says:

    Finally, blood tests can help physicians determine how far along the cancer has progressed.
    Using the internet, you can find a levitra vardenafil which is online at cheaper prices
    The NCI Best Case Series Program which was started in 1991, is one way CAM approaches that are being used in practice are being investigated.

  39. ArnfCleam says:

    The vignettes were divided into three categories: Emergency care required for example, with a pulmonary embolism , non-emergency care required a middle ear infection , and self-care a viral upper respiratory infection.
    Talk to your doctor when you are ready to tadalafil 5mg for female pills and shipping by ordering through this site
    For more on the specific signs and symptoms of each type of myopathy, please see the individual disease pages.

  40. Pingback: child porn

  41. Pingback: iporn

  42. Pingback: porn

  43. Pingback: porn

  44. Pingback: child porn

  45. Pingback: porn

  46. Pingback: meritking

  47. Pingback: meritking

  48. Pingback: meritking

  49. Pingback: spam

  50. Pingback: child porn

  51. Pingback: porn

  52. Pingback: porn

  53. Pingback: spam

  54. Pingback: find location by phone number

  55. Pingback: Konya Seo Uzman脹

  56. Pingback: buy real instagram followers

  57. Pingback: football skills

  58. Pingback: cristiano ronaldo skills

  59. Pingback: child porn

  60. Pingback: child porn

  61. Pingback: child porn

  62. Pingback: child porn

  63. Pingback: porn

  64. Pingback: porn

  65. Pingback: porn

  66. Pingback: porn

  67. Pingback: porn

  68. Pingback: child porn

  69. Pingback: simdi anan脹 s脹kt脹m senin

  70. Pingback: porn

  71. Pingback: child porn

  72. HABANERO88 says:

    I have been browsing online more than three hours today yet I never found any interesting article like yours It is pretty worth enough for me In my view if all website owners and bloggers made good content as you did the internet will be a lot more useful than ever before

  73. EnriqueChork says:

    TaskMy.ru – профессиональная помощь в решении задач любого уровня

    TaskMy.ru – это надежный сервис, который предлагает качественную помощь в выполнении задач любых направлений: от технических расчётов и программирования до написания текстов и аналитики. Мы работаем быстро, эффективно и ориентированы на ваши требования.

    Доверяя TaskMy.ru, вы получаете индивидуальный подход, точное соблюдение сроков и доступные цены. Оставьте свою задачу профессионалам – результат превзойдет ожидания!

  74. JesusDrync says:

    “Ищете качественный кирпич напрямую от производителя? https://Muravey61.ru – ваш надежный поставщик строительных материалов в регионе! Мы предлагаем кирпич высшего качества по доступным ценам прямо с завода. Доставка точно в срок, широкий ассортимент, и гарантированное качество – всё, что нужно для вашего строительства. Закажите у нас и убедитесь сами, что с нами строить легко!”

  75. JamesVab says:

    OR Realty — это ваш надежный партнер в мире недвижимости. Мы предлагаем большой выбор квартир, домов и коммерческих объектов по выгодным условиям. Наши специалисты помогут вам найти идеальный вариант, соответствующий вашим потребностям. Надежность, качество и удобство — вот что делает OR Realty лучшим выбором. Обращайтесь!

  76. Pingback: child porn

  77. Pingback: anan脹z脹 s脹kecem

  78. Forestmusia says:

    Нужны деньги срочно займы с быстрым одобрением и моментальным переводом на карту. Минимум документов, удобные условия и прозрачные ставки. Оформите займ прямо сейчас!

  79. RichardPieno says:

    Хотите проверить компанию https://innproverka.ru по ИНН? Наш сервис поможет узнать подробную информацию о юридических лицах и ИП: статус, финансы, руководителей и возможные риски. Защищайте себя от ненадежных партнеров!

  80. DavidveX says:

    Раскрутка в соцсетях https://nakrytka.com без лишних затрат! Привлекаем реальную аудиторию, повышаем охваты и активность. Эффективные инструменты для роста вашего бренда.

  81. TravisRaw says:

    Логистические услуги в Москве https://bvs-logistica.com доставка, хранение, грузоперевозки. Надежные решения для бизнеса и частных клиентов. Оптимизация маршрутов, складские услуги и полный контроль на всех этапах.

  82. JeffryScops says:

    The full special bip39 Word List consists of 2048 words used to protect cryptocurrency wallets. Allows you to create backups and restore access to digital assets. Check out the full list.

  83. Pingback: porn

  84. bip39 says:

    Use the proven bip39 standard to protect your assets and easily restore access to your finances. A complete list of 2048 mnemonic words used to generate and restore cryptocurrency wallets.

  85. JamesDob says:

    Full wordlist New full BIP39 2048 words used to create and restore crypto wallets. Multi-language support, high security and ease of use to protect your funds. 2048 mnemonic words for seed generation.

  86. Pingback: child porn

  87. Pingback: child porn

  88. Pingback: child porn

  89. Pingback: madride anti kasma anan脹 s脹ker脹m

  90. güvenilir bahis siteleri says:

    “Deneme bonusu veren siteler” ve “güvenilir bahis siteleri” kavramları, online bahis dünyasında en çok aranan konular arasındadır. Deneme bonusu veren siteler, kullanıcıların yatırım yapmadan bahis deneyimi yaşamasına olanak tanırken, güvenilir bahis siteleri ise lisanslı, adil ve hızlı ödeme yapan platformlar olarak öne çıkar. Bahis severler için en iyi deneyimi sunan siteleri seçerken, müşteri yorumları, lisans bilgileri ve bonus şartları gibi kriterlere dikkat etmek önemlidir.

  91. 1win says:

    1Win giriş yapmak için, resmi web sitesine giderek kullanıcı adınız ve şifrenizle oturum açabilirsiniz. Eğer siteye erişim sorunu yaşıyorsanız, güncel giriş adresini kontrol etmeli veya VPN gibi alternatif yöntemleri kullanmalısınız. Ayrıca, hesap güvenliğiniz için giriş bilgilerinizi kimseyle paylaşmamaya dikkat edin.

  92. 1win says:

    1Win giriş için güvenli ve hızlı erişim yöntemleri! Güncel giriş adresi, mobil ve masaüstü erişim ipuçlarıyla sorunsuz bağlantı kurun. Hemen keşfedin!

  93. Gregoryannog says:

    Сауна очищает организм https://sauna-broadway.ru выводя токсины через пот, укрепляет иммунитет благодаря перепадам температуры, снимает стресс, расслабляя мышцы и улучшая кровообращение. Она делает кожу более упругой, ускоряет восстановление после тренировок, улучшает сон и создаёт атмосферу для общения.

  94. porno says:

    Please note that the legality, social acceptance, and ethical considerations surrounding pornography vary significantly by country, culture, and individual beliefs.

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *