<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=4555673361789615932&zx=bc654ea9-5ecb-4f0c-a673-172bf1f5e8af' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=4555673361789615932&zx=bc654ea9-5ecb-4f0c-a673-172bf1f5e8af' rel='stylesheet'/></noscript>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

</head><body>

Cara Menciptakan Youtube Responsive Di Blogger

FAST DOWNLOADads

Cara Membuat Youtube Responsive di Blogger - Youtube yaitu situs menyebarkan video paling terkenal ketika ini di mana Anda sanggup mengunggah video, melihat video, atau Anda juga sanggup mendapat uang dari YouTube dengan mendaftarkan akun Adsense dari YouTube. Ada kalanya kita harus memasukkan video ke dalam posting dan seringkali video diambil dari Youtube, kini video sanggup ditonton dengan nyaman oleh pengguna seluler yang harus dibentuk responsif, oleh alasannya yaitu itu, ketika ini akan menyebarkan cara memasang video Youtube responsif default.

Cara Membuat Youtube Responsive di Blogger Cara Membuat Youtube Responsive di Blogger

Cara Membuat Youtube Responsive di Blogger

Untuk penggunaannya sangat sederhana, sesudah menyimpan arahan jquery di area badan html, arahan default youtube embed sanggup diinstal dalam posting tanpa mengubah arahan embed, berikut caranya:

Log In ke Blog anda
Pilih Template - Edit HTML
Cari ]]></b:skin> dari letakkan arahan dibawah ini sempurna di atas ]]></b:skin>

