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

Thứ Tư, 24 tháng 2, 2016

Đưa biểu tượng cảm xúc vào bài viết và nhận xét Blogger


Sau khi tạo được cách đưa biểu tượng cảm xúc :4) vào nhận xét, mình vẫn trăn trở về việc làm cách nào để đưa biểu tượng cảm xúc vào bài viết Blogger. Lang thang trên mạng Internet mình tìm thấy nhiều blogger bình luận về đề tài này. Đối với Wordpress thì việc đưa biểu tượng cảm xúc vào bài viết thật quá dễ dàng bởi vì Wordpress có tính năng tự động chuyển các nhóm ký tự định sẵn thành các biểu tượng cảm xúc. Tuy nhiên đối với Blogger thì không có tính năng đó. Chẳng lẽ Blogger đành bó tay hay sao? :20)

Sau nhiều lần lang thang Internet, mình lại học hỏi thêm nhiều điều thú vị, phát hiện Cộng đồng Blogger có nhiều bài viết giới thiệu cách đưa biểu tượng cảm xúc vào bài viết Blogger nhờ đến addon Greasemonkey của Firefox để cài đặt vào công cụ đăng bài viết của Blogger (Edit Posts). Ví dụ như ở Blog Blog Blogger-emoticon hay Blog Boyprod. Và tất nhiên các thủ thuật này chỉ hiển thị trên công cụ trình duyệt Firefox mà thôi, thật buồn cho Internet Explorer quá. :10)

Qua quá trình miệt mài nghiên cứu, cuối cùng mình đã thử nghiệm thành công thủ thuật Đưa biểu tượng cảm xúc vào bài viết và nhận xét Blogger (Emoticons for Blogger Posts and Comments) hoạt động trên tất cả các công cụ trình duyệt. Có lẽ đây là một trong những tin vui :6) dành cho những người yêu thích Blogger.

Nét độc đáo của thủ thuật này là có thể đưa biểu tượng cảm xúc vào bài viết, vào nhận xét (của độc giả và của tác giả/admin), vào cả tiện ích (widget).

Xem Demo.

Mình cho rằng bạn sẽ thích thủ thuật này và nghĩ ngay đến việc cài đặt cho blogspot của mình. Hãy làm theo các bước sau đây.

1. Vào Settings (Cài đặt) >> Comments (Nhận xét) >> chọn Embedded below post (Nhúng bên dưới bài đăng) rồi nhấn Save Settings (Lưu Cài đặt).

2. Vào Design (Thiết kế) >> Edit HTML (Chỉnh sửa HTML) chọn Expand Widget Templates (Mở rộng mẫu tiện ích).

Tìm dòng <b:if cond='data:post.embedCommentForm'> và đặt sau nó với toàn bộ đoạn code sau đây.
<div style='width: 383px; text-align: left; border: 1px solid #cdc9c9;margin:0px auto; padding: 5px; background: #eee9e9; height:86'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/>:))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/>w-)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/78.gif' width='26'/>:-j
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/>:D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/>;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/>:p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/>:_(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/>:)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/>:(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/>:X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/>=((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/>:-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/>:-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/>:|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/>:-T
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/>:]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/>x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif' width='30'/>o%
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/>b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/>:-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/>@X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/>=))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif' width='18'/>:-?
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif' width='28'/>:-h
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif' width='21'/>I-)
</b>
</div>

3. Tiếp tục đặt đoạn code dưới đây vào trước thẻ </body>.


<script src='http://hacodeproject.googlecode.com/files/emoticon4blogger.js' type='text/javascript'></script>

Lưu Template là OK.

Như vậy mỗi khi bạn viết bài hay viết nhận xét, nếu muốn đưa biểu tượng cảm xúc vào thì chỉ cần đánh nhóm ký tự đại diện cho biểu tượng cảm xúc tương ứng thì sẽ thành công.

Nguồn http://huynh-nhat-ha.blogspot.com

Share:

Facebook thêm loạt biểu tượng mới cạnh nút Like

21:42 24/02/2016
Zing.me 5 biểu tượng cảm xúc mới gồm Love, Haha, Wow, Sad và Angry bắt đầu xuất hiện trên giao diện Facebook của người dùng từ hôm nay.
Bắt đầu từ hôm nay (24/2), Facebook không còn giới hạn duy nhất nút Like ở thanh biểu tượng cảm xúc.
Mạng xã hội lớn nhất thế giới bắt đầu phát hành tính năng “Reactions” đến người dùng trên toàn thế giới. Để sử dụng các biểu tượng cảm xúc mới, người dùng chỉ việc nhấn vào nút thumb-up quen thuộc. Khi đó, ngoài biểu tượng “Like” quen thuộc, người dùng có thể truy cập thêm các biểu tượng “Love”, “Haha”, “Wow”, “Sad” và “Angry”.


Chân dung các biểu tượng cảm xúc mới trên Facebook.
Trước đó, trong danh sách biểu tượng mới của Facebook có thêm “Yay” và “Confused”. Tuy nhiên, hãng loại bỏ các biểu tượng này khi phát hiện người dùng có xu hướng ít sử dụng chúng hơn hẳn các biểu tượng còn lại trong thời gian thử nghiệm.
Facebook lần đầu tiên công bố việc thử nghiệm các biểu tượng cảm xúc mới vào mùa thu năm ngoái. Theo hãng, chúng mang đến những cách thức tương tác hoàn toàn mới cho người dùng trước những sự kiện trên mạng xã hội.
Theo những người trong cuộc, đây là một trong những nâng cấp lớn nhất trong lịch sử mạng xã hội Facebook. Reactions được xem là cách bày tỏ cảm xúc “thanh lịch và vui vẻ”, giải quyết về mặt tinh thần cho những người muốn sử dụng nút Dislike nhưng vẫn giữ được tính thân thiện và kết nối của mạng xã hội.
Facebook thêm loạt biểu tượng mới cạnh nút Like
Facebook kỳ vọng Reactions sẽ mang đến cách thể hiện cảm xúc mới mẻ cho người dùng trước các sự kiện trên mạng xã hội.
Theo Facebook, người dùng có thể sử dụng các biểu tượng trong Reactions với cả những bài đăng dạng quảng cáo. “Điều này thực sự có giá trị với các nhà quảng cáo bởi họ sẽ nắm bắt cụ thể hơn về cách người dùng tiếp cận thông tin và phản hồi nói”, Tom Alison - Giám đốc phụ trách giao diện News Feed của Facebook cho hay. Tuy nhiên, hãng cảnh báo nếu người dùng không hài lòng với đoạn quảng cáo nào, tốt nhất bạn nên chọn cách che nó đi thay vì chọn biểu tượng “angry”.

Reactions đã có mặt trên giao diện của người dùng tại một số nước và sẽ phổ cập ra toàn thế giới trong vài ngày tới. Tại tất cả các nước, biểu tượng cảm xúc này đều giống nhau.
Đức Nam

Share:

Thứ Ba, 23 tháng 2, 2016

Phòng tránh người khác dùng thẻ iframe xem website của bạn

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



Bây giờ các bạn tìm đến thẻ </head> và thêm đoạn script sau lên trên

Phòng tránh người khác dùng thẻ iframe xem website của bạn

<script language="JavaScript">
if (window != top) top.location.href = location.href;
</script>

Lưu lại template và từ nay không lo về vấn nạn bị nhúng bởi thẻ iframe nữa.

Lời kết

Như bạn đã thấy, đoạn JavaScript cực kì đơn giản này sẽ giúp bạn phòng chống được việc những người trục lợi từ website của chúng ta. Đoạn Javascript này sẽ kiểm tra địa chỉ url hiện tại của website, và địa chỉ url gốc được nhúng, nếu như xác định iframe được nhúng từ website khác, nó sẽ chuyển thẳng về địa chỉ gốc của mình. Chúc bạn thành công!
Nguồn kslzone.net

Share:

Nút chia sẻ với hiệu ứng đóng mở cực ngầu cho Blogger

Một điều chắc chắn với hầu hết tất cả mọi website đều có nút chia sẻ qua các mạng xã hội thông dụng. Việc thêm vào các nút này giúp website giữ được lượng khách truy cập đáng kể. Do đó việc làm cho khách truy cập chú ý đến nó là vấn đề khá cần thiết đối với mọi quản trị của website, từ vị trí, đến giao diện, v.v.. Hôm nay mình xin chia sẻ với các bạn những nút chia sẽ với hiệu ứng đóng mở khả là ngầu bằng CSS và JS khá bắt mắt đến người dùng.




Nút chia sẻ với hiệu ứng đóng mở cực kì ngầu cho Blogger

Bước 1: Đăng nhập vào Blogger >> Mẫu >> Chỉnh sửa HTML

Nút chia sẻ với hiệu ứng đóng mở cực ngầu cho Blogger

Bước 2: Tìm đến thẻ </head> và thêm đoạn css sau lên trên

Nút chia sẻ với hiệu ứng đóng mở cực ngầu cho Blogger

<style>
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import "//netdna.bootstrapcdn.com/font-awesome/3.0/css/font-awesome.css";
#buttons {
    width: 475px;
    overflow: hidden;
    margin: 70px auto 0;
}

.button {
    float: left;
    margin-right: 10px;
    width: 110px;
    background: #eaeaea;
    border: 1px solid #cbcbcb;
    border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: inset 0 1px 0px #fdfdfd;
    padding: 15px 5px 5px;
    box-sizing: border-box;
}

.button i {
    background: #c5c5c5;
    color: #eaeaea;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto 10px;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.social-container {
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    color: #656565;
    line-height: 54px;
    font-family: Open Sans;
    background: #d8d8d8;
    width: 100%;
    height: 45px;
    box-shadow: inset 0 -2px 4px #c7c7c7;
    border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: relative;
    overflow: hidden;
}

.slide, .button i {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.slide {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
    border-radius: 0 0 22px 22px;
    -o-border-radius: 0 0 22px 22px;
    -ms-border-radius: 0 0 22px 22px;
    -moz-border-radius: 0 0 22px 22px;
    -webkit-border-radius: 0 0 22px 22px;
 /* top fix */
    transition: all 0.2s ease-in-out;
    position: absolute;
    height: 45px;
    width: 100%;
    top: -35px;
}

.slide::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 10px;
    box-shadow: inset 0 1px 0px #fdfdfd, 0 3px 0px #cdcdcd;
    border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #eaeaea;
    border: 1px solid #cbcbcb;
    box-sizing: border-box;
    bottom: 0;
}

.button:hover .slide {
    top: 0;
    border-radius: 3px;
}

.linkedin .IN-widget, .button iframe, .google #___plusone_0 {
    top: -2px;
    position: relative;
}

.twitter iframe {
    width: 79px !important;
}

.google #___plusone_0 {
    width: 60px !important;
}

.button.facebook:hover i, .facebook .slide {
    background: #305c99;
    color: white;
}

.button.twitter:hover i, .twitter .slide {
    background: #00cdff;
    color: white;
}

.button.google:hover i, .google .slide {
    background: #d24228;
    color: white;
}

.button.linkedin:hover i, .linkedin .slide {
    background: #007bb6;
    color: white;
}

.button.linkedin {
    margin-right: 0;
}

.credit {
    padding-left: 10px;
    font-size: 14px;
    color: #172b36;
    position: absolute;
    bottom: 0;
    text-align: center;
    font-family: Open Sans;
}

.credit a {
    border-bottom: 2px solid #dc4106;
    text-decoration: none;
    padding: 0 0 2px;
    color: #172b36;
}
</style>
Bước 3: Tìm đến thẻ sau

Nút chia sẻ với hiệu ứng đóng mở cực ngầu cho Blogger

<b:includable id='post' var='post'>
thêm đoạn mã sau ngay trên
<b:includable id='kslshare'>
<b:if cond='data:blog.pageType == "item"'>
<div id="buttons">
<div class="facebook button">
 <i class="icon-facebook"></i>
 <div class="social-container fb">
  <div class="slide">
   <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.kslzone.net&amp;width&amp;layout=button_count&amp;action=like&amp;show_faces=true&amp;share=false&amp;height=21&amp;appId=191743990857285" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:85px; height:21px;" allowTransparency="true"></iframe>
  </div>
   Facebook
 </div>
</div>
<div class="twitter button">
 <i class="icon-twitter"></i>
 <div class="social-container tw">
  <div class="slide">
   <a href="https://twitter.com/share" class="twitter-share-button" data-via="mariuCSS">
   Tweet </a>
   <script>
    !function(d,s,id){
      var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';
      if(!d.getElementById(id)){
        js=d.createElement(s);
        js.id=id;
        js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
  </script>
  </div>
   Twitter
 </div>
</div>
<div class="google button">
 <i class="icon-google-plus"></i>
 <div class="social-container tw">
  <div class="slide">
   <!-- Place this tag where you want the +1 button to render. -->
   <div class="g-plusone" data-size="medium">
   </div>
   <!-- Place this tag after the last +1 button tag. -->
   <script type="text/javascript">
    (function() {
      var po = document.createElement('script');
      po.type = 'text/javascript';
      po.async = true;
      po.src = 'https://apis.google.com/js/plusone.js';
      var s = document.getElementsByTagName('script')[0];
      s.parentNode.insertBefore(po, s);
    }
    )();
  </script>
  </div>
   Google+
 </div>
</div>
<div class="linkedin button">
 <i class="icon-linkedin"></i>
 <div class="social-container tw">
  <div class="slide">
   <script src="//platform.linkedin.com/in.js" type="text/javascript">
 lang: en_US
   </script>
   <script type="IN/Share"></script>
  </div>
   LinkedIN
 </div>
</div>
</div>
<div style="text-align: right;">
<a href="http://goo.gl/3nMvSh" target="_blank" title="Lấy widget này"><span style="font-size: x-small;">get</span></a></div>
</b:if>
</b:includable>
thay www.kslzone.net thành địa chỉ page facebook của bạn

Bước 4: Tìm đến các thẻ
<data:post.body/>
và thêm đoạn mã này xuống dưới
<b:include name='kslshare'/>
Bước 5: Lưu lại giao diện hiện tại.

Nếu bạn chưa biết thẻ các thẻ includes là gì và sử dụng ra sao bạn có thể tham khảo tại bài viết
Như vậy là bạn đã chèn xong các nút chia sẻ thật là ngầu dưới chân bài viết của bạn, mong rằng nó giúp cho website có thêm thật nhiều khách truy cập!
Nguồn kslzone.net

Share:

Chia sẻ giao diện nhận xét chuyên nghiệp cho Blogger

Giao diện nhận xét hiện tại của blog mình thì trước giờ cũng có nhiều người xin, thì hôm nay mình xin chia sẻ với các bạn luôn giao diện nhận xét này. Về mặt cơ bản thì nó trông cũng tựa tựa như một giao diện nhận xét Spice Up Your Blog mà mình đã có dịp chia sẻ trước đây. Chủ yếu là căn chỉnh lại chút xíu thôi, phần tên admin của blog sẽ có nền màu đó và phần tên khách truy cập sẽ có màu xanh.



Giao diện hiện tại của mình thì cũng chã phải do mình viết ra, mà cái template nó có sẵn rồi. Không lẵng phí thời gian nữa, đây mình xin chia sẻ luôn với các bạn.

Các chèn giao diện nhận xét vào Blogger

Đối với những bạn nào đã đang xài một giao diện nhận xét mất kì, hoặc trong template nó có sẵn rồi thì rất dễ làm hỏng giao diện. Do đó các bạn nên sao lưu (backup) lại giao diện hiện tại của blog mình cho chắc nhé.

Đầu tiên các bạn vào chỉnh sửa HTML giao diện hiện tại của blog mình, tìm đến nơi có phần CSS để căn chỉnh giao diện cho giao diện nhận xét hiện tại và xóa nó đi. Cái này đối với các bạn không chuyên thường khá là khó khăn, nó thường năm ở trong cặp thẻ
<b:skin><![CDATA[/*
...
]]></b:skin>
nếu bạn nào mù mờ quá cứ để lại địa chỉ blog của bạn tại phần nhận xét ở dưới mình sẽ hướng dẫn chi tiết phải xóa đoạn mã nào.

Tiếp đến sau khi xóa thành công giao diện nhận xét của trên blog của bạn, bạn tiếp tục chèn đoạn CSS này của mình lên trên thẻ ]]></b:skin> để hoàn thành giao diện giống blog mình
/*--------------------------------------------
------------Comments---------------------
-----------------------------------------------*/
#comments {
margin-right: 25px;
margin-left: 25px;
}
#comments h4:after {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #555555;
bottom: -9px;
content: close-quote;
left: 22px;
position: absolute;
}
#comments h4 {
border-bottom: 3px solid #555555;
color: #222222;
font-family: 'Open Sans',arial,sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 26px;
margin: 0 0 45px;
padding: 0 0 5px;
position: relative;
text-align: left !important;
}
#comments-block {
line-height: 1.6em;
margin: 1em 0 1.5em;
}
#comments-block .comment-author {
margin: 0.5em 0;
}
#comments-block .comment-body {
margin: 0.25em 0 0;
}
#comments-block .comment-footer {
border-bottom: 2px solid #DEDEDE;
margin: -0.25em 0 0;
}
#comments-block .comment-body p {
margin: 0 0 0.75em;
}
.deleted-comment {
color: gray;
font-style: italic;
}
.comments .comments-content .comment-content:after {
position: absolute;
content: close-quote;
left: -11px;
border-top: 10px solid #fff;
border-right: 11px solid #f5efef;
border-bottom: 10px solid #fff;
top: 10px;
}
.comments .comments-content .comment-content {
background: #f5efef;
color: #494949;
padding: 10px;
position: relative;
text-align: left;
}
.comments .comments-content .comment-header, .comments .comments-content .comment-content {
margin: 0;
}
.comments .comments-content .comment, .comments .comments-content .comment:first-child, .comments .comments-content .comment:last-child {
margin: 0;
overflow: hidden;
padding: 0;
}
.comments .comments-content .comment-thread {
margin: 0;
}
.comments .comments-content .inline-thread {
margin-left: 40px;
margin-right: -20px;
margin-top: -5px;
}
.comment .avatar-image-container {
max-height: 70px !important;
position: relative;
width: 85px !important;
z-index: 50;
}
.comment .comment-block {
margin-left: 90px !important;
}
.comment .comment-header {
background: #3396b9;
font-style: italic;
font-weight: 600;
padding: 0;
}
.comment .comment-header .icon.user.blog-author .datetime.secondary-text a {
text-align: right;
}
.comment .comment-header a {
color: #ffffff;
text-decoration: none;
}
.comment .comment-content {
color: #474646;
font-size: 14px;
line-height: 22px;
text-align: left;
}
.comments .thread-toggle {
display: none;
}
.comment-header cite, .comment-header cite a {
background: #53B9D6;
color: #FFFFFF;
font-family: 'Open Sans',arial,sans-serif;
font-size: 17px;
font-weight: 600 !important;
line-height: 25px;
margin: 0;
padding: 2px 5px 1px;
position: relative;
z-index: 99;
}
.comment .comment-header cite.blog-author, cite.blog-author a {
background: #D65653;
color: #FFFFFF !important;
font-family: 'Open Sans',arial,sans-serif;
font-size: 17px;
font-weight: 600 !important;
margin-left: 0;
padding: 2px 5px 1px;
}
.icon.blog-author {
background: url("") no-repeat scroll 0 0 transparent;
bottom: 5px;
display: none !important;
height: 60px !important;
margin-left: 90px;
position: absolute;
right: 5px;
top: 10px;
width: 60px !important;
}
.comment .avatar-image-container img {
border: none !important;
height: 70px !important;
max-height: 70px !important;
max-width: 70px !important;
width: 70px !important;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.comments .comment .comment-actions a {
padding-right: 0;
padding-top: 5px;
}
.comment .comment-actions a {
color: #3396b9 !important;
display: inline-block !important;
*display: inline;
zoom: 1;
font-size: 14px;
font-weight: 600;
line-height: 1 !important;
margin: 15px 0 0;
padding: 0;
text-decoration: none !important;
text-transform: uppercase;
}
.comment .comment-actions a:hover {
color: #292929 !important;
text-decoration: none !important;
}
.comments {
color: black;
font-size: 1em;
text-align: right;
}
.comments .continue {
display: inline-block !important;
*display: inline;
zoom: 1;
}
.comments .continue a {
color: #3396b9;
font-size: 14px;
font-weight: bold !important;
padding: 0 !important;
text-transform: uppercase;
}
.comments .continue a:hover {
color: #292929;
text-decoration: none;
}
.item-control {
display: none !important;
}
.comments .continue {
border-top: 2px solid transparent !important;
}
#comment-editor {background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYAFLzrYDHlCvoByvMxtnejGmI9AXhH1fSKoGjOzFGa4Z6vgQgrXQuSrhA9dCyhhB5-Gk1xGaxtjTS3Ibtj2Vv2k7WPeYQLBGyjMoRPqH_8IPMTmqey95GzQGZzmeGgtf60ptEhSVV5S-X/s1600/ajax-loader+(2).gif') no-repeat 50% 30%}
sau khi hoàn thành thì bạn tiến hành lưu lại, và ra ngoài blog hiện tại kiểm tra xem nó có hoạt động chưa.

Lời kết

Giao diện nhận xét cũng đóng một phần không nhỏ giúp người dùng dễ dàng kiểm tra thông tin tại nơi đó, và cũng có phần kích thích người dùng nhận xét nhiều hơn tại blog của mỗi người. Mọi thắc mắc bạn có thể để lại tại phần nhận xét trong bài viết này của mình.
Copy to  kslzone.net

Share:


Thống kê Blogspot

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