Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts

Thursday, May 12, 2016

Blog: Chèn 5 Stars Rating vào Blog

(Anhgolden's Blog) - Sưu tầm

Xin chia sẻ cách thực hiện chèn công cụ Rating vào Blog.

Sử dụng công cụ: http://www.graddit.com/ratings-widget

Bước 1: Mở Blog template - Edit HTML

Tìm
</head>
Chèn đoạn code sau ở phía trên:
<!-- Rating Start1 -->
<link href='http://static.graddit.com/css/graddit.css' rel='stylesheet' type='text/css'/>
<!-- Rating End1 -->


Tìm
    <div class='post-header'>
    <div class='post-header-line-1'/>

Chèn đoạn code sau ở bên dưới:
<!-- Rating Start2 -->

<b:if cond='data:blog.pageType != &quot;static_page&quot;'><div expr:id='&quot;labels_&quot; + data:post.id' style='display: none; visibility: hidden;'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/>,</b:loop></b:if></div>Rate this posting: <div class='ffbs_rate' expr:id='data:post.id'>{[[&#39;&lt;img src=&quot;http://static.graddit.com/img/star.png&quot;/&gt;&#39;]]}</div><div class='ffbs_stats' expr:id='&quot;ffbs_stats_&quot; + data:post.id'/><script expr:src='&quot;http://www.graddit.com/rate/eng/5/&quot; + data:post.id + &quot;?id=&quot; + data:post.id + &quot;&amp;stats=ffbs_stats_&quot; + data:post.id + &quot;&amp;labels=labels_&quot; + data:post.id + &quot;&amp;info=info-&quot; + data:post.id + &quot;&amp;info_delay=2&amp;url=&quot; + data:post.url + &quot;&amp;class_star=ffbs_star_img&amp;class_star_set=ffbs_star_img_set&amp;class_star_vote=ffbs_star_img_vote&amp;views=yes&amp;votes=yes&amp;average=yes&quot;' type='text/javascript'/></b:if>

<!-- Rating End2 -->
Read More »

Tuesday, November 24, 2015

Tạo Blogger Menu từ các Tag Labels

(Anhgolden's Blog) - Để tạo Menu cho blog từ các Tag Labels, xin chia sẻ cách thực hiện như sau:

B1: Vào Layout

B2: Edit Menu (Pages) hoặc Tạo mới Menu (Pages) bằng cách: Chọn Add a Gadget - sau đó chọn Pages (Gadget)

B3: Chọn + Add external link

B4: Nhập tên và địa chỉ URL của Tag Label


Read More »

Thursday, January 3, 2013

Làm hiệu ứng tuyết rơi cho Blogspot

(Anhgolden's Blog)-Backup lại cách làm hiệu ứng tuyết rơi cho blog

Bước 1: Mở Blogspot layout - Add a Gatget - Chọn HTML/Java script

Bước 2: Copy và Paste đoạn code sau.
<script type='text/javascript'>
//<![CDATA[
var snowmax=100
var snowcolor=new Array("#f2f8fa","#eff5f7","#dcedf1","#ffffff")
var snowtype=new Array("Times","Arial","Times","Verdana")
var snowletter="*"
var sinkspeed=0.6
var snowmaxsize=30
var snowminsize=10
// Set 1 for all-over-snowing, set 2 for left-side-snowing
// Set 3 for center-snowing, set 4 for right-side-snowing
var snowingzone=1
// Do not edit below this line
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera
function randommaker(range) {
        rand=Math.floor(range*Math.random())
    return rand
}
function initsnow() {
        if (ie5 || opera) {
                marginbottom = document.body.scrollHeight
                marginright = document.body.clientWidth-15
        }
        else if (ns6) {
                marginbottom = document.body.scrollHeight
                marginright = window.innerWidth-15
        }
        var snowsizerange=snowmaxsize-snowminsize
        for (i=0;i<=snowmax;i++) {
                crds[i] = 0;
            lftrght[i] = Math.random()*15;
            x_mv[i] = 0.03 + Math.random()/10;
                snow[i]=document.getElementById("s"+i)
                snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
                snow[i].size=randommaker(snowsizerange)+snowminsize
                snow[i].style.fontSize=snow[i].size+'px';
                snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
                snow[i].style.zIndex=1000
                snow[i].sink=sinkspeed*snow[i].size/5
                if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
                if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
                if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
                if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
                snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
                snow[i].style.left=snow[i].posx+'px';
                snow[i].style.top=snow[i].posy+'px';
        }
        movesnow()
}
function movesnow() {
        for (i=0;i<=snowmax;i++) {
                crds[i] += x_mv[i];
                snow[i].posy+=snow[i].sink
                snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
                snow[i].style.top=snow[i].posy+'px';
                if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
                        if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
                        if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
                        if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
                        if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
                        snow[i].posy=0
                }
        }
        var timer=setTimeout("movesnow()",50)
}
for (i=0;i<=snowmax;i++) {
        document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
        window.onload=initsnow
}
//]]>
</script>
Read More »

Thursday, April 19, 2012

Blogger: Search Gadget

(Anhgolden's Blog)-Code dùng cho Module Search trong Blogger
<form action="/search" id="searchThis" method="get" style="display: inline;">
<input id="searchBox" name="q" size="20" type="text" /> <input id="searchButton" type="submit" value="Go" /></form>
Read More »

Tuesday, January 17, 2012

Blogger: Button Go to Top and Bottom

(Anhgolden's Blog)-Bổ sung thêm nút (button) lên trên (Go to top) hoặc xuống dưới (Go to bottom) trên Blogger. Cách thực hiện như sau:

Bước 1: Dashboard - Design - Edit HTML - Expand Widget Templates
Bước 2: Tìm và chèn đoạn code sau phía trên thẻ /body

<!-- Go to top and bottom Start -->
<a href='#' style='display:scroll;position:fixed;bottom:35px;right:5px;' title='Go to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLtZhdotf7UbqTEYR9utrLD9m21z7ctqsjcrc0-Me1kwfINryTJigeztiwSJ1T4wTkzhp-V9dZvpe2IzV5buzv6ahf-9c-zqeCGujZHp6H98q-Dzrwtm7Wo7eamSMkszovQ3_VIna3dgBx/s30/top.gif'/></a>
<a name="bottom"></a>
<a href='#bottom' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Go to Bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPdaGOJgkQRShsJKfrkfbciuTaqt__-6QSn-HCD5brDX4fTxebZ__Y4iGjqSq86D8HGvsfux5zivBGBp0HILf-n4dHJrQQodUpNzUeQwDEZuABkKSxD02dV5mGH3FhJlvthl8l2cvCITo9/s30/down.gif'/></a>
<!-- Go to top and bottom End -->
Read More »

Monday, May 16, 2011

Cập nhật Blog bằng Windows Live Writer

Windows_live_writer (Anhgolden’s Blog) Để cập nhật (post, edit, draft…) bài viết trên blog như blogger, wordpress, live spaces… offline, xin chia sẻ chương trình Windows Live Writer thực hiện các công việc nói trên rất dễ dàng.

Search key words: Windows Live Writer.

Read More »

Thursday, April 21, 2011

Chèn biểu tượng Yahoo, Skype vào Blogger

(Anhgolden's Blog)-Input Yahoo and Skype Status on blogger

Bước 1: Dashboard - Design - Edit Template HTML - chọn check box Expand Widget Templates
Tìm:
<div class='post-footer'>
Bước 2: Dán đoạn code sau code vừa tìm

<!-- Yahoo Messenger Button BEGIN -->
<a expr:href='"ymsgr:sendim?YAHOO_ID&m=Xin chao ( " + data:post.url + " )"' title='Chat with me!'><img border='0' src='http://presence.msg.yahoo.com/online?u=YAHOO_ID&t=2' width='100'/></a>
<!-- Yahoo Messenger Button END -->

<!-- Skype Messenger Button BEGIN -->
<script src='http://download.skype.com/share/skypebuttons/js/skypeCheck.js' type='text/javascript'/>
<a href='skype:SKYPE_ID?chat'><img alt='Chat with me!' height='20' src='http://mystatus.skype.com/smallclassic/SKYPE_ID' style='border: none;' width='114'/></a>
<!-- Skype Messenger Button BEGIN -->

Lưu ý: thay thế YAHOO_ID và SKYPE_ID của người dùng.
Read More »

Wednesday, January 19, 2011

Ẩn thanh Header Navbar của Blogger

(AnhgoldenBlog)- Mặc định thanh Navbar sẽ hiển thị trên phần Header của mỗi trang trong Blogger. Để ẩn đi thanh Navbar này, ta thực hiện như sau:

Bước 1: Edit Template HTML - Tìm
]]>

Bước 2: Thêm trước hoặc sau code vừa tìm
#navbar { display: none; }

Như vậy, sau khi ẩn Navbar, trông các site blog sẽ "Pro" hơn và phải truy cập www.blogger.com mỗi khi muốn config blog.
Read More »

Tuesday, December 14, 2010

Add facebook comments box on blogger

(Blog) - Facebook comment box là một tiện ích rất hữu ích nhằm giúp tăng cường khả năng trao đổi, bình luận... Hãy sử dụng Social plugins comment box của facebook để đặt vào phần cuối mỗi bài viết trên blogger.

Bước 1: Tạo 1 facebook api (application) bằng cách truy cập địa chỉ http://developers.facebook.com/setup/
Điều thông tin Site name và Site URL, sau đó Create application.

Read More »

Wednesday, November 3, 2010

Chèn Facebook like button vào blog (blogspot)

Để đặt Facebook like button (như hình bên) vào các bài viết trên blog (blogspot), ta thực hiện như sau:

Bước 1: Blogspot Dashboard - Design - Edit HTML - Chọn check box "Expand Widget Templates".

Read More »

Wednesday, July 7, 2010

Blog Archive Calendar - Blogger

Để thay thế cách hiển thị Blog Archive dưới dạng Calendar, xin giới thiệu bài viết sưu tầm - Blog Archive Calendar.
Read More »

Wednesday, June 30, 2010

Thêm tính năng "Chia sẻ bài viết" trên Blogger

Để chia sẻ bài viết trên Blogger bằng công cụ AddThis hoặc qua Yahoo Messenger, xin hướng dẫn thực hiện như sau.

Bước 1: Đăng nhập vào Blogger Dashboard - Design - Edit HTML - Chọn Expand Widget Templates
Read More »

Tuesday, June 29, 2010

Thêm tính năng "Xem bài liên quan" vào cuối mỗi bài viết trên Blogger

(Updated: 2011-07-05)
Sau mỗi bài viết trên Blogger, dựa vào "Label" sẽ hiển thị phần "Xem bài liên quan" (related post). Cách thực hiện như sau:

Vào Blogger Dashboard - Design - Edit HTML - Chọn box Expand Widget Templates:

Cách 1: Liệt kê các bài viết liên quan theo từng Label
(Cách này có 1 hạn chế là không hiển thị Lable ghi chữ tiếng Việt )

Tìm đoạn:

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

Read More »

Friday, July 24, 2009

Chen kenh truyen hinh truc tuyen vao Blog




Hãy copy đoạn code sau đây và phần Body.


Read More »

Friday, May 22, 2009

Chuyển dữ liệu từ Y!360 sang blogspot (blogger) thành công!

Xin giới thiệu một số bài viết hướng dẫn cách chuyển dữ liệu từ Y!360 sang Blogspot.
http://kazenka.blogspot.com/2009/04/sao-chep-du-lieu-tu-y360-sang-blogspot.html
Read More »

Wednesday, May 20, 2009

Thêm chút "Music" vào Blog

Lang thang trên Net tìm bài viết để chèn một chút "Music" trên blog. Test thử trên Web và blogger thì ok, nhưng tiếc quá Anh Yahoo blog không cho phép chèn mấy cái mã code, script. Thôi đành lưu lại, tiện khi có dịp thì dùng!

1. Sử dụng Yahoo Media Player
2. Sử dụng Google Media Player, Yahoo Media Player,...
3. Sử dụng công cụ miễn phí tạo Play list , chương trình generate tạo code để chèn vào phần HTML Source



Read More »