[Tips] - Nút mạng xã hội phong cách Metro cho Blogspot Blogger

[Tips] - Nút mạng xã hội phong cách Metro cho Blogspot Blogger rất chuyên nghiệp và hiện đại

Tiếp tục hướng dẫn các bạn thủ thuật tạo các nút mạng xã hội social button. Thủ thuật lần này có tên là [Tips] - Nút mạng xã hội phong cách Metro cho Blogspot Blogger. Thủ thuật này mang phong cách giao diện của Metro phẳng, rất hiện đại, đơn giản, dễ thương và dễ nhìn. Chắc chắn các bạn sẽ hài lòng và thích thú với nó!

Demo như ảnh trên

Thủ thuật blog này được bố cục rất đơn giản, màu sắc rất bắt mắt và dễ lấy được cảm tình của người đọc. Tăng tính tương tác cho website và trải nghiệm người dùng. Và giờ thì cùng KTheme thực hiện thủ thuật blog này bạn nhé!

Chỉ cần chèn đoạn mã sau đây vào HTML của web hoặc vào một Widget HTML/Javascript

Đầu tiên bạn vào Blog Title → Layout → Add Widget → HTML/JavaScript và dán đoạn mã code dưới đây vào và Lưu lại.

<div class='metro-social'>
<li><a class="fb" href=http://www.facebook.com/KTheme.com></a></li>
<li><a class="tw" href=http://twitter.com/KTheme.com></a></li>
<li><a class="gp" href="https://plus.google.com/KTheme.com"></a></li>
<li><a class="pi" href=http://pinterest.com/KTheme.com></a></li>
<li><a class="in" href=https://www.linkedin.com/in/KTheme.com></a></li>
<li><a class="yt" href=http://www.youtube.com/KTheme.com></a></li>
<li><a class="fd" href=http://feeds.feedburner.com/KTheme.com></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/AVvXsEhF4Dhvzx4BaGKTfjrjt-Of2_RvYWnB24aX229Q1Dl3iKjBQZK7MCts5Lkq9a1MCgxLbDdzbCZo0oopUIrHf9L9JE0fMboVJouOnAWRznRQBuA7K0XkNqbkJEAPTVvKymUz0m9016HxMYA6/s200/facebook.png) no-repeat center center #1f69b3}
.metro-social li:hover .tw{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirVv39di_G9tGHRQJlV-gZxh3Vp5nNlzIW5nrxp2kbNDAaeU_v2IZ3ipX6irO-XLKts0V3Cy2F5KJk8evsnkWztrV8XvFHNNQd1XE6-V4Dc4nRuuQdU_bh0EfqXWzFiopFi63pZ_7oG29N/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/AVvXsEgvNrmjC0aaCSOM82QaobBVCj7Za7Hn-DJrrxjaj6oprivV5YkIRf09iugdQLhhWS197tr0AaarSKIy7vpA6tlIJkxzxVlhFKFqpEDtlKKA_Xxp3neX8HZWSLxF9qqymwKM8glasp9PqOGX/s200/google%252Bplus.png) no-repeat center center #da4a38}
.metro-social li:hover .pi{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDhE-YdB5ruJiN6Z8zrA2yaXGK-TppGfdyvDWnFKnZ4VC04XIUHQ5K_sd7hDRj4hYj9y518PqCl5fZfT7PrIqGZbyKG5aDFf4-VxQ1CkSzUQZQ1p0U5WqPihPVdbU9inMa4xosQdJjsPQ/s45/pinterest.png) no-repeat center center #d73532}
.metro-social li:hover .in{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY_UpGfz8hNK44LRGhbYIPVN6vPUHh_NvLlfeSug8oI-NpEFjpJigVNIdfUrKrf0kWAGBlyG1kcAuLLMwzobZgEXsh-9Y2VoEZ8gmnPVocJ5sXsSHYpMZUd8Szt0R44bMEApgm_ffrI2Y/s45/linkedin.png) no-repeat center center #0097bd}
.metro-social li:hover .yt{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE1aJ1FCKCpdmHIB00SV0MX8-4rl8eLx5pq4ww13qgCD4TUN63xLf8ohVVqtMUQPxV21B76TodYCKe_mDlHqK4QWe2k9Mn6vwZcuM0YtTeDJNc1hxng1-JzmzM9LOFM8JCAhGN1ksBbIE/s45/youtube.png) no-repeat center center #e64a41}
.metro-social li:hover .fd{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfLTuc91ehSWLWYMwUgzAFIP6cypAvNp1ae1bguWeBWjaV7hyphenhyphenDjw_0SPaPWlmN17U8CWEMJeLyF-wH6js724mfN87oxqWdqg_c47v-zLnOalVkOOBKFqTzht10hCtd56VLO_lNx8JO1zt0/s45/feed.png) no-repeat center center #e9a01c}
</style>