.blodroi-vdo { width:100%; max-width:560px; margin:15px auto; } .blodroi-vdowp { position:relative; padding-bottom:56%; padding-top:0; height:0; background-color:#000 !important; } .blodroi-vdowp iframe,.seocips-vdowp object,.blodroi-vdowp embed { position:absolute; top:0; width:100%; height:100%; }

Masukkan arahan dibawah ini ke artikel anda pada HTML sebelah Compose

<div class="blodroi-vdo">
<div class="blodroi-vdowp bottomshadows">
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/LxuVerR2lFU" width="560"></iframe> </div>
</div>

Save Template

Keterangan :
Biru : Ganti yang berwarna BIRU dengan video anda. Atau anda sanggup mengganti seluruh URL ibarat diatas.

Sekarang video youtube terpasang di posting sudah responsif, yang berarti video sanggup menyesuaikan ukuran layar apapun. Demikian isu perihal Cara Membuat Youtube Responsive di Blogger. Maaf kalau ada kekurangan, silahkan tambahkan beberapa kekurangan pada artikel di kolom komentar. Saya harap isu ini bermanfaat.FAST DOWNLOADads| Server1 | Server2 | Server3 |

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/984859869-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY6hasB904wuuqr6JaqUQ2m5VHuWdw:1732610562491';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d4555673361789615932','//whatsappmodterbaru.blogspot.com/2019/01/cara-menciptakan-youtube-responsive-di.html','4555673361789615932');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '4555673361789615932', 'title': 'Whatsappmodterbaru', 'url': 'https://whatsappmodterbaru.blogspot.com/2019/01/cara-menciptakan-youtube-responsive-di.html', 'canonicalUrl': 'https://whatsappmodterbaru.blogspot.com/2019/01/cara-menciptakan-youtube-responsive-di.html', 'homepageUrl': 'https://whatsappmodterbaru.blogspot.com/', 'searchUrl': 'https://whatsappmodterbaru.blogspot.com/search', 'canonicalHomepageUrl': 'https://whatsappmodterbaru.blogspot.com/', 'blogspotFaviconUrl': 'https://whatsappmodterbaru.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'id', 'localeUnderscoreDelimited': 'id', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Whatsappmodterbaru - Atom\x22 href\x3d\x22https://whatsappmodterbaru.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Whatsappmodterbaru - RSS\x22 href\x3d\x22https://whatsappmodterbaru.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Whatsappmodterbaru - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/4555673361789615932/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Whatsappmodterbaru - Atom\x22 href\x3d\x22https://whatsappmodterbaru.blogspot.com/feeds/6669239047805967746/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/1339d576f20ca433', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Dapatkan link', 'key': 'link', 'shareMessage': 'Dapatkan link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Bagikan ke Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Bagikan ke X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Bagikan ke Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27id\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Baca selengkapnya', 'pageType': 'item', 'postId': '6669239047805967746', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtaApSUFz8vk6MESA_RTitMUF3Zh7PYG21BRRlP-rca2txFJ4jXtDU8d6yqSodBBzcMw-ig8-bB8cQPnKrEwHyPTMpPFvcCR9_ISDVYLp_X3ArbVwd_X2YeWGCMV-zfZAC8dnbS4xB8AoQ/s72-c/Youtube.jpg', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtaApSUFz8vk6MESA_RTitMUF3Zh7PYG21BRRlP-rca2txFJ4jXtDU8d6yqSodBBzcMw-ig8-bB8cQPnKrEwHyPTMpPFvcCR9_ISDVYLp_X3ArbVwd_X2YeWGCMV-zfZAC8dnbS4xB8AoQ/s640/Youtube.jpg', 'pageName': 'Cara Menciptakan Youtube Responsive Di Blogger', 'pageTitle': 'Whatsappmodterbaru: Cara Menciptakan Youtube Responsive Di Blogger'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Khusus', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Cara Menciptakan Youtube Responsive Di Blogger', 'description': 'Cara Membuat Youtube Responsive di Blogger  -\xa0 Youtube yaitu situs menyebarkan video paling terkenal ketika ini di mana Anda sanggup mengung...', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtaApSUFz8vk6MESA_RTitMUF3Zh7PYG21BRRlP-rca2txFJ4jXtDU8d6yqSodBBzcMw-ig8-bB8cQPnKrEwHyPTMpPFvcCR9_ISDVYLp_X3ArbVwd_X2YeWGCMV-zfZAC8dnbS4xB8AoQ/s640/Youtube.jpg', 'url': 'https://whatsappmodterbaru.blogspot.com/2019/01/cara-menciptakan-youtube-responsive-di.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 6669239047805967746}}, {'name': 'widgets', 'data': [{'title': 'Logo', 'type': 'HTML', 'sectionId': 'header-main', 'id': 'HTML50'}, {'title': 'Icons, Dark, Search', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList52'}, {'title': 'Postingan Blog', 'type': 'Blog', 'sectionId': 'blog-post', 'id': 'Blog50', 'posts': [{'id': '6669239047805967746', 'title': 'Cara Menciptakan Youtube Responsive Di Blogger', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtaApSUFz8vk6MESA_RTitMUF3Zh7PYG21BRRlP-rca2txFJ4jXtDU8d6yqSodBBzcMw-ig8-bB8cQPnKrEwHyPTMpPFvcCR9_ISDVYLp_X3ArbVwd_X2YeWGCMV-zfZAC8dnbS4xB8AoQ/s640/Youtube.jpg', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'icons', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Label:'}]}], 'allBylineItems': [{'name': 'icons', 'label': ''}, {'name': 'labels', 'label': 'Label:'}]}, {'title': '#You may also like', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML1'}, {'title': 'Popular Posts', 'type': 'PopularPosts', 'sectionId': 'sidebar-static', 'id': 'PopularPosts50', 'posts': [{'title': 'Mi-Whatsapp Cloud 2.19.42', 'id': 1097592303200711646}, {'title': 'Cara Root Samsung Galaxy A5 2016', 'id': 2888158538401972724}, {'title': 'Update Cara Membuat Tombol L1 R1 Untuk Pubg Mobile, Rules Of Survival, Dan Free Fire', 'id': 2998646772781608108}, {'title': 'Update, Cara Menghapus Postingan/Artikel Di Pencarian Google Secara\nPermanen', 'id': 5189536903961348096}, {'title': 'Delta Bbm V4.4.0 Base Version 3.3.7.97', 'id': 6029474004704544749}]}, {'title': 'Categories', 'type': 'Label', 'sectionId': 'sidebar-static', 'id': 'Label50'}, {'title': '#Recent Post', 'type': 'HTML', 'sectionId': 'sidebar-static', 'id': 'HTML2'}, {'title': 'Copyright', 'type': 'HTML', 'sectionId': 'copyright', 'id': 'HTML56'}, {'title': 'SVG Icons', 'type': 'HTML', 'sectionId': 'jet-options', 'id': 'HTML57'}]}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML50', 'header-main', document.getElementById('HTML50'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList52', 'header-main', document.getElementById('LinkList52'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog50', 'blog-post', document.getElementById('Blog50'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2646514562-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1964470060-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'ads-post', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts50', 'sidebar-static', document.getElementById('PopularPosts50'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label50', 'sidebar-static', document.getElementById('Label50'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar-static', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML56', 'copyright', document.getElementById('HTML56'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML57', 'jet-options', document.getElementById('HTML57'), {}, 'displayModeFull'));
</script>
</body>