Làm thế nào để Chèn quảng cáo vào bên trong bài viết trên Blogspot là một vấn đề khá nan giải cho các anh em làm web trên blogspot. Để kiếm tiền từ quảng cáo Google Adsense lên web làm sao cho hiệu quả và để có thêm thu nhập thì cách chèn quảng cáo vào vị trí thích hợp là một yếu tố rất quan trọng, theo quan điểm của mình thì chèn quảng cáo vào web có 3 vị trí cực kỳ là hấp dẫn khiến người dùng có khả năng click vào quảng cáo lớn nhất đó là phần header, tiếp theo là sau title cũa từng bài viết và phần cuối cùng là chèn vào cuối cũa mỗi bài viết. Riêng về phần header nếu chúng ta chèn quảng cáo vào web thì khả năng seo và thẫm mỹ web bị ảnh hưởng khá là nhiều nên chúng ta thường ít chèn vào đó hơn, Còn 2 phàn còn lại thì chúng ta thường chèn vào mỗi web. Vậy làm sao để chèn quảng cáo google adsense vào blogspot đó là câu hỏi đặt ra cho nhiều người, hôm nay chiase9 xin hướng dẫn với các bạn cách đặt quảng cáo vào đầu và cuối của mỗi bài viết
Code chèn popup quảng cáo ở góc phải cho blogspot - góc trái màn hình web
Đầu tiên bạn phải có mã quảng cáo google adsense. Vì chúng ta chèn vào mẫu và chĩnh sữa html nên yêu cầu quảng cáo google adsense phải đồng bộ (Synchronous)

Một mã quảng cáo Adsense đồng bộ thường có dạng như sau

Chèn quảng cáo vào sau title mỗi bài viết trên blogspot

Vào Mẫu (Design) - Chỉnh sửa HTML (Edit HTML) - Chọn Mở rộng tiện ích mẫu (Expand Widget Templates)
Tìm đoạn code sau:

Ở đoạn này thì có nhiều bạn tìm đến nhưng chèn vào như chỉ dẫn mà vẫn không được thì tốt nhất bạn hãy cứ tìm đoạn code post-header-line-1 rồi làm theo hướng dẫn vì có một số blogspot không thêm giấu / hoặc là thêm nhiều đoạn code nữa mới > nên tốt nhất là bạn nên tìm như thế

="background-color: white; font-family: arial; font-size: 12.88px; line-height: 18px;">Chèn ngay vào dưới nó đoạn mã sau:

Mã Adsense đã chuyển đổi (Mã Adsen đồng bộ)

 

Chèn quảng cáo vào dưới cuối mỗi bài đăng

Bấm (Ctrl + F): Tìm đoạn code tương tự sau:

Chú ý: Ở đoạn này thì nhiều bạn sẽ không tìm thấy đoạn code nào giống như thế này bằng cách ấn Ctrrl +f. Vầy để chèn quảng cáo dưới mỗi bài đăng thì bạn tìm đoạn code 
. sẽ có nhiều đoạn giống thế này bạn phãi tìm sao cho code nào giống với đoạn phía trên rồi làm theo hướng dẫn phía dưới
Chèn vào ngay dưới nó đoạn mã sau:

Mã Adsense đã chuyển đổi (Mã Adsen đồng bộ)

Vậy là mình đã hướng dẫn với các bạn xong về Chèn quảng cáo vào bên trong bài viết trên Blogspot. Chúc các bạn thành công và kiếm được nhiều tiền từ quảng cáo google adsense

Blog tổng hợp những kinh nghiệm được học, áp dụng và chia sẻ

Xem thêm…

Blogger Ad Code Converter

This handy tool automatically converts javascript ad code into the correct format so you can embed it directly into your new xml Blogger template. It’s perfect for converting AdSense, AdBrite, Chitika or any other javascript ad code you may have. Confused? Start with the Blogger Ad Code Converter article first.

Paste Ad Code to Convert Here:

 

Xem thêm…

Chỉ một vài thao tác đơn giản bạn có thể gắn like fanpage facebook lên blogspot một cách nhanh chóng mà không cần biết về Code. Facebook đã cung cấp cho chúng ta ứng dụng để gắn Fanpage lên trang web.

Khi chèn Like Box vào Blog, bạn bè của bạn có thể xem nhanh nội dung trang Facebook của bạn và họ có thể kết nối để chia sẻ với bạn thông qua nút “Like” (thích) ngay phía trên hộp thoại.

LÀM THẾ NÀO ĐỂ GẮN LIKE FANPAGE FACEBOOK LÊN BLOGSPOT ?

Để tạo nút Like Box cho Blog, trước tiên bạn cần có một tài khoản trên Facebook và bạn cần tạo trang Facebook riêng .

Bước 1: Truy cập ứng dụng Developer của Facebook tại đây. 

