Cảm nhận tư duy và tổng hợp kiến thức

Thứ Ba, 29 tháng 12, 2015

Chiếc lá cuối cùng



(Tuấn Khanh)


Đêm qua chưa mà trời sao vội sáng
Một đàn chim cánh nhỏ chở mùa sang
Chiều vào thu tiễn em sầu lạnh giá
Lá trên cành từng chiếc cuốn bay xa

Đêm chia ly buồn gì sao chẳng nói
Chỉ nghe em nói nhỏ trở về thôi
Ngày buồn tênh cũng đưa chiều vào tối
Mím môi cười mà nhớ thương khôn nguôi

Mộng về một đêm xuân sang
Em thì thầm ngày đó thương anh
Thuyền về một đêm trăng thanh
Xây mộng vàng đậu bến sông xanh

Mộng tràn ngập đêm trăng sao
Sao đầy trời từng chiếc lấp lánh
Rồi một chiều xuân thơ trinh
Cho lòng mình về với dĩ vãng

Xa nhau chưa mà lòng nghe quạnh vắng
Đường thênh thang gió lộng một mình ta
Rượu cạn ly uống say lòng còn giá
Lá trên cành một chiếc cuối bay xa



Bạn có thể tham khảo các bài thơ trong Bầu rượu túi thơ do  Khanhnguyen' s blog sưu tập từ trên các diễn đàn mạng xã hội

Share:

Chủ Nhật, 27 tháng 12, 2015

ÔI! CUỘC SỐNG LƯỚT QUA BUỒN EM NHÉ! - Thuy Anh


Ôi! Cuộc sống đôi khi nhiều tất bật
Nên vô tình ta đã lướt qua nhau
Có nhiều khi em chia sẻ mối sầu
Đâu có phải là... kiếp sau nhớ mãi


Ừ! thì vẫn có đôi khi tồn tại

Chuyện hôm qua , chuyện thế giới tươi màu
Chuyện mây trời cứ thanh thản trôi mau
Em đừng mãi ... ôm niềm đau của cát


Xa ... đâu phải là nụ cười sẽ khác

Vẫy tay rồi thanh thản bước người đi
Thôi thì em ... đừng mặc cả nhau chi


Phân trần mãi chỉ làm thêm vướng bận



Thôi ... em nhé , thả đi con thuyền giấy

Ngày mưa tuôn sẽ hết giọt u buồn
Sông rồi sẽ trôi về với cội nguồn
Dù biển sóng có vỗ về bờ lạ ...


Mai em nhé, thôi thì quên nắng hạ

Hết đông buồn, xuân lại thắm môi hôn.

Thuy Anh Lam
Nguồn từ Trăng Thu - ảnh sư tập trên Internet

Bạn có thể tham khảo các bài thơ trong Bầu rượu túi thơ do  Khanhnguyen' s blog sưu tập từ trên các diễn đàn mạng xã hội


Share:

Ru mình.... Thuy Anh

ảnh sưu tập từ Internet

Giấc chiêm bao đến
Xa vời
Ta ru ta với ...
Một trời bình yên
Một đời
Nhặt ...những luân phiên
Tìm ảo giác
Triền miên
Nỗi sầu ...


Ta ru ta giữa tinh cầu
Thấy phù vân ảo
Thấy màu nắng ...
Phai


Bước rong rêu
Đã dông dài
Thì thôi
Về lại ...
Bên loài cỏ cây
Ta ru ta trọn đêm nay
Rồi mai thức dậy
Nắng mai tự tình


Ru ta một thoáng ...
Ru mình
Ru dòng sông nhớ
Ru hình bóng mơ
Ta ru ta một tình thơ
Cõi thiền chỉ có ...
Ban sơ tìm về.

RU MÌNH ...
Thuy Anh Lam - Nguồn sưu tập từ Trăng Thu
https://plus.google.com/u/0/112117622329648148071



Bạn có thể tham khảo các bài thơ trong Bầu rượu túi thơ do  Khanhnguyen' s blog sưu tập từ trên các diễn đàn mạng xã hội

Share:

Thứ Sáu, 25 tháng 12, 2015

Sử dụng tên miền riêng cho Blogger qua DNS trung gian

Không rõ có bao nhiêu người đã đọc qua hướng dẫn tạo blog với tên miền riêng mà đến hôm nay số Blogger trang bị tên miền ngày một nhiều. Nhằm giúp bạn có thêm lựa chọn, tôi viết tiếp hướng dẫn cài đặt tên miền theo một cách tiếp cận khác dễ hơn bằng cách sử dụng dịch vụ DNS trung gian miễn phí.

Trước hết phải kể đến lý do mà chúng ta sử dụng dịch vụ DNS trung gian: Thứ nhất, Control Panel của nhà cung cấp tên miền không hỗ trợ DNS, thứ hai, không bị giới hạn về số bản ghi được phép tạo cho mỗi tên miền (chẳng hạn như không hạn chế số subdomain), thứ ba, thuận tiện hơn khi cần cập nhật các bản ghi và bảo mật.

Có nhiều trang cung cấp dịch vụ DNS miễn phí như everydns.net, zoneedit.com, freedns.afraid.org, ... Ở đây tôi sử dụng DNS của sitelutions.com, tuy không phổ biến hơn ba địa chỉ kia nhưng dịch vụ này ổn định, dễ cài đặt và hỗ trợ nhiều tính năng, đương nhiên nằm trong tiêu chí miễn phí. Chúng ta có thể tiến hành qua 4 bước:

1. Thêm tên miền vào tài khoản ở Sitelutions:

Các bước đăng ký và kích hoạt tài khoản Sitelutions bạn có thể tự thực hiện.

Sau khi đăng ký xong hãy đăng nhập và nhấn Add Domain để thêm tên miền của mình vào.

Nhập tên miền (không có www), chọn thời gian hết hạn (nếu không nhớ hãy nhập tin miền vào whois.net để tìm), ghi lại các thông tin NameServer (NS) để sử dụng cho bước kế tiếp sau đó nhấp Add Domain.


2. Thay đổi NS tên miền theo NS của Sitelutions:

Bây giờ trang web mà mình mua tên miền để thay đổi NS theo thông số vừa ghi lại trên. Mất một ít thời gian để thay đổi của bạn có hiệu lực.

3. Cài đặt các bản ghi:

Sau khi hoàn tất bước 1, nhấn [Hosts/DNS] hoặc Account Control (nằm trên thực đơn ngang) | URL & DNS Control Center. Bạn sẽ tìm thấy như hình dưới.


Ở đây có 2 HostName được tạo sẵn tương ứng cho tên miền gốc ([root domain]) và tên miền con (www).

Chúng ta cài trên www trước bằng cách click [Advanced Config & DDNS]. Trang làm việc hiện ra, tìm đến CNAME Records, xóa bản ghi đã có, nhấn Add Record để tạo bản ghi mới như hình và tiếp tục hoàn tất.


Lưu ý Host Name mà chúng ta trỏ tới phải là ghs.google.com. (có dấu . cuối cùng).


Tương tự chúng ta sẽ thao tác trên [root domain] tại mục A Records và trỏ tới cả 4 IP:
216.239.32.21, 216.239.34.21, 216.239.36.21216.239.38.21
Cập nhật: Hình minh họa này đã cũ so với thực tế

Nếu có cài đặt Google Apps bạn cũng có thể khai báo các thông số bản ghi MX sử dụng cho dịch vụ email ngay bên dưới trong [root domain] này.

Mất một thời gian để khai báo của bạn có hiệu lực.

4. Khai báo tên miền cho blog:

Xem thêm mục 3 của phần Cập nhật.

Hiện nay, tên miền quốc tế .com, .net, .info, ... có giá tương đối rẻ. Vào khoảng $35/năm nếu bạn đăng ký tại Register, Network Solutions; hay khoảng $10/năm nếu bạn đăng ký tại GoDaddy.com, đại lý eNom (eNom không bán trực tiếp),... hoặc có thể rẻ hơn khi gặp dịp khuyến mãi. Bạn cũng có thể liên hệ với tôi theo thông tin tại đây để có một tên miền với giá hợp lý.
Nguồn huongdancachtaoblog.blogspot.com

Share:

Thứ Tư, 23 tháng 12, 2015

Chèn widget cho header

Nhiều Template không cho phép bạn chèn thêm widget vào header hoặc có thì bạn chỉ được chèn 1 widget. Nếu bạn muốn nhiều hơn thì sao? Điều này thực hiện rất đơn giản theo hướng dẫn dưới đây.


Trước hết bạn cần phải phân biệt các thành phần chính trên layout của bạn. Phụ thuộc vào Template mà bạn chọn, các thành phần trên layout có khác nhau, cơ bản gồm: header-wrapper, content-wrapper, main-wrapper, sidebar-wrapper, footer-wrapper. Hãy xem hình minh họa để biết chi tiết




Bạn cần đăng nhập vào Blogger.com, click Edit HTML (Template | Edit HTML) kéo thanh trượt xuống và tìm đoạn mã như sau:

   <div id='header-wrapper'>
     <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='DV2n (Header)' type='Header'/>
</b:section>


Bạn thấy đấy, số widget tối đa cho phép nằm trên header là 1 (maxwidgets='1') hãy thay bằng con số khác. Click SAVE TEMPLATE để lưu lại, quay lại Page Element, bạn có thể kéo và thả widget mình cần vào header.

Chúc thành công!
Nguồn huongdancachtaoblog.blogspot.com


Share:

Chèn nút nhúng Linkhay và Tagvn vào Blogger


Một trong những cách để bài viết của bạn được nhiều người biết đến chính là việc sử dụng các dịch vụ bookmark và chia sẻ nội dung. Ở Việt Nam, LinkHayTagVN có lẽ là hai địa chỉ được nhiều người dùng nhất.

Bạn có thể tự chia sẻ bài viết của mình lên các dịch vụ này để tìm kiếm đọc giả.
Đây là code sử dụng cho Blogger. Hãy chọn một trong hai file này để tải về:



