Documentation Bikbok

Bikbok - Video Youtobe Blogger Template

Created : 02/05/2024
Last Update : 25/06/2026
Author : Rian seo

Basic Setup

Template Setting

Setting Profile
Setting Color Template
Setting Post Video Youtube
Setting Post Video type MP4
Setting Widget Post Product

Setting Profile

Open Blogger > Layout > Profile Details >

*Write caption according to what you specified

*Write the number of followers according to what you specified

Setting Post Video Youtube

Open Blogger > New Post > HTML view

Search your video in Youtube.

Copy code below :

<iframe id='player' width="100%" height="100%" src="https://www.youtube.com/embed/ID_VIDEO_YOUTUBE?wmode=opaque&autohide=0&autoplay=1&enablejsapi=1" title="Title post video" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=''></iframe>

Instructions :

Change code ID_VIDEO_YOUTUBE with code video embed Youtube
Use a label with the video name for each post
Use a location for each post

*You can apply all post theme settings according to your choice in Blogger

Add Video MP4

You have to copy the code below to be able to display the video.

<video id="player" playsinline controls>
  <source src="https://res.cloudinary.com/rianseo-com/video/upload/v1764047618/property-single-video-1_oeiofs.mp4" type="video/mp4">
</video>

Change your blogger post mode to HTML view mode, not Compose view.

Best recommendations for Blogger / Video Website

Needs	Recommendation
Elegant, premium player	Vimeo
Fast and hassle-free video	BunnyCDN Stream
Free & easy	Streamable / Google Drive
Large file hosting	Mega / Wasabi
For movies / dramas	DoodStream / MixDrop

Product Widget

Open Blogger > Layout > Item Product > Add Widget > Image

Upload your image product

Add link Affiliate and other.

تعليقان (2)

Demo

نوفمبر 12, 2024

Posible swiping video?
Temabanua

نوفمبر 12, 2024

Can not

تعرّف على كيفية تنسيق تعليقك

إليك دليلًا سريعًا حول كيفية إضافة تنسيق HTML إلى تعليقك.

<i rel="pre"></i> لكتل الأكواد البرمجية
<i rel="blockquote"></i> لاقتباس النصوص
<i rel="code"></i> لعرض مقاطع كود قصيرة
<i rel="img">URL image<i> لإدراج صورة (يجب أن تكون مستضافة خارجيًا)

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/3432011497-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AEUoTZpxbZJZUvAiewKiInDXD6nA:1784667876106';_WidgetManager._Init('//draft.blogger.com/rearrange?blogID\x3d3133353195758332519','//www.temabanua.com/p/documentation-bikbok.html?hl\x3dar','3133353195758332519');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '3133353195758332519', 'title': 'Blogger Template from Temabanua', 'url': 'https://www.temabanua.com/p/documentation-bikbok.html?hl\x3dar', 'canonicalUrl': 'https://www.temabanua.com/p/documentation-bikbok.html', 'homepageUrl': 'https://www.temabanua.com/?hl\x3dar', 'searchUrl': 'https://www.temabanua.com/search', 'canonicalHomepageUrl': 'https://www.temabanua.com/', 'blogspotFaviconUrl': 'https://www.temabanua.com/favicon.ico', 'bloggerUrl': 'https://draft.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'ar', 'localeUnderscoreDelimited': 'ar', 'languageDirection': 'rtl', '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\x22Blogger Template from Temabanua - Atom\x22 href\x3d\x22https://www.temabanua.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Blogger Template from Temabanua - RSS\x22 href\x3d\x22https://www.temabanua.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Blogger Template from Temabanua - Atom\x22 href\x3d\x22https://draft.blogger.com/feeds/3133353195758332519/posts/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/37c4cc789ad2acf9', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': '\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0631\u0627\u0628\u0637', 'key': 'link', 'shareMessage': '\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0631\u0627\u0628\u0637', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': '\u0645\u0634\u0627\u0631\u0643\u0629 \u0625\u0644\u0649 Facebook', 'target': 'facebook'}, {'name': '\u0643\u062a\u0627\u0628\u0629 \u0645\u062f\u0648\u0646\u0629 \u062d\u0648\u0644 \u0647\u0630\u0647 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629', 'key': 'blogThis', 'shareMessage': '\u0643\u062a\u0627\u0628\u0629 \u0645\u062f\u0648\u0646\u0629 \u062d\u0648\u0644 \u0647\u0630\u0647 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': '\u0645\u0634\u0627\u0631\u0643\u0629 \u0625\u0644\u0649 X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': '\u0645\u0634\u0627\u0631\u0643\u0629 \u0625\u0644\u0649 Pinterest', 'target': 'pinterest'}, {'name': '\u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a', 'key': 'email', 'shareMessage': '\u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27ar\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': '\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u0632\u064a\u062f', 'pageType': 'static_page', 'pageId': '3697127135647238035', 'pageName': 'Documentation Bikbok', 'pageTitle': 'Blogger Template from Temabanua: Documentation Bikbok', 'metaDescription': 'Web Documentation Bikbok - Blogger Template Video Youtobe and Image'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': '\u062a\u0639\u062f\u064a\u0644', 'linkCopiedToClipboard': '\u062a\u0645 \u0646\u0633\u062e \u0627\u0644\u0631\u0627\u0628\u0637 \u0625\u0644\u0649 \u0627\u0644\u062d\u0627\u0641\u0638\u0629', 'ok': '\u062d\u0633\u0646\u064b\u0627', 'postLink': '\u0631\u0627\u0628\u0637 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': '\u0645\u062e\u0635\u0635', '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': 'Documentation Bikbok', 'description': 'Web Documentation Bikbok - Blogger Template Video Youtobe and Image', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjILqS0cMcfWsI01bWHguewrN9NqmyYbO_RrsEnPSnCZYJKhzvDHpoUQckWhCrPW9EUDgArSB8UwAxQUZPZhpus4XDlLw-5vBwtbrLn4QX_UmX6l-gkO6XqP7fM11r3iEy2OCRgVSaKmUd8wUzMj_mDLprYwmZL19_QPl0hzpl0FVMoDr7M_du3wkOh799I/s1600/temabanua-favicon.ico', 'url': 'https://www.temabanua.com/p/documentation-bikbok.html?hl\x3dar', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': true, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'pageId': 3697127135647238035}}, {'name': 'widgets', 'data': [{'title': 'Search Item', 'type': 'Label', 'sectionId': 'label_tw', 'id': 'Label2'}, {'title': 'Edit your Text', 'type': 'Text', 'sectionId': 'emails', 'id': 'Text2'}, {'title': 'Cyber Week Sale up to 60% OFF', 'type': 'Image', 'sectionId': 'rianseoWidget', 'id': 'Image122'}, {'title': '80,198', 'type': 'Image', 'sectionId': 'rianseoText', 'id': 'Image88'}, {'title': '65,228', 'type': 'Image', 'sectionId': 'rianseoXNXX', 'id': 'Image89'}, {'title': '30,210', 'type': 'Image', 'sectionId': 'rianseoHUB', 'id': 'Image90'}, {'title': '\u0631\u0633\u0627\u0626\u0644 \u0627\u0644\u0645\u062f\u0648\u0646\u0629 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629', 'type': 'Blog', 'sectionId': 'main', 'id': 'Blog1', 'posts': [{'id': '3697127135647238035', 'title': 'Documentation Bikbok', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjILqS0cMcfWsI01bWHguewrN9NqmyYbO_RrsEnPSnCZYJKhzvDHpoUQckWhCrPW9EUDgArSB8UwAxQUZPZhpus4XDlLw-5vBwtbrLn4QX_UmX6l-gkO6XqP7fM11r3iEy2OCRgVSaKmUd8wUzMj_mDLprYwmZL19_QPl0hzpl0FVMoDr7M_du3wkOh799I/s1600/temabanua-favicon.ico', 'showInlineAds': false}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'author', 'label': 'Publisher'}, {'name': 'timestamp', 'label': 'Tersedia 10 stock barang'}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': 'Feedback'}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Tag'}]}], 'allBylineItems': [{'name': 'author', 'label': 'Publisher'}, {'name': 'timestamp', 'label': 'Tersedia 10 stock barang'}, {'name': 'comments', 'label': 'Feedback'}, {'name': 'labels', 'label': 'Tag'}]}, {'title': 'Best-Selling Blogger Templates', 'type': 'PopularPosts', 'sectionId': 'main', 'id': 'PopularPosts1', 'posts': [{'title': 'Gohome \u2013 Real Estate and Property Blogger Template', 'id': 5485507372179604729}, {'title': 'NStore \u2013 Multipurpose Blogger Template with Payment Gateway for Online Stores', 'id': 208770795065838374}, {'title': 'WebToto \u2013 Video and Magazine Blogger Template', 'id': 8149845864721856638}, {'title': 'iQONE \u2013 Video and Movie Blogger Template Responsive', 'id': 120417667872353036}]}, {'title': 'LinkList Social Footer', 'type': 'LinkList', 'sectionId': 'fTM', 'id': 'LinkList43'}]}]);
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label2', 'label_tw', document.getElementById('Label2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text2', 'emails', document.getElementById('Text2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image122', 'rianseoWidget', document.getElementById('Image122'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image88', 'rianseoText', document.getElementById('Image88'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image89', 'rianseoXNXX', document.getElementById('Image89'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image90', 'rianseoHUB', document.getElementById('Image90'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'main', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList43', 'fTM', document.getElementById('LinkList43'), {}, 'displayModeFull'));
</script>
</body>