Nút mạng xã hội phong cách metro cho Blogspot

Nút mạng xã hội phong cách metro cho Blogspot

Tiếp tục bài Thủ Thuật Blogspot này ,mình xin chia sẻ cho các bạn cách tạo nút mạng xã hội mang phong cách Metro tuyệt đẹp.Hiện nay phong cách Metro là phong cách được nhiều website sử dụng vì nó đem lại cho người đọc cảm thấy đơn giản,dễ nhìn ,bắt mắt .Nút mạng xã hội phong cách metro cho Blogspot sẽ làm cho Blog của bạn thêm phần đẹp hơn,và mọi người sẽ thích thú với nó.

I: Cách thêm nút mạng xã hội phong cách metro cho blogspot:

Bước 1 : Các bạn vào phần quản trị của BlogSpot và chọn vào phần Bố cục [1] sau đó chọn Thêm Tiện ích [2] như hình :

Nút mạng xã hội phong cách metro cho Blogspott

Bước 2: Sau khi thực hiện xong Bước 1 các nó sẽ hiện 1 bảng các bạn chọn  HTML/Javascript [3] như hình :

Nút mạng xã hội phong cách metro cho Blogspot

Bước 3: Các bạn copy đoạn code bên dưới và dán vào ô Nội Dung còn phần tiêu đề thì các bạn tùy ý đặt tên, sau đó các bạn nhấn Lưu[4]:

Nút mạng xã hội phong cách metro cho Blogspot

Bước 4 : Sau đó các bạn chọn Lưu thay đổi để hoàn thành :D

Nút mạng xã hội phong cách metro cho Blogspot

*Đoạn code mà bạn cần copy ở Bước 3,các bạn thay Trivnss bằng url của bạn:

<div class='metro-social'>
<li><a class="fb" href=http://www.facebook.com/Trivnss></a></li>
<li><a class="tw" href=http://twitter.com/Trivnss></a></li><li><a class="gp" href="https://plus.google.com/Trivnss"></a></li><li><a class="pi" href=http://pinterest.com/Trivnss></a></li><li><a class="in" href=https://www.linkedin.com/in/Trivnss></a></li><li><a class="yt" href=http://www.youtube.com/Trivnss></a></li><li><a class="fd" href=http://feeds.feedburner.com/Trivnss></a></li></div><style>.metro-social{width:285px}.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}.metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:68px;height:70px}.metro-social .gp{width:69px;height:70px;background:url(//goo.gl/oT0kF) no-repeat center center #da4a38}.metro-social .pi{background:url(//goo.gl/7olxx) no-repeat center center #d73532;width:68px;height:69px}.metro-social .in{background:url(//goo.gl/PhFhj) no-repeat center center #0097bd;width:69px;height:69px}.metro-social .yt{background:url(//goo.gl/zcwjB) no-repeat center center #e64a41;width:140px;height:69px}.metro-social .fd{background:url(//goo.gl/lhBP1) no-repeat center center #e9a01c;width:140px;height:69px}.metro-social li:hover .fb{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0vkwnL1ghKddy_x6OwqILkBLyf_puC9yytyJBXVxv4fe5yfo9YJPqix7zOvMgSlPk2KLT0wgVt24kcpt2A-mGe1sMkqR_yDpXxI59zJSxY2W7QIPRdXQfpVhxNepThrzt17SVZDhc3b-F/s200/facebook.png) no-repeat center center #1f69b3}.metro-social li:hover .tw{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid6cRMNNno4juMxfVFH8Uc_bfdpYBc80uA3YaNsWytfLsgo9WR4_QiuaPjGhrZh64vDkbbTpFyCONyfiAMcURayaeBeWSd-yBA5ZrRRsMvajDlSG3K2qlI5UmDzP43BrfeMoCGICoYywCa/s74/twitter-bird-dark-bgs.png) no-repeat center center #43b3e5}.metro-social li:hover .gp{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXVyS0IZfs-btUfiZDV0Td80TLDDhGJSSaVDrPQMh-iKa8fovaPMDNB1j-0U2rNhyphenhyphena3ZHBKAW2fdB10zBdp-Q1EzmdNjzGMsfquYcGAO_-HBGMqCvUTNmBctvtnGLu6tb_VXdFOo-3n8qp/s200/google%252Bplus.png) no-repeat center center #da4a38}.metro-social li:hover .pi{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_L5Yvl8V42Mka-lCxX_6qNU6s25kcEqYSKp1AUpL_0WfW_1PkoAcNCeXz80ruNMFYq-iNTpCngVLIuGxYVyFUYzWzDU1kp-X5YuwdiHICurwSfWEcunSp5nUfHzVOSm_IgppKYb_q4l8/s45/pinterest.png) no-repeat center center #d73532}.metro-social li:hover .in{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNBBXzBmoXOya62lvpIFTX0Zo4NqX5jmQfUvHM1EWF6Py_ebeFETi4bMiFqDBQT_pIkP2bAeVn-p0AJ0NvzzgELu1Ky7eGGHPCymhEYrlTdLXDydvwrS7IxmA8jUOPd-1H1vKrc0Keeus/s45/linkedin.png) no-repeat center center #0097bd}.metro-social li:hover .yt{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi23KZHtC4KvNhroheIuUpNbg1hFoiubQHKcEPvEBlGYBBMAgVAJ2DVD9CSen5ym2AD1juetvEZoArkN3-gfeyik95XlcfeXisji008fhJCQc0GKxIFEGWoJTg8cWgN4-FFdyxdh4yo9EA/s45/youtube.png) no-repeat center center #e64a41}.metro-social li:hover .fd{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2VCYnLFO7JRtg-MHHAMo-CzMTyw9lE4bEAUOF7ioloYhBT9_BMCYorwgF4TtXkTAXQ5AcCRhaKqfm3KNyqJ-upg64n2g5vKKpTI4zHUYxzDCSzmJrEE_2oIsViQuK6WsI6T2Vo_jRCsuE/s45/feed.png) no-repeat center center #e9a01c}</style>