Cách chèn vào blog:

Đăng nhập Blogger, vào thẻ Bố cục (Layout) -> Chỉnh sửa HTML (Edit HTML), đánh dấu chọn Mở rộng tiện ích mẫu (Expand widget templates), tìm:



<div class='post-footer'>
<!-- Dán code ở đây -->
    <div class='post-footer-line post-footer-line-1'>
      <span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
          <span class='fn'><data:post.author/></span>
        </b:if>
      </span>


Thay <!-- Dán code ở đây --> bằng nội dung của 1 trong 2 tệp tin .txt đã tải về bên trên.

Hình dưới là hiển thị File 2 trên blog:

Mạng xã hội

* AddThis là nút nhúng số 1 trên internet giúp người đọc đánh dấu và chia sẻ nội dung đến tất cả các mạng xã hội thông dụng. Chỉ cần sử dụng 1 nút nhúng này thay vì dùng nút nhúng của từng dịch vụ riêng lẻ.

Nguồn huongdancachtaoblog.blogspot

Share:

Chia header thành 2 phần

Kể từ khi đưa vào sử dụng Template Designer mã nguồn mẫu do Blogger đề xuất đã thay đổi rất nhiều so với những mẫu được sử dụng trước đó. Nhiều thành phần mới được thêm vào và việc tùy biến giao diện đòi hỏi phải công phu hơn nhưng không có nghĩa là không làm được.

Bài viết này hướng dẫn cách chia thành phần header (đầu) thành hai phần khác nhau, giúp bạn có thể đặt chỗ cho một logo bên trái và treo thêm một banner bên phải.

Mặc định phần đầu của Blogger chỉ chứa tên blog và miêu tả về blog nằm ngang trên cùng. Công việc của chúng ta là "cắt" phần đầu này ra làm hai.

Ở đây xin lấy mẫu SIMPLE đầu tiên làm ví dụ minh họa.

Bước 1. Đăng nhập Blogger, tại thẻ Design (Thiết kế) | Edit HTML (Chỉnh sửa HTML) tìm đoạn code sau đây:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Thủ Thuật Blog (Header)' type='Header'
/>
</b:section>

Và thay bằng:

<b:section class='header' id='header-left' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Thủ Thuật Blog (Header)' type='Header'
/>
</b:section>
      <b:section class='header' id='header-right' maxwidgets='1' showaddelement=
'yes'/>

Bước 2. Tiếp tục tìm header-outer bạn sẽ nhìn thấy như thế này:

.header-outer {
  background: $(header.background.color) $(header.background.gradient) repeat-x 
scroll 0 -400px;
  _background-image: none;
}

Bây giờ chúng ta thay bằng:

.header-outer {
  background: $(header.background.color) $(header.background.gradient) repeat-x 
scroll 0 -400px;
  _background-image: none;
  height: 100px;
  overflow: hidden;
}

#header-left{
  width: 350px;
  float: $startSide;
  overflow: hidden;
}

#header-right{
  width: 468px;
  float: $endSide;
  overflow: hidden;
}

.tabs-outer{
  clear: both;
}

Và tiến hành lưu lại.

Như bạn thấy trong đoạn CSS trên tôi đã đề nghị kích thước ngang header-leftheader-right lần lượt là 350px và 468px. Tổng kích thước này không được vượt quá chiều ngang của template.

Tùy vào kích thước logo và banner mà muốn sử dụng cũng như kích thước của template mẫu hãy điều chỉnh các con số trên cho cân xứng.

Chiều ngang của template

Trước khi thay đổi

Sau khi thay đổi và thêm tiện ích HTML/JavaScript (Nội dung là một banner 468x60)

Hiển thị trên blog

Sử dụng logo:

Bạn vừa thấy 350px là chiều ngang của logo, còn chiều cao thì bao nhiêu? Xin thưa chiều cao của logo chính là chiều cao của header-outer, ở đây 100px. Như vậy bạn cần thiết kế logo có kích thước 350x100.

Chọn kiểu hiện thị logo

Tất nhiên đây chỉ là những con số gợi ý, thực tế như thế nào còn tùy thuộc vào bố cục template, margin, padding và kể cả quan điểm thẩm mỹ của từng người.

Hãy cùng chia sẻ với Thủ Thuật Blog cách làm của bạn.
Nguồn huongdancachtaoblog.blogspot.com/

Share:

Thao Thức - Tác giả: Hung Nguyen



Thao Thức


Thức mãi đêm nay với giọt sầu
Cô đơn lạnh lẽo suốt canh thâu
Lòng buồn chất chứa niềm hiu quạnh
Cứ mãi theo ta đến bạc đầu

Cứ mãi đêm dài ngủ được đâu
Sao lòng thổn thức suốt đêm sâu
Nghe tim rỉ rả từng giây phút
Mệt mỏi trong ta tháng ngày sầu

Suốt mãi canh dài thức trắng đêm
Mơ buồn khắc khoải gợi lòng thêm
Ca phê vị đắng từng giọt nhỏ
Khói thuốc mơ màng quyện bóng đêm

Có biết từng đêm tối thật buồn
Ngồi nhìn hút mắt ánh đèn buông
Tâm tư trĩu nặng từng ký ức
Thao thức đêm trường dạ vỡ tuông!



Nguồn Hung Nguyen
Ảnh sưu tập


Bạn có thể tham khảo các bài thơ trong Bầu rượu túi thơ do  Khanhnguyen' s blog sưu tập từ trên các diễn đàn mạng xã hội

Share:

Thứ Ba, 22 tháng 12, 2015

Thêm Mạng xã hội Bookmarking tự động vào blog của bạn

Đăng bởi Ngân Giang |

Bạn có thấy  tiện ích tự động chia sẻ ẩn dấu trang xã hội trên nhiều blog và các trang web. Tiện ích này rất khác so với các nút đánh dấu trang xã hội khác có sẵn. Đồ họa trông rất phong cách và khác nhau. Nút của tiện ích này có tác dụng tự động ẩn khi di chuột vào nó. Ở đây trong bài viết này, tôi sẽ giải thích làm thế nào bạn có thể thêm tiện ích Chia sẻ này cho bloggẻ sau mỗi bài viết.

Thêm  Mạng xã hội Bookmarking tự động vào blog của bạn

Bước # 1:
Đăng nhập vào Blogger -> Layout -> Edit HTML và chọn đánh dấu vào hộp Expand Widget Templates
Sau đó, tìm ( nhấn Ctrl + F) đoạn mã này trong các mẫu:



</head>
Và ngay lập tức dán đoạn mã dưới này ngay trước  nó :



Share:

Nơm cá


Thơ: Chieu Nguyen Van


Mười hai bến nước đục trong
Làm thân con gái chỉ mong chữ nhàn
Nhưng em chẳng được trời ban
Cho nên phải chịu sương màn sớm trưa

Cái nơm bắt cá đùng đưa
Đôi chân bì bõm nắng mưa nhọc nhằn
Làm nhiều mới có cơm ăn
Giở lên chụp xuống khó khăn dường nào

Ngày vui có cá chui vào
Hôm buồn chẳng có con nào vào nơm
Miệng nhai tay phải đi làm
Kẻo chồng lại nói càm ràm nhiêu khê

Tối về cái lưng đau ê
Chồng rằng chẳng có bị bề gì đâu
Cắn răng em phải chịu rầu
Lấy chồng nghèo khổ nỗi sầu phải mang.



Chieu nguyen Van.22/12/2015.
Nguồn từ Nguyễn Bình Minh

Bạn có thể tham khảo các bài thơ trong Bầu rượu túi thơ do  Khanhnguyen' s blog sưu tập từ trên các diễn đàn mạng xã hội

Ảnh: Internet







Share:

Thứ Hai, 21 tháng 12, 2015

How to Install Floating Social Bookmark on Blogger.

STEP #1
Log in to Blogger -> Layout -> Edit HTML and select the tick-box Expand Widget Templates
Then, find (CTRL+F) this code in the template

Share:

Chủ Nhật, 20 tháng 12, 2015

Một mình - Thơ Trần Hương Giang


THƠ TRẦN HƯƠNG GIANG

    MỘT MÌNH


Cô đơn giữa muôn triệu người
Cái ta cằn khô lạnh buốt
Trái tim hết rung nhịp rồi
Mặc gió rên than da diết

Kiếp người buồn vui tha thiết
Một ngày bỗng vỡ mộng thôi
Những gì ta hằng mong ước
Đã như bọt biển tan rồi...

Sống như ngày đêm ta biết
Năm tháng cũng mãi dần trôi
Ngồi đây nhìn mây cuối trời
Tâm hồn ta chợt tinh khôi

Một mình,chỉ một mình thôi
Thấu chăng những nỗi đau đời
Niềm vui qua nhanh như mộng
Tất cả vị ngọt đắng môi.

Đêm nghe tiếng lặng tối đen
Hiểu ra muôn cảnh điêu tàn
Cuộc đời là giấc mộng ảo
Đa mang cho nặng lòng thêm...


Bạn có thể tham khảo các bài thơ trong Bầu rượu túi thơ do  Khanhnguyen' s blog sưu tập từ trên các diễn đàn mạng xã hội





Share:

Muối đậu, xôi vò...


Muối đậu, xôi vò thấy cũng hay
Nhiều khi tưởng tượng cả đêm ngày
Người thèm muối đậu khòm lưng giả
Kẽ thích xôi vò ngửa cối xoay

Nếp nấu dẻo bùi em nặn khúc
Đậu rang thơm phức ảnh đem chày
Chồng nghe vợ xướng cùng san sẻ
Chung sức mần ăn sẽ khá ngay…


Thơ: Nguyễn Văn Thương


NVT 10/12/2015_

Bạn có thể tham khảo các bài thơ trong Bầu rượu túi thơ do  Khanhnguyen' s blog sưu tập từ trên các diễn đàn mạng xã hội

Share:

Vè miền Tây!