Vậy là đã xong thủ thuật blog [Tips] - Nút mạng xã hội phong cách Metro cho Blogspot Blogger tại KTheme.com rồi. Chúc các bạn thành công nhé!

Read More [...]

Posted in bl

Những Code Thông Dụng Cho Blogspot

Nhằm giúp các blogger mới vào nghề hiểu thêm về code nên hôm nay mình chia sẻ lại một số code thông dụng thường gặp trong quá trình viết bài cũng như thiết kế blog. Hy vọng sẽ giúp ích được cho các bạn.

Read More [...]

Posted in bl

Hướng dẫn làm ảnh bìa 7 màu Facebook cho người mới bắt đầu

Hướng dẫn làm ảnh bìa 7 màu Facebook

Xem video HD: CLICK

Link Ảnh Động 2.9 gb: http://adf.ly/1NkaAu (Pass: proshowvn.net)

Link phần mềm CS3: http://adf.ly/1NkZXs
Link phần mềm CS5: http://adf.ly/1NkZXt

Brush + Hình:
Phần mềm quay phim: http://adf.ly/1Nka3Y

Link tải File Psd : http://adf.ly/1NkZof

Link tải PSD gỗ : http://adf.ly/1NkZoe

File PSD Kim loại: http://adf.ly/1NkZod

File PSD: http://adf.ly/1NkZoc

Một số Brush hóng về: http://adf.ly/1NkZXr

Một số Brush hóng về: http://adf.ly/1NkZAO

Một số Brush hóng về: http://adf.ly/1NkZXq

Link Brush Đẹp: http://adf.ly/1NkZXp

Link Brush Ngôi Sao Lấp Lánh: http://adf.ly/1NkZXo

Enjoy!!!

Read More [...]

Posted in pts

I Love 3D Logo Mock Up cực đẹp và dễ thương

I Love 3D Logo Mock Up cực đẹp và dễ thương
I Love You
I Love KT (KTheme.com)

DEMO:

***Download file PSD I Love 3D Mock Up: CLICK

Hướng dẫn:
- Bạn tải file trên về mở bằng Photoshop & làm theo HD như bài này: CLICK

Chúc các bạn thành công!!!

Like & Share nếu thấy đẹp nhé ^_^

Enjoy!!!

Read More [...]

Posted in pts

Hướng dẫn ghép ảnh bạn lên báo làm scandal nổi tiếng hoặc TROLL bạn bè

Chèn ảnh, ghép ảnh bạn lên báo làm scandal nổi tiếng.
Troll bạn bè, đưa bạn bè lên báo mạng, tạo scandal.
Giả link báo troll bạn bè trên Facebook.
Chế bài báo đăng lên Facebook troll bạn bè.
Giả làm người nổi tiếng trên Wikipedia “troll” bạn bè Facebook.
Tạo tin 'giật gân' trên Facebook chỉ với vài phút.

DEMO:

Xem video HD (không sử dụng PTS, chỉ cần mở trình duyệt): CLICK

Chúc các bạn thành công ^_^

Read More [...]

Posted in pts

Vẽ Chibi cực đơn giản và đẹp

- Biến ảnh thật thành hoạt hình (hơi chibi, hơi anime) các bạn có thể làm đẹp hơn nếu tỉ mỉ 1 chút.

- Vẽ chibi từ ảnh chụp.
- Hướng dẫn vẽ Chibi cơ bản bằng Photoshop.

DEMO:

***Vào web vẽ Chibi Online: CLICK

Video HD vẽ như ảnh demo trên: CLICK

Bạn cũng có thể biến đổi 1 vài đường nét cho tranh sinh động hơn như hình vẽ dưới, mình sẽ HD làm bóng tường, cây trong video sau :)

UPDATE các video HD vẽ CHIBI đẹp khác:

1. 20 cách vẽ CHIBI đơn giản: CLICK

2. Vẽ CHIBI từ ảnh chụp: CLICK

3. Biến ảnh thật thành hoạt hình ( CHIBI & Anime): CLICK

4. Hướng dẫn vẽ CHIBI bằng PAINT đơn giản và cực đẹp: CLICK

Vẽ chibi trực tuyến và không cần phác họa ra giấy cực đơn giản và đẹp.
chibi drawing tutorial online
赤壁绘画教程在线
ちびオンラインチュートリアルを描画
чиби рисунок урок онлайн
chibi menggambar tutorial dalam talian
chibi Zeichnung Tutorial Online
Chibi desegnante lernilo enreta
تشيبي رسم البرنامج التعليمي على الانترنت
chibi ag tarraingt ar líne teagaisc
가져다 드려 온라인 자습서를 그리기
chibi κατάρτιση φροντιστήριο σε απευθείας σύνδεση
chibi menggambar tutorial secara online
chibi utuhanga akoranga ipurangi
chibi онлайн заавраас зураг
chibi tutoriel de dessin en ligne
ชิบิ วาดกวดวิชาออนไลน์
Чібі рисунок підручник онлайн
Цхиби дравинг туториал на мрежи