Thay đổi hình con trỏ chuột cho Blogspot

Làm sao để thay đổi hình con trỏ chuột cho Blog sử dụng Blogger.Thay đổi hình con trỏ chuột blog hay thay đổi hình con trỏ chuột độc đáo cho Blogger.Bài viết này,mình sẽ chia sẻ cách thay đổi con trỏ chuột cho Blogspot.

Thay đổi hình con trỏ chuột cho Blogspot

Cách đổi hình con trỏ chuột cho Blogspot đơn giản:

Bước 1: Vào phần quản trị Blog,và chọn phần Mẫu[1] ,sau đó chọn phần chỉnh sửa HTML[2] như hình:

Thay đổi hình con trỏ chuột cho Blogspot

Bước 2: Các bạn tìm kiếm kí tự ]]></b:skin> (xem cách tìm kiếm tại đây) sau đó dán đoạn code này trước thẻ vừa tìm được và Lưu Mẫu[3]:

Thay đổi hình con trỏ chuột cho Blogspot

HTML,BODY{cursor: url("http://thuthuatminhtri.tk/c1.cur"), url("http://thuthuatminhtri.tk/c1.cur"), auto;} A:hover,#submit{cursor: url("http://thuthuatminhtri.tk/c2.cur"), url("http://thuthuatminhtri.tk/c2.cur"), auto;} 
-Lưu ý: Bạn có thể thay http://thuthuatminhtri.tk/c1.cur bằng link con trỏ chuột mà bạn thích.

Cách phát trực tiếp Facebook trên màn hình máy tính

Làm thế nào để phát trực tiếp Facebook trên màn hình máy tính ?.Một câu hỏi chắc nhiều bạn thắc mắc .Trong chuyên mục Thủ Thuật Facebook này mình sẽ hướng dẫn các bạn cách phát trực tiếp Facebook trên màn hình máy tính một cách đơn giản.