Miền tây đó ! Quê anh vùng sông nuớc
Lũ ngập đồng, trải phủ dưới chân đê
Hàng dừa xanh, ôm ấp mỗi chiều về
Đàn cò trắng lượn lờ xây tổ ấm

Dân quê anh, rất ngọt ngào đằm thắm
Chỉ ruộng đồng, cây trái với đầm sâu
Khi đêm sang tụ hội khúc cung cầu
Bài vọng cố ngọt ngào hương lúa mới

Về với anh ! Nơi này xin em tới
Bến Ninh Kiều, cảnh sắc dạ hoài thương
Qua Long An ngào ngạt vị mía đường̣
Về Đồng Tháp dạt dào mùa sen nở

Về nhé em! Xin em đừng bỡ ngỡ
Đất thanh bình muôn thuở một màu xanh
Sông bao quanh, vị ngọt mãi trong lành
Miền đất hứa, chọn dành riêng ta đó !


T/C 07/08/2015 +Nguyên Nhân


Bạn có thể tham khảo các bài thơ trong Bầu rượu túi thơ do  Khanhnguyen' s blog sưu tập từ trên các diễn đàn mạng xã hội

Share:

Hiển thị lượt truy cập từng bài viết bằng Firebase

Hiển thị lượt truy cập từng bài viết bằng Firebase
Hiển thị lượt truy cập từng bài viết bằng Firebase
Ở bài viết này BDK xin chia sẻ với bạn cách để hiển thị số lượt truy cập của từng bài viết trên blogspot bằng cách sử dụng Firebase. Tiện ích này giúp bạn và người đọc có thể xem số lượt truy cập của từng bài viết giúp người đọc có thể tin tưởng vào bài viết của bạn hơn nếu bài viết có nhiều lượt truy cập. Ngoài ra bạn cũng có thể theo dõi bài viết của mình được người đọc đón nhận như thế nào từ đó có hướng đi đúng đắn. Mời bạn xem thử

Share:

Tự động thay đổi màu nền Blogspot

Công dụng: Source Code sẽ tự động có hiệu ứng anomation lên trên nền body của template đúng như tiêu đề của bài, có nghĩa là màu nền của Blogspot sẽ tự động được thay đổi chính xác sau 20 giây với thuộc tính xác lập ở ColorBackground.
Cách làm như sau:
1. Vào Blogger Dasboard >> template>>Edit HTML



Share:

Vợ bỏ



Đêm qua đàn đúm rượu trà
Cà phê cà pháo la cà đã khuya.

Mấy thằng tưng tửng phê phê

Rủ nhau đi hát ô kê cho mùi.


Về nhà mới biết khuya rồi
Giật mình chột dạ trời ơi... vợ chờ.
Váy ngắn nằm ngửa tơ hơ
Anh đi đâu tận đến giờ nói ngay?

Chẳng cần tôi phải trình bày
Nàng lôi quần áo quẳng ngay xuống nhà.
Đơn xin ly dị chìa ra
Ký ngay rồi xéo chớ mà huyên thiên.


Nói rồi nàng nổi cơn điên

Xé quần xé áo rít lên liên hồi.

Tiện tay túm lấy tóc tôi

Giật đi kéo lại một hồi mới tha.

Ký đơn mau biến khỏi nhà
Nếu không tôi sẽ chẳng tha đâu này.
Tình nhân tôi ới có ngay
Cần gì cái ngữ chồng này biến mau.

Biết rằng chẳng trước thì sau
Nàng tung cú "đá" nên mau biết điều.
Tôi ôm quần áo liêu xiêu
Dắt xe ra cửa đi liều trong đêm.

Mong sao gặp đươc một em
Cũng đang chồng đuổi kết duyên vợ chồng.


Bạn có thể tham khảo các bài thơ trong Bầu rượu túi thơ do  Khanhnguyen' s blog sưu tập từ trên các diễn đàn mạng xã hội

Tác giả THỜI HOA ĐỎ
Hình của ‫ترنم روزگار
Ảnh

Share:

Thứ Bảy, 19 tháng 12, 2015

Tình Xưa ! - Tác giả: Lam Hải

Ảnh

Nhận xét vài lời với tác giả và nguồn đăng:
Buồn...là điễm tất nhiên. Nhưng ở đây có một sự hòa nhập một tâm hồn trong chất giọng, nghĩa là không có ngượng nghịu, có tình có ý..Thơ khá hay lắm bạn, là thể thơ tự do mà. http://ngdkhanh.Blogspot.com

Tình xưa !

  Ta lạc bước..trở về nơi xưa cũ
nghoảnh nhìn đời qua lớp bụi thời gian
gục đầu khi cảnh xưa vắng điêu tàn
thương hạnh phúc chỉ còn màu hoang phế..


  hồn chao đảo..nghe lòng chua chát thế

người giờ đây..! phiêu bạc chốn xa nào ?
ta trở về trong nỗi nhớ xanh xao
còn gì nữa..? kỷ niệm nay tàn tạ..


  gió cứ thổi..để mây trời hối hả

khóc thương tình..xám ngắt mảnh hồn hoang
mưa lệ rơi trong cay đắng bẽ bàng
ai xa vắng..để lòng đau buốt giá..!


  tình xưa cũ..đã trở thành xa lạ

ta và người..giờ hai ngã chia ly
đến rồi đi trong phút chốc phân kỳ
yêu chưa thỏa..đôi ngã đường cách biệt..!


  lòng buồn lắm..nơi nào người có biết ?

mộng xa rồi..luyến tiếc-chẳng hề nguôi..!


Bạn có thể tham khảo các bài thơ trong Bầu rượu túi thơ do  Khanhnguyen' s blog sưu tập từ trên các diễn đàn mạng xã hội
     -Thơ tình(NTL)
Nguồn Lam Hải  Ảnh hồ sơ của Lam Hải


Share:

Thứ Sáu, 18 tháng 12, 2015

Related Post Widget với jQuery cho Blogspot

Nguồn tham khảo từ 24work.blogspot.com

Làm thế nào  để thêm Code HTML-CSS-Javascript vào trong Blog của bạn ?

Sự thật từng bước hết sức là dễ dàng để thêm nó vào trong Blog của bạn. Nguồn Source Code và hình mẫu, tôi lấy nguyên như thế

Bước 1: Log in  vào trong Blogger account. Tất nhiên là bạn phải có Account trên Google, vì mình đang làm công việc thiết kế Blogger bằng ứng dụng trên Google mà.
Chọn vào trong Template>>Edit HTML


Bước 2: Backup Template của bạn, một bước làm thật chắc ăn



Share:

Mẫu cơ bản của Blog cần lưu giữ thiết kế Template

Seo như một đòn bẫy, muốn có sức bật tốt hơn cần phải Seo. Tất nhiên bạn có thể phải làm tới làm lui nhiều lần để có được một Blogger có thiết kế tốt. Bất luận vì ly do gì, cẩn thận, chu đáo và có giá trị hữu ích cũng đều mang lại cho chúng ta một niềm vui.

Nguyên tắc trình bày:
  1. Tên Blog có nghĩa là bút danh, không hề thay đổi: KhanhNguyen's Blog
  2. Từ trên xuống, từ trái qua phải.
  3. Chỉ lưu giữ các Widget không liên quan đến Source trong Template căn bản
  4. Màu sắc hoa văn, banner không thay đổi nữa.
  5. Vẫn giữ 2 cột, 3 chân và trang Body ở giữa.
  6. Lúc nào cũng phải giữ trang Post màu trắng, chữ màu đen
  7. Còn lại, các trình tự khác như:
.Rút gọn trang chủ, tạo lập nút lệnh Read more
  • Thiết kế kiểu cách phân trang
  • Thiết kế khung Comments với nền viền đen, rộng. có đủ các lệnh Add Comments, Cancel Comments.
  • Sử dụng Comments không cần Comments của Google+
  • Add Comments của FaceBook, sử dụng đồng hành cả Google và FaceBook
  • Các nút like và Share Social nhiều ứng dụng.
  • Back to top lên và xuống phù hợp
  • Các phương tiện quản lý bài Post: bài đăng phổ dụng, bài đăng gần đây, bài đăng ngẫu nhiên, bài đăng có liên quan(cùng một tag), nhóm bài đăng trong mối liên kết cần tham khảo(tự tao)
  • Các Comments cần tạo lập: Comments gần đây, số lượng Comments cho mỗi bài viết, độc giả có nhiều comments nhất.
  • Phản ứng thể hiện như trên Blog spot
  • Trang liên kết quản lý các Back line


Source Code lưu trữ lại như sau:
1. Bài đăng hiển thị 2 cột, dạng cột báo, có hình và nội dung tóm tắt, mỗi bên 5 bài = 10 bài, có phân trang từng 10bài/ trang


