{"id":4768,"date":"2015-10-06T07:35:43","date_gmt":"2015-10-06T07:35:43","guid":{"rendered":"http:\/\/tapchicntt.com\/?p=4768"},"modified":"2023-08-06T11:02:08","modified_gmt":"2023-08-06T04:02:08","slug":"thay-doi-kich-thuoc-thumbnail-cua-blogspot","status":"publish","type":"post","link":"https:\/\/tapchicntt.com\/thay-doi-kich-thuoc-thumbnail-cua-blogspot\/","title":{"rendered":"Thay \u0111\u1ed5i k\u00edch th\u01b0\u1edbc thumbnail c\u1ee7a blogspot"},"content":{"rendered":"\n

Th\u00f4ng th\u01b0\u1eddng, blogpost s\u1ebd l\u1ea5y h\u00ecnh \u1ea3nh \u0111\u1ea7u ti\u00ean c\u1ee7a b\u00e0i vi\u1ebft ra \u0111\u1ec3 l\u00e0m thumbnail v\u00e0 n\u00f3 s\u1ebd c\u00f3 k\u00edch th\u01b0\u1edbc l\u00e0 m\u1ed9t h\u00ecnh vu\u00f4ng. Trong c\u00e1c template m\u1eb7c \u0111\u1ecbnh, ph\u1ea7n Popular Post s\u1ebd c\u00f3 thumbnail l\u00e0 72x72px. Blogspot kh\u00f4ng cho ph\u00e9p b\u1ea1n thay \u0111\u1ed5i \u0111i\u1ec1u n\u00e0y, d\u00f9 b\u1ea1n c\u00f3 t\u00ecm trong ph\u1ea7n Edit HTML.<\/p>\n\n\n\n\n\n\n\n

Tuy nhi\u00ean, \u0111\u00f4i khi ch\u00fang ta mu\u1ed1n t\u1ea1o m\u1ed9t template ri\u00eang, v\u1edbi k\u00edch th\u01b0\u1edbc thumbnail ri\u00eang th\u00ec th\u1eadt kh\u00f4ng \u0111\u01a1n gi\u1ea3n. Sau 1 h\u1ed3i search tr\u00ean Internet, t\u00f4i c\u0169ng \u0111\u00e3 t\u00ecm ra c\u00e1ch l\u00e0m, v\u00e0 b\u1ea1n c\u00f3 th\u1ec3 xem trang B\u00e9 Kh\u1ecfe B\u00e9 Ngoan ph\u1ea7n Popular Post b\u00ean ph\u1ea3i.<\/p>\n\n\n\n

Hi\u1ec3u v\u1ec1 c\u00e1c k\u00edch th\u01b0\u1edbc h\u00ecnh \u1ea3nh trong Blogspot<\/h2>\n\n\n\n

Blogpost l\u01b0u tr\u1eef h\u00ecnh \u1ea3nh trong Picasa. M\u1ed7i khi b\u1ea1n upload 1 t\u1ea5m \u1ea3nh trong Blogpost, Picasa s\u1ebd t\u1ef1 \u0111\u1ed9ng t\u1ea1o ra 1 s\u1ed1 k\u00edch th\u01b0\u1edbc kh\u00e1c v\u00e0 Blogspot s\u1eed d\u1ee5ng ch\u00fang \u0111\u1ec3 l\u00e0m thumbnail. D\u01b0\u1edbi \u0111\u00e2y l\u00e0 1 s\u1ed1 v\u00ed d\u1ee5:<\/p>\n\n\n\n

\u0110\u00e2y l\u00e0 link \u0111\u1ebfn thumbnail m\u1eb7c \u0111\u1ecbnh c\u1ee7a b\u00e0i vi\u1ebft \u0110\u1ed3 d\u00f9ng cho b\u00e9 v\u00e0o nh\u1eefng ng\u00e0y l\u1ea1nh, v\u1edbi k\u00edch th\u01b0\u1edbc vu\u00f4ng 72px:<\/p>\n\n\n\n

http:\/\/1.bp.blogspot.com\/-Je8QYic0eDY\/VP8BTMD8-GI\/AAAAAAAAIRE\/ytZ-_Jx-Wf8\/s72-c\/ban-tay-than-sau-teru.jpg<\/p>\n\n\n\n

N\u1ebfu b\u1ea1n thay \u0111\u1ed5i s72-c th\u00e0nh s500-c th\u00ec s\u1ebd c\u00f3 m\u1ed9t thumbnail vu\u00f4ng kh\u00e1c k\u00edch th\u01b0\u1edbc 500px:<\/p>\n\n\n\n

http:\/\/1.bp.blogspot.com\/-Je8QYic0eDY\/VP8BTMD8-GI\/AAAAAAAAIRE\/ytZ-_Jx-Wf8\/\/s500-c\/ban-tay-than-sau-teru.jpg<\/p>\n\n\n\n

Mu\u1ed1n xem h\u00ecnh \u1ea3nh k\u00edch th\u01b0\u1edbc m\u1eb7c \u0111\u1ecbnh \u01b0? H\u00e3y thay s500-c th\u00e0nh s1600:<\/p>\n\n\n\n

http:\/\/1.bp.blogspot.com\/-Je8QYic0eDY\/VP8BTMD8-GI\/AAAAAAAAIRE\/ytZ-_Jx-Wf8\/\/s1600\/ban-tay-than-sau-teru.jpg<\/p>\n\n\n\n

Ch\u00fa \u00fd r\u1eb1ng nh\u1eefng link n\u00e0o c\u00f3 \u201c-c\u201d th\u00ec h\u00ecnh \u1ea3nh \u0111\u00f3 s\u1ebd c\u00f3 k\u00edch th\u01b0\u1edbc vu\u00f4ng. N\u1ebfu b\u1ea1n mu\u1ed1n k\u00edch th\u01b0\u1edbc th\u01b0\u1eddng th\u00ec ch\u1ec9 c\u1ea7n b\u1ecf \u201c-c\u201d ra kh\u1ecfi link. Con s\u1ed1 1600 b\u1ea1n c\u00f3 th\u1ec3 thay b\u1eb1ng b\u1ea5t c\u1ee9 s\u1ed1 n\u00e0o c\u0169ng \u0111\u1ec1u ra \u0111\u01b0\u1ee3c h\u00ecnh \u1ea3nh v\u1edbi chi\u1ec1u ngang mong mu\u1ed1n.<\/p>\n\n\n\n

Thay \u0111\u1ed5i k\u00edch th\u01b0\u1edbc thumbnail<\/h2>\n\n\n\n

\u0110\u1ec3 \u0111\u01b0\u1ee3c k\u00edch th\u01b0\u1edbc thumbnail nh\u01b0 mong mu\u1ed1n, v\u1ec1 nguy\u00ean t\u1eafc, b\u1ea1n ch\u1ec9 c\u1ea7n load \u0111\u00fang link c\u1ee7a h\u00ecnh \u1ea3nh l\u00e0 \u0111\u01b0\u1ee3c. Tuy nhi\u00ean, c\u00e1c widget (Ti\u1ec7n \u00edch) nh\u01b0 Popular Post kh\u00f4ng cho ph\u00e9p ch\u00fang ta l\u1ef1a ch\u1ecdn m\u00e0 ch\u1ec9 s\u1eed d\u1ee5ng k\u00edch th\u01b0\u1edbc 72px. Ch\u00fang ta c\u0169ng kh\u00f4ng th\u1ec3 can thi\u1ec7p v\u00e0o code c\u1ee7a c\u00e1c widget \u0111\u00f3, v\u00ec ch\u00fang ch\u1ec9 th\u1ec3 hi\u1ec7n qua 1 d\u00f2ng l\u1ec7nh \u0111\u01a1n gi\u1ea3n: expr:src=\u2019data:post.thumbnail<\/strong>\u2019<\/p>\n\n\n\n

Nh\u01b0ng ch\u00fang ta v\u1eabn c\u00f2n 1 c\u00e1ch, \u0111\u00f3 l\u00e0 d\u00f9ng javascript \u0111\u1ec3 \u0111\u1ed5i \u201cm\u00e3\u201d k\u00edch th\u01b0\u1edbc sau khi blogspot load \u0111\u01b0\u1eddng link c\u1ee7a h\u00ecnh \u1ea3nh. C\u00e1ch l\u00e0m nh\u01b0 sau:<\/p>\n\n\n\n

1\/ V\u00e0o Template \u2013> Edit HTML, t\u00ecm \u0111\u1ebfn widget Popular Post.<\/p>\n\n\n\n

2\/ G\u00f5 Ctrl+F (Cmd+F v\u1edbi Mac) v\u00e0 t\u00ecm d\u00f2ng l\u1ec7nh expr:src=\u2019data:post.thumbnail\u2019<\/p>\n\n\n\n

3\/ Th\u00eam 1 class v\u00e0o image tag, v\u00ed d\u1ee5: class=\u201dresizethumbnail\u201d<\/strong><\/p>\n\n\n

\n
\"chinh-sua-kich-thuoc-thumbnail-trong-html-blogspot\"<\/figure>\n<\/div>\n\n\n

4\/ T\u00ecm \u0111\u1ebfn cu\u1ed1i c\u1ee7a m\u00e3 HTML, ngay tr\u01b0\u1edbc th\u00eam nh\u1eefng d\u00f2ng l\u1ec7nh sau:<\/p>\n\n\n

\n<script type='text\/javascript'>\n  $(document).ready(function() {\n    $('.resizethumbnail').attr('src', function(i, src) {\n      return src.replace( 's72-c', 's500-c' );\n    });\n  });\n<\/script>\n<\/pre><\/div>\n\n\n
B\u00e2y gi\u1edd c\u00e1c thumbnail \u0111\u1ec1u \u0111\u1ed5i sang k\u00edch th\u01b0\u1edbc 500px. C\u00f2n n\u1ebfu b\u1ea1n mu\u1ed1n gi\u1eef t\u1ec9 l\u1ec7 h\u00ecnh \u1ea3nh v\u00e0 chi\u1ec1u ngang 450px ch\u1eb3ng h\u1ea1n:<\/p>\n\n\n
\n<script type='text\/javascript'>\n  $(document).ready(function() {\n    $('.resizethumbnail').attr('src', function(i, src) {\n       return src.replace( 's72-c', 's450' );\n    });\n  });\n<\/script>\n<\/pre><\/div>\n\n\n
Ch\u00fac c\u00e1c b\u1ea1n th\u00e0nh c\u00f4ng!<\/p>\n","protected":false},"excerpt":{"rendered":"
Th\u00f4ng th\u01b0\u1eddng, blogpost s\u1ebd l\u1ea5y h\u00ecnh \u1ea3nh \u0111\u1ea7u ti\u00ean c\u1ee7a b\u00e0i vi\u1ebft ra \u0111\u1ec3 l\u00e0m thumbnail v\u00e0 n\u00f3 s\u1ebd c\u00f3 […]<\/p>\n","protected":false},"author":6,"featured_media":7942,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[170],"tags":[],"class_list":["post-4768","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogger"],"views":521,"_links":{"self":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts\/4768","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/comments?post=4768"}],"version-history":[{"count":10,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts\/4768\/revisions"}],"predecessor-version":[{"id":7965,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts\/4768\/revisions\/7965"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/media\/7942"}],"wp:attachment":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/media?parent=4768"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/categories?post=4768"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/tags?post=4768"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}