Chúc các bạn thành công!!!

Bạn nào không có máy tính có thể nhờ làm tại đây:

*Hội iPhone: CLICK

*Hội Android: CLICK

Enjoy!!!

Read More [...]

Posted in pts

[Photoshop] Hướng dẫn tạo ảnh bìa Cover Facebook 3D đẹp bằng gỗ

Tạo ảnh bìa Cover Facebook 3D đẹp bằng gỗ

DEMO: 

Download: CLICK

Video HD: CLICK

Bạn nào không có máy tính có thể nhờ làm tại đây:
*Hội iPhone: CLICK
*Hội Android: CLICK

Enjoy!!!

Read More [...]

Posted in pts

[Photoshop] Hướng dẫn tạo RuBik đẹp bằng ảnh bạn

Làm ảnh bạn vào Rubik và hiệu ứng tan biến

DEMO: 

Download: CLICK
(đợi 5s bỏ qua quảng cáo trên cùng bên phải)

Video HD: CLICK

Bạn nào không có máy tính có thể nhờ làm tại đây:
*Hội iPhone: CLICK
*Hội Android: CLICK

Enjoy!!!

Read More [...]

Posted in pts

Sao lưu (Backup) và phục hồi (Restore) bài viết, dữ liệu (data) trong Blogspot

Việc backup dữ liệu luôn là một việc vô cùng quan trọng dù là đối với một website bình thường hay một trang blog, vì nếu không may trang Blog của bạn bị Google xóa đi, bị hack mất, hay chính bạn vô tình xóa mất thì với lượng dữ liệu cực lớn bạn tích góp qua nhiều năm khiến bạn không thể nào tự phục hồi bằng tay lại được.
Khi đó nếu như bạn không có bản backup có sẳn thì gần như vô vọng trong việc phục hồi lại trang blog của mình.

Bước 1: Đăng nhập vào Blogspot mà bạn cần backup.

Bước 2: Bạn vào phần Cài đặt >> Khác >> Xuất blog (nếu là giao diện tiếng anh thì: Setting >> Other >> Export blog)

Bước 3: Sau khi bạn hoàn thành bước 1 thì giao diện sẽ xuất hiện một thông báo, yêu cầu bạn xác nhận tải xuống (tải bản backup dữ liệu của trang Blog này). Bạn chỉ việc nhấn vào nút Tải xuống Blog

Vậy là bạn đã có được file backup lại toàn bộ bài viết, dữ liệu trên trang blog của bạn rồi.

-------------------------Phục hồi (restore)
Để phục hồi (restore) lại toàn bộ bài viết, dữ liệu này thì khi ở bước 2, thay vì bạn chọn Xuất blog, thì bạn hãy chọn là Nhập blog.

Ở mục 1 bạn nhấn vào Choose File và chọn đến file mà bạn đã backup được ở trên.


Ở mục 2 bạn nhập vào mã Captra để xác nhận.


Cuối cùng là nhấn vào nút Nhập Blog, và ngồi chờ để nó bắt đầu quá trình restore dữ liệu.

KTheme chúc bạn thực hiện thành công !

Read More [...]

Posted in bl

Đổi tên & nén files hàng loạt

1. Đổi tên bạn dùng soft: Total Commander  => Bôi đen các file cần đổi => Chọn Multi - Rename Tool... (Ctrl +M)

_____________________________

2. Nén files hàng loạt: Winrar

B1: Nhấp chuột phải vào 1 Folder hoặc 1 file nào đó mình cần nén và chọn
B2: Giao diện chính của winrar xuất hiện. Chuyển qua thẻ Files
Ở mục: "File to add" ta kích chuột vào "Append..." và chọn các Folder hay các File khác cần nén.
Sau khi đã chỉ định những Folder hoặc những File cần nén rồi thì ta tích chọn vào ô "Put each files to separate archive" (ô này có nghĩa là: Nén những thứ đc chỉ định ở trên thành các File nén riêng biệt)
Sau đó ta bấm Ok để tiến hành nén lần lượt các File đó.
Ngoài ra có thêm tuỳ chọn "File to exclude" tức là thêm danh mục các file có trong Folder nén cần loại trừ (ko nén cùng Folder đó).
Với cách làm này thì những thiết lập Default như Put recovery hay SFX... ban đầu vẫn đc áp dụng.

Read More [...]

Posted in khac

Tạo app trên facebook và lấy Application ID

