Showing posts with label Thủ Thuật Blog. Show all posts
Showing posts with label Thủ Thuật Blog. Show all posts

Kiếm tiền với PopCash cho Blogspot/Website

10:41:00 AM Add Comment

PopCash là gì?

PopCash là một mạng quảng cáo với các poup-under quảng cáo,cách quảng cáo này được rất nhiều các blog/website sử dụng vì nó không chiếm không gian của blog/website.PopCash ra đời năm 2012 ,cho đến nay nó đã trở thành trang quảng cáo uy tin trên thế giới.Blog Minh Trí cin chia sẻ cách kiếm tiền với Popcash cho Blogspot và Website:
Kiếm tiền với PopCash cho Blogspot/Website
Kiếm tiền với PopCash cho Blogspot/Website
Bạn có thể đặt quảng cáo này để kiếm tiền từ Blog/Website của bạn đơn giản.Nó có rất nhiều ưu điểm lớn cho Blog/Webiste của bạn.

Ưu điểm của PopCash mang lại:

  • Popcash chấp nhận tất cả các blog/website.Điều này có nghĩa các website người lớn cũng có thể sử dụng PopCash
  • Trả tiền cho mọi traffic, trong đó có cả Việt Nam.
  • Báo cáo doanh thu theo thời gian thưc.
  • Rút tiền nhanh chóng ,bạn có thể rút tiền khi đủ 10$.
  • Hỗ trợ rút tiền qua PayPal, Paxum hoặc Payza. 
  • Thời gian yêu cầu rút tiền nhanh chóng.

Nhược điểm của PopCash:

Cái gì cũng có ưu và nhược điểm,quảng cáo nói chung đều mang lại rất nhiều nhược điểm:
  • Nó sẽ làm bất tiện cho người dùng.
  • Người truy cập sẽ bị làm phiền bới quảng cáo.

Cách cài đặt PopCash cho Blog/Website:

Sau đây mình xin chia sẻ cách cài dặt Popcash cho Blog/Website.Mình sẽ chia sẻ chung.

Cách đăng ký tài khoản và Get Code trên PopCash:

Bước 1: Bạn truy cập địa chỉ tại đây và đăng ký một tài khoản.Bạn điền đầy đủ thông tin vào các ô có dấu * như trong hình:

Bước 2: Sau đó bạn đăng nhập tải khoản của bạn vào Popcash(trước tiên bạn phải xác minh bằng Email) và bạn sẽ có giao diện như trong hình.
Kiếm tiền với PopCash cho Blogspot/Website
Kiếm tiền với PopCash cho Blogspot/Website

Bước 3: Bạn chọn vào menu con Website trong Publisher ,tiếp đó chọn Add new Website như hình:
Kiếm tiền với PopCash cho Blogspot/Website
Kiếm tiền với PopCash cho Blogspot/Website


Bước 4: Điền địa chỉ blog/Website của bạn vào ô Domain và phần Category là thể loại website của bạn.Sau đó các bạn nhấn Add website :
Kiếm tiền với PopCash cho Blogspot/Website
Kiếm tiền với PopCash cho Blogspot/Website

Cách cài đặt Popcash vào Blog/Website:

Sau khi đăng ký tài khoản và thêm website xong thì bạn sẽ tiến hành cài Popcash vào blog bằng cách sau:
Bước 1: Chọn menu Get code trong Publisher và chọn website mà bạn muốn get code và chọn get .Bạn sẽ nhận được đoạn code như hình:
Kiếm tiền với PopCash cho Blogspot/Website
Kiếm tiền với PopCash cho Blogspot/Website
Bước 2:Các bạn tiến hành copy đoạn code này và dán vào trước thẻ đóng </head> và Lưu mẫu:
Kiếm tiền với PopCash cho Blogspot/Website

Kết luận:

  1. Càng nhiều lượt truy cập thì bạn sẽ kiếm được càng nhiều tiền.
  2. Bạn sẽ được rút tiền sau khi đủ 10$.
  3. Đây là một mạng uy tín trên thế giới vì vậy bạn không cần phải lo về vấn đề lừa đảo.

  Chúc các bạn thành công với thủ thuật nho nhỏ này.

Hướng dẫn cách sử dụng Font Awesome

3:44:00 PM Add Comment
Font Awesome mình chỉ nói tóm lại 1 câu là một thiết kế tuyệt vời cho các Blog/Website. Hầu như các webmaster đều sử dụng các biểu tượng này để tăng tính thẩm mỹ của blog/website của họ và gây hứng thú cho người dùng, những biểu tượng này ngày càng được được sử dụng phổ biến hơn. 
Web lấy icon tại ĐÂY

Hướng dẫn cách cài đặt biểu tượng này trên Blog của bạn và cách tùy biến biểu tượng này bằng CSS.

Bạn vào Blog => Mẫu => Chỉnh sữa HTML. Nhấn tổ hợp Ctrl + F và tìm đoạn <head> Sau đó thêm đoạn code dưới đây phía dưới thẻ <head>

<link href='http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
 Sau khi chèn xong đoạn mã code trên thì bạn có thể vào site mình đã nghi ở trên để lấy đoạn code và chèn trước tên như hình : ))

Tùy biến các biểu tượng với CSS

Để tùy chỉnh màu sắc, kích thước hay tạo bóng cho các biểu tượng, chỉ cần gọi lệnh <i> trong CSS.
Bạn vào Blog => Mẫu => Chỉnh sữa HTML. Nhấn tổ hợp Ctrl + F và tìm đoạn ]]></b:skin> Sau đó thêm đoạn code dưới đây phía trên thẻ ]]></b:skin>

i {
    color:#E2FD18;
    font-size:15px;
    padding-right:5px;
    text-shadow: 1px 1px 1px #000;
}
Cách này bạn sẽ chỉnh sữa hết các biểu tượng cùng một lúc
Còn bạn chỉ muốn làm hiệu ứng cho một biểu tượng cụ thể thì sử dụng lệnh này. Dưới đây là Ví dụ:
<i class='fa fa-heart' style='font-size:18px; color:red;'/>
>>>> Sau khi bạn áp dụng thì: Kích thước biểu tượng của bạn là 18px và màu biểu tượng của ban là màu đỏ.
Kết luận
- Chỉ với một thủ thuật nho nhỏ đã làm Blog/Website của bạn trở nên sinh động hơn rất nhiều.
Nguồn: Tuyên MNO.

Thêm nút Like Facebook và G+ trượt mượt góc màn hình

5:17:00 PM Add Comment
Mạng xã hội – Giúp phần rất lớn vào việc thúc đẩy Website của bạn đối với công cụ tìm kiếm, bạn cũng có thể tiếp thị được với đông đảo người đọc hơn nhờ mạng xã hội.
Một thủ thuật dành cho web, Blog dưới đây mình chia sẻ cũng đang được áp dụng ở khá nhiều Website, nó không gây cảm giá phiền toái cho người truy cập website mà lại khuyến khích người truy cập chia sẻ nội dung hữu ích trên website của bạn thông qua nút Like Facebook và G+ trượt ở dưới góc màn hình.

Làm thế nào để thêm thủ thuật này vào Website, Blog của bạn
Thủ thuật này sử dụng một đoạn mã CSS + HTML + JS khá nhẹ và chỉ cần bạn dán vào vị trí body của Website, blog là chạy được. Đối với những bạn mới sử dụng Website, blog thì mình hướng dẫn trên Blogspot hoặc WordPress dưới đây.

Thêm nút Like Facebook và G+ trượt mượt góc màn hình

Đối với Blogspot và WordPress bạn có 2 cách thêm: 1 là tạo 1 widget HTML và dán code vào là được, 2 là bạn dán code vào mẫu của Blogspot hoặc WordPress. (Dán trong thẻ BODY)
Bước 1: Vào bảng điều khiển Blogger -> Bố cục (Layout) -> Thêm tiện ích (Add a widget) -> HTML/Javascript
Bước 2: Dán code dưới đây vào tiện ích vừa thêm
<style>
#socialslide{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh70vCA7lIWs87UOcnnT_lcmy8GW42kR-jeB0-Q0XqYVrzelUGiqBQxm_BQAbRCZ3oZQf-am4VknayMdwmgiZlNoLKjhQGTsMQsOwWw1bbJFnWjx3kFoKIVe4qIsDYETcxIaE22jYd9V2U/s1600/recbg-btrix.png) left top repeat-x;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-moz-box-shadow: inset 0 0 3px #333;
-webkit-box-shadow: inset 0 0 3px #333;
box-shadow: inner 0 0 3px #333;
padding: 12px 14px 12px 14px;
width: 250px;
position: fixed;
bottom: 13px;
left: 2px;
display: none;
z-index: 3;
height: 75px;
}
</style>
<script type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()/10)$("#socialslide").show("slow");else $("#socialslide").hide("slow");});function closesocialslide(){$('#socialslide').remove();}</script>
<div style="display: none;" id="socialslide">
<a style="position:absolute;top:11px;right:10px;color:#fff;font-size:14px;font-weight:bold;" href="javascript:void(0);" onclick="return closesocialslide();"> (x) </a>
<span style="font-family: arial; font-size: 16px; margin: 10px 0; color:#fff;">Hãy like website nhé!</span><br />
<div style="float:left; margin:15px;"><g:plusone annotation="none"></g:plusone></div>
<div style="float:left; margin:15px;"><iframe src="//www.facebook.com/plugins/like.php?href=LINKPAGEFACEBOOK&send=false&layout=button_count&width=80&show_faces=false&action=like&colorscheme=light&font=arial&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowtransparency="true"></iframe></div>
</div>
<div class='clear'></div>
Trong đó phần được bôi đỏ bạn thay link Page FAcebook của mình vào
Bước 3: Lưu lại widget và xem kết quả
Nếu bạn gặp bất kỳ khó khăn nào trong việc thêm thủ thuật này thì vui lòng ghi nội dưới comments, mình sẽ hỗ trợ sớm nhất cho bạn.

5 Template Blogger đẹp nhất cho blog thủ thuật

6:26:00 PM Add Comment
Blogger rất hữu dụng cho người dùng ,nó cho phép bạn đăng bài lên blog của bạn,upload chia sẻ ảnh cá nhân,v...v .Ngoài những việc trên bạn cũng có thể tạo cho mình một blog thủ thuật bằng Blogger,bạn sẽ không phải lo lắng về giao diện website khi bạn không biết gì về các ngôn ngữ lập trình như html,css,js,...Mình sẽ chia sẻ cho các bạn 5 Template Blogspot thủ thuật đẹp mà bạn có thể sử dụng một cách dễ dàng cho blog thủ thuật của bạn.
10 Template Blogger đẹp nhất cho blog thủ thuật
5 Template Blogger đẹp nhất cho blog thủ thuật
Một chút lưu ý cho các bạn nhé,Template và theme là khác nhau nhé . Template là những mẫu layout dàn trang, bố cục được thiết kế sẵn, khi sử dụng chỉ việc đặt các đối tượng thông tin đồ họa vào chỉnh sửa một chút là hoàn thiện thiết kế.Vì vậy các bạn đừng lầm tường Template là theme nhé .Theo mình nghĩ là nó chỉ "la lá" giống nhau thôi.Nào không vòng vo nữa,hôm nay mình sẽ chia sẻ cho các bạn 5 Template Blogger đẹp nhất cho blog thủ thuật ngay bây giờ.

5 Template Blogger đẹp nhất cho blog thủ thuật:

Đây là những theme mà mình sưu tầm được vì vậy vì vấn đề bản quyền thì mình chịu cmnr :)) , mình xin phép không đề tên tác giả nhé vì đơn giản là mình chẳng dõ tác giả của nó nữa.

1: Revoltify Template:

5 Template Blogger đẹp nhất cho blog thủ thuật
5 Template Blogger đẹp nhất cho blog thủ thuật
Một Template đơn giản được thiết kế 2 cột đem lại sự đơn giản cho người sử dụng ,tối ưu trên các thiết kị di động .Template tích hợp đầy đủ các nút chia sẻ,bình luận Google +.

2:MiniMag Template:

5 Template Blogger đẹp nhất cho blog thủ thuật
5 Template Blogger đẹp nhất cho blog thủ thuật
Với bố cục là các ô vuông,và giao diện đẹp mắt tích hợp đầy đủ các tính năng như chia sẻ bình luận,2 menu và bố cục dành cho quảng cáo thì chắc hẳn Template này sẽ làm cho blog thủ thuật của bạn thêm bắt mắt hơn.

3:Loveria Fashion Blog Theme:

5 Template Blogger đẹp nhất cho blog thủ thuật
5 Template Blogger đẹp nhất cho blog thủ thuật
Là một Template màu hồng có vẻ hơi "nữ tính".Nếu bạn thấy thích nó thì bạn có thể tải về và sử dụng với Blog thủ thuật của bạn .Nó sẽ rất mới lạ và bắt mắt đó :))

4:Dearpins Blogger Template:

5 Template Blogger đẹp nhất cho blog thủ thuật
5 Template Blogger đẹp nhất cho blog thủ thuật
Với tông màu xanh và 2 menu,giao diện 2 cột bắt mắt với nhiều nổi bật bạn sẽ có một blog thủ thuật thật đẹp.

5:Point Blogger Template:

5 Template Blogger đẹp nhất cho blog thủ thuật
5 Template Blogger đẹp nhất cho blog thủ thuật
Với giao diện giống như một template tin tức nhưng nó có lẽ rất thích hợp cho blog thủ thuật của bạn đó.
Mình vừa chia sẻ 5 Template Blogger đẹp nhất cho blog thủ thuật,đó là theo mình thấy nó đẹp.Còn bạn?Nếu thấy nó đẹp thì có thể chia sẻ giúp mình hoặc bình luận bên dưới để mình sẽ chia sẻ các Template khác ,đẹp hơn nữa nhé :D

Lỗi không hiển thị ảnh trên Blogspot và cách khắc phục

2:30:00 PM 1 Comment
Với mạng VNPT ở Việt Nam đã bị chặn truy cập Blogspot của Google nhưng có thể truy cập bằng cách đổi DNS để truy cập,hay các quản trị viên Blog có thể trỏ tên miền về Blog để khách hàng có thể truy cập Blogspot mà không cần đổi DNS.Đối với việc trỏ các tên miền vào Blogspot thì những người dùng mạng VNPT vẫn có thể truy cập vào Blogspot như bình thường nhưng các ảnh sẽ bị lỗi hình ảnh.Việc lỗi hình ảnh này sẽ gây ra không hiển thị hình ảnh trên Blogspot.Vậy có cách nào để khắc phục tình trạng không hiển thị ảnh trên Blogspot?Blog Minh Trí sẽ chia sẻ cho các bạn 3 cách để khắc phục vấn đề này?
Lỗi không hiển thị ảnh trên Blogspot và cách khắc phục
Lỗi không hiển thị ảnh trên Blogspot và cách khắc phục

Các cách khắc phục không hiển thị ảnh trên Blogspot:

Mình sẽ chia sẻ 3 cách để khắc phục lỗi không hiển thị ảnh trên Blogspot,những các này chỉ có tác dụng với các Blog đã trỏ tên miền.Mục đích của 3 cách này là gì để đổi đuôi ảnh bp.blogspot.com sang các dạng như lh4.googleusercontent.com .Vì các ảnh được upload trên Blogspot cũng được đồng bộ lên tài khoản Google của bạn.

Cách 1: Sửa link ảnh thủ công:

Sau khi upload các hình lên Blogspot để viết bài bạn chỉ cần chỉnh sửa link ảnh từ bp.blogspot.com  sang dạng lh4.googleusercontent.com hay lh4.ggpht.com  .Để chỉnh sửa link ảnh thì các bạn chuyển đổi chế độ viết bài bằng HTML và tìm đến Link ảnh và chính sửa mà thôi.

Cách 2: Sử dụng Javascript để tự động đổi link ảnh:

Đối với các này bạn không cần phải sử dụng biện pháp thủ công để chỉnh sửa link ảnh nữa mà đã có Javascript để chỉnh sửa.
Dùng Javascript để khắc phục không thể hiển thị ảnh Blogspot

Bạn chỉ cần thêm đoạn code này vào trước thẻ đóng </body> của Template:

Cách 3: Sử dụng JQuery để khắc phục lỗi không thể hiển thị ảnh Blogspot:

Để khắc phục lỗi không thể hiển thị ảnh cho Blogspot tự động mà ko cần chính sửa link ảnh thủ công thì các bạn có thể sử dụng các này để khắc phục tình trạng đó:
Cũng giống như sử dụng Javascript bạn chỉ cần thêm đoạn code này trước thẻ đóng </body> của Template:

Chúc các bạn thành công với 3 cách này,nếu bạn có thắc mắc gì xin vui lòng liên hệ với mình Facebook để được hướng dẫn chi tiết hơn.

Tạo thông báo đẩy cho Blogspot

7:39:00 AM Add Comment
Thông báo đẩy hay còn được gọi là Push Notification là một dạng thông báo cho người đọc biết được có những bài đăng mới cho người truy cập Blog.Ngoài Push Notification trên các ứng dụng,trò chơi...trên các smartphone thì bây giờ bạn cũng có thể tạo thông báo đẩy cho Blog của bạn một cách đơn giả.Bạn cũng có thể điều khiển thông báo đẩy một cách theo ý muốn của bạn.
Thông báo đẩy cho Blog
Với cách tạo thông báo đẩy cho Blog bằng PushCrew này .Nó có thể hoạt động trên hầu hết các trình duyệt phổ biến hiện nay như: Google Chrome,FireFox,v..v vì vậy khách hàng có thể nhận được thông báo của bạn.

Lợi ích của việc dùng thông báo đẩy(Push Notifications) ?

-Hiện này có rất nhiều website đang sử dụng thông báo đẩy(Push Notification) như Facebook,.Facebook cho phép bạn nhận thông báo khi dang không truy cập Facebook.
-Khi sử dụng thông báo đẩy thì những thông báo sẽ được hiển thị ngay trên trình duyệt của khách hàng đã đăng ký nhận thông báo mà không cần phải check mail để xem có thông báo mới hay không. Đây là điểm rất tuyệt vời, nó sẽ là một cách rất tốt để mọi người quay trở lại website của mình.Thu hút nhiều lượt xem của khách hàng hơn.
-Khi bạn có một sản phẩm mới ,bạn muốn cho mọi người biết bạn muốn truy cập và xem sản phẩm mới nhất của bạn.Thông báo đẩy rất có lợi cho việc kinh doanh,bán hàng của bạn.

Lưu ý khi bạn sử dụng thông báo đẩy?

Một số lưu ý khi sử dụng thông báo đẩy ( Push Notifications ) sẽ được Blog Minh Trí chia sẻ trong chuyên mục Thủ Thuật Blog này.
-Bạn không nên thông báo cho khách hàng nhiều lần trong ngày ,điều này sẽ làm cho khách hàng cảm thấy phiền phức.
-Khi sử dụng nên thông báo đúng mục đích,không trỏ về các link(liên kết) hỏng hoặc những liên kết không liên quan đến vấn đề thông báo.

Hướng dẫn cài đặt Push Notification cho Blog:

Chúng ta sẽ tiến hành cài đặt thông báo đẩy(Push Notification) cho Blog của bạn ngay sau đây.Với những bước khá đơn giản này bạn có thể tạo cho Blog của mình thêm tiện ích,thân thiện với người đọc hơn nữa.
Bước 1: Truy cập vào website: https://pushcrew.com/ và tiến hành tạo một tài khoản bằng cách chọn Signup for FREE :
Tạo thông báo đẩy cho Blogspot
Tạo thông báo đẩy cho Blogspot

Bước 2:Sau khi điền đầy đủ thông tin và chọn Creat Account thì bạn sẽ được website cung cấp một đoạn Script bạn copy đoạn script đó và thêm vào phần tiện ích của Blog(xem cách thêm tiện ích cho blogspot tại đây),hoặc bạn có thể chèn đoạn code vừa được cấp chèn vào trước thẻ đóng </head> của template Blog:

Tạo thông báo đẩy cho Blogspot
Tạo thông báo đẩy cho Blogspot

Bước 3: Các bạn tiến hành tinh chỉnh thanh thông báo khi được hiển thị,các bạn tinh chỉnh một cách hợp lý.Bạn cũng có thể chèn logo website của bạn vào thông báo để tăng độ tin tưởng cho thông báo.
Tạo thông báo đẩy cho Blogspot
Tạo thông báo đẩy cho Blogspot
Bước 4: Cài đặt thông báo cho blog của bạn,bạn cũng có thể cài đặt thông báo một cách thủ công hoặc theo cách tự động:
Tạo thông báo đẩy cho Blogspot
Tạo thông báo đẩy cho Blogspot

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

3:47:00 PM Add Comment
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 Blogspot
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
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
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
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>