Home » Thủ thuật Blog
Thủ thuật tạo "hướng dẫn viên" cho blog
{Ji
Nguyễn} Bạn có thích mỗi khi vào một trang blog nào đó mà có
thêm một “Hướng dẫn viên” dễ thương giới thiệu cho bạn biết một số
thông tin về trang blog mà bạn đang xem không? Hôm nay Ji sẽ đăng một bài viết về một thủ thuật nhỏ khá
ngộ nghĩnh dành cho blog mà Ji sưu tầm được. Với thủ thuật nhỏ này,
mỗi khi có khách vào trang blog của bạn thì trên blog sẽ xuất hiện 1
chú ếch nhỏ giới thiệu cho khách biết một số thông tin cơ bản như:
họ đang ở đâu, đang định xem bài viết nào, bài viết được đăng vào
thời gian nào, ….
Demo minh hoạ
Ta bắt đầu thực hiện nào:
Bước 2: Chọn thẻ Widgets đối với
Wordpress hoặc thẻ Design đối với Blogspot.
Bước 3: Kéo – thả tag Text vào một column nào đó mà bạn
thích (Wordpress) hoặc click vào Add
a Gadget à
chọn thẻ HTML/JavaScript
(đối với
Blogspot).
Bước 4: Copy đoạn code sau
và paste vào thẻ mà bạn vừa tạo.
<script src="http://teenprovn.info/forum/echcon/jquery.142.js"></script><link href="http://teenprovn.info/forum/echcon/titlealt.css" rel="stylesheet" type="text/css" media="all" /><!--[if lt IE 7]><style>#x_tip{position:absolute;bottom:auto;clear:both;top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) - 1 :document.body.scrollTop +(document.body.clientHeight-this.clientHeight) - 1);}#software_need{z-index:9999;}.tip{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tipTop.png', sizingMethod='scale');background:transparent url();}.tipMid{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tipMid.png', sizingMethod='scale');background:transparent url();}.tipBtm{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tipBtm.png', sizingMethod='scale');background:transparent url();}</style><![endif]--></head><div id="x_tip"><div id="x_tiptext"><div class='tip'><div class='tipMid'></div><div class="text">Tôi là hướng dẫn viên</div><div class='tipBtm'></div></div></div></div>
Bước 5: Save lại và bạn chỉ
việc rat rang chủ xem thành quả của mình.
Chúc các bạn vui vẻ!
Tin liên quan
Trang web của bạn nhìn rất đẹp và hay, chúc bạn phát triển tốt nhé
Trả lờiXóaNhận xét này đã bị quản trị viên blog xóa.
Trả lờiXóa