Bước 2: Tại đây, bạn có thể tùy chỉnh 1 số thông tin trong Like Box như: 

- Show Friends' Faces: Ẩn/ Hiện hình ảnh thành viên like

- Hide Cover Photo: Ẩn/ Hiện cover của fanpage

- Show Page Posts: Ẩn/ Hiện bài post của fanpage

Bước 3: Lấy Code bằng cách nhấn vào nút Get code. 

Sau khi nhấn Get Code Facebook sẽ cung cấp cho bạn 2 đoạn mã như hình ảnh bên dưới.

Bước 4: Gắn Code Like Fanpage Facebook vào Bố cục

Bạn vào Bố Cục → Thêm tiện ích và chọn HTML/Javascript. Sau đó bạn chỉ cần dán đoạn code thứ hai vào phần Nội dung, đặt tên cho phần Tiêu đề và lưu lại là xong

Với 4 bước trên bạn đã có thể gắn Like Fanpage của Facebook lên Blogger hoặc website của mình mà không cần phải hiểu gì về Code, chỉ cần Cope và Paste thôi.

Xem thêm…

Cách Converter code Adsense để chèn vào Blogspot. Cách mã hóa giải mã Code Adsense để chèn vào Blogspot. Cách khăc phục lỗi khi chèn code adsense vào code blogspot.

Sau đây  xin chia sẻ với các bạn cách Converter Code Adsense để chèn vào Blogspot mà không bị lỗi. thông thường các bạn khi copy code adsense dán trực tiếp vào code xml của blogspot nó sẽ báo lỗi và khiến bạn không chèn được. Để chèn được các bạn cần Converter Code Adsense về đúng định dạng như vậy mới có thể chèn  trực tiếp vào code được

Công cụ này sẽ tự động chuyển mã javascript quảng cáo vào đúng định dạng, do đó bạn có thể nhúng trực tiếp vào xml mới Blogger mẫu của bạn. Nó hoàn toàn có thể chuyển đổi AdSense, AdBrite, Chitika hoặc bất kỳ mã javascript quảng cáo khác mà bạn muốn chuyển đổi.

Rất đơn giản bạn copy code vào ô text dưới rồi nhấn Convert rồi copy code đó copy dán vào vị trí bạn muốn đặt trong code

Xem thêm…

Padding và Margin là những lệnh thường dùng trong tuỳ chỉnh CSS. Tuy nhiên, làm sao để sử dụng chúng một các phù hợp và đúng mục đích là một câu hỏi không dễ trả lời.

1/ LỆNH PADDING

Tên lệnh:

Padding (bung) thành phần được dùng trong trường hợp bạn muốn bung hay làm giản khoảng cách với một đối tượng khác ở bên ngoài, gồm 4 vị trí cơ bản padding-top(bung trên), padding-right(bung phải), padding-bottom(bung dưới), padding-left(bung trái).

Lệnh:

tuỳ theo trường hợp mà khoảng cách muốn bung có giá trị thay đổi khác nhau, nhỏ nhất là 1px.

Ví dụ, nếu muốn bung chữ "padding" 30px có nền vàng viền đen thì ta viết:

<div style='padding:30px;background:yellow;border:1px solid black'>padding</div>

...và hiển thị

padding

2/ LỆNH MARGIN

Tên lệnh:

Margin(cách) thành phần được dùng khi bạn muốn thành phần ngoài cách thành phần trong với một khoảng nhất định. Chú ý là cách vì bung là thành phần trong muốn bung ra ngoài. Lệnh này cũng gồm 4 vị trí cơ bản margin-top(cách trên), margin-right(cách phải), margin-bottom(cách dưới), margin-left(cách trái).

Lệnh:

giống như padding

Ví dụ như trường hợp ở phần padding, tôi muốn thêm vào lệnh "margin:15px" thì viết:

<div style="background: yellow; border: 1px solid black; padding: 30px; margin:15px">padding</div>

...và hiển thị

padding

Nếu có thêm 1 đối tượng khác có tên margin có nền đỏ viền đen và cách đối tượng "padding" 15px về bên trái thì viết:

<div style="background: yellow; border: 1px solid black; padding: 30px">padding</div><div style="background: red; border: 1px solid black; padding: 30px; margin-left:15px">margin</div>

...và hiển thị

padding

margin

Xem thêm…

Bài viết hôm nay, Tanchau123 sẽ hướng dẫn các bạn về lệnh border đồng thời phân biệt được sự khác nhau giữa border và border-radius.

Như đã giới thiệu về CSS ở các bài trước, để viết CSS đúng cú pháp thì phải viết theo công thức "tên lệnh:lệnh". Đối với lệnh border cũng như vậy.

1/ LỆNH BORDER

Tên lệnh