<!--2 Column Sitemap by kjmagic.blogspot.com-->
<style scoped="" type="text/css">
#toc-outer {
  color:black;
  font:normal 11px/14px Arial,Sans-Serif;
  height:auto;
  margin:0 auto;
  overflow:hidden;
  padding:0;
  text-align:left;
}
#loadingscript {
  padding:0px 0px;
  height:37px;
  text-indent:-9999px;
  color:transparent;
  background:white url('data:image/gif;base64,R0lGODlhEAALALMMAOXp8a2503CHtOrt9L3G2+Dl7vL0+J6sy4yew1Jvp
/T2+e/y9v///wAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCwAMACwAAAA
AEAALAAAEK5DJSau91KxlpObepinKIi2kyaAlq7pnCq9p3NZ0aW/47H4dBjAEwhiPlAgAIfkECQs
ADAAsAAAAAAQACwAABA9QpCQRmhbflPnu4HdJVAQAIfkECQsADAAsAAAAABAACwA
ABDKQySlSEnOGc4JMCJJk0kEQxxeOpImqIsm4KQPG7VnfbEbDvcnPtpINebJNByiTVS6yCAAh
+QQJCwAMACwAAAAAEAALAAAEPpDJSaVISVQWzglSgiAJUBSAdBDEEY5JMQyFyrqMSM
q03b67WY2x+uVgvGERp4sJfUyYCQUFJjadj3WzuWQiACH5BAkLAAwALAAAAAAQAAsAAA
Q9kMlJq73hnGDWMhJQFIB0EMSxKMoiFcNQmKjKugws0+navrEZ49S7AXfDmg+nExIPnU9oVE
qmLpXMBouNAAAh+QQFCwAMACwAAAAAEAALAAAEM5DJSau91KxlpOYSUBTAoiiLZKJS
MQzFmjJy+8bnXDMuvO89HIuWs8E+HQYyNAJgntBKBAAh+QQFFAAMACwMAAIABAAHAA
AEDNCsJZWaFt+V+ZVUBAA7') no-repeat 50% 50%;
}
.itemposts {
    float: left;
    height: auto;
    overflow: hidden;
    width: 47%;
    box-shadow: 1px 1px 5px #C3C3C3;
    background: none repeat scroll 0% 0% #F9F9F9;
    border: 1px solid #FFF;
    margin: 3px 5px 8px;
    padding: 0px 3px;
}
.itemposts h6 {
    border-bottom: 1px solid #CCC;
    color: #333;
    font: bold 12px Arial;
    height: 15px;
    overflow: hidden;
    text-transform: none;
    margin: 0px 0px 5px;
    padding: 2px 6px !important;
}
.itemposts h6 a{color: red;}
.itemposts h6 a:hover {
  color:#38f;
  text-decoration:none;
}
.itemposts img {
  background-color:#fff;
  border:1px solid #ccc;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  float:left;
  height:65px;
  margin:0 7px 5px 0;
  padding:3px;
  width:65px;
  z-indent:99999px;
}
.itemposts .iteminside {}
.itemposts .itemfoot {
    border-top: 1px solid #CCC;
    clear: both;
    overflow: hidden;
    padding: 4px 5px;
}
.itemposts .itemfoot a.itemrmore {
  color:#333;
  float:right;
  font-weight:bold;
  text-decoration:none;
}
.itemposts .itemfoot a.itemrmore:hover {text-decoration:underline}
#itempager {
  clear:both;
  padding:10px 0;
}
#pagination,
#totalposts {
  color:#000;
  display:block;
  font:bold 10px Verdana,Arial,Sans-Serif;
  margin-bottom:10px;
  text-align:center;
  padding:0;
}
#pagination span, #pagination a {
    color: #FFF;
    display: inline;
    margin: 0px 1px;
    padding: 2px 5px;
    text-indent: 0px;
    background-color: #068BC9;
    background-image: linear-gradient(#068BC9 0%, #3161C2 50%, #3059AB 51%);
    border: 1px solid #3161C2;
    text-decoration: none;
    border-radius: 10px;
}
#pagination a:hover {background-color:#333}
#pagination span.actual {background-color:black}
#pagination span.hidden {display:none}
</style>
<script>
var showPostDate   = true,
    showComments   = true,
    idMode         = true,
    sortByLabel    = false,
    labelSorter    = "Blogspot-tips",
    loadingText    = "Loading...",
    totalPostLabel = "Tổng số bài viết:",
    jumpPageLabel  = "page",
    commentsLabel  = "comment",
    rmoreText      = "Chi tiết►",
    prevText       = "previous",
    nextText       = "next",
    siteUrl        = "http://ngdkhanh.blogspot.com/",
    postPerPage   = 10,
    numChars       = 150,
    imgBlank       = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAA
A3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC";
</script>
<script src="http://yourjavascript.com/2812562314/kjmagic-2col-sitemap.js"></script>
<!--/2 Column Sitemap by kjmagic.blogspot.com-->

2. Bài đăng dạng trượt ngang có hình và thông tin tóm tắt.


<style type="text/css">
#slidearea {
height: 210px;
overflow: hidden;
margin: 0px 10px 0 10px;
position: relative;
width: 960px;
background: url(http://4.bp.blogspot.com/_xpQK9GsnDPs/TOxSyMhIKWI/AAAAAAAAAms/5jwLO9VyuHo/s000
/slider.png) no-repeat;
}
#gallerycover {
overflow: hidden;
margin: 15px 30px 0 30px;
width: 980px;
}
.mygallery {
overflow: hidden;
visibility: visible;
position: relative; z-index: 2;
left: 0px;
width: 980px;
}
.mygallery ul {
margin:0;
padding:0;
position: relative;
list-style-type: none;
z-index: 1;
width: 2700px;
left: -1620px;
}
.mygallery ul li {
overflow: hidden;
float: left;
width: 170px;
height: 210px;
}
.mytext {
position: relative;
margin: 0 5px 0 5px;
width: 170px;
height: 210px;
display: inline;
float: left;
color: #C4C4C4;
}
.mytext p {
padding: 0 0;
color: #555;
font-size: 12px;
line-height: 20px;
width: 170px;
text-shadow: 1px 1px 0 #F6F6F6;
}
.mytext h2 {
padding: 5px 0;
color: black;
width: 170px;
font-size: 14px;
font-weight: bold;
}
.mytext h2 a:link, .mytext h2 a:visited {
color: black;
text-decoration: none;
outline: none;
}
.mytext h2 a:hover {color:#888;}
img.sidim {
width: 170px;
height: 100px;
}
.prevb {
float: left;
width: 20px;
height: 35px;
z-index: 200;
background: url(http://4.bp.blogspot.com/_xpQK9GsnDPs/TOxSyrTi7KI/AAAAAAAAAmw/i4FOV7EzbIQ/s000
/prev.png)!important;
position: absolute;
left: 5px;
bottom: 110px;
}
.nextb {
float: right;
width: 20px;
height: 35px;
z-index: 200;
background: url(http://3.bp.blogspot.com/_xpQK9GsnDPs/TOxSzDyhK7I/AAAAAAAAAm0/EOkU1_3E9Y0/s000
/next.png)!important;
position: absolute;
right: 5px;
bottom: 110px;
display: block;
}
</style>
<script src="http://fandung.googlecode.com/svn/trunk/js/slide-mygallery.js" type="text/javascript"></script>
<script stype="text/javascript">
var $jx = jQuery.noConflict();
$jx(function() {
$jx(".mygallery").jCarouselLite({
btnNext: ".nextb",
btnPrev: ".prevb",
visible: 5,
auto: 3000,
speed: 1000,
easing: "backout"
});
});
</script>
<div id="slidearea">
<div id="gallerycover">
<div class="mygallery">
<ul>
<script type="text/javascript">
var mode = "all";
var g_numposts = 30;
var g_numcontents = 15;
var g_label="B-advance";
var homepage="http://ngdkhanh.blogspot.com/";
</script>
<script src="http://fandung.googlecode.com/svn/trunk/js/feed-mygallery.js" type="text/javascript"></script>
</ul>
<div class="clear"></div>
</div>
</div>
<a class="prevb" href="http://www.google.com/imgres?imgurl=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkBEAyr2RVGzlQXeiBtyYvLNXUSBB-vsn_R81_lZMhhbD3pXYlEp1_2QKM0IS6BgZz33cNTfLL9FAjP4P8P8eQm-YVZLpCPXUKOwOlH-rHieRpdR5e5yQ4W9sxMEN3ZHGMIeoCDDiLEHU/s1600/anh%252Bdep%252Bavatar%252B1.jpg&imgrefurl=http://www.cuois2.com/2014/04/hinh-anh-dep-avatar-ngo-nghinh-de-thuong.html&h=400&w=600&tbnid=-F09CAxLGCfQOM:&docid=XGgofrsZv9Zx2M&ei=
50hPVvb3OInJmwGl9K-YBQ&tbm=isch&ved=0ahUKEwi2h9TRtJ_JAhWJ5CYKHSX6C1M4rAIQMwgkKCEwIQ"></a>
<a class="nextb" href="#"></a>
</div>

3. menu popup xổ xuống màu xanh da trời, bo góc:

Css3+Thin+Style+Navigation+Bar+for+Blogger

Paste below code Before ]]></b:skin> tag

/* The CSS Code for the menu starts here bloggertrix.com */
 #btrix_litemenu { 
 width:800px; 
 background:#166bea;  
 border-bottom: 5px solid #993300;  
 border-top: 1px solid #e14d09;  
 clear: both;  
 overflow: hidden;  
-moz-box-shadow: 2px 3px 5px #000000;
-webkit-box-shadow: 2px 3px 5px #000000;
box-shadow: 2px 3px 5px #000000;

border:none 5px #000000;
-moz-border-radius-topleft: 16px;
-moz-border-radius-topright:16px;
-moz-border-radius-bottomleft:16px;
-moz-border-radius-bottomright:16px;
-webkit-border-top-left-radius:16px;
-webkit-border-top-right-radius:16px;
-webkit-border-bottom-left-radius:16px;
-webkit-border-bottom-right-radius:16px;
border-top-left-radius:16px;
border-top-right-radius:16px;
border-bottom-left-radius:16px;
border-bottom-right-radius:16px;

 }  
 #btrix_litemenu ul {  
 float: left;  
 width: 100%;  
 }  
 #btrix_litemenu li {  
 float: left;  
 list-style-type: none;  
 }  
 #btrix_litemenu li a {  
 background:#166bea;  
 color: #fff;  
 display: block;  
 font-size: 14px;  
 padding: 5px 17px 5px 15px;  
 position: relative;  
 text-decoration: none;  
 }  
 #btrix_litemenu li a:hover {  
 background:#002660;  
 color: #fff;  
 }  
 #btrix_litemenu li li a {  
 background: none;  
 background-color: #0d56c4;  
 border: 1px solid #0d408d;  
 border-top-width: 0;  
 color: #fff;  
 font-size: 14px;  
 padding: 5px 10px;  
 position: relative;  
 text-transform: none;  
 width: 130px;  
 }  
 #btrix_litemenu li li a:hover {  
 background: none;  
 background-color: #166bea;  
 }  
 #btrix_litemenu li ul {  
 height: auto;  
 left: -9999px;  
 margin: 0 0 0 -1px;  
 position: absolute;  
 width: 160px;  
 z-index: 9999;  
 }  
 #btrix_litemenu li:hover ul {  
 left: auto;  
 }  

