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

dunghennessy

SẮM "GÓC TIỆN ÍCH" CHO BLOGSPOT | dunghennessy
▀▄▀▄▀▄▀▄▀▄▀▄ Các bài đăng mới ▀▄▀▄▀▄▀▄▀▄▀
    Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv5 Kenh HTV2 Kenh SCTV16




Xem truyền hình trực tuyến (Click here)

SẮM "GÓC TIỆN ÍCH" CHO BLOGSPOT

Trước đây, tôi có chia sẻ với các bạn code để làm "Góc giải trí cho blogspot" (xem TẠI ĐÂY). Bạn cũng có thể sắm thêm "Góc tiện ích cần thiết" cho Blogspot với đoạn code tôi sắp trình bày trong bài.

Ngoài việc trang trí cho blog thêm đẹp, "Góc tiện ích" này còn giúp bạn theo dõi các thông tin cần thiết như: Giá vàng, Tỉ  giá ngoại tệ, dự báo thời tiết, lịch âm dương...
Những thông tin này sẽ di chuyển từ dưới lên và sẽ ngừng lại khi bạn rê chuột vào, khi bấm chuột bất kỳ một thông tin thì trên blog của bạn sẽ có một bảng nhỏ xuất hiện để tiện cho bạn xem được thông tin đó và không cần rời khỏi trang blog của mình.

Bạn xem hình minh hoạ:


Bạn bấm vào "xem thử" phía dưới để trải nghiệm nha:




Xem thử


Rất đơn giản, bạn chỉ cần đăng nhập vào Blog > Chọn Thiết kế > Thêm HTML/Javacript rồi dán đoạn code phía dưới vào và bấm Lưu lại là xong.

<style type="text/css">
#itechconnect{margin:0; padding: 0; height:200px; overflow: auto; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7NCxNxK_iyLmny_m7AyDLXNq6QqelmM2nTicijkNxywFvo7wQHGSVzfFpefm1Ro-lPLpXWcSs-B62tGUePlonEBzw-Ti2wS1WPqUP2OQRvhDXfAcRQ-aKQeYrruEVejImKYsQmhBNURQ/s1600/0211_17559.gif) no-repeat bottom right; font-weight:bold}
#itechconnect p {margin:0; padding:2px 10px}
.favicon {width:25px; height:25px; margin-right:5px}
.connect {width:48px; height:48px; margin:5px 10px -15px 0}
</style>
<div id="itechconnect">
<script language="JavaScript">
    function popUp(URL) {
    day = new Date();
    id = day.getTime();
    eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=500,height=350,left = 200,top = 120');");
    }
    </script>
<marquee align='left' direction='up' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' height='195' width='100%'>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL8mYsTZQ42uw1QLtNw5kRg5h9zeALwh6DZPdXdk0jBzswhLMZW3WrI0vdHdE95e_crCKGlJTNXhYsiHJRy4PjoJQNQxlbI2JkvrUckx56utCTYW85YlMhVGULMhpNxn9dCy1IAYad00E/s1600/Green-Dollar-icon.png" class="favicon" /><a href="javascript:popUp('http://www.taichinhdientu.vn/services/infopage.aspx?svc=exchangerates')">Tỉ giá ngoại tệ</a></li>

<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdRfPfalb1HlZYFk43m_blNSlnwcxjXSnPM1PSdTUe7DFdv9lhOaLYimPAaS4ivrDJsUrvNX2_Z_Lok1jYjD1WhW7ND6BRtHXvJog06R3n1tRFt3oomAfNXXjWnfyhk1NUfNb8geBkCmo/s1600/gold-bullion-icon.png" class="favicon" /><a href="javascript:popUp('http://www.taichinhdientu.vn/services/infopage.aspx?svc=goldrates')">Bảng giá vàng</a></li>

<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhVc8CGWfxDuJLlflAoEoEztTr0kLlx_7OtMn4ymsV80Nv-CS-KjKOW0996lVgLGr3q74bncvyD7wPdyEvIaSwPtrWgoNcdiq3FuRUYidOEjXYlz_zfEwVYVs1oD36P9EC2RFeCAeUWks/s1600/telefono-icon.png" class="favicon" /><a href="javascript:popUp('http://www.muabanso1.vn/bancanbietchitiet.aspx?id=325')">Mã vùng điện thoại các tỉnh thành Việt Nam</a></li>