Lệnh border (viền) bao gồm các vị trí trên, phải, dưới, trái theo tên border-top, border-right, border-bottom, border-left.

Lệnh

Trong phần lệnh gồm: độ dày đường viền(1px,2px,3px...), kiểu đường viền(solid,thin,dashed), màu đường viền(#000,#111111,#aaa,#bbbbbb,#a1a1a1...). Để đường viền có thể nhìn thấy, độ dày đường viền phải có giá trị nhỏ nhất là 1px và nếu muốn dày hơn thì cứ tăng số lên. Trong kiểu đường viền solid nghĩa là viền liền nét, thin là mỏng, dashed là đứt nét. Màu đường viền giống như màu sau tên lệnh color, được quy định viết tối thiểu sau dấu # là #3số và tối đa #6số.

Ví dụ, khi tôi muốn viền trái đối tượng là dòng chữ "Học CSS cùng Tanchau123 Blog" thì sẽ viết:

<div style='border-left:1px solid red'>Học CSS cùng Tanchau123 Blog</div>

...và hiển thị

Học CSS cùng Tanchau123 Blog

Nếu muốn cho nền có màu thì thêm lệnh background:

<div style='border-left:1px solid red;background:#ccc'>Học CSS cùng Tanchau123 Blog</div>

...và hiển thị

Học CSS cùng Tanchau123 Blog

2/ LỆNH BORDER-RADIUS

Thật ra, border-radius cũng chẳng khác gì so với border. Tuy nhiên, nó mang ý nghĩa "bo tròn" vị trí của các góc.

Tên lệnh

Lệnh này gồm các tên lệnh con như border-top-left-radius (bo tròn góc trên bền trái), border-top-right-radius (bo tròn góc trên bên phải), border-bottom-left-radius(bo tròn góc dưới bên trái), border-bottom-right-radius(bo tròn góc dưới bên phải).

Lệnh

Giống như lệnh của border

Ví dụ, khi tôi muốn bo tròn góc trên bên phải của đối tượng "Học CSS cùng Tanchau123 Blog" có màu chữ trắng, nền đen thì sẽ viết:

<div style='border-top-right-radius:5px;color:white;background:black'>Học CSS cùng Tanchau123 Blog</div>

...và hiển thị

Học CSS cùng Tanchau123 Blog

Muốn bo tròn hết 4 góc thì viết:

<div style='border-radius:5px;color:white;background:black'>Học CSS cùng Tanchau123 Blog</div>

...và hiển thị

Học CSS cùng Tanchau123 Blog

Xem thêm…

Ở bài viết trước, Tanchau123 đã hướng dẫn về lệnh color. Bài viết này sẽ hướng dẫn bạn về lệnh background và những thuộc tính của nó.

Background (nền) chỉ thuộc tính nền của đối tượng. Lệnh này có thể được sử dụng riêng hoặc kết hợp với color để tạo ra chuỗi CSS.

Ví dụ, nếu đơn thuần tôi viết dòng lệnh color:#090 thì viết thêm lệnh background:yellow;color:#090

Lệnh phía sau dấu ":" đối với tên lệnh background cũng giống như color. Một số trường hợp hy hữu bạn sẽ bắt gặp có thêm "-color" phía sau từ "background" thì ý nghĩa cũng thế thôi. Bạn có quyền viết style='background:yellow' hoặc style='background-color:yellow'.

Lưu ý:

Khi dùng chuỗi CSS, bạn phải sử dụng dấu ";" để ngăn cách giữa các dòng lệnh của chuỗi đó. Như chữ "Lưu ý" ở trên chẳng hạn, bạn phải viết là:

<div style='background-color:orange;color:#fff;font-weight:bold'>Lưu ý:</div>

Xem thêm…

Hôm nay, Tanchau123 sẽ viết một bài hướng dẫn về lệnh "color" trong CSS dịch sang tiếng Việt nghĩa là "màu sắc".

Như đã hướng dẫn về CSS và HTML ở bài viết trước, khi bạn viết ra một dòng lệnh thì đầu tiên phải có "tên lệnh", sau đó là dấu ":" và cuối cùng là "lệnh". Ở bài viết này, Tanchau123 sẽ hướng dẫn các bạn về lệnh color.

Lệnh color quy định màu sắc hiển thị của một cá thể hay nhóm trên giao diện web. Khi dùng lệnh này, bạn cần chú ý một số điểm sau:

1. Viết ra tên lệnh: color

2. Dùng dấu ":" để dẫn đường lệnh

3. Viết lệnh. Lệnh có màu tương ứng với các màu trong tiếng Anh như red (đỏ), yellow (vàng), blue(xanh biển), green(xanh lá), pink(hồng), brown(nâu), black(đen), white(trắng)... ngoài ra lệnh còn có màu theo quy định của bảng mã màu bắt đầu bằng dấu "#" và 6 số hoặc chữ cái hoặc số và chữ cái trong bảng chữ cái tiếng anh. Ví dụ bạn có thể viết

color:red

hoặc

color:#000000

CHÚ Ý:

Tính từ dấu # lệnh color cho phép bạn viết tối thiểu là 3 và tối đa là 6 ký tự. Tóm lại, chỉ có 2 cách để viết lệnh color nếu bạn dùng dấu # đó là #3số/chữ/số+chữ hoặc #6số/chữ/số+chữ

Xem thêm…

Sau gần 3 năm kinh nghiệm hoạt động trong lĩnh vực thiết kế giao diện và chức năng trên blog, Tanchau123 nhận ra rằng để thiết kế một website hay một trang blog cá nhân bắt mắt cùng những tính năng 'độc đáo', bạn cần trang bị cho mình một chút am hiểu về CSS và HTML.

CSS là gì?

CSS nói nôm na giống như hình dạng bề ngoài (lớn / nhỏ, đen / trắng, sáng / tối...) của website. Trong CSS, bạn phải dùng các lệnh để quy định sự hiển thị của một nhóm hoặc cá thể nào đó trên web. Trong đó gồm có các lệnh:

- font-size: kích cỡ chữ

- font-weight: tuỳ chọn chữ bình thường hoặc in đậm

- font-style: kiểu chữ (nghiêng, gạch chân, in đậm)

- font-family: loại chữ (Arial, Times New Roman, sans-serif...)

- padding: bung thành phần; gồm padding-left, padding-right, padding-top và padding-bottom theo ý nghĩa tuần tự là bung trái, phải, trên và dưới

- margin: cách thành phần; gồm có margin-left, margin-right, margin-top và margin-bottom theo ý nghĩa tuần tự là cách trái, phải, trên và dưới

- color: màu sắc

- background: nền; gồm có background-image (ảnh nền), background-color (màu nền), background-position (vị trí nền), background-repeat (lặp lại nền)

- border: đường viền; gồm có border-left (viền trái), border-right (viền phải), border-top (viền trên), border-bottom (viền dưới)

- border-style: kiểu đường viền (solid: gạch, dashed: đứt khoản, thin: mỏng)
... và còn nhiều lệnh khác nữa. Ở các bài viết sau, Tanchau123 sẽ hướng dẫn các bạn chức năng của từng lệnh.

HTML là gì?

HTML là thành phần hiển thị chính trên một giao diện web, đi kèm theo CSS và được CSS quy định tính đẹp xấu của giao diện. Trong khi CSS sử dụng lệnh thì HTML sử dụng thẻ để quy định hiển thị, gồm có các thẻ cơ bản:

- div

- span

- strong

- b

- i

- u

- h1, h2, h3, h4, h5, h6, h7

- p

- ul

- li

- br...

Mỗi thẻ có chức năng và cách sử dụng riêng của nó. Ví dụ như người ta thường sử dụng thẻ

strong

hoặc

b

để "in đậm" chữ, thẻ h1 - h7 để "đặt tiêu đề" chính hay thẻ ul - li để "liệt kê" danh sách.

Để viết HTML đúng cú pháp, mỗi thẻ phải được đặt trong cặp <...> và phải có thẻ đóng ở cuối danh sách lệnh </...>

Để CSS hiển thị trên các thẻ, web master sẽ dùng 2 cách sau:

- Cách 1:

Dùng thẻ style="CSS". Ví dụ khi tôi sử dụng thẻ div có thành phần trong là Học CSS và HTML trên Tanchau123 Blog và CSS quy định màu chữ đỏ thì sẽ viết như thế này:

<div style='color:red'>Học CSS và HTML trên Tanchau123 Blog</div>

...và hiển thị như bên dưới

Học CSS và HTML trên Tanchau123 Blog

- Cách 2:

Dùng lệnh nhóm với cấu bên trong là id='' hoặc class='' thay vì dùng style='' . Cách này được ưu tiên sử dụng trong trường hợp CSS quá dài. Ví dụ khi tôi sử dụng thẻ p có thành phần trong và CSS quy định như cách 1 thì sẽ viết:

<p class='mauchu'>Học CSS và HTML trên Tanchau123 Blog</p>
hoặc
<p id='mauchu'>Học CSS và HTML trên Tanchau123 Blog</p>
kèm theo
<style>.mauchu{color:red} hoặc #mauchu{color:red}</style>

...và hiển thị như bên dưới

Học CSS và HTML trên Tanchau123 Blog

Khi sử dụng lệnh nhóm class='' hoặc id='' thì bạn cần phải đặt một cái tên trong dấu '' như class='mauchu' và phải dùng thẻ <style> để mở và đóng kèm theo css trong thẻ style tương ứng với nhóm class là dấu "." và id là dấu "#"

Xem thêm…