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ể [...]

218 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ố [...]

218 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 [...]

218 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 [...]

218 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 [...]

218 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 [...]

218 Comments

218 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

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 *