Get Video Facebook chất lượng cao nhất ( dành cho các video sau khi Stream xong )
https://qdownloader.net/
Giả sử nếu các bác stream 1 video 720p trên Facebook , sau khi được replay lại , nếu dùng Fbdown hay IDM thì sẽ chỉ lấy được 480p là cùng. Việc lấy được chất lượng tận cùng không phải khó với dân chuyên , nhưng người dùng thông thường khó mà làm được như vậy Nếu bỏ Url vào trang trên , nó sẽ lấy cho bạn Toàn Bộ chất lượng của video đó mà Facebook đã render ra , và hầu hết Video phân giải cao nhất trên Facebook đều không có âm thanh , mà chia âm thanh thành một file riêng biệt (y) Không dừng lại ở đấy , Qdownloader hỗ trợ tới hơn . . 800 websites khác , bao gồm cả Insta , Twitter , Facebook , . . . (y) Nhược điểm lớn nhất là tốc độ download về thường khá chậm ( ~300kb tới 400kb ) but bỏ time ra ngồi tải video đúng chất lượng mình cần cũng khá bõ công
NGUỒN:https://qdownloader.net/
Giả sử nếu các bác stream 1 video 720p trên Facebook , sau khi được replay lại , nếu dùng Fbdown hay IDM thì sẽ chỉ lấy được 480p là cùng. Việc lấy được chất lượng tận cùng không phải khó với dân chuyên , nhưng người dùng thông thường khó mà làm được như vậy Nếu bỏ Url vào trang trên , nó sẽ lấy cho bạn Toàn Bộ chất lượng của video đó mà Facebook đã render ra , và hầu hết Video phân giải cao nhất trên Facebook đều không có âm thanh , mà chia âm thanh thành một file riêng biệt (y) Không dừng lại ở đấy , Qdownloader hỗ trợ tới hơn . . 800 websites khác , bao gồm cả Insta , Twitter , Facebook , . . . (y) Nhược điểm lớn nhất là tốc độ download về thường khá chậm ( ~300kb tới 400kb ) but bỏ time ra ngồi tải video đúng chất lượng mình cần cũng khá bõ công
DOWNLOAD:
https://qdownloader.net
or
2 dang cap nhat
or
https://www.kiemtienspeed.com/2018/09/get-video-facebook-chat-luong-cao-nhat.html
Thông tin về font Panton
Bộ Panton bao gồm 34 weights, 9 thẳng, 9 nghiêng và 16 icons tằng kèm. Được thiết kế mang đến hiệu quả dễ đọc xuất sắc, trong cả thiết kế web và in ấn - vô cùng hoàn hảo về mặt hình học. Dùng với web hay application thì hết xảy.
Được lấy cảm hứng từ những typeface cổ điển - Panton mang một phong cách độc đáo, thể hiện sự mềm mại nhưng vững chắc về mặt hình học. Bộ font phù hợp với tiêu đề ở mọi kích cỡ, và cả đoạn văn bản, nó là lựa chọn hoàn hảo cho mọi thiết kế trên web, in ấn, đồ họa động v..v và đặc biệt là áo phông, poster, logo.
NGUỒN:Bộ Panton bao gồm 34 weights, 9 thẳng, 9 nghiêng và 16 icons tằng kèm. Được thiết kế mang đến hiệu quả dễ đọc xuất sắc, trong cả thiết kế web và in ấn - vô cùng hoàn hảo về mặt hình học. Dùng với web hay application thì hết xảy.
Được lấy cảm hứng từ những typeface cổ điển - Panton mang một phong cách độc đáo, thể hiện sự mềm mại nhưng vững chắc về mặt hình học. Bộ font phù hợp với tiêu đề ở mọi kích cỡ, và cả đoạn văn bản, nó là lựa chọn hoàn hảo cho mọi thiết kế trên web, in ấn, đồ họa động v..v và đặc biệt là áo phông, poster, logo.
DOWNLOAD:
https://www.fshare.vn/file/DLN5IUGIUHLB?token=1542331923
or
https://drive.google.com/open?id=1WjmGyXOyEfpazACh8gzYn8ZmnJJlSOUs
or
http://font.vietdesigner.net/2015/03/sans-serif-panton-light-light-italic.html
Lang thang trên facebook thấy có bạn share bộ ảnh này đẹp quá, thích hợp làm hình nền là tuyệt vời, nhưng mà các con giai trên 16 tuổi hãy vào, đứa nào 15 tuổi trở xuống đi chỗ khác chơi chỗ người lớn làm việc.
NGUỒN:DOWNLOAD:
https://www.fshare.vn/file/PMOCBBAA818S?token=1542085417
or
https://drive.google.com/open?id=1Mix4EA3jO2a-3R9pphSrm2hjsHhS4HYZ
or
https://forum.vietdesigner.net/threads/16-share-bo-hinh-nen-chat-luong-4k-ve-mot-co-gai-muon-bung-chay.112814/
<button class="btn">button</button>
<button class="btn">button2</button>
<button class="btn">button3</button>
<style>
body {
text-align: center;
background: lightblue;
}
.btn {
display: inline-block;
margin: 1em;
text-transform: uppercase;
padding: 1em 1.5em;
background: none;
color:darkblue;
font-weight: bold;
position: relative;
transition:color 0.25s ease;
border:3px solid RED;
}
.btn:hover {
color:white;
}
.btn::after {
position: absolute;
content: '';
top:0;
left: 0;
width: 0;
height: 100%;
background-color: Blue;
transform-origin:left;
transition:width 0.25s ease;
z-index:-1;
}
.btn:hover::after {
width: 100%;
}
</style>
https://css-tricks.com/forums/topic/css-background-color-transition-on-hover-left-to-right/
<button class="draw">draw</button>
<button class="draw meet">draw meet</button>
<button class="center">center</button>
<button class="spin">spin</button>
<button class="spin circle">spin circle</button>
<button class="spin thick">spin thick</button>
<style>
button {
background: none;
border: 0;
box-sizing: border-box;
box-shadow: inset 0 0 0 2px #f45e61;
color: #f45e61;
font-size: inherit;
font-weight: 700;
margin: 1em;
padding: 1em 2em;
text-align: center;
text-transform: capitalize;
position: relative;
vertical-align: middle;
}
button::before,
button::after {
box-sizing: border-box;
content: '';
position: absolute;
width: 100%;
height: 100%;
}
.draw {
-webkit-transition: color 0.25s;
transition: color 0.25s;
}
.draw::before, .draw::after {
border: 2px solid transparent;
width: 0;
height: 0;
}
.draw::before {
top: 0;
left: 0;
}
.draw::after {
bottom: 0;
right: 0;
}
.draw:hover {
color: #60daaa;
}
.draw:hover::before, .draw:hover::after {
width: 100%;
height: 100%;
}
.draw:hover::before {
border-top-color: #60daaa;
border-right-color: #60daaa;
-webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.draw:hover::after {
border-bottom-color: #60daaa;
border-left-color: #60daaa;
-webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}
.meet:hover {
color: #fbca67;
}
.meet::after {
top: 0;
left: 0;
}
.meet:hover::before {
border-top-color: #fbca67;
border-right-color: #fbca67;
}
.meet:hover::after {
border-bottom-color: #fbca67;
border-left-color: #fbca67;
-webkit-transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;
transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;
}
.center:hover {
color: #6477b9;
}
.center::before, .center::after {
top: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
.center::before {
border-top: 2px solid #6477b9;
border-bottom: 2px solid #6477b9;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
}
.center::after {
border-left: 2px solid #6477b9;
border-right: 2px solid #6477b9;
-webkit-transform: scale3d(1, 0, 1);
transform: scale3d(1, 0, 1);
}
.center:hover::before, .center:hover::after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.spin {
width: 6em;
height: 6em;
padding: 0;
}
.spin:hover {
color: #0eb7da;
}
.spin::before, .spin::after {
top: 0;
left: 0;
}
.spin::before {
border: 2px solid transparent;
}
.spin:hover::before {
border-top-color: #0eb7da;
border-right-color: #0eb7da;
border-bottom-color: #0eb7da;
-webkit-transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}
.spin::after {
border: 0 solid transparent;
}
.spin:hover::after {
border-top: 2px solid #0eb7da;
border-left-width: 2px;
border-right-width: 2px;
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
-webkit-transition: -webkit-transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
}
.circle {
border-radius: 100%;
box-shadow: none;
}
.circle::before, .circle::after {
border-radius: 100%;
}
.thick {
color: #f45e61;
}
.thick:hover {
color: #fff;
font-weight: 700;
}
.thick::before {
border: 3em solid transparent;
z-index: -1;
}
.thick::after {
mix-blend-mode: color-dodge;
z-index: -1;
}
.thick:hover::before {
background: #f45e61;
border-top-color: #f45e61;
border-right-color: #f45e61;
border-bottom-color: #f45e61;
-webkit-transition: background 0s linear 0.4s, border-top-color 0.15s linear, border-right-color 0.15s linear 0.15s, border-bottom-color 0.15s linear 0.25s;
transition: background 0s linear 0.4s, border-top-color 0.15s linear, border-right-color 0.15s linear 0.15s, border-bottom-color 0.15s linear 0.25s;
}
.thick:hover::after {
border-top: 3em solid #f45e61;
border-left-width: 3em;
border-right-width: 3em;
}
</style>
https://forum.vietdesigner.net/threads/tao-hieu-ung-button-cuc-dep-cho-blogspot.129925/
or
https://codepen.io/Beohoavinh/full/ygrJOw
Copy nội dung bài viết là một trong những vấn đề nhức nhối nhất với tất cả các anh em làm web hiện nay, trong đó các Blogger cũng không ngoại lệ, các bài viết dễ dàng bị copy nội dung, người copy không phải chỉ copy ý tưởng mà copy cả nguyên văn bài viết để mang về làm của họ. Chính vì thế rất nhiều người tìm cách chống copy trên trang web của mình, và đây là hướng dẫn dành cho ae Blogger chúng ta, chỉ dùng CSS!
Làm thế nào để chống copy nội dung bài viết cho Blogspot?
Thường thì người ta sẽ dùng CSS hoặc Javascript để chống copy nội dung, nhưng mình sẽ chỉ dùng CSS để làm điều này, vì JavaScript rất nặng, sẽ làm thời gian tải trang của web tăng lên rất nhiều, gây khó chịu cho người xem!
1. Đầu tiên truy cập vào trang quản trị của Blogger tại: https://www.blogger.com
2. Vào Template (Mẫu), click vào Edit HTML (Chỉnh sửa HTML)
3. Click vào vùng code, và bấm Ctrl+F để mở hộp tìm kiếm, tìm kiếm đến thẻ ]]</b:-skin> và chèn đoạn code này lên phía trên nó:
Với class body thì có nghĩa là sẽ chống copy trên toàn trang web chúng ta, không vị trí nào có thể tạo khối khi dùng chuột trái được. Nếu các bạn chỉ muốn chống copy ở phần bài viết, thì có thể đổi body thành .post nhé, hoặc cụ thể hơn nữa thì tùy các bạn!
4. Giờ thì lưu template lại và tận hưởng thành quả đi nào ^_^
Tuy nhiên, nếu bạn là một trang chia sẻ thủ thuật, code như mình thì sao, khi đó thì chẳng ai copy được những đoạn code của bạn cả :)) Gây ức chế cho người xem, một đi không trở lại luôn nhé @@
Thường thì các đoạn code hoặc nội dung để người xem copy sẽ được đưa vào blockquote hoặc các table của Blogger để dễ nhìn, vì thế chúng ta vẫn sẽ chống copy trên phần bài viết, nhưng cho phép copy ở phần blockquote và table!
Làm thế nào để cho phép copy ở Blockquote và Table?
Các bạn hãy thêm đoạn CSS này vào phía trên thẻ ]]</b:-skin> nhé, nó chính là đoạn CSS cho phép copy:
Chú ý: .post blockquote không phải ở bất kỳ template nào cũng giống nhau, có những template sẽ là .post blockquote, và cũng rất nhiều template khác nó là blockquote. Vì thế bạn cần thay đổi cho phù hợp với template của bạn nhé :)
NGUỒN:Làm thế nào để chống copy nội dung bài viết cho Blogspot?
Thường thì người ta sẽ dùng CSS hoặc Javascript để chống copy nội dung, nhưng mình sẽ chỉ dùng CSS để làm điều này, vì JavaScript rất nặng, sẽ làm thời gian tải trang của web tăng lên rất nhiều, gây khó chịu cho người xem!
1. Đầu tiên truy cập vào trang quản trị của Blogger tại: https://www.blogger.com
2. Vào Template (Mẫu), click vào Edit HTML (Chỉnh sửa HTML)
3. Click vào vùng code, và bấm Ctrl+F để mở hộp tìm kiếm, tìm kiếm đến thẻ ]]</b:-skin> và chèn đoạn code này lên phía trên nó:
body {
-webkit-user-select: none; /* Chrome all / Safari all */
-moz-user-select: none; /* Firefox all */
-ms-user-select: none; /* IE 10+ */
-o-user-select: none;
user-select: none;
}
Với class body thì có nghĩa là sẽ chống copy trên toàn trang web chúng ta, không vị trí nào có thể tạo khối khi dùng chuột trái được. Nếu các bạn chỉ muốn chống copy ở phần bài viết, thì có thể đổi body thành .post nhé, hoặc cụ thể hơn nữa thì tùy các bạn!
4. Giờ thì lưu template lại và tận hưởng thành quả đi nào ^_^
Tuy nhiên, nếu bạn là một trang chia sẻ thủ thuật, code như mình thì sao, khi đó thì chẳng ai copy được những đoạn code của bạn cả :)) Gây ức chế cho người xem, một đi không trở lại luôn nhé @@
Thường thì các đoạn code hoặc nội dung để người xem copy sẽ được đưa vào blockquote hoặc các table của Blogger để dễ nhìn, vì thế chúng ta vẫn sẽ chống copy trên phần bài viết, nhưng cho phép copy ở phần blockquote và table!
Làm thế nào để cho phép copy ở Blockquote và Table?
Các bạn hãy thêm đoạn CSS này vào phía trên thẻ ]]</b:-skin> nhé, nó chính là đoạn CSS cho phép copy:
.post blockquote,table{-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
Chú ý: .post blockquote không phải ở bất kỳ template nào cũng giống nhau, có những template sẽ là .post blockquote, và cũng rất nhiều template khác nó là blockquote. Vì thế bạn cần thay đổi cho phù hợp với template của bạn nhé :)
https://forum.vietdesigner.net/threads/cach-chong-copy-noi-dung-bai-viet-bang-css-cho-blogspot.94685/
<!--
[Thủ Thuật Blog] Chia sẻ code Sitemap cực đẹp cho Blogspot
https://choiblogs.blogspot.com/2018/11/chia-se-code-sitemap-cuc-ep-cho-blogspot.html
-->
<style type="text/css">
#table-outer td{min-width:150px;color:#fff;}
#table-outer select,
#table-outer select,
#table-outer input{width:250px;border:1px solid #766469;color:#000;font-size:11px;padding:4px;}
#feedContainer li{border-top:#fff;border-bottom:1px solid #DADADA;margin-bottom:10px;float:left;width:100%;padding:5px 0;}
#feedContainer,
#feedContainer li{list-style:none;overflow:hidden;margin:0;}
#feedNav{text-align:center;line-height:30px;background-color:#fff;border-radius:3px;border:1px solid #fff;margin:10px 0 0;}
</style>
<div class="archiver"><div id="box_left" style="padding: 10px;"><div id="table-outer"><table border="0"><tbody>
<tr><td><label><span class="text">Sắp xếp:</span></label></td><td><select class="input" id="orderFeedBy"><option selected="" value="published">Phim Mới</option><option value="updated">Phim Cũ</option></select></td></tr>
<tr><td><label><span class="text">Danh sách nhãn:</span></label></td><td><span id="labelSorter"><select class="input" disabled=""><option selected="">Đợi Xíu...</option></select></span></td></tr>
<tr><td><label><span class="text">Từ khóa tìm kiếm (gõ có dấu):</span></label></td><td><form id="postSearcher"><input class="input" type="text" /></form></td></tr>
</tbody></table></div><header id="resultDesc"></header><br />
<ul id="feedContainer"></ul><div id="feedNav">Loading...</div>
<script type="text/javascript">
//<![CDATA[
var tocConfig = {
url: 'http://choiblogs.blogspot.com',
feedNum: 30,
labelName: (window['location']['hash'] && window['location']['hash'] != '#0' && window['location']['hash'] != '#search') ? encodeURIComponent(window['location']['hash']['substr'](1)) : false,
numChars: 300,
thumbWidth: 80,
navText: 'Xem thêm',
frontText: 'Bay lên đầu',
noImage: 'http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif',
loading: '<span>Loading...</span>',
searching: '<span>Đang Tìm Kiếm...</span>',
MonthNames: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
noResult: 'No Result'
};
function getID(_0x444ex3) {
return document['getElementById'](_0x444ex3);
};
var head = document['getElementsByTagName']('head')[0],
tocContainer = getID('feedContainer'),
feedNav = getID('feedNav'),
orderByer = getID('orderFeedBy'),
labelSorter = getID('labelSorter'),
input = getID('postSearcher')['getElementsByTagName']('input')[0],
resultDesc = getID('resultDesc'),
nextPage, feedArchive, startPage = 0;
function cropFeed(_0x444exf, _0x444ex10) {
var _0x444ex11 = _0x444exf['split']('<');
for (var _0x444ex12 = 0; _0x444ex12 < _0x444ex11['length']; _0x444ex12++) {
if (_0x444ex11[_0x444ex12]['indexOf']('>') != -1) {
_0x444ex11[_0x444ex12] = _0x444ex11[_0x444ex12]['substring'](_0x444ex11[_0x444ex12]['indexOf']('>') + 1, _0x444ex11[_0x444ex12]['length']);
};
};
_0x444ex11 = _0x444ex11['join'](' ');
_0x444ex11 = _0x444ex11['substring'](0, _0x444ex10 - 1);
return _0x444ex11;
};
function showLabels(_0x444ex10) {
var _0x444ex14 = _0x444ex10['feed']['category'],
_0x444exf = '';
_0x444exf = '<select id=\'labelSorter\' onchange=\'changeSort(this.value);\'>';
_0x444exf += '<option value=\'\' selected>Thể Loại</option>';
for (var _0x444ex3 = 0; _0x444ex3 < _0x444ex14['length']; _0x444ex3++) {
_0x444exf += '<option value=\'' + decodeURIComponent(_0x444ex14[_0x444ex3]['term']) + '\'>' + _0x444ex14[_0x444ex3]['term']['toUpperCase']() + '</option>';
};
_0x444exf += '</select>';
labelSorter['innerHTML'] = _0x444exf;
};
function showFeedList(_0x444ex16) {
var _0x444ex17 = _0x444ex16['feed']['entry'],
_0x444ex18, _0x444ex19, _0x444ex1a, _0x444ex1b, _0x444ex12, _0x444ex1c, _0x444ex1d, _0x444ex1e, _0x444ex1f, _0x444ex20, _0x444ex10 = '';
if (typeof (_0x444ex16['feed']['entry']) !== 'undefined') {
for (var _0x444ex11 = 0; _0x444ex11 < tocConfig['feedNum']; _0x444ex11++) {
_0x444ex18 = (_0x444ex17) ? _0x444ex17[_0x444ex11] : '';
nextPage = '';
if (_0x444ex11 == _0x444ex16['feed']['entry']['length']) {
break;
};
_0x444ex19 = _0x444ex18['title']['$t'];
for (var _0x444exf = 0; _0x444exf < _0x444ex18['link']['length']; _0x444exf++) {
if (_0x444ex18['link'][_0x444exf]['rel'] == 'alternate') {
_0x444ex1a = _0x444ex18['link'][_0x444exf]['href'];
break;
};
};
for (var _0x444ex3 = 0; _0x444ex3 < _0x444ex16['feed']['link']['length']; _0x444ex3++) {
if (_0x444ex16['feed']['link'][_0x444ex3]['rel'] == 'next') {
nextPage = _0x444ex16['feed']['link'][_0x444ex3]['href'];
};
};
for (var _0x444ex14 = 0; _0x444ex14 < _0x444ex18['link']['length']; _0x444ex14++) {
if (_0x444ex18['link'][_0x444ex14]['rel'] == 'replies' && _0x444ex18['link'][_0x444ex14]['type'] == 'text/html') {
_0x444ex20 = _0x444ex18['link'][_0x444ex14]['title'];
break;
};
};
if ('content' in _0x444ex18) {
_0x444ex12 = _0x444ex18['content']['$t'];
} else {
if ('summary' in _0x444ex18) {
_0x444ex12 = _0x444ex18['summary']['$t'];
} else {
_0x444ex12 = '';
};
}; if ('media$thumbnail' in _0x444ex18) {
_0x444ex1b = _0x444ex18['media$thumbnail']['url']['replace'](/\/s[0-9]+\-c/, '/s' + tocConfig['thumbWidth'] + '-c');
} else {
_0x444ex1b = tocConfig['noImage']['replace'](/\/s[0-9]+\-c/, '/s' + tocConfig['thumbWidth'] + '-c');
};
postdate = _0x444ex18['published']['$t']['substring'](0, 10);
_0x444ex1c = postdate['substring'](0, 4);
_0x444ex1d = postdate['substring'](5, 7);
_0x444ex1e = postdate['substring'](8, 10);
_0x444ex1f = tocConfig['MonthNames'][parseInt(_0x444ex1d, 10) - 1];
_0x444ex10 += '<li><div>';
_0x444ex10 += '<a href=\'' + _0x444ex1a + '\' target=\'_blank\'><img style=\'float:left;width:' + tocConfig['thumbWidth'] + 'px;height:' + tocConfig['thumbWidth'] + 'px;margin-right:10px;\' src=\'' + _0x444ex1b + '\' alt=\'' + _0x444ex19 + '\' /></a>';
_0x444ex10 += '<h2 style=\'font-size:14px;\'><a href=\'' + _0x444ex1a + '\' target=\'_blank\'>' + _0x444ex19 + '</a></div>';
_0x444ex10 += '<div style=\'margin-top:5px;\'>' + cropFeed(_0x444ex12, tocConfig['numChars']) + '…<br style=\'clear:both;\'/></h2>';
_0x444ex10 += 'on: <span>' + _0x444ex1e + '</span>/<span>' + _0x444ex1f + '</span>/<span>' + _0x444ex1c + '</span></div></div></li>';
};
if (input['value'] !== '' && window['location']['hash'] == '#search') {
resultDesc['innerHTML'] = '<span>Search Result for Keyword <strong>"' + input['value'] + '"</strong></span>';
} else {
resultDesc['innerHTML'] = '';
};
feedContainer['innerHTML'] += _0x444ex10;
if (nextPage) {
if (window['location']['hash'] && window['location']['hash'] !== '#0') {
_0x444ex10 = '<a href=\'javascript:initResult(2);\' class=\'next\'>' + tocConfig['navText'] + '</a>';
} else {
_0x444ex10 = '<a href=\'javascript:initResult(1);\' class=\'next\'>' + tocConfig['navText'] + '</a>';
};
} else {
_0x444ex10 = '<a href=\'#table-outer\' onclick=\'jQuery('html, body').animate({scrollTop: jQuery('#table-outer').offset().top}, 1500); return false\' class=\'front\'>' + tocConfig['frontText'] + '</a>';
};
feedNav['innerHTML'] = _0x444ex10;
input['value'] = '';
labelSorter['getElementsByTagName']('select')[0]['removeAttribute']('disabled');
orderByer['removeAttribute']('disabled');
} else {
feedContainer['innerHTML'] = '';
alert(tocConfig['noResult']);
feedNav['innerHTML'] = '<a href=\'?reload=true\'>' + tocConfig['frontText'] + '</a>';
searchDesc['innerHTML'] = '';
};
};
function initResult(_0x444ex14) {
var _0x444ex3, _0x444ex10;
if (_0x444ex14 == 1) {
_0x444ex3 = nextPage['indexOf']('?');
_0x444ex10 = nextPage['substring'](_0x444ex3);
} else {
if (_0x444ex14 == 2) {
_0x444ex3 = nextPage['indexOf']('?');
_0x444ex10 = nextPage['substring'](_0x444ex3)['replace'](/\?/, '/-/' + window['location']['hash']['substr'](1) + '?');
} else {
_0x444ex10 = '?start-index=1&max-results=' + tocConfig['feedNum'] + '&orderby=' + orderByer['value'] + '&alt=json-in-script';
};
};
_0x444ex10 += '&callback=showFeedList';
updateScript(_0x444ex10);
};
function removeScript() {
var _0x444ex14 = getID('temporer-script');
_0x444ex14['parentNode']['removeChild'](_0x444ex14);
};
function buildLabels() {
var _0x444ex14 = document['createElement']('script');
_0x444ex14['type'] = 'text/javascript';
_0x444ex14['src'] = (tocConfig['url'] === '' ? window['location']['protocol'] + '//' + window['location']['host'] : tocConfig['url']) + '/feeds/posts/summary?max-results=0&alt=json-in-script&callback=showLabels';
head['appendChild'](_0x444ex14);
};
function updateScript(_0x444ex3) {
if (startPage == 1) {
removeScript();
};
feedNav['innerHTML'] = tocConfig['loading'];
if (tocConfig['labelName'] !== false) {
feedArchive = (tocConfig['url'] === '' ? window['location']['protocol'] + '//' + window['location']['host'] : tocConfig['url']) + '/feeds/posts/summary/-/' + tocConfig['labelName'] + _0x444ex3;
} else {
feedArchive = (tocConfig['url'] === '' ? window['location']['protocol'] + '//' + window['location']['host'] : tocConfig['url']) + '/feeds/posts/summary' + _0x444ex3;
};
var _0x444ex14 = document['createElement']('script');
_0x444ex14['type'] = 'text/javascript';
_0x444ex14['src'] = feedArchive;
_0x444ex14['id'] = 'temporer-script';
head['appendChild'](_0x444ex14);
startPage = 1;
};
function changeSort(_0x444ex10) {
removeScript();
tocContainer['innerHTML'] = '';
feedNav['innerHTML'] = tocConfig['loading'];
var _0x444ex3 = document['createElement']('script'),
_0x444exf = labelSorter['getElementsByTagName']('select')[0],
_0x444ex14 = (_0x444ex10 !== 0) ? '/-/' + _0x444ex10 : '';
_0x444ex3['type'] = 'text/javascript';
_0x444ex3['id'] = 'temporer-script';
_0x444ex3['src'] = (tocConfig['url'] === '' ? window['location']['protocol'] + '//' + window['location']['host'] : tocConfig['url']) + '/feeds/posts/summary' + _0x444ex14 + '?alt=json-in-script&max-results=' + tocConfig['feedNum'] + '&orderby=' + orderByer['value'] + '&callback=showFeedList';
head['appendChild'](_0x444ex3);
_0x444exf['disabled'] = true;
orderByer['disabled'] = true;
window['location']['hash'] = _0x444ex10;
};
function searchPost() {
removeScript();
tocContainer['innerHTML'] = '';
resultDesc['innerHTML'] = '';
feedNav['innerHTML'] = tocConfig['searching'];
var _0x444ex14 = document['createElement']('script');
_0x444ex14['type'] = 'text/javascript';
_0x444ex14['id'] = 'temporer-script';
_0x444ex14['src'] = (tocConfig['url'] === '' ? window['location']['protocol'] + '//' + window['location']['host'] : tocConfig['url']) + '/feeds/posts/summary?alt=json-in-script&orderby=published&q=' + input['value'] + '&max-results=9999&callback=showFeedList';
head['appendChild'](_0x444ex14);
window['location']['hash'] = '#search';
return false;
};
getID('postSearcher')['onsubmit'] = function () {
return searchPost();
};
orderByer['onchange'] = function () {
changeSort(0);
};
labelSorter['getElementsByTagName']('select')[0]['onchange'] = function () {
changeSort(this['value']);
};
window['onload'] = function () {
initResult(0);
buildLabels();
window['location']['hash'] = '#0';
};
//]]>
</script>
<div class="clear"></div></div></div>
feedNum: 30, : Số ký tự tối đa tiêu đề sẽ hiển thị.
numChars: 300, : Số ký tự mô tả bài viết sẽ hiển thị ( 0 là không hiển thị mô tả thay vào đó sẽ là dấu '...')
thumbWidth: 80, : Độ rộng của ảnh thumbnails bài viết, hãy thay đổi cho phù hợp với Blogspot của bạn.
https://forum.vietdesigner.net/threads/chia-se-code-sitemap-cuc-dep-cho-blogspot.104485/
Mình đã xuất bản 2 bài viết nói về các chằn Video từ Youtube vào Blogspot. Theo mình nghĩ, hai bài viết trước đó của mình lại không hoàn hảo: Bài thứ nhất: Đơn thuần là tạo chức năng Responsive cho Video _ Nhưng lại không trang trí (tạo hiệu ứng). Bài thứ hai: Đơn thuần là trang trí (Tạo hiệu ứng) cho Video _ Nhưng lại không có chức năng Responsive.
Đến với bài viết hôm nay, mình sẽ gộp cả hai chức năng trên lại với nhau để đưa ra thủ thuật hoàn hảo nhất về cách chằn Video từ Youtube vào Blogspot mà mình đã phát hành.
Bước 1: Vào Blog => Mẫu => Chỉnh sửa HTML. Nhấn tổ hợp phím Ctrl + F và tìm đến thẻ </b:skin>. Sau đó dán đoạn mã Code sau ở phía trên thẻ </b:skin> và Lưu mẫu lại.
Bước 2: Nhúng Video từ Youtube vào trong bài viết bằng cú pháp dưới đây:
ùy chỉnh:
· Thay phần tô màu vàng thành ID Video của bạn.
· Các Bạn có thể thay đổi khung khác nhưng phải tùy chỉnh lại kích thước chiều cao và chiều rộng (Giống như khung hình Mình đã đưa ra ở trên).
Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều.
NGUỒN:Đến với bài viết hôm nay, mình sẽ gộp cả hai chức năng trên lại với nhau để đưa ra thủ thuật hoàn hảo nhất về cách chằn Video từ Youtube vào Blogspot mà mình đã phát hành.
Bước 1: Vào Blog => Mẫu => Chỉnh sửa HTML. Nhấn tổ hợp phím Ctrl + F và tìm đến thẻ </b:skin>. Sau đó dán đoạn mã Code sau ở phía trên thẻ </b:skin> và Lưu mẫu lại.
<!-- [Thủ Thuật Blog] Chèn Video từ Youtube vào Blogspot trong khung Laptop có chức năng Responsive.
https://choiblogs.blogspot.com/2018/11/thu-thuat-blog-chen-video-tu-youtube.html
-->
<style>
.tb_outer_wrap {
width: 100%;
max-width: 650px;
margin: 15px auto;
}
.tb_video_wrap_macbook {
position: relative;
padding-bottom: 43%;
padding-top: 0;
height: 0;
overflow: hidden;
-webkit-border-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUUDXCVdgAK78Felo__2g0wO2WPvcjvGxXAEg1_uL3w8iKLawbAdtfzvbzSJUMj_N4RzfCdexbBrRSIDigEjXrfiy2cgeHKDeruyzuYj_MQ9k615ORJ5cQTicj6ZcTylmRiHMwU-RIUAE/s1600/macbook+laptop+frame.png') 50 233 112 228 stretch stretch;
-moz-border-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUUDXCVdgAK78Felo__2g0wO2WPvcjvGxXAEg1_uL3w8iKLawbAdtfzvbzSJUMj_N4RzfCdexbBrRSIDigEjXrfiy2cgeHKDeruyzuYj_MQ9k615ORJ5cQTicj6ZcTylmRiHMwU-RIUAE/s1600/macbook+laptop+frame.png') 50 233 112 228 stretch stretch;
-o-border-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUUDXCVdgAK78Felo__2g0wO2WPvcjvGxXAEg1_uL3w8iKLawbAdtfzvbzSJUMj_N4RzfCdexbBrRSIDigEjXrfiy2cgeHKDeruyzuYj_MQ9k615ORJ5cQTicj6ZcTylmRiHMwU-RIUAE/s1600/macbook+laptop+frame.png') 50 233 112 228 stretch stretch;
border-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUUDXCVdgAK78Felo__2g0wO2WPvcjvGxXAEg1_uL3w8iKLawbAdtfzvbzSJUMj_N4RzfCdexbBrRSIDigEjXrfiy2cgeHKDeruyzuYj_MQ9k615ORJ5cQTicj6ZcTylmRiHMwU-RIUAE/s1600/macbook+laptop+frame.png') 50 233 112 228 stretch stretch;
border-color: rgba(0, 0, 0, 0);
border-width: 27px 76px 55px 76px;
border-style: inset;
}
.tb_video_wrap_macbook iframe, .tb_video_wrap_macbook object, .tb_video_wrap_macbook embed {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: #ddd;
}
@media (max-width: 500px) {
.tb_video_wrap_macbook {
border-width: 20px 62px 40px 62px;
}
@media all and (max-width: 400px) {
.tb_video_wrap_macbook {
border: none !important;
}
}
</style>
Bước 2: Nhúng Video từ Youtube vào trong bài viết bằng cú pháp dưới đây:
<div class="tb_outer_wrap">
<div class="tb_video_wrap_macbook">
<iframe width="560" height="315" src="https://www.youtube.com/embed/6bnUdWKrfd4?rel=0&theme=dark&controls=1&showinfo=0&autohide=0" frameborder="0" allowfullscreen=""></iframe>
</div>
</div>
ùy chỉnh:
· Thay phần tô màu vàng thành ID Video của bạn.
· Các Bạn có thể thay đổi khung khác nhưng phải tùy chỉnh lại kích thước chiều cao và chiều rộng (Giống như khung hình Mình đã đưa ra ở trên).
Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều.
DOWNLOAD:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUUDXCVdgAK78Felo__2g0wO2WPvcjvGxXAEg1_uL3w8iKLawbAdtfzvbzSJUMj_N4RzfCdexbBrRSIDigEjXrfiy2cgeHKDeruyzuYj_MQ9k615ORJ5cQTicj6ZcTylmRiHMwU-RIUAE/s1600/macbook+laptop+frame.png
or
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIzXplxsTdOeIHJJwuBdN8RTuOpQHCgy_1EFgND8QWM_gdJbFBJnRzuTtD0QbfoXOSz990sHHzUs0AJ279ilaqxtO9FFNujJSeQFV8_ntsEjttlo-fEVaVnpf5WTObqkIGQq54hd_xKiA/s1600/macbook+laptop+frame.png
or
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIzXplxsTdOeIHJJwuBdN8RTuOpQHCgy_1EFgND8QWM_gdJbFBJnRzuTtD0QbfoXOSz990sHHzUs0AJ279ilaqxtO9FFNujJSeQFV8_ntsEjttlo-fEVaVnpf5WTObqkIGQq54hd_xKiA/s1600/macbook+laptop+frame.png
https://www.windows2it.com/2016/02/chen-video-tu-youtube-vao-blogspot-trong-khung-laptop-co-chuc-nang-responsive.html
Lỗi thứ nhất: Thường mấy bạn bắt đầu làm Blog trên nền tảng Blogger cứ nghỉ rằng ảnh upload lên Blogspot có liên quan gì ảnh trên picasaweb.google.com hay Google+ đâu mà nó cứ xuất hiện ở trên đây nhỉ? Vậy là xóa hết ảnh trên picasaweb.google.com hay Google+ rồi vô lại Blog. Ôi! ảnh trên Blog của mình đâu hết rùi L => ''Lỗi ảnh do xóa một cách vô tội vạ khi chưa biết gì''. Vì ảnh upload lên Blogspot hay upload lên Google+ nó đều lưu trữ ở picasaweb.google.com, tới đây chắc mấy bạn cũng biết tại sao xóa ảnh trên picasaweb.google.com hay Google+ thì ảnh trên Blog bị lỗi rùi đúng không nào. Cách khắc phục duy nhất là các bạn phải upload lại tất cả các ảnh đã bị xóa và đi thay link từng ảnh một. Hãy cẩn thận trước khi làm thứ gì mà mình chưa biết!
Lỗi thứ hai: Lỗi do nhà mạng chặn lý do thì chắc Bạn nào cũng biết hết rồi, nhà mạng chỉ chặn các domain chứa link .blogspot.com thôi nhé! Vậy đâu là lối thoát cho người dùng Blogger? Vâng, với một thủ thuật đơn giản sau đây, hình ảnh sẽ được hiển thị dù bị nhà mạng chặn.
Cách 1: Chỉnh sửa một cách thủ công: Khi upload ảnh lên bài viết, link ảnh sẽ có dạng *.bp.blogspot.com, bạn chỉ cần chuyển bài viết qua chế độ HTML rồi sửa link đó thành lh4.googleusercontent.com hoặc lh4.ggpht.com là được.
Cách 2: Sử dụng một đoạn Javascript, với cách này link ảnh sẽ tự động chuyển về dạng lh4.googleusercontent.com bạn sẽ không cần ngồi sửa thủ công từng ảnh một. Vào Blog => Mẫu => Chỉnh sửa HTML. Nhấn tổ hợp phím Ctrl + F và tìm đến thẻ
Lỗi thứ hai: Lỗi do nhà mạng chặn lý do thì chắc Bạn nào cũng biết hết rồi, nhà mạng chỉ chặn các domain chứa link .blogspot.com thôi nhé! Vậy đâu là lối thoát cho người dùng Blogger? Vâng, với một thủ thuật đơn giản sau đây, hình ảnh sẽ được hiển thị dù bị nhà mạng chặn.
Cách 1: Chỉnh sửa một cách thủ công: Khi upload ảnh lên bài viết, link ảnh sẽ có dạng *.bp.blogspot.com, bạn chỉ cần chuyển bài viết qua chế độ HTML rồi sửa link đó thành lh4.googleusercontent.com hoặc lh4.ggpht.com là được.
Cách 2: Sử dụng một đoạn Javascript, với cách này link ảnh sẽ tự động chuyển về dạng lh4.googleusercontent.com bạn sẽ không cần ngồi sửa thủ công từng ảnh một. Vào Blog => Mẫu => Chỉnh sửa HTML. Nhấn tổ hợp phím Ctrl + F và tìm đến thẻ