Go to blogger and click Layout

Click Add Gadget and select 'HTML/Javascript với source như sau

Bài đăng dạng trượt ngang có hình và thông tin tóm tắt.


<div id="btrix_litemenu">
<li><a href="http://ngdkhanh.blogspot.com/">Trang chủ</a></li>
<li><a href="#">Site map</a> 
 <ul>
<li><a href="http://ngdkhanh.blogspot.com/2015/11/site-map-my-blogspot.html">Xem dạng bảng</a></li>
<li><a href="http://ngdkhanh.blogspot.com/2015/12/site-map-dang-popup-xo-xuong-cua-toi.html">Xem dạng thẻ</a></li>
<li><a href="http://ngdkhanh.blogspot.com/2014/03/ma-html.html">Xem dạng List</a></li>
</ul>
</li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/B%C3%A0i%20vi%E1%BA%BFt%20c%E1%BB%A7a%20t%C3%B4i">Bài viết của tôi</a></li>


<li><a href="#">IT Computer NetWorking</a> 
 <ul>
<li><a href="http://ngdkhanh.blogspot.com/search/label/Blogger%20t%E1%BB%95ng%20quan">Tổng quan Blogger</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/Th%E1%BB%A7%20thu%E1%BA%ADt%20Blogger">Kỹ xão Blog</a></li>


<li><a href="http://ngdkhanh.blogspot.com/search/label/FaceBook">FaceBook</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/K%E1%BB%B9%20thu%E1%BA%ADt%20tin%20h%E1%BB%8Dc">Kỹ thuật tin học</a></li>
</ul>
</li>
<li><a href="#">Văn hóa xã hội</a> 
 <ul>
<li><a href="http://ngdkhanh.blogspot.com/search/label/v%C4%83n%20h%C3%B3a%20ngh%E1%BB%87%20thu%E1%BA%ADt">Văn hóa xã hội</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/V%E1%BA%A5n%20%C4%91%E1%BB%81%20t%C3%A2m%20linh">Vấn đề tâm linh</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/tri%E1%BA%BFt%20h%E1%BB%8Dc%20v%C3%A0%20t%C3%B4n%20gi%C3%A1o">Triết học và tôn giáo</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/l%E1%BB%8Bch%20s%E1%BB%AD">Lịch sử</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/s%E1%BB%A9c%20kh%E1%BB%8Fe">Sức khỏe</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/th%E1%BB%9Di%20s%E1%BB%B1">Thời sự</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/b%C3%AD%20%E1%BA%A9n%20trong%20t%E1%BB%B1%20nhi%C3%AAn">Bí ẩn trong tự nhiên</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/%E1%BA%A9m%20th%E1%BB%B1c">ẩm thực</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/T%C3%A2m%20l%C3%BD%20x%C3%A3%20h%E1%BB%99i">Tâm lý xã hội</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/Khoa%20h%E1%BB%8Dc%20%26%20V%C5%A9%20tr%E1%BB%A5">Khoa học và vũ trụ</a></li>
<li><a href="#">Kinh tế tài chánh</a></li>
</ul>
</li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/Th%E1%BB%9Di%20trang">Thời trang</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/T%C3%A2m%20l%C3%BD%20x%C3%A3%20h%E1%BB%99i">Tâm lý xã hội</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/v%C4%83n%20h%E1%BB%8Dc%20ngh
%E1%BB%87%20thu%E1%BA%ADt">Văn học nghệ thuật</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/Danh%20lam%20th%E1%BA%AFng%20c%E1%BA%A3nh">Danh lam thắng cảnh</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/Doanh%20nh%C3%A2n">Doanh nhân</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/Th%E1%BA%BF%20gi%E1%BB%9Bi%20%C4%91%E1%BB%99ng%20v%E1%BA%ADt">Thế giới động vật</a></li>

<li><a href="#">Truyện và thơ</a> 
 <ul>
<li><a href="http://ngdkhanh.blogspot.com/search/label/B%E1%BA%A7u%20r%C6%B0%E1%BB%A3u%20t%C3%BAi%20th%C6%A1">Bầu rượu túi thơ</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/Truy%E1%BB%87n%20c%E1%BB%A7a%20nhi%E1%BB%81u%20t%C3%A1c%20gi%E1%BA%A3">Truyện của nhiều tác giả</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/Truy%E1%BB%87n%20c%E1%BB%95%20t%C3%ADch">Truyện cổ tích</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/B%C3%A0i%20vi%E1%BA%BFt%20s%C6%B0u%20t%E1%BA%ADp">Bài viết sưu tập</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/Ph%E1%BA%ADt%20ph%C3%A1p%20ch%C6%A1n%20kinh">Phật giáo</a></li>
</ul>
</li>
</div>

 4. Multi tab có 3 khung quản lý, mới tạo được 2, hoạt động 1:


<div id="btrix_litemenu">
<li><a href="http://ngdkhanh.blogspot.com/">Trang chủ</a></li>
<li><a href="#">Site map</a> 
 <ul>
<li><a href="http://ngdkhanh.blogspot.com/2015/11/site-map-my-blogspot.html">Xem dạng bảng</a></li>
<li><a href="http://ngdkhanh.blogspot.com/2015/12/site-map-dang-popup-xo-xuong-cua-toi.html">Xem dạng thẻ</a></li>
<li><a href="http://ngdkhanh.blogspot.com/2014/03/ma-html.html">Xem dạng List</a></li>
</ul>
</li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/B%C3%A0i%20vi%E1%BA%BFt%20c%E1%BB%A7a%20t%C3%B4i">Bài viết của tôi</a></li>


<li><a href="#">IT Computer NetWorking</a> 
 <ul>
<li><a href="http://ngdkhanh.blogspot.com/search/label/Blogger%20t%E1%BB%95ng%20quan">Tổng quan Blogger</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/Th%E1%BB%A7%20thu%E1%BA%ADt%20Blogger">Kỹ xão Blog</a></li>


<li><a href="http://ngdkhanh.blogspot.com/search/label/FaceBook">FaceBook</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/K%E1%BB%B9%20thu%E1%BA%ADt%20tin%20h%E1%BB%8Dc">Kỹ thuật tin học</a></li>
</ul>
</li>
<li><a href="#">Văn hóa xã hội</a> 
 <ul>
<li><a href="http://ngdkhanh.blogspot.com/search/label/v%C4%83n%20h%C3%B3a%20ngh%E1%BB%87%20thu%E1%BA%ADt">Văn hóa xã hội</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/V%E1%BA%A5n%20%C4%91%E1%BB%81%20t%C3%A2m%20linh">Vấn đề tâm linh</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/tri%E1%BA%BFt%20h%E1%BB%8Dc%20v%C3%A0%20t%C3%B4n%20gi%C3%A1o">Triết học và tôn giáo</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/l%E1%BB%8Bch%20s%E1%BB%AD">Lịch sử</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/s%E1%BB%A9c%20kh%E1%BB%8Fe">Sức khỏe</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/th%E1%BB%9Di%20s%E1%BB%B1">Thời sự</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/b%C3%AD%20%E1%BA%A9n%20trong%20t%E1%BB%B1%20nhi%C3%AAn">Bí ẩn trong tự nhiên</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/%E1%BA%A9m%20th%E1%BB%B1c">ẩm thực</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/T%C3%A2m%20l%C3%BD%20x%C3%A3%20h%E1%BB%99i">Tâm lý xã hội</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/Khoa%20h%E1%BB%8Dc%20%26%20V%C5%A9%20tr%E1%BB%A5">Khoa học và vũ trụ</a></li>
<li><a href="#">Kinh tế tài chánh</a></li>
</ul>
</li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/Th%E1%BB%9Di%20trang">Thời trang</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/T%C3%A2m%20l%C3%BD%20x%C3%A3%20h%E1%BB%99i">Tâm lý xã hội</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/v%C4%83n%20h%E1%BB%8Dc%20ngh
%E1%BB%87%20thu%E1%BA%ADt">Văn học nghệ thuật</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/Danh%20lam%20th%E1%BA%AFng%20c%E1%BA%A3nh">Danh lam thắng cảnh</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/Doanh%20nh%C3%A2n">Doanh nhân</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/Th%E1%BA%BF%20gi%E1%BB%9Bi%20%C4%91%E1%BB%99ng%20v%E1%BA%ADt">Thế giới động vật</a></li>

<li><a href="#">Truyện và thơ</a> 
 <ul>
<li><a href="http://ngdkhanh.blogspot.com/search/label/B%E1%BA%A7u%20r%C6%B0%E1%BB%A3u%20t%C3%BAi%20th%C6%A1">Bầu rượu túi thơ</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/Truy%E1%BB%87n%20c%E1%BB%A7a%20nhi%E1%BB%81u%20t%C3%A1c%20gi%E1%BA%A3">Truyện của nhiều tác giả</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/Truy%E1%BB%87n%20c%E1%BB%95%20t%C3%ADch">Truyện cổ tích</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/B%C3%A0i%20vi%E1%BA%BFt%20s%C6%B0u%20t%E1%BA%ADp">Bài viết sưu tập</a></li>
<li><a href="http://ngdkhanh.blogspot.com/search/label/Ph%E1%BA%ADt%20ph%C3%A1p%20ch%C6%A1n%20kinh">Phật giáo</a></li>
</ul>
</li>
</div>