Cách phát trực tiếp Facebook trên màn hình máy tính

Như các bạn đã biết,mới đây Facebook đã ra mắt tính năng phát trực tiếp trên các thiết bị di động.Giúp bạn có thể lưu lại những khoảng khắc vui vẻ bên gia đình ,bạn bè của mình.Ngoài thiết bị di động bạn cũng có thể phát trực tiếp Facebook trên màn hình máy tính một cách đơn giản.Phát trực tiếp facebook trên màn hình máy tính còn giúp bạn có thể hướng dẫn người khác trực tiếp đơn giản và dễ dàng.

Cách phát trực tiếp Facebook trên màn hình máy tính:

Xem thêm: 10 website hack like Facebook mới nhất.

Công cụ cần thiết:

-Phần mềm OBS (Open Broadcaster Software) tải phần mềm tại trang chủ tại đây hoặc link mediafire tại đây.

Lưu ý: Phầm mềm chỉ hoạt động trên Window 7 trở lên.Vì vậy Window XP sẽ không sử dụng được phầm mềm này.

Cách thực hiện:

B1:Sau khi cài đặt phần mềm các bạn tiến hành mở phần mềm.Trong phần Scenes ,click chuột phải và chọn Add Scenes và nhấn OK.Tương tự,phần Sources các bạn click chuột trái và chọn Add->Monitor Capture->OK,bạn có thể add các Sources khác nhau vào.

Cách phát trực tiếp Facebook trên màn hình máy tính

-Bạn có thể xem trước bằng cách click chọn Preview Stream,và tùy chính các thông số âm thanh ở Microphone và Speakers,.v..v..

B2: Vào địa chỉ: http://ancms.systems/apps/live-video/ và chọn Bắt đầu live stream Facebook ,tiếp và bạn sẽ được như hình ,bạn điền đầy đủ thông tin như hình.Để ý phần kết nối luồng:

Cách phát trực tiếp Facebook trên màn hình máy tính

B3: Chúng ta lại quay lại với phần mềm OBS và chọn vào phần Settings-->Settings-->Broadcast Settings .Các bạn copy ký tự phần URL máy chủ [1] và dán vào phần FMS URL của phần mềm.Tương tự như vậy ở phần khóa luồng[2] các bạn dán vào phần Play Patch/Stream Key của phần mềm.Sau đó nhấn chọn Apply và OK. 

Cách phát trực tiếp Facebook trên màn hình máy tính

B4: Trên phần mềm các bạn chọn Start Streaming để bắt đầu phát trực tiếp facebook trên màn hình PC .Sau khi chọn thì các bạn quay lại tab facebook và chọn phát trực tiếp.

Cách tăng độ nét (chất lượng video ) khi phát trực tiếp:

Nếu mạng của bạn đủ để phát chất lượt video tốt hơn thì bạn nên tăng độ nét khi phát trực tiếp video facebook trên máy tính thì bạn có thể sử dụng các này để video thêm chất lượng hơn.

Ở bước 3,các bạn  vào phần Settings-->Settings-->Encoding ,và ở phần Max Bitrate các bạn điền là :1400 hoặc cao hơn.Nhưng theo mình thấy thông số 1400 là đủ rồi.

Lời kết:

-Sau khi bạn thực hiện các bước trên thì bạn quay lại trang cá nhân facebook của bạn sẽ thấy video trực tiếp của bạn.

-Chất lượng video sẽ tùy thuộc vào mạng của máy bạn.

-Khi bạn muốn kết thúc live stream thì bạn chỉ cần chọn Stop Streaming trên phần mềm OBS.

-Ngoài việc sử dụng phần mềm OBS ,bạn cũng có thể sử dụng phần mềm XSplit ,cách sử dụng cũng tương tự giống như phần mềm OBS.