<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_XtxjI80H7GxIxDzH3GvvjEZHFZqsq8HFc9P_nZUH6I1oZ5ImbeMMgSKCslYssyycz8JgspW8dxUcGaRkf86JdB2efobtuui_i8W6i4HSLLqxQbqi1860nP3j7G1-yk3iv0V1G_dr3yY/s1600/calendar2-icon.png" class="favicon" /><a href="javascript:popUp('http://thanhcavietnam.net/calendar/index.html')">Xem lịch âm dương</a></li>

<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjuk70ySebRc7p0x708Fio3JfOBBZtt3gG0d4JCvn0PJOFyCo9ba4HcezU5WysdimgwtDBeylXh79hDHILnKGz_Fu1B1D5mLNwWvYVqu-vpcEWOqGfh8_jR2D2KLGrcMvsJxLoVwa7NeI/s1600/agt-multimedia-icone-6366-128.png" class="favicon" /> <a href="javascript:popUp('http://vietbao.vn/vn/lich-chieu-phim/')">Lịch chiếu phim</a></li>

<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvrvcOuKTQSoEweEDJV9_UNbyqRuATBCKL8G3Y86S6LALSv1rjpj7ad7bhD7KNCmFBqDbLwptLz46DOFH-V1iV0Pv4Zf4BCKh-o6KTKfD5EQGtlrh0YZ6Of4Indbc_9cS2a58Kp4CZc1E/s1600/Apps-world-clock-icon.png" class="favicon" /><a href="javascript:popUp('http://www.timeanddate.com/worldclock/')">Giờ các quốc gia trên thế giới</a></li>

<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVHTNuqxy4KcDZazGxkYBv5TZBGrNfWvbOM5L2q1AmnWlKdD4YYhyzhM4l8TBCrI1Q_XWC4Zktd4lwYeOyFR4SMBhOe3NjalGc5-Tw9jvS9emAXPEV2c80NgLymUR19OqFIjL4LpjDmOo/s1600/Aqua-Ball-Green-icon2.png" class="favicon" /><a href="javascript:popUp('http://www.xosotructiep.vn/')">Kết quả xổ số</a></li>

<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcmcimpxdiXGLcq4jvc82VNA0nIn-KsKumKuvEeJmBa6hMP6pvXbH7CSfXjC4F9kwzJjM6bCo23w5EN00zry__isMwXLLZ0nKZ6G3YeZ8TF6xnSrrxKaDHnPYSoE8hgmDnhvyFjlM45p8/s1600/Games-Soccer-icon.png" class="favicon" /><a href="javascript:popUp('http://bongdaplus.vn/home.bbd')">Lịch bóng đá</a></li>

<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuz13kjKOE6QzLm0ZJNoC4wjUfD50eOe2HyKaQ58M0F4LLqLjVAIc-UQQ2lgJTcC5MjErtwcfTHmGSq0lY17Mlp_LuN-acS0IiqJXvlvTgec0CXXiNgo1PTbNUYp9NODl0N_mWZA7dqeQ/s1600/Devices-video-television-icon.png" class="favicon" /><a href="javascript:popUp('http://www.taichinhdientu.vn/services/infopage.aspx?svc=tvschedules')">Lịch truyền hình</a></li>

<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg30J6xYlka2DZnQIpjJRb-d7SjAsBxLqCy-PHaZBIW3VefkAL4N6tTEYI031y_sp6uzmCi7x063LWcrSfRcWPu4GCDK5eEo0Q5H9_72bw-g6GuvRRt4jN4ncb9VPvvE9oYK5O9Rx8SMfA/s1600/Sunny-Period-icon.png" class="favicon" /><a href="javascript:popUp('http://vov.vn/services/infopage.aspx?svc=weathers')">Dự báo thời tiết</a>