1- Đăng ký một apps trên Facebook tại Developers.facebook bạn có thể sử dụng tài khoản facebook của bạn để đăng nhập.

2- Điền tên vào bảng Popup nếu trang báo Valid là tên có thể sử dụng.

- Bấm tiếp tục.

3- Nếu tài khoản của bạn chưa được xác minh thì bạn phải xác minh. bạn có thể xác minh bằng mobile phone hoặc credit card (Thông thường thì hãy xác minh bừng số điện thoại của bạn).

- Tại cửa sổ Popup bạn chọn quốc gia là Việt Nam và điền số điện thoại vào (lưu ý số điện thoại không có số 0 ở đầu nha):

- Sau đó bạn sẽ dduwwocj gửi một tin nhắn về mã xác nhận tới điện thoại bạn vừa nhập. hãy nhập vào ô mã và bấm xác nhận. Khi dó trình duyệt báo như sau là được.

4- Sau khi xác minh xong bạn hãy tải lại trang (bấm F5) để thực hiện lại tiến trình như bước 1. Sau khi nhập tên và bấm Tiếp tục bạn sẽ được chuyển đến trang như sau:

- Hãy nhập mã Captra vào và bấm Tiếp tục.

5- Tiếp theo bấm vào Create new app để đăng ký ứng ụng nha.

- Bấm tiếp tục liên tục nha. Đến khi xuất hiện trang như sau.

6- Bấm vào tên ứng dụng bạn vừa nhập ở bước trên và bấm vào Edit setting. và nhập các thông số như hình dưới.

- Chú ý phần App Id mình tô màu xanh trong ảnh vì ở bước sau này sẽ sử dụng. 
7- Bấm Lưu Thay đổi.

DONE!!!

Read More [...]

Posted in bl

Hiện nội dung được ẩn khi like mạng xã hội cho blogspot

Bạn có biết rất nhiều blogger đang sử dụng các trang mạng xã hội để làm tăng lượng truy cập vào Website của họ không? Có rất nhiều cách mà các blogger áp dụng để liên kết blog của họ với các mạng xã hội. Tuy nhiên, để có thể liên kết và tăng sự liên kết tương tác giữa người dùng và các mạng xã hội là rất khó, vì đa số các cách chỉ là chèn dạng liên kết aherfbình thường, mặc dù có một số tiện ích giúp tăng lượng truy cập theo xã hội như popup, nhưng nó là không đủ. Nếu chúng ta muốn thống trị các trang web xã hội, thì mỗi chúng ta phải sử dụng mọi cơ hội mà chúng ta có. Vì lý do đó, mình sẽ giới thiệu một tiện ích của mybloggerlab để khóa nội dung dựa trên các like của độc giả.

Bạn có sử dụng nhiều tiện ích để chia sẻ trang của trang web của bạn trên các mạng xã hội? Tuy nhiên, sự tương tác của độc giả với  blog/web của bạn thông qua hệ thống mạng xã hội là còn tương đối thấp nếu không muốn nói là rất thấp. Trên thực tế, vấn đề là, mặc dù mọi người thích nội dung của bạn, nhưng họ không bấm vào các nút button xã hội và thay vào đó đã đọc và rời khỏi trang web của bạn bởi vì họ không quan tâm đến trafic của bạn hoặc trang web của bạn. Yêu cầu mọi người like, +1 hoặc tweet để có được quyền truy cập vào nội dung của bạn thực sự là một cách lý tưởng buộc người dùng phải chia sẻ nó trên các trang web xã hội.

Khóa nội dung qua mạng xã hội bao gồm ba nút của 3 mạng xã hội và hiển thị theo chiều ngang. Các nút xã hội bao gồm Facebook, Twitter và Google +. Bất cứ khi nào, một người hoặc là sẽ nhấn Like, Tweet hay +1 với một nút nó sẽ hiển thị nội dung ẩn. Điều này cho phép một người để nhận được theo xã hội thực tế hơn. Tất nhiên ta chỉ nên ẩn những nội dung "cần ẩn" ví dụ như "Like để hiện link download" chẳng hạn. Đừng nên lạm dụng chức năng này quá sẽ gây phiền hà cho độc giả của mình để rồi chịu hậu quả ngược lại

Và để xem nội dung của bài viết bạn hãy click một trong số các button ở demo bên dưới nhé.

Demo tip

☼ Bước 1: Cài đặt  Social Content Locker trong Template của BlogSpot:

1.1- Đăng nhập vào Blog

1.2- Vào Mẫu (Template) => Chỉnh sửa HTML

1.3. Dán đoạn code bên dưới vào trước thẻ ]]></b:skin>