<style type="text/css">
div.TabTampil div.TTs
{height: 24px; overflow: hidden; }
div.TabTampil div.TTs a:hover, div.TabTampil div.TTs a.Active
{ background-color: #eee; }
div.TabTampil div.Halamans
{ clear: both; border: 1px solid #fff; overflow: hidden; background-color: #ffffff;}
div.TabTampil div.Halamans div.Halaman
{ height: 100%; padding: 0px; overflow: hidden; }
div.TabTampil div.Halamans div.Halaman div.Alas
{ padding: 3px 5px; }
div.TabTampil div.TTs a
{ border-left:1px solid #eee; border-right:1px solid #eee; border-top:1px solid #eee; border-bottom:0px solid #eee; float: left;
display: block; width: 95px; text-align: center; vertical-align: middle; height: 24px; padding-top: 3px;
 text-decoration: none; font-family: "Arial", Serif;
font-size: 11px; font-weight: 900; color: #000000}
</style>
<form action="tabtampil.html" method="get">
<div id="TabTampil" class="TabTampil">
<div style="width: 250px;" class="TTs"> <a>Calenda</a> <a>Random Post</a> <a>Recent Comments</a></div>
<div style="width: 250px; height: 270px;" class="Halamans">
<div class="Halaman">
<div class="Alas">
<br/>
<embed allowscriptaccess="always" flashvars="bannerWidth=230&amp;bannerHeight=100&amp;bannerSID=http://img.uu1001.cn/x3
/2011-11-10/06-54/2011-11-10_1ddc0b2b56b24e3c38dfb39a7d04f97d_0.xml&amp;bannerXML=&amp;bannerLink=http%3A%2F%2F&amp;dataSource=&amp;bid=26402587&amp;appSource=default" id="26402587" name="26402587" quality="high" src="http://img.uu1001.cn/bcv3.swf?v=20111012" type="application/x-shockwave-flash" wmode="transparent" height="100" width="230">
</embed>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWDOCOWg4e6W9MdzJs-tH7BgSZ-lTWTo08iqZSNu1BP2U00NC6nUt7hTsgmK-VC5S87rfhTWEJNpkBhyphenhyphen_tBdw7iWgWB290IqP-AgxT6XsIaGe5Us5GcH6Gk6gsvL7G7DjZla0onCYgFlpd/s1600/images+%25281%2529.jpe" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWDOCOWg4e6W9MdzJs-tH7BgSZ-lTWTo08iqZSNu1BP2U00NC6nUt7hTsgmK-VC5S87rfhTWEJNpkBhyphenhyphen_tBdw7iWgWB290IqP-AgxT6XsIaGe5Us5GcH6Gk6gsvL7G7DjZla0onCYgFlpd/s200/images+%25281%2529.jpe" width="200" /></a></div>
<br />
<br />
</div>
</div>
<div class="Halaman">
<div class="Alas">
<br/>

<div id="random-posts"></div>
<script type="text/javascript">
function getRandomPosts(json) {
    var maxEntries = 10;
    var numPosts = json.feed.openSearch$totalResults.$t;
    var indexPosts = new Array();
    for (var i = 0; i < numPosts; ++i) {
        indexPosts[i] = i;
    }
    indexPosts.sort(function() {return 0.5 - Math.random()});
    if (maxEntries > numPosts) {
        maxEntries = numPosts;
    }
    var container = document.getElementById('random-posts');
    var ul = document.createElement('ul');
    for (i = 0; i < maxEntries; ++i) {
        var entry = json.feed.entry[indexPosts[i]];
        var li = document.createElement('li');
        var a = document.createElement('a');
        a.title = entry.title.$t;
        for (var j = 0; j < entry.link.length; ++j) {
            if (entry.link[j].rel == 'alternate') {
                a.href = entry.link[j].href;
                break;
            }
        }
        a.appendChild(document.createTextNode(entry.title.$t));
        li.appendChild(a);
        ul.appendChild(li);
    }
    container.appendChild(ul);
}
</script>
<script src="http://ngdkhanh.blogspot.com/feeds/posts/summary?alt=json-in-script&callback=getRandomPosts&max-results=999999" type="text/javascript"></script>


</div>
</div>
<div class="Halamans">
<div class="Alas">
<br/>

<style type=text/css>
ul.nxmoi {
padding: 0;
list-style: none;
}
ul.nxmoi li {
margin-bottom: 10px;
border-bottom: 1px dashed #d2d2d2;
padding-bottom: 10px;
}
</style>
<script>//<![CDATA[
var sl_nhanxet = 7,
    kt_nhanxet = 100;
// Recent Comment
function nhanxetmoi(json) {
    var entry, commurl, commsum;
    document.write('<ul class="nxmoi">');
    for (var i = 0; i < sl_nhanxet; i++) {
        entry = json.feed.entry[i];
        if (i == json.feed.entry.length) break;
        for (var k = 0; k < entry.link.length; k++) {
            if (entry.link[k].rel == 'alternate') {
                commurl = entry.link[k].href;
                break;
            }
        }
        commsum = ("content" in entry) ? entry.content.$t : ("summary" in entry) ? entry.summary.$t : "";
        commsum = commsum.replace(/<.*?>/g, "");
        if (commsum.length > kt_nhanxet) commsum = commsum.substring(0, kt_nhanxet) + "...";
        document.write('<li><strong><a rel="nofollow" href="' + commurl + '">' + entry.author[0].name.$t + ':</a></strong> <span>' + commsum + '</span></li>');
    }
    document.write('</ul>');
}
//]]></script>
 <script src='http://www.kslzone.net/feeds/comments/summary?alt=json-in-script&amp;callback=nhanxetmoi'></script>

</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">tabtampil_inisial('TabTampil');</script>



5. Label quản lý youtube Liên khúc Ngọc Lan

<iframe allowfullscreen="" frameborder="1" height="120" src="//www.youtube.com/embed/gUCl0LZ4th0" width="210"></iframe>

6. Google Translate có sử dụng source đã khai báo ID:

<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en', multilanguagePage: true, gaTrack: true, gaId: 'UA-50780051-1'}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

7. Bài đăng ngẫu nhiên dạng thẻ nhiều màu tự động có đánh số:



<style type="text/css">
.noop-random-posts ul li {
    list-style-image:none;
}.noop-random-posts ul {
list-style-type: none;
margin: 0;
padding: 5px 0;
}
.noop-random-posts ul li {
border: 0 none;
margin: 5px 0;
padding: 10px;
position: relative;
}
.noop-random-posts ul li:first-child {
background: none repeat scroll 0 0 #FF4C54;
width: 97%;
}
.noop-random-posts ul li:first-child:after {
content: "1";
}
.noop-random-posts ul li:first-child + li {
background: none repeat scroll 0 0 #FF764C;
width: 87%;
}
.noop-random-posts ul li:first-child + li:after {
content: "2";
}
.noop-random-posts ul li:first-child + li + li {
background: none repeat scroll 0 0 #FFDE4C;
width: 84%;
}
.noop-random-posts ul li:first-child + li + li:after {
content: "3";
}
.noop-random-posts ul li:first-child + li + li + li {
background: none repeat scroll 0 0 #C7F25F;
width: 81%;
}
.noop-random-posts ul li:first-child + li + li + li:after {
content: "4";
}
.noop-random-posts ul li:first-child + li + li + li + li {
background: none repeat scroll 0 0 #33C9F7;
width: 78%;
}
.noop-random-posts ul li:first-child + li + li + li + li:after {
content: "5";
}
.noop-random-posts ul li:first-child + li + li + li + li + li {
background: none repeat scroll 0 0 #7EE3C7;
width: 75%;
}
.noop-random-posts ul li:first-child + li + li + li + li + li:after {
content: "6";
}
.noop-random-posts ul li:first-child + li + li + li + li + li + li {
background: none repeat scroll 0 0 #F6993D;
width: 72%;
}
.noop-random-posts ul li:first-child + li + li + li + li + li + li:after {
content: "7";
}
.noop-random-posts ul li:first-child + li + li + li + li + li + li + li {
background: none repeat scroll 0 0 #F59095;
width: 69%;
}
.noop-random-posts ul li:first-child + li + li + li + li + li + li + li:after {
content: "8";
}
.noop-random-posts ul li:first-child + li + li + li + li + li + li + li + li {
background: none repeat scroll 0 0 #C7F25F;
width: 66%;
}
.noop-random-posts ul li:first-child + li + li + li + li + li + li + li + li:after {
content: "9";
}
.noop-random-posts ul li:first-child:after, .noop-random-posts ul li:first-child + li:after, .noop-random-posts ul li:first-child + li + li:after, .noop-random-posts ul li:first-child + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li:after, .noop-random-posts ul li:first-child + li
+ li + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li + li + li + li:after, .noop-random-posts ul li:first-child
+ li + li + li + li + li + li + li + li:after {
background: none repeat scroll 0 0 #353535;
border-radius: 50% 50% 50% 50%;
color: #FFFFFF;
font-size: 25px;
height: 30px;
position: absolute;
right: -17px;
text-align: center;
top: 1px;
width: 30px;
}
.noop-random-posts ul li a {
color: #444444;
font-size: 13px;
text-decoration: none;
}
</style>
<div class="noop-random-posts"><script type="text/javascript">
    var randarray = new Array();var l=0;var flag;
    var numofpost=5;function nooprandomposts(json){
    var total = parseInt(json.feed.openSearch$totalResults.$t,10);
    for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
    if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
    for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
    for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
    document.write(item);}}
    }document.write('</ul>');}
    </script><a href="http://ngdkhanh.blogspot.com/" style="font-size:0pt">Blogger Widgets</a>
<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=nooprandomposts"></script></div>


 9. Tạo các nút Like and Share Social networking


Social Blogspot
Social Blogspot

<style type="text/css">
   #Share {position:fixed; top:35%; left:0%; background-color:#2AA4CF;padding:2px;z-index:10;border-bottom-right-radius:5px;border-top-right-radius:5px;}
   #Share .Sharebutton {float:left;clear:both;}
</style>
<div id='Share'>
   <div style="margin:4px;">
      <div class='Sharebutton' id='facebook'>
         <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script>
         <fb:like layout='box_count' show_faces='false'></fb:like>
      </div>
      <br />
      <div class='Sharebutton' id='google'>
         <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
         <g:plusone size="tall"></g:plusone>
      </div>
  <div class='Sharebutton' id='twitter'>
         <a class="twitter-share-button"  href="https://twitter.com/share" data-count="vertical">
Tweet </a>
  <script type="text/javascript" async src="//platform.twitter.com/widgets.js"></script>
      </div>
   </div>
</div>

10. Feed Back app developements:

<style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;float:right;
margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script style='text/javascript' src="http://dl.dropbox.com/u/70549761/Recent/namkna-blogspot-com/recentpostticker.js" ></script>
<script style='text/javascript' src='http://dl.dropbox.com/u/70549761/Recent/namkna-blogspot-com/recentpostswiththumbnailsv3.js'></script>
<script style='text/javascript'>
var numposts = 6;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = false;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;
$(document).ready(function () {$('#sai').vTicker({
speed: 500,
pause: 4000,
showItems: 5,
animation: 'fade',
mousePause: false,
height: 0,
direction: 'up'
});});
</script>
<div id="sai">
<script src='http://ngdkhanh.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
</div>

11. Feedburner đã có ID:

<script src="http://feeds.feedburner.com/blogspot/wrTvv?format=sigpro" type="text/javascript" ></script><noscript><p>Subscribe to RSS headline updates from: <a href="http://feeds.feedburner.com/blogspot/wrTvv"></a><br/>Powered by FeedBurner</p> </noscript>

12. Quản lý bài Post gần đây, trình bày dạng báo chí, chỉ có 5 hình và tóm tắt nội dung



<style type="text/css">   
#cotent-news {    
border:#999 solid 1px;    
width: 870px;      }    
#top-news {    
width: 440px;     
height:166px;       padding:5px;    
border:#bbb solid 2px;    
background:#fff;    
font-size:12px;    
}    
#bottom-news {    
width: 444px;      padding:5px;    
}    
#bottom-news-item {    
width: 106px;    
margin-right:5px;    
float:left;    
}    
#left-news {  
width: 200 px; 
padding:5px;    
border-left:2px dotted #ccc;    
}    
</style>    
<script language="JavaScript">    
imgr = new Array();    
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJv16CpFmxZ_t8_KMOC8PYBdISNiZA6k9s65pWy8ngvVJext362hUWOgOrVWDhvH84QUOf-7XuHNirmm1cQJtXzDuRMB3WwKdIMTbuRd-SqNO4ZDXskrDqTOIok560eWRlSxiglKuUR7GC/s1600/nothumbnail-bai-viet-kgong-anh-namkna-ngoctra.gif";    
imgico= "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGjq0jHeq2DCiY7pEiUZ9YekqbyvnBhCn_yM3tPf5W7qZSAfxSbCdQZMCz5ap2H9TM6egjeiMmHnV1rhksXpWKjPJ1OKTmZSbF0r1YCHOUJwj67tP4JrNjFsbHl3v9ruU7BUPDzuXwMT_A/s1600/icom-left-news-namkna-ngoctra.gif";    
showRandomImg = true;    
topwidth = 160;     
topheight = 160;    
botheight = 100;     
botwidth = 100;    
fntsize = 12;    
vnesize = 18; //kích thước của tiêu đề bài viết trong class "top-news"    
acolor = "#9fc5e8";    
cmcolor = "#9fc5e8";    
topcolor = "#fff";    
aBold = true;    
text = "comments";    
showPostDate = true;    
summaryPost = 250;    
summaryFontsize = 12;    
summaryColor = "#fff";    
botnum = 4;    
numposts = 23;    
label = "Blogger";
home_page = "http://ngdkhanh.blogspot.com/";    
</script>    
<script src="http://thietkewebplus.googlecode.com/files/vne-recent-adv-all-posts.txt" type="text/javascript"></script>



13. Chương mục quản lý thủ thuật Blogger



<div class="related-post" id="related-post" style="background-color: whitesmoke; border: 4px solid rgb(192, 212, 228); box-sizing: border-box; color: #ffffff; font-family: Roboto, sans-serif; height: 375px; line-height: 14px; margin: 15px 0px; padding: 10px; width: 370;">
<h4 style="box-sizing: border-box; font-size: 20px; line-height: 1.2; margin: 0px 0px 0.5em;">
<div style="clear: both; margin: 5px;">
<span style="color: #cc0000;">Chương mục Blogger - Blogspot</span><br />
<a href="http://ngdkhanh.blogspot.com/2015/11/tan-man-cuoi-tuan-31102015.html" target="_blank"><span style="font-size: 12px;color: Black;">Blogger và các ứng dụng Social</span></a><br />
<a href="http://ngdkhanh.blogspot.com/2014/11/thiet-ke-trang-tri-co-ban-cho-blogger.html" target="_blank"><span style="font-size: 12px;color: Black;">Thiết kế cơ bản cho Blogger</span></a><br />
<a href="http://ngdkhanh.blogspot.com/2014/09/huong-dan-nhanh-lap-trinh-voi-google-go.html" target="_blank"><span style="font-size: 12px;color: Black;">Thủ thuật Css3 trong Blogger</span></a><br />
<a href="http://ngdkhanh.blogspot.com/2014/07/chuong-muc-cuoi-gio-07072014.html" target="_blank"><span style="font-size: 12px;color: Black;">Thiết kế  các Widget tiện ích</span></a><br />
<a href="http://ngdkhanh.blogspot.com/2014/07/chuong-muc-gioi-thieu-07072014.html" target="_blank"><span style="font-size: 12px;color: Black;">Thiết kế Template và kiến thức cơ bản</span></a><br />
<a href="http://ngdkhanh.blogspot.com/2014/07/chuong-muc-gioi-thieu-02072014.html" target="_blank"><span style="font-size: 12px;color: Black;">Kiến thức SEO và các kỹ năng</span></a><br />
<a href="http://ngdkhanh.blogspot.com/2014/06/chuong-muc-cuoi-gio-28062014.html" target="_blank"><span style="font-size: 12px;color: Black;">Phân trang và thu gọn bài trong Blog</span></a><br />
<a href="http://ngdkhanh.blogspot.com/2014/05/noi-niem-cuoc-song-trang-chu.html" target="_blank"><span style="font-size: 12px;color: Black;">Thiết kế quản lý bài đăng cho Blogspot</span></a><br />
<a href="http://ngdkhanh.blogspot.com/2013/11/muon-van-chu-vi-sao.html" target="_blank"><span style="font-size: 12px;color: Black;">Nhóm lệnh Comments Blogger</span></a><br />
<a href="http://ngdkhanh.blogspot.com/2013/08/multimedia-phuong-vi.html" target="_blank"><span style="font-size: 12px;color: Black;">Thiết kế menu danh mục cho Blogger</span></a><br />
<a href="http://ngdkhanh.blogspot.com/2015/12/gioi-thieu-co-ban-nhat-ve-blogspot.html" style="color: #ff7fa9;"><img class="sidim" height="89" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguNIr0HPEhF0LCgkIQ9u8NZEV0gsfA7AFYmSjpKgEG62yZU2mSm-BEvF6NQVhkDxyYh2ECSh2yOyJOmR_PITrel32Q0ZaTl3FSdc2glYgdUfYYpHKaV6fhKVIeIB7GHHGlOwsSAQknmcM/s320/Logo+blogger.png" width="320" /></a></div>
</h4>
</div>
<div expr:id="&quot;aim1&quot; + data:post.id">
&nbsp;</div>
<div style="clear: both; margin: 5px;">
&nbsp;</div>







14. Nút Search Box trên phải Blogger


<!-- Noop Google search box -->
    <div class='noop-searchbox' id='noop-searchbox'>
      <form action='/search' id='noop-searchform' method='get'>
        <input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}' type='text' value='Search...'/>
        <button id='sbutton' type='submit'>
          <span id='simg'/>
        </span></button>
      </form>
    </div>