<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI84bYlHsBaEFRCYeQB830DeZ7Jhoc0RcEpMkOCgkqCwU3WmVACsvGDDQKXvRTz4XOZXrMiEPRSp6EW0QaSHPepsYIQhfnWvaGDNwAnKxastoLqnBNNrb81ENK7l2JSdd3rlAFUVeLQBw/s1600/maps-icon.png" class="favicon" /><a href="javascript:popUp('http://www.diadiem.com/')">Tìm đường trên bản đồ</a></li>

<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj06nq7hIu9Fk4p-PqEF-6AtLPJGBg0lJdR37iBI-1-ouevFSwQMsBlguzG6QGxtmeWqvTByWiPK5Rq6UVrnL4wi0BBPSyOXcEQh36aLtdmEasOpXmP7u1QaMqGnEd0ALO36LWFcf1Dppc/s1600/Phone-icon.png" class="favicon" /><a href="javascript:popUp('http://www.countrycallingcodes.com/')">Mã vùng điện thoại các nước trên Thế Giới</a></li>

</li></marquee>
</div>


Bạn có thể thay thế ảnh nền bằng ảnh nền khác của bạn bằng cách thay link ảnh vào link màu đỏ ở trên code
Bây giờ, bạn trở vào Blog của mình sẽ thấy có một góc tiện ích cần thiết ở tại blog của mình...

Chúc các bạn vui!!!

▀▄▀▄▀▄ dunghennessy.blogspot.com ▄▀▄▀▄▀

29 nhận xét:

GiaRo nói...

Thank Dũng ! anh lượm cái nầy để vào bên blog hình ảnh cho đẹp và đở trống trải...Khỏe nha Anh bạn!!!..GR

dungheineken nói...

Cám ơn Anh đã ghé tham quan và ủng hộ em
Chúc Anh luôn vui khoẻ và may mắn nha!!!

admin nói...

Cảm ơn bạn bài viết rất hay.
Mình vừa lập blog này. Mong bạn vào góp ý.
Ban tin du bao thoi tiet

dungheineken nói...

Cám ơn bạn đã ghé tham quan và ủng hộ dunghennessy

Hoàng Thanh Hải nói...

Ban cho mình hỏi, mình muốn thêm góc tiện ich vào blog của mình nhưng theo mẫu thì chiều rông to quá không hợp với bố cục blog của mình bạn có thể chỉnh cho chiều rộng thành 220 được không? cám ơn nhiều

dungheineken nói...

Tôi không hiểu ý bạn, code này mặc định sẽ có chiều ngang bằng với các sidebar, có nghĩa là sidebar dài bao nhiêu thì nó sẽ bằng bấy nhiêu, đâu có lớn hơn đâu????

pháp bùi văn nói...

bạn có thể nói chi tiết hơn được không..
đoạn code đó mình chèn vào chổ nào trong HTML..
mình không rành lắm về cái này, chèn vào là nó báo không đúng cú pháp.
giúp mình với

dungheineken nói...

Mình đã giới thiệu trên bài là: Bạn phải thêm tiện ích HTML rồi dán code vào chứ không phải dán code này vào HTML nguồn đâu bạn ạ!!!

pháp bùi văn nói...

THANK BẠN..MÌNH LÀM ĐƯỢC RỒI NHƯNG NHƯ BẠN KIA NÓI, GÓC TIỆN ÍCH CỦA MÌNH NÓ HƠI HẸP, KHÔNG HỢP VỚI BỐ CỤC BLOG CỦA MÌNH..BẠN CỈ GIÙM CÁCH THAY ĐỔI CHIỀU RỘNG CỦA TIỆN ÍCH NÀY VỚI..
THANK NHIỀU..

dungheineken nói...

Bạn muốn tiện ích góc giải trí này hẹp lại phải không???
Nếu vậy bạn chỉ cần thay đổi width từ 100% xuống khoảng 70% hoặc 80% tuỳ theo ý bạn..

Nhóc Phước nói...

Cảm ơn A nhé , bài viết Hay

D.A.U Ngon nói...

2 Dũng!
Mình thấy tiện ích này cũng hay nhuu7ng mà nó cứ chạy chạy nhin nhức mắt quá! Mình thấy trên website báo người lao động cũng có phần tiện ích, cũng rất dễ nhìn. Dũng có thể hướng dẫn cho mình cách làm giống như vậy ko?
Link của báo NLĐ nè: http://nld.com.vn/
Mong nhận được sự hướng dẫn của Dũng, Thanks bạn.