/* --- Social Content Locker For Blogger http://ktheme.com/ --- */
.to-lock{background-color:#f6f6f6;padding:20px}
.inner-wrap{background:#435989}#header .get-it a{text-decoration:none;color:#000}#header .get-it #zenbox_tab{background-color:#f6f6f6!important}#zenbox_tab:hover{background-color:#333!important}#zenbox_tab #feedback_tab_text{color:#333!important}#zenbox_tab:hover #feedback_tab_text{color:#fff!important}.ui-social-locker,.ui-social-locker .ui-social-locker-text,.ui-social-locker .ui-social-locker-timer{font:normal normal 400 13px/23px "Arial",serif}.ui-social-locker,.ui-social-locker .ui-social-locker-outer-wrap,.ui-social-locker .ui-social-locker-inner-wrap{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ui-social-locker{position:relative!important;background-color:#f9f9f9;padding:25px;margin:20px auto;max-width:700px}.ui-social-locker p{margin:0}.ui-social-locker .ui-social-locker-text{text-align:center}.ui-social-locker-text .ui-social-locker-strong{font-weight:bold;text-transform:uppercase;font-size:16px;display:inline-block}.ui-social-locker-buttons{text-align:center}.ui-social-locker-text+.ui-social-locker-buttons{margin-top:15px}.ui-social-locker-button-inner-wrap,.ui-social-locker-button-overlay{height:40px;width:120px;padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:1}.ui-social-locker-button-inner-wrap{position:relative}.ui-social-locker-button{display:inline-block;vertical-align:top;text-align:left}.ui-social-locker-button-overlay{position:absolute;top:0;left:0}.ui-social-locker-button+.ui-social-locker-button{margin-left:10px}.ui-social-locker-button{background-color:#f2f2f2}.ui-social-locker-button .fb-like span,.ui-social-locker-button .fb-like iframe{height:20px!important}.ui-social-locker-button-overlay *{position:absolute;width:100%;top:0;left:0}.ui-social-locker-overlay-front,.ui-social-locker-overlay-back{height:100%;top:0;left:0}.ui-social-locker-overlay-front{z-index:1}.ui-social-locker-overlay-back{z-index:0}.ui-social-locker .ui-social-locker-cross{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjudhsbSCDnO8w7I8u93V2v2QK6bEpb-AWMWqDFG8ZLE6HDybqHyTBh__Hd_ZykQAg3t1usGxZ4hr6ZzFfY080Pgjt12GVyhd0muqoA0pmJ-SDdmwmsKdm2CGV6XIVIFgK7rtfaoewjrFk/s1600/close+(1).png") 50% 50% no-repeat;width:16px;height:16px;opacity:.1;filter:alpha(opacity=10);cursor:pointer;position:absolute;top:4px;right:4px;z-index:2}.ui-social-locker:hover .ui-social-locker-cross{opacity:.2;filter:alpha(opacity=20)}.ui-social-locker .ui-social-locker-cross:hover{opacity:.8;filter:alpha(opacity=80)}.ui-social-locker .ui-social-locker-timer{position:absolute;right:5px;bottom:5px;z-index:10}.ui-social-locker .ui-social-locker-timer,.ui-social-locker .ui-social-locker-timer *{font:normal normal 400 12px/12px sans-serif;text-transform:lowercase}.ui-social-locker .ui-social-locker-timer{color:#000;margin-left:5px}.ui-social-locker .ui-social-locker-timer-counter{font-weight:bold}.ui-social-locker-opera .ui-social-locker-button-facebook .fb-like{position:relative;top:-1px}.gc-bubbleDefault{display:none!important}.ui-social-locker-flip .ui-social-locker-button-inner-wrap{perspective:500px;perspective-origin:50% 0;-webkit-perspective:500px;-webkit-perspective-origin:50% 0;-moz-perspective:500px;-moz-perspective-origin:50% 0}.ui-social-locker-flip .ui-social-locker-button-overlay{display:block;transform-origin:bottom;transform-style:preserve-3d;transition:transform .3s ease;transform:translate(0);-webkit-transform-origin:bottom;-webkit-transform-style:preserve-3d;-webkit-transition:-webkit-transform .3s ease;-webkit-transform:translateY(0) rotateX(0);-moz-transform-origin:bottom;-moz-transform-style:preserve-3d;-moz-transition:-moz-transform .3s ease;-moz-transform:translate(0)}.ui-social-locker-flip .ui-social-locker-overlay-back{transform:rotateX(-180deg) translateZ(4px);-webkit-transform:rotateX(-180deg) translateZ(4px);-moz-transform:rotateX(-180deg) translateZ(4px)}.ui-social-locker-flip .ui-social-locker-overlay-header{height:4px;transform-origin:top;transform:rotateX(-90deg);-webkit-transform-origin:top;-webkit-transform:rotateX(-90deg);-moz-transform-origin:top;-moz-transform:rotateX(-90deg)}.ui-social-locker-flip:hover .ui-social-locker-button-overlay{display:block!important;transform:translateY(4px) rotateX(-110deg);-webkit-transform:translateY(4px) rotateX(-110deg);-moz-transform:translateY(4px) rotateX(-110deg)}.ui-social-locker-flip:hover .ui-social-locker-overlay-back{border-top:2px solid #eee}.ui-social-locker-secrets .fb-like span,.ui-social-locker-secrets .fb-like iframe{width:118px!important}.ui-social-locker-secrets{padding:30px;margin:10px auto 15px auto;border:0;background-color:transparent}.ui-social-locker-secrets .ui-social-locker-inner-wrap{border:3px solid #fefefe;background-color:#f7f7f7;padding:30px}.ui-social-locker-secrets .ui-social-locker-outer-wrap{border:1px solid #e6e6e6;box-shadow:0 0 40px rgba(0,0,0,0.08)}.ui-social-locker-secrets .ui-social-locker-text,.ui-social-locker-secrets .ui-social-locker-timer,.ui-social-locker-secrets .ui-social-locker-timer *{-webkit-text-shadow:1px 1px 2px #fff;-moz-text-shadow:1px 1px 2px #fff;text-shadow:1px 1px 2px #fff}.ui-social-locker-secrets .ui-social-locker-text .ui-social-locker-strong:before,.ui-social-locker-secrets .ui-social-locker-text .ui-social-locker-strong:after{content:" ";display:inline-block;width:11px;height:14px;margin:0 9px;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtzCDZZwvBShQI79TrJUEaSz34G6T8jsn7Gqn8k35xT9BS4TA9O_-Jn6gXrjP2nD3XNc_2g7ySDgITh3Hg4fa0jfExAJDLQVTVX73PFGL08Nqc3CdIwpF_SPgs1AMYLkGfCjwl5iPHJJA/s1600/lock-icon.png") 0 2px no-repeat}.ui-social-locker-secrets .ui-social-locker-text .ui-social-locker-strong:after{margin-left:10px}.ui-social-locker-secrets .ui-social-locker-button{padding:4px;background:rgba(0,0,0,0.05)}.ui-social-locker-secrets .ui-social-locker-button-inner-wrap,.ui-social-locker-secrets .ui-social-locker-button-overlay{height:34px;width:118px}.ui-social-locker-secrets .ui-social-locker-button-inner-wrap{padding:7px;-moz-box-shadow:inset 0 0 6px rgba(0,0,0,0.25);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.25);box-shadow:inset 0 0 6px rgba(0,0,0,0.25)}.ui-social-locker-secrets .ui-social-locker-button-twitter .ui-social-locker-overlay-front{background:#399ff0 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLSzBEKd0lFy4IJYQGOu1d8W6nO4WwCPyVB1Tp6MEbYdleYicXA5HfJZh9lUXCph0f5fINGZHMFbzsRRt8cou_Qijso6U5dyMQu1iLomkh-DuxIlgfmuVBGp1ilZ2b8f0K1nW6bbsqong/s1600/tweet-btn.png") top left no-repeat}.ui-social-locker-secrets .ui-social-locker-button-twitter .ui-social-locker-overlay-back{background:#24b1e5}.ui-social-locker-secrets .ui-social-locker-button-twitter .ui-social-locker-overlay-header{background-color:#368acd}.ui-social-locker-secrets .ui-social-locker-button-facebook .ui-social-locker-overlay-front{background:#46629e url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHyHy6HV1AN_SqwjxB6P4R2IOumkbqMfd1M8eY3tTpbg6RaLjQd4l-hufhcxJkxUGEJS7Vjve4YXXoxY1T-28zdwv3GSmxpm1U6vIKvyzz36AsdlTu0Fg-1QiWdEXuLmET-0HrKhlRa7g/s1600/like-btn.png") top left no-repeat}.ui-social-locker-secrets .ui-social-locker-button-facebook .ui-social-locker-overlay-back{background:#46629e}.ui-social-locker-secrets .ui-social-locker-button-facebook .ui-social-locker-overlay-header{background-color:#314775}.ui-social-locker-secrets .ui-social-locker-button-google .ui-social-locker-overlay-front{background:#494647 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8EvR8Zp97FxbU6-y-gwfrZmnRrIj6XTyAsEUc6x3zec7DOm_g4xkBMOyWMXBw8XOfX17TNAtMZELcIxRxdd7gTFdZkooVgV0dvtuttmSY6X3xTvMT0dCvdKZlww3mjdYrajTcuYefX9Y/s1600/plus-one-btn.png") top left no-repeat}.ui-social-locker-secrets .ui-social-locker-button-google .ui-social-locker-overlay-back{background:#494647}.ui-social-locker-secrets .ui-social-locker-button-google .ui-social-locker-overlay-header{background-color:#111}.ui-social-locker-secrets .ui-social-locker-cross{top:38px;right:38px}.ui-social-locker-secrets .ui-social-locker-dandyish .ui-social-locker-outer-wrap{padding:5px;background-color:#fff;border-radius:10px}.ui-social-locker-dandyish .ui-social-locker-inner-wrap{padding:10px;border-radius:10px;background-color:f8f8f8;background:linear-gradient(top,#f9f9f9,#F5F5F5);background:-o-linear-gradient(top,#f9f9f9,#F5F5F5);background:-moz-linear-gradient(top,#f9f9f9,#F5F5F5);background:-webkit-linear-gradient(top,#f9f9f9,#F5F5F5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#F5F5F5',GradientType=0);background:-ms-linear-gradient(top,#FFF,#F5F5F5);-moz-box-shadow:inset 0 1px 6px rgba(0,0,0,0.20);-webkit-box-shadow:inset 0 1px 6px rgba(0,0,0,0.20);box-shadow:inset 0 1px 6px rgba(0,0,0,0.20)}.ui-social-locker-dandyish .ui-social-locker-text{padding:10px}.ui-social-locker-dandyish .ui-social-locker-text,.ui-social-locker-dandyish .ui-social-locker-timer,.ui-social-locker-dandyish .ui-social-locker-timer *{-webkit-text-shadow:1px 1px 2px #fff;-moz-text-shadow:1px 1px 2px #fff;text-shadow:1px 1px 2px #fff}.ui-social-locker-dandyish .ui-social-locker-text .ui-social-locker-strong:before,.ui-social-locker-dandyish .ui-social-locker-text .ui-social-locker-strong:after{content:" ";display:inline-block;width:11px;height:14px;margin:0 9px;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtzCDZZwvBShQI79TrJUEaSz34G6T8jsn7Gqn8k35xT9BS4TA9O_-Jn6gXrjP2nD3XNc_2g7ySDgITh3Hg4fa0jfExAJDLQVTVX73PFGL08Nqc3CdIwpF_SPgs1AMYLkGfCjwl5iPHJJA/s1600/lock-icon.png") 0 2px no-repeat}.ui-social-locker-dandyish .ui-social-locker-text .ui-social-locker-strong:after{margin-left:10px}.ui-social-locker-dandyish .ui-social-locker-buttons{margin:0;padding:5px}.ui-social-locker-dandyish .ui-social-locker-button{border-radius:7px;background-color:rgba(255,255,255,1);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.15);-webkit-box-shadow:0 3px 1px rgba(0,0,0,0.15);box-shadow:0 1px 3px rgba(0,0,0,0.15)}.ui-social-locker-dandyish .ui-social-locker-button .fb-like iframe{height:61px!important}.ui-social-locker-dandyish .ui-social-locker-button+.ui-social-locker-button{margin-left:15px}.ui-social-locker-dandyish .ui-social-locker-button-inner-wrap{width:85px;height:84px;padding:10px;text-align:center}.ui-social-locker-dandyish .ui-social-locker-cross{top:20px;right:20px}.ui-social-locker-dandyish .ui-social-locker-timer{right:20px;bottom:20px}.ui-social-locker-glass{padding:15px;border:0;-moz-box-shadow:0 1px 1px rgba(255,255,255,0.7),inset 0 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 1px rgba(255,255,255,0.7),inset 0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(255,255,255,0.7),inset 0 1px 1px rgba(0,0,0,0.1);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 1px #fff;background:rgba(0,0,0,0.03)}.ui-social-locker-glass .ui-social-locker-outer-wrap{padding:30px;-webkit-border-radius:11px;-moz-border-radius:11px;border-radius:11px;-webkit-shadow:0 1px 5px rgba(0,0,0,0.25),inset 0 1px 1px rgba(255,255,255,0.7);-moz-box-shadow:0 1px 5px rgba(0,0,0,0.25),inset 0 1px 1px rgba(255,255,255,0.7);box-shadow:0 1px 5px rgba(0,0,0,0.25),inset 0 1px 1px rgba(255,255,255,0.7);background:#f7f7f7;background:-moz-linear-gradient(top,rgba(255,255,255,0.5) 0,rgba(240,240,240,0.5) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0.5)),color-stop(100%,rgba(240,240,240,0.5)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.5) 0,rgba(240,240,240,0.5) 100%);background:-o-linear-gradient(top,rgba(255,255,255,0.5) 0,rgba(240,240,240,0.5) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,0.5) 0,rgba(240,240,240,0.5) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0.5) 0,rgba(240,240,240,0.5) 100%)}.ui-social-locker-glass .ui-social-locker-text .ui-social-locker-strong:before,.ui-social-locker-glass .ui-social-locker-text .ui-social-locker-strong:after{content:" ";display:inline-block;width:11px;height:14px;margin:0 9px;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtzCDZZwvBShQI79TrJUEaSz34G6T8jsn7Gqn8k35xT9BS4TA9O_-Jn6gXrjP2nD3XNc_2g7ySDgITh3Hg4fa0jfExAJDLQVTVX73PFGL08Nqc3CdIwpF_SPgs1AMYLkGfCjwl5iPHJJA/s1600/lock-icon.png") 0 2px no-repeat}.ui-social-locker-glass .ui-social-locker-button{-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.12),0px 1px 1px rgba(255,255,255,0.7);-moz-box-shadow:inset 0 0 4px rgba(0,0,0,0.12),0px 1px 1px rgba(255,255,255,0.7);box-shadow:inset 0 0 4px rgba(0,0,0,0.12),0px 1px 1px rgba(255,255,255,0.7)}.ui-social-locker-glass .ui-social-locker-cross{top:20px;right:20px}.ui-social-locker-glass .ui-social-locker-timer{right:23px;bottom:21px}#built-in-themes .title{font-style:normal;padding-bottom:0;margin-bottom:0;margin-top:25px}#built-in-themes .title:first-child{margin-top:0}#built-in-themes .example{padding:0 0 0 16px}#built-in-themes .pattern-background{background:url("http://onepress-media.com/storage/demo/social-locker-for-wordpress/img/preview-bg.png");padding:25px 25px 10px 25px;box-shadow:inset 0 0 30px #fff}.my-custom-style{padding:30px 20px 20px 220px;height:200px;background:#f8f8f8 url("http://onepress-media.com/storage/demo/social-locker-for-wordpress/img/lock-example.png") 20px 20px no-repeat}.my-custom-style .ui-social-locker-text{text-align:left}.my-custom-style .ui-social-locker-buttons{padding:0;text-align:left}.my-custom-style .ui-social-locker-button{width:100px} 
#mblunlocker { text-align: center;  font-family:Arial, serif; text-transform: uppercase; font-weight:bold; font-size:12px; position:relative}

1.4- Lưu lại là xong bước này:

☼ Bước 2: Sử dụng khi viết bài.

Bây giờ bất cứ khi nào muốn một người xem một nội dung trong bài viết cụ thể của bạn thông qua mạng xã hội, bạn có thể làm theo các hướng dẫn sau đây. (Ghi nhớ: các bước tương tự cũng có thể được sử dụng trên khu vực tiện ích và thậm chí trong một mẫu).

2.1- Về Blogger.com
2.2- Chọn đăng bài mới.
2.3- Chọn Tab HTML từ trình biên tập bài blogger và dán mã sau đây. 

<article id="default-usage">
<div class="to-lock" style="display: none;">
<div style="text-align: center; margin-bottom: 20px;">
<!--Hidden Content Starts (You can Use HTML BELOW)-->
NỘI DUNG ẨN CÁC BẠN VIẾT TẠI ĐÂY
<!--Hidden Content Ends (You can Use HTML ABOVE)-->
</div>
</div></article><div id="mblunlocker"> </div>
<script type="text/javascript" src="https://dl.dropboxusercontent.com/u/66256041/JQuery/namkna-blogspot-com/Locklike.js"></script>
<script>
jQuery(document).ready(function ($) {
$("#default-usage .to-lock").socialLock({
text: {
header: "Nội Dung Đã Được Khóa",
message: "Hãy like - theo dõi - +1 để xem nội dung khóa."
},
style: "ui-social-locker-secrets",
buttons: {
order: ["twitter", "facebook", "google"]
},
 // twitter options
twitter: {
url: "https://twitter.com/wwwKTHEMEcom",
text: "Upgrade your social buttons to get more social traffic!"
},
// facebook options
facebook: {
url: "https://www.facebook.com/haivlmax",
appId: "1645546075691237"
},
google: {
url: "http://ktheme.com"
}
});
});;;;
</script>

☼ Tùy chỉnh:

• Thay https://twitter.com/wwwKTHEMEcom thành URL trang twitter của bạn.
• Thay https://www.facebook.com/haivlmax thành URL trang cá nhân hoặc fanpage của bạn.
• Thay http://ktheme.com thành URL trang web hoặc bài viết của bạn. Lưu ý là nếu để URL trang web thì nó sẽ hiển thị tổng số lần +1 của trang. Còn URL bài viết thì chỉ hiện số lần +1 của bài viết.
• Thay NỘI DUNG ẨN CÁC BẠN VIẾT TẠI ĐÂY thành nội dung bạn muốn ẩn.
• Thay 1645546075691237 thành App ID facebook của bạn. Nếu không biết cách thì hãy tham khảo cách tạo App ID facebook ở phần một mà mình  đã giới thiệu tại đây nha

Chúc thành công!

Read More [...]

Posted in bl