<style type="text/css">
#sbutton {
background: -moz-linear-gradient(center top , #4D90FE 0%, #4787ED 100%) repeat scroll 0pt 0pt transparent;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d90fe), color-stop(100%,#4787ed));
background: -webkit-linear-gradient(top, #4d90fe 0%,#4787ed 100%);
background: -o-linear-gradient(top, #4d90fe 0%,#4787ed 100%);
background: -ms-linear-gradient(top, #4d90fe 0%,#4787ed 100%);
background: linear-gradient(top, #4d90fe 0%,#4787ed 100%);background-color: #4d90fe;
border: 1px solid #3079ED;
border-radius: 2px 2px 2px 2px;
color: #FFFFFF;
height: 27px;
min-width: 76px;
padding: 0 21px;padding-bottom: 2px;
}
#sbutton:hover{ background-color: #357AE8;
background-image: -moz-linear-gradient(center top , #4D90FE, #357AE8);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d90fe), color-stop(100%,#357ae8));
background: -webkit-linear-gradient(top, #4d90fe 0%,#357ae8 100%);
background: -o-linear-gradient(top, #4d90fe 0%,#357ae8 100%);
background: -ms-linear-gradient(top, #4d90fe 0%,#357ae8 100%);
background: linear-gradient(top, #4d90fe 0%,#357ae8 100%);
border: 1px solid #2F5BB7;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
#simg {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0ZWTvsoo69DWD2SPT-1EpS1UYOQrJxeiwXvxJ9IkfPuEIUVSAMRzcj6fgilZE4x1s4VDjA9P8MjVHkCIUPIRIdRw5b7H465oJoUfi3PgttDtU0cYD9apiXjRCujIZjfuwodHmCLUO8gQ/s1600/searchicon.png") no-repeat scroll 0 0 transparent;
display: inline-block;
height: 14px;
margin: 0;
width: 17px;z-index:101;
}#s:hover {box-shadow: 0 1px 2px #C1C1C1 inset;}
#s {border: 1px solid #BCBCBC;border-radius: 4px 4px 4px 4px;font: italic 14px times New Roman;padding: 4px 2px;width: 146px; -moz-transition: width 0.2s ease-in 0s; -webkit-transition: width 0.2s ease-in; -o-transition: width 0.2s ease-in;}
#s:focus {width: 200px;}
.noop-searchbox {
display: block;
position: fixed;
right: 0;
top: 1%;
max-width: 300px;min-width: 238px;
z-index: 100;
}
</style>
<!-- Noop Google search box -->

15. Email box:

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=blogspot/wrTvv', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="blogspot/wrTvv" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="https://feedburner.google.com" target="_blank">FeedBurner</a></p></form>

16. Quản lý số lượng độc giả đang theo dõi:

<style type="text/css">
.note{background:#FFFFFF url(http://goo.gl/w4a2f) repeat-x 0 0;color:#796100;width:83%;font-weight:normal;padding:13px 15px 0;margin-bottom:2.5em;border:1px solid #E1B500;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;-moz-box-shadow:1px 1px 2px rgba(0,0,0,.4);-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.4);box-shadow:1px 1px 2px rgba(0,0,0,.4);position:relative;left:34px}.note p{margin-bottom:1.5em}.note p:last-child{margin-bottom:0}.note ul{margin-left:8px;margin-bottom:1.5em}.note ul:last-child{margin-bottom:0}.note li{background:url(http://goo.gl/6kexs) no-repeat 0 -95px;list-style-type:none;padding-left:18px;margin-bottom:.75em}.note h5{font-size:14px;font-weight:bold;margin:0 0 .65em}.note span{background:url(http://goo.gl/6kexs) no-repeat 100% 0;width:33px;height:40px;position:absolute;left:-34px;top:9px}
</style><br /><div class="note" text-align: cemter;><h5>SỐ lượng khách đang theo dõi:<script id="_waux0z">var _wau = _wau || []; _wau.push(["classic", "zjgr1yda2hvt", "x0z"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/classic.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>

</h5><span></span></div>

17. Chân trang, quyền tác giả.:

<table class="reference notranslate" style="background-color: white; border-
collapse: collapse; border-spacing: 0px; box-sizing: border-box; color: #404040; 
font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; line-height: 2; margin-bottom: 1px; width: 970px;"><tbody style="border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 1px; box-sizing: border-box;"> <tr style="background-color: #f1f1f1; box-sizing: border-box;"><th style=
"background-color: #555555; border: 1px solid rgb(85, 85, 85); box-sizing: 
border-box; color: white; font-weight: 400; padding: 3px; vertical-align: top; 
width: 404px;">Copyright © 2014 -&nbsp;<a href="http://ngdkhanh.blogspot.com/" 
target="_blank"><span style="color: #3d85c6;">KhanhNguyen's Blog</span></a>
&nbsp;- All Rights Reserved 
<br />
<div style="float: right; text-align: right;">
</div>
</th><th style="background-color: #555555; border: 1px solid rgb(85, 85, 85); 
box-sizing: border-box; color: white; font-weight: 400; padding: 3px; vertical-
align: top; width: 403px;">Design by Khanh Nguyen</th></tr>
</tbody></table>
<span style="background-color: white; color: #333333; font-family: &quot;roboto&
quot; , sans-serif; line-height: 26px;"></span><br />

18. Youtube Tây du ký



<style type="text/css">
            * html div#fl813691 {position: absolute; overflow:hidden;
            top:expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop
            +(documentElement.clientHeight-this.clientHeight)
            : document.body.scrollTop
            +(document.body.clientHeight-this.clientHeight));}
            #fl813691{font: 12px Arial, Helvetica, sans-serif; color:#666; position:fixed; _position: absolute; right:0; bottom:0; height:150px; }
            #eb951855{ width:279px; padding-right:7px; background:url(http://img98.imageshack.us/img98/9400/rightp.gif) no-repeat right top;}
            #cob263512{background:url(http://img205.imageshack.us/img205/2176/fulld.gif) no-repeat left top; height:150px; padding-left:7px;}
            #coh963846{color:#690;display:block; height:20px; line-height:20px; font-size:11px; width:277px;}
            #coh963846 a{color:#690;text-decoration:none;}
            #coc67178{float:right; padding:0; margin:0; list-style:none; overflow:hidden; height:15px;}
                        #coc67178 li{display:inline;}
                        #coc67178 li a{background-image:url(http://img205.imageshack.us/img205/9837/closebutton.gif); background-repeat:no-repeat; width:30px; height:0; padding-top:15px; overflow:hidden; float:left;}
                            #coc67178 li a.close{background-position: 0 0;}
                            #coc67178 li a.close:hover{background-position: 0 -15px;}
                            #coc67178 li a.min{background-position: -30px 0;}
                            #coc67178 li a.min:hover{background-position: -30px -15px;}
                            #coc67178 li a.max{background-position: -60px 0;}
                            #coc67178 li a.max:hover{background-position: -60px -15px;}
            #co453569{display:block; margin:0; padding:0; height:123px;  border-style:solid; border-width:1px; border-color:#111 #999 #999 #111; line-height:1.6em; overflow:hidden;}
            </style>
             <div id="fl813691" style="height: 152px;">
                <div id="eb951855">
                <div id="cob263512">
                    <div id="coh963846">
                        <ul id="coc67178">
                            <li id="pf204652hide"><a class="min" href="javascript:pf204652clickhide();" title="&#7848;n &#273;i">&#7848;n</a></li>
                            <li id="pf204652show" style="display: none;"><a class="max" href="javascript:pf204652clickshow();" title="Hi&#7879;n l&#7841;i">Xem </a></li>
                        </ul>
                    &nbsp;Phim Tân Tây Du Ký - Blog KhanhNguyen
                   </div>
                    <div id="co453569">
     <!-- code ads -->
<a target="_blank" href="https://youtu.be/3urTSZ7anHA?list=PLNKZ3ZcLd408LKnkDF1vFwvoQx-J4VABd&t=487"> <img style="margin:3px 1px 1px 3px;" border="0" width="264" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRaJk_Ugw69NgwIQxSV9BViErfKIm2FkkKBTUn8K1DAT7x9MoJ-skSF_W2XHwOgETtdHX9I8mwhbUfpA5_fozsRjBNlOlTt4SIc4hs3Cz_IsPl_NkksZ9Qho03GFa5Mn0Xt6VBucvXcjS8/
00/2014+-+1.gif" height="115" title="KhanhNguyen Blog's"/></a>
<!-- code ads --></div></div></div></div>
            <script>
            pf204652bottomLayer = document.getElementById('fl813691');
            var pf204652IntervalId = 0;
            var pf204652maxHeight = 150;//Chieu cao khung quang cao
            var pf204652minHeight = 20;
            var pf204652curHeight = 0;
            function pf204652show( ){
              pf204652curHeight += 2;
              if (pf204652curHeight > pf204652maxHeight){
                clearInterval ( pf204652IntervalId );
              }
              pf204652bottomLayer.style.height = pf204652curHeight+'px';
            }
            function pf204652hide( ){
              pf204652curHeight -= 3;
              if (pf204652curHeight < pf204652minHeight){
                clearInterval ( pf204652IntervalId );
              }
              pf204652bottomLayer.style.height = pf204652curHeight+'px';
            }
            pf204652IntervalId = setInterval ( 'pf204652show()', 5 );
            function pf204652clickhide(){
                document.getElementById('pf204652hide').style.display='none';
                document.getElementById('pf204652show').style.display='inline';
                pf204652IntervalId = setInterval ( 'pf204652hide()', 5 );
            }
            function pf204652clickshow(){
                document.getElementById('pf204652hide').style.display='inline';
                document.getElementById('pf204652show').style.display='none';
                pf204652IntervalId = setInterval ( 'pf204652show()', 5 );
            }
            function pf204652clickclose(){
                document.body.style.marginBottom = '0px';
                pf204652bottomLayer.style.display = 'none';
            }
            </script>




19 Hộp thư Yahoo


<div style="width: 380; height: 103">Y!M Avatar Grabber

<br />

<script>

function grab() {

id = document.getElementById("yahoo_id").value;

document.getElementById("result").innerHTML = "<img src='http://img.msg.yahoo.com/
avatar.php?yids=" + id + "&format=png'> ";

return false;

}

</script>

<form onsubmit="return grab()">Yahoo! ID :

<input id="yahoo_id" type="text" size="20" /> <input value="Grab avatar" 
type="submit" /></form>

Y!M Avatar <div id="result"></div>

</div>

Nút Like cho facebook

<script>

  window.fbAsyncInit = function() {

    FB.init({

      appId      : '1489279351376539',

      xfbml      : true,

      version    : 'v2.5'

    });

  };

  (function(d, s, id){

     var js, fjs = d.getElementsByTagName(s)[0];

     if (d.getElementById(id)) {return;}

     js = d.createElement(s); js.id = id;

     js.src = "//connect.facebook.net/en_US/sdk.js";

     fjs.parentNode.insertBefore(js, fjs);

   }(document, 'script', 'facebook-jssdk'));

</script>

<div

  class="fb-like"

  data-share="true"

  data-width="450"

  data-show-faces="true">

</div

>
Thanh tiêu đề trên đầu Blog

<div id='mbt-stickybar'>
  <img src='hình ảnh LINK'/><a href='http://ngdkhanh.blogspot.com/'>Blog Khanh Nguyên</a>
</div>

Trên đây là những kiến trúc cơ bản của một Bloggger mà bản thân mình cần phải lưu ý gìn giữ. Phần còn lại, muốn phát triển thêm cần phải có tiền, có sự hỗ trợ khác hơn thế nữa, và phải tiếp tục tìm kiếm những nguồn thông tin hữu dụng khác.

Lưu trữ cá nhân

Share:


Thống kê Blogspot

Lưu trữ Blog

Bài có thể xem

Mời tham gia CLB

 
Câu Lạc Bộ Kết bạn & Chia sẻ thông tin
Nhóm Công khai · 1.614 thành viên
Tham gia nhóm
Mục đích phát triển của Câu lạc bộ: - Cảm nhận tư duy và tổng hợp kiến thức.Cùng nhau Kết bạn và chia sẽ những gì tốt đẹp . - Giúp nhau chia sẽ thươn...
 
 
BACK TO TOP