dungheineken nói...

Dễ mà, nếu không muốn nó chạy thì bạn xoá chữ marquee cuối cùng đi nó sẽ đứng yên, còn không thì bạn tham khảo bài này:
SẮM GÓC GIẢI TRÍ CHO BLOGSPOT>
Bạn chỉ việc thay đổi lại các đường link liên kết đến là xong.

THBCDQ nói...

Ùi. Cám ơn bạn Dũng nhiều lắm, mình toàn copy của bạn rồi dán vô không hà.

Nhưng thiệt tình là không đẹp như trên blog của bạn. Nhưng gà mờ như mình vậy là quá ok rồi

Cảm ơn lần nữa nhen

Dung Minh Nguyen nói...

Thủ thuật này hay nè,nhưng không biết theme nhà mình có bố trí được không?Cảm ơn Dung nha.

dungheineken nói...

Ok, thử xem chắc được đó, vì tiện ích này đơn giản không ảnh hưởng gì nhiều về theme

Dung Minh Nguyen nói...

Dung cho hỏi,mình muốn hiển thị 3 cái góc tiện ích nằm ngang giống như blog của Dung nằm ở dưới cùng (Khách tham quan.Bình luận,Liên kết blog) thì làm cách nào để có sắp xếp bố trí được như vậy?

dungheineken nói...

Nếu đang sử dụng giao diện sẳn có của Blogspot thì bạn đăng nhập vào blog > chọn Mẫu, sau đó chọn Tuỳ chỉnh và thêm số tiện ích ở dưới chân blog là 3 cột, cuối cùng bấm áp dụng cho blog là xong
[img] http://1.bp.blogspot.com/-GqbaWFKaNRY/UQnXQgJtGsI/AAAAAAAAfkE/40iNHeAU2rY/s400/1.PNG[/img]

Dung Minh Nguyen nói...

Nhưng mà nó lại làm mất cột dọc nhỏ bên phải hả dung?

Đỗ Hữu Công nói...
Nhận xét này đã bị tác giả xóa.
Đỗ Hữu Công nói...
Nhận xét này đã bị tác giả xóa.
dungheineken nói...

Em thử làm lại xem sao, chứ bên Anh vẫn chạy "ngon" mà...

Sakaguchi nói...

Anh Dũng ơi Hình nền của góc tiện ích khi em nhập vào lai rất nhỏ lam sao thay đổi được ! huycuong1668.blogspot.com . Hình của anh kích thước rộng bao nhieu vay ?

Dung PHAM HOANG nói...

Hình gốc ở code trên có kích thước gốc là 260x200....Vì vậy nếu muốn hình khác lớn hơn thì em phải upload lên host và lấy link thay vào dòng lệnh màu đỏ ở phía trên cùng là xong
Chúc em thành công

Shikamaru Nara nói...

Anh có thể chia sẻ làm sao khi click chuột ngang qua dòng chữ nó long lanh 7 màu được không, của anh nhìn lóa mắt, còn của em nhìn đơn diệu quá , nhìn chán ngăt

Shikamaru Nara nói...

anh ơi, ko chia sẻ tạo hiệu ứng khi rê chuột vào link liên kết ak anh

CON SẼ VỀ ĐÂU nói...

Anh dung cho em xin cái flash thơ Hồ Chí Minh nha tam thời chưa có nên em lấy đỡ cái flash của anh có cái tên dunghennessy.blogspot.com hihi

dunghennessy nói...

Oh...Sorry em nha vì cách đây mấy tháng ổ cứng vi tính của Anh bị hư nên mất hết dữ liệu (trong đó có file flash gốc thơ Hố Chí Minh) do đó Anh không còn file flash đó nữa, mong em thông cảm nha

Admin Hiếu nói...

Thay Đổi Kích Cỡ chữ Làm Thế Nào Hả Bạn Mong Bạn Hồi Âm

Đăng nhận xét

 
Powered by by: Blogger

0 nhận xét: