<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/3576124627-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY7RcB1XWkSW11KCBUgvqpLRTMBbXQ:1727033010918';_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/bea942728df245a5', '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': 'Twitter', 'key': 'twitter', 'shareMessage': 'Bagikan ke Twitter', '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': 'Cara Mendapatkan Pembayaran Google Adsense Melalui Western Union', 'id': 3408729657053204350}, {'title': 'Update, Cara Menciptakan Logo Keren Untuk Blog Dengan Aplikasi Picsart', 'id': 1050510470532636026}, {'title': 'Penyedia Jasa Hosting Terbaik Dan Termurah', 'id': 1426881614818634908}, {'title': 'Mi-Whatsapp Oreo 2.19.52', 'id': 3580693233563442335}, {'title': 'Update, Cara Pendaftaran Ulang Kartu Xl Lewat Sms 2018', 'id': 3949916134591198031}]}, {'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/128363787-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-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>