Code thêm Page Like Facebook vào mỗi bài viết cho Web, blogspot

Khi trang itviet360 sử dụng thủ thuật thêm trang Page Like FB vào mỗi bài viết cho blog của mình thì có nhận được yêu cầu của 1 số bạn cần hướng dẫn thủ thuật này.

Ở bài viết này itviet360 chia sẻ thủ thuật này, với Code chia sẻ này các bạn có thể đặt nó ở bất kỳ đây mà vị trí đó cho phép code HTML...
- Ở trang itviet360 mình đặt ở vị trí ngay cạnh thông báo có bao nhiêu comment, với vị trí này các bạn tìm tới đoạn code:

<data:post.commentLabelFull/>

Và dán đoạn code Like Page FB dưới đây ngay cạnh nó
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fitviet360&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=18' style='border:none; overflow:hidden; width:120px; height:18px;'/>

Trong đó:
itviet360 : là tên link Page Facebook của Website mình, nếu các bạn chưa đổi link thì lấy cái ID của Page đó nhé.
Ví dụ:
- https://www.facebook.com/itviet360
- https://www.facebook.com/pages/Ti%E1%BA%BFu-l%C3%A2m-truy%E1%BB%87n-c%C6%B0%E1%BB%9Di/635871999762106

---

Chúc các bạn vui vẻ và đừng quên Like Page itviet360 nhé :)

Read More

CSS3 hiệu ứng đổi hình ảnh đẹp cho Web, blogspot

Với thủ thuật thêm 1 đoạn code CSS3 sẽ làm cho hình ảnh và trang Web, blog của bạn thêm sống động hơn.
bài viết này mình giới thiệu về đoạn code CSS3 thay đổi hình ảnh khá đẹp mắt khi rê chuột vào.

Demo: http://360anhdep.blogspot.com/p/a.html
Code:

<style type="text/css">

a.nowandthen{
position:relative;
display: block;
overflow:hidden;
cursor: pointer;
width: 650px;
height: 434px;
}

a.nowandthen img{
position:absolute;
left:0;
top:0;
width: 100%;
height: 100%;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
z-index: 2;
clip: rect(0,650px,434px,0);
}


a.nowandthen img:nth-of-type(2){
z-index: 1;
}


a.nowandthen:hover img:nth-of-type(1){
clip: rect(0,0,434px,0);
opacity: 0;
}

</style>

<a class="nowandthen" href="http://itviet360.com">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSEPg2UczEDzC1PJOb0BbqMyVIuXEDumjOCO6YyEeinhoArAg_snLy5Kn6ePGejoha0wSdxnIRlvCM9BSHeobIpGys5UryjXi-fcpINlVpQ-PiUXU5pnJ_f2prRVa8F6_jKcKcByXW6H4/s1600/sunset-sunrise-btrix+(1).jpg" />
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3QTzCJ0xbe-YmXlWwZss35e40UgEYNyd_raWJlgaI9xKlzUmRv3sKxZQJqBzYVAOUbzwGzM8lht8aloDF-N6rCEf21uhE42RdZWs6CwlJvReGKn5CgVpZdS1d3zw-elIbXVfBrfAVtVk/s1600/sunset-sunrise-btrix+(2).jpg" />
</a>

- Dán code đó vào vị trí các bạn cần thêm nhé/

Read More