Computer Tips

5/13/15

Thêm hiệu ứng bóng đổ bo quanh khu vực nội dung bài viết trên blogspot

Thêm hiệu ứng bóng đổ bo quanh khu vực nội dung bài viết trên blogspot.Đây là chức năng khá hay dành cho bạn nào thích edit CSS trên blogspot.

1.Đăng nhập vào Blogger - Mẫu - Chỉnh sửa HTML.Tìm đoạn code sau:

.post {

2. Thêm code này vào :

margin:0 0 30px 0;

padding-top:10px;

padding-bottom:10px;

padding-right:10px;

padding-left:10px;border:1px solid #B2B300;

border-radius:10px;

-moz-border-radius:10px;

-webkit-border-radius:10px;

-moz-box-shadow:5px 5px 5px #FFFF00;

-web-kit-box-shadow: 5px 5px 5px #FFFF00;

-goog-ms-box-shadow: 5px 5px 5px #FFFF00;

box-shadow:5px 5px 5px #FFFF00;

- Thay đổi các thông số theo ý thích của bạn.
3. Save lại và xem thành quả.

Hãy comments và chia sẻ nếu bạn thấy bài viết hay nhé! ktvonline24.blogspot.com

Labels: Thủ Thuật Blogger

Easy Sysprep v4 721 đa ngôn ngữ ( beta)

Easy Sysprep v4 721 đa ngôn ngữ phiên bản beta.
tên viết tắt: EasySysprep4_721_multi
phiên bản: 4.0.16.391
ngôn ngữ hổ trợ: Việt nam, tiếng anh, tiếng trung quốc

Description: Easy Sysprep v4 721 Multi Languages
ProductName: EasySysprep4_721_multi
Version: 4.0.16.391
Languages: Vietnamese, English, Chinese
IT Developer: DanielDac™
Developers Tools: DanielDac™ Version
CompanyName: 721PC-Net Corporation

Download Easy Sysprep v4 721 đa ngôn ngữ ( beta)

Hãy comments và chia sẻ nếu bạn thấy bài viết hay nhé! ktvonline24.blogspot.com

Labels: phần mềm

Tạo bài viết liên quan với hình ảnh bo tròn kiểu xoay trong blogspot

Bài viết hướng dẫn bạn tạo bài viết liên quan với hình ảnh bo tròn kiểu xoay.

1. Đăng nhập vào Blogger - Mẫu - Chỉnh sửa HTML.

2. Tìm code:

</head>

Copy đoạn code bên dưới vào phía trên nó:

<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedUrls = new Array();
var relatedpSummary = new Array();
var relatedThumb = new Array();
var relatedTitlesNum = 0;
var relatedPostsNum = 4; // number of entries to be shown
var relatedmaxnum = 75; // the number of characters of summary
var relatednoimage = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgebo1ZjOBt4AF1bAurAgo2iYt3_OCsEnO71fgJqQwWiG_Q9-NubJFFAxNUieg0emJFgdvVG25hBKsNfh1tGF0Q-x8tpMSJFupj4MibEw74wObq9PvoqEraGjvIEo4jBMgT4PjzcVFiaLCm/s1600/no_image.jpg"; // default picture for entries with no image
//]]>
</script>
<script src="http://helplogger.googlecode.com/svn/trunk/related-posts-with-thumbs-and-summaries.js" />

Tiếp tục thêm code này vào phía trên </head>

<style>
.relatedsumposts {
    float: left;
    padding: 0px 10px;
    overflow: hidden;
    text-align: center;
/* width and height of the related posts area */
    width: 120px;
    height: 200px;
    border-right: 1px solid #E5E5E5;
    display: inline-block;
}

.relatedsumposts:hover {
    background-color: #F7F7F7;
}

.relatedsumposts img:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}

.relatedsumposts a {
/* link properties */
    color: #linkcolor;
    display: inline;
    font-size: 10px;
    line-height: 1;
}

.relatedsumposts img {
/* thumbnail properties */
    margin-top: 2px;
    height: 82px;
    padding: 5px;
    width: 82px;
    border: 1px solid #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    overflow: hidden;
}

.relatedsumposts h6 {
/* title properties */
    display: table-cell;
    height: 3em;
    margin: 5px 0 0;
    overflow: hidden;
    padding-bottom: 2px;
    vertical-align: middle;
    width: 130px;
}

.relatedsumposts p {
/* summary properties */
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    color: #summarycolor;
    font-size: 10px;
    height: 4em;
    line-height: 1;
    margin: 5px 0 0;
    overflow: hidden;
    padding: 5px 0 15px 0;
    text-align: left;
}

#relatedpostssum {
    background: #F3F3F3;
    height: 200px; /* related posts container */
    padding: 5px;
    width: 100%;
}

.relatedpoststitle {
    font-size: 19px;
    font-weight: bold;
    border-top: 3px solid #FB8227;
    color: #777;
    display: inline-block;
    padding: 5px 10px;
    width: 190px;
    float: left;
    margin: 0px -200px 0px 20px;
    transform: rotate(90deg);
    transform-origin: left top 0;
    -ms-transform: rotate(90deg);
-ms-transform-origin:left top 0;
-webkit-transform: rotate(90deg);
-webkit-transform-origin:left top 0;
   font-family: Gill Sans / Gill Sans MT, sans-serif;
}
</style>

3. Tìm code này:

<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>

Và thêm code sau vào dưới nó

<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=readpostlabels&max-results=50"' type='text/javascript'/>
</b:if>

4. Tiếp tục tìm code sau:

</b:includable>
<b:includable id='postQuickEdit' var='post'>

- Click mở rộng code ra như hình:

Và ta thêm đoạn code này vào phía trên </b:includable> như hình

<b:if cond='data:blog.pageType == "item"'>
<div class='post-footer-line post-footer-line-4'>
   <div class='relatedpoststitle'>RELATED POSTS</div>
<div id='relatedpostssum'>
      <script type='text/javascript'>showrelated();</script>
    </div>
    <div style='clear:both;'/>
</div>
</b:if>

5. Save lại và xem kết quả.
Chú ý: Các hình ảnh bài viết trên blog của bạn phải do tự bạn upload lên blog nó sẽ không thể hiển thị image từ trang khác không tin cậy.

Hãy comments và chia sẻ nếu bạn thấy bài viết hay nhé! ktvonline24.blogspot.com

Labels: Thủ Thuật Blogger

Hướng dẫn xóa chữ "Showing post with lable....show all posts" khi Search blogspot

Khi bạn vào mục tìm kiếm trên blogspot sau khi gõ từ khóa tìm kiếm nó sẽ cho ra kết quả và phía trên nó sẽ hiện thêm chi tiết như hình.Bài viết này sẽ hướng dẫn các bạn xóa dòng chữ như trong hình đi.
1.Đăng nhập vào Blogger - Mẫu - Chỉnh sửa HTML và tìm code sau:

<b:includable id='status-message'>

Chú ý; để cho an toàn sau khi bạn tìm thấy code này bạn nhìn phía trước nó có cái hình tam giác màu đen bạn click vào nó để mở rộng code ra.Sau đó bạn xóa toàn bộ code bên trong nó bao gồm 2 thẻ mở và đóng code là

<includable> code trong này </includable>

2. Sau khi xóa xong bạn copy code bên dưới vào để thay thế:

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

3.Lưu lại và xem kết quả.

Hãy comments và chia sẻ nếu bạn thấy bài viết hay nhé! ktvonline24.blogspot.com

Labels: Thủ Thuật Blogger

5/12/15

Shortnotes Template Blogspot

Lại 1 template nữa khá là đẹp mắt , giao diện thân thiện sáng mịn thuận tiện cho SEO.Theo đánh giá của mình template này khá là pro.

http://z4.ifrm.com/30088/174/0/p1167726/shortnotes.rar

Hãy comments và chia sẻ nếu bạn thấy bài viết hay nhé! ktvonline24.blogspot.com

Labels: Template Free

5 Amazing Blockquote Blogspot đẹp trang trí cho blog của bạn

Whenever I put hacks codes for the blogger who used the blockquote function are the quotes that appear when you post something you want to ENHANCE your post.Porém in when he wrote that he wanted to highlight something in the posts were featured on the same hacks. So I decided to differentiate the citations codes hacks using a very simple feature that can be embedded in your post during its creation, it is this box of code that you see when you post the codes. (I'm still updating older posts putting the boxes to the codes).

Labels: Thủ Thuật Blogger

5/11/15

Hướng dẫn Xóa/Ẩn Quick Edit Icons trên blogspot

KTVONLINE24.BLOGSPOT.COM

Thật ra mấy cái này nó giúp cho bạn tiện lợi cho việt chỉnh sửa bài viết cũng như là các Widget trên blog của bạn nhưng xét về phương diện customize template thì nó hơi xấu.
Các bước sau đây sẽ hướng dẫn bạn xóa or ẩn các biểu tượng này:
Đầu tiên là Ẩn và xóa biểu tượng Pencil ( icon chỉnh sửa nhanh bài viết trên blogspot).
1. Ta ẩn nó đi cách này khá dể.
Đăng nhập vào Blogger - Bốc cục- Edit bài viết trên blog như hình

Ta bỏ mục "Show quick editing" để ẩn nó đi sau này nếu bạn muốn hiện lại thì check lại nhé.

Tiến hành save lại.

2. Bây giờ là xóa Widget icon edit
Đăng ngập vào blogger-Mẫu-chỉnh sửa HTML
Click vào vùng trống nào đó trên template của bạn sau đó nhấn CTRL+F trong khung tìm kiếm ta paste code này vào

<b:include name='quickedit'/>

<b:include name = 'quickedit'/>

<b:include name='quickedit'/>

icon for editing widget

Ta tiến hành xóa nó đi là xong. Kinh nghiệm là khi tìm thấy dòng nào bạn bôi đen nó chuột phải và chọn "cut" và save .Sau đó review trên blog xem nó xóa dòng nào nhằm tránh lỗi xảy ra do xóa không đúng.
PS: Nếu bạn có nhiều icon Widget thì cứ tìm tiếp và xóa nhé.
Chúc thành công!

Pencil

Hãy comments và chia sẻ nếu bạn thấy bài viết hay nhé! ktvonline24.blogspot.com

Labels: Thủ Thuật Blogger

5/10/15

Thêm facebook live box cho blogspot

Bài viết hướng dẫn thêm Facebook Fanpage vào Blogspot
Bước 1 :Đăng nhập vào Blogger -> Bố cục
Bước 2: Click vào thêm tiện ích phía bên góc phải chọn ->Select the HTML/Javascript Gadget cpoy code bên dưới paste vào

<div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/KTVOnline/310465702402877?ref=ts&fref=ts&width=245&colorscheme=light&show_
faces=true&border_color=white&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 250px; width: 300px;background:#fafafa;color:000;"></iframe><span><center>
</center></span></div>

Bước 3: Thay dòng code mà đỏ thành Link FanPage của bạn bạn.
Bước 4: Lưu lại.

Hãy comments và chia sẻ nếu bạn thấy bài viết hay nhé!
ktvonline24.blogspot.com

Labels: Thủ Thuật Blogger

Tạo Avatar bo tròn góc phần comment của Blogspot

Làm cách nào để avavtar của các blogger khi comments được bao quanh hình tròn?

Bước 1: Vào blogger > Mẫu > Chỉnh sửa HTML
Bước 2: Chèn code bên dười trước ]]></b:skin>

.avatar-image-container,
.avatar-image-container img {
max-width: 50px;
width: 50px;
max-height: 50px;
height: 50px;
padding: 0;
border: 0px;
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
border-radius: 999px;
}
.avatar-image-container{
border:3px solid #fff;
-webkit-box-shadow: 0 1px 2px #BBB;
-moz-box-shadow: 0 1px 2px #BBB;
box-shadow: 0 1px 2px #BBB;
}

Chỉnh sửa lại những phần chữ được tô vàng cho phù hợp với blog của bạn
Bước 3: Lưu lại

Hãy comments và chia sẻ nếu bạn thấy bài viết hay nhé!

ktvonline24.blogspot.com

Labels: Thủ Thuật Blogger

Computer Tips

Ad 468 X 60

5/13/15

Thêm hiệu ứng bóng đổ bo quanh khu vực nội dung bài viết trên blogspot

Easy Sysprep v4 721 đa ngôn ngữ ( beta)

Tạo bài viết liên quan với hình ảnh bo tròn kiểu xoay trong blogspot

Hướng dẫn xóa chữ "Showing post with lable....show all posts" khi Search blogspot

5/12/15

Recent comments bài viết với image bo tròn cho blogspot

Shortnotes Template Blogspot

5 Amazing Blockquote Blogspot đẹp trang trí cho blog của bạn

5/11/15

Hướng dẫn Xóa/Ẩn Quick Edit Icons trên blogspot

5/10/15

Thêm facebook live box cho blogspot

Tạo Avatar bo tròn góc phần comment của Blogspot

Total Pageviews

Blog Archive

Follow On Facebook

Chủ đề xem nhiều nhất trong tuần

Comment

Facebook