<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=8845430381950705595&zx=4e72c868-6e77-4d9f-b842-d8494c4a7523' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=8845430381950705595&zx=4e72c868-6e77-4d9f-b842-d8494c4a7523' rel='stylesheet'/></noscript>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

<!-- data-ad-client=ca-pub-3360508238136818 -->

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?display=swap&family=Google+Sans+Code"></head><body>

Cara Membuat Album Foto Responsif di Blogger

Warkasa1919

Juni 25, 2025

Cara Membuat Album Foto Responsif di Blogger

Cara Membuat Album Foto Responsif di Blogger

Cara Membuat Album Foto di Blogger

Berikut ini adalah Cara Membuat Galeri Foto di Blogger, Album Foto, Gambar, atau Image biasanya diperlukan bagi blog toko online ataupun sejenisnya untuk menampilkan koleksi produk atau barang dagangan yang akan ditampilkan, namun tidak tertutup kemungkinan bagi blog pribadi untuk memasang Halaman Galeri foto ini untuk mempercantik tampilan artikel ataupun sebagai tempat untuk menyimpan koleksi foto-foto pilihan di dalam blog pribadi.

Selengkapnya silahkan baca hingga tuntas artikel berikut ini agar tidak sampai gagal paham sebab biasanya di halaman blogger, jika kita memasukkan gambar lebih dari satu, maka posisi gambar tersebut tidak akan sejajar horizontal, tapi akan berderet vertical.

Untuk itu, perlu trik khusus dalam membuat Album Foto di halaman responsif ini

Langkah-langkah Membuat Album Foto

1. Klik menu "Pages" (Halaman) > "New Page" (Halaman Baru)

2. Isi judul halaman dengan, misalnya, "My Album "

3. Klik mode "HTML"

4. Copas kode berikut ini:

Kode Album Foto Responsif di Blogger

<>

5. Publish!

Demo

Langkah-langkah Mengambil URL Gambar:

Untuk cara upload gambar ke blogger caranya sama seperti mengupload gambar saat membuat postingan, kita hanya perlu menyalin URL gambar yang sudah diupload untuk dipasang Album Foto.

Berikut langkah-langkahnya:

Login ke “Blogger” > Klik “Entri baru“
Klik icon “Insert image” > Upload dari komputer
Klik Pilih file untuk upload gambar dari komputer:
Ubah ukuran gambar menjadi “Besar” atau “Ukuran asli” supaya gambar tidak blur ketika diposting.
Klik kanan pada gambar yang sudah diupload dan klik “Copy image address“
Selanjutnya simpan URL gambar tersebut untuk digunakan di postingan Album Foto

Catatan

Silahkan Ganti “img_warkasa1919.jpg” dengan url gambar yang akan dimasukan ke dalam Album foto dan Ganti “Keterangan Foto” dengan keterangan foto Anda

Baca Juga

Bagikan:

Diposting oleh:

Warkasa1919

Untuk segala sesuatu ada Masanya, untuk apapun di bawah Langit ada Waktunya.

Anda mungkin menyukai postingan ini Tunjukkan semua

Rekomendasi untuk Anda

Jasa Pembuatan Website 1919

Rp 3.410.445

Jasa Pembuatan Website siap pakai di Pekanbaru

Jasa Pembuatan Blog

Rp 1.878.293

Jasa pembuatan blog siap pakai di Pekanbaru

Rp.25.000,

Berlangganan Konten Premium Rp.25.000,00 sekali baca atau Rp.120.000,00 per tahun

Rp.110.000,

Toko Buku Onlie

Property di Pekanbaru, Riau

Lihat harga

Jika Anda berminat bisa menghubungi kami

Lihat harga

Jasa Pembuatan Peta dan Pemetaan yang 1919 Mapping

Tentang

Profil

Warkasa1919

Warkasa1919.com adalah sebuah platform blog dan publikasi online yang menyediakan berbagai macam konten menarik dan bermanfaat. Kami fokus membahas topik seputar Bisnis Online, Informasi Teknologi, dan berbagai artikel fiksi seperti Novel, Cerpen, dan Puisi.

Kebijakan

Jaringan

Produk

Jasa

Perlu Bantuan?

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2422103421-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY5jq9XcU0HokZNonENRX6bWIzfazg:1754116721693';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d8845430381950705595','//www.warkasa1919.com/2025/06/cara-membuat-album-foto-responsif-di.html','8845430381950705595');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '8845430381950705595', 'title': 'Warkasa1919', 'url': 'https://www.warkasa1919.com/2025/06/cara-membuat-album-foto-responsif-di.html', 'canonicalUrl': 'https://www.warkasa1919.com/2025/06/cara-membuat-album-foto-responsif-di.html', 'homepageUrl': 'https://www.warkasa1919.com/', 'searchUrl': 'https://www.warkasa1919.com/search', 'canonicalHomepageUrl': 'https://www.warkasa1919.com/', 'blogspotFaviconUrl': 'https://www.warkasa1919.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'UA-186199878-1', '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\x22Warkasa1919 - Atom\x22 href\x3d\x22https://www.warkasa1919.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Warkasa1919 - RSS\x22 href\x3d\x22https://www.warkasa1919.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Warkasa1919 - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/8845430381950705595/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Warkasa1919 - Atom\x22 href\x3d\x22https://www.warkasa1919.com/feeds/226903842755280229/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-3360508238136818', '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/8063e825842ed3ac', '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': true, 'jumpLinkMessage': 'Read more \xbb', 'pageType': 'item', 'postId': '226903842755280229', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKdYGEhaYO9EU6CiRIH9AmcbxlY8ahyphenhyphenu9JUp2fmOQ8CaVbtFtMpbhGL05rmrC0-U8FzMOOEmizZDxnvw4v7oJYt4hgb75zRwcnxsb8n-VOZDFd2A2qTtYLuPCAYJWBXWhq9sxj-_t_gDMbIeqR86FMrWK-cmtZmzJzFgQmgjv4e8oeI4zGsHgCp1CY2jc/s72-c/Cara%20Membuat%20Album%20Foto%20Responsif%20di%20Blogger.jpg', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKdYGEhaYO9EU6CiRIH9AmcbxlY8ahyphenhyphenu9JUp2fmOQ8CaVbtFtMpbhGL05rmrC0-U8FzMOOEmizZDxnvw4v7oJYt4hgb75zRwcnxsb8n-VOZDFd2A2qTtYLuPCAYJWBXWhq9sxj-_t_gDMbIeqR86FMrWK-cmtZmzJzFgQmgjv4e8oeI4zGsHgCp1CY2jc/s1366/Cara%20Membuat%20Album%20Foto%20Responsif%20di%20Blogger.jpg', 'pageName': 'Cara Membuat Album Foto Responsif di Blogger', 'pageTitle': 'Warkasa1919: Cara Membuat Album Foto Responsif di Blogger', 'metaDescription': 'Berikut ini adalah Cara Membuat Galeri Foto di Blogger, Album  Foto, Gambar, atau Image biasanya diperlukan bagi blog toko online ataupun sejenisnya'}}, {'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 Membuat Album Foto Responsif di Blogger', 'description': 'Berikut ini adalah Cara Membuat Galeri Foto di Blogger, Album  Foto, Gambar, atau Image biasanya diperlukan bagi blog toko online ataupun sejenisnya', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKdYGEhaYO9EU6CiRIH9AmcbxlY8ahyphenhyphenu9JUp2fmOQ8CaVbtFtMpbhGL05rmrC0-U8FzMOOEmizZDxnvw4v7oJYt4hgb75zRwcnxsb8n-VOZDFd2A2qTtYLuPCAYJWBXWhq9sxj-_t_gDMbIeqR86FMrWK-cmtZmzJzFgQmgjv4e8oeI4zGsHgCp1CY2jc/s1366/Cara%20Membuat%20Album%20Foto%20Responsif%20di%20Blogger.jpg', 'url': 'https://www.warkasa1919.com/2025/06/cara-membuat-album-foto-responsif-di.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 226903842755280229}}, {'name': 'widgets', 'data': [{'title': 'Template Code (Do not disable)', 'type': 'HTML', 'sectionId': 'settings', 'id': 'HTML45'}, {'title': 'Warkasa1919 (Header)', 'type': 'Header', 'sectionId': 'header', 'id': 'Header1'}, {'title': 'Recent searches', 'type': 'HTML', 'sectionId': 'custom_searches', 'id': 'HTML2'}, {'title': 'Most popular', 'type': 'PopularPosts', 'sectionId': 'custom_searches', 'id': 'PopularPosts2', 'posts': [{'title': 'Bagaimana Cara Membuat Halaman Member di Blogger ', 'id': 6330411411123245347}, {'title': 'Download Template Blogger Responsive dan Gratis disini!', 'id': 2004009799231549463}, {'title': 'Daftar Perusahaan Sawit di Riau', 'id': 290885061150490278}, {'title': 'Kalender Jawa Tahun 2024 Lengkap dengan Weton, Cek Di Sini', 'id': 4110814123235330548}, {'title': 'Malaikat Nomor 1919 dan Pesan Transformasi Spiritual', 'id': 8377957164772936443}, {'title': 'Panduan Lengkap Mengembalikan Setingan Microsoft Excel Sesuai Standar Pabrik', 'id': 5417414734061598539}, {'title': 'Halaman Muka', 'id': 278128301706065285}, {'title': 'Waktunya Kembali Pulang?', 'id': 8047249636183655111}, {'title': 'Cara Cek Sertifikat HGB dan SHM Tanah Secara Online di Bhumi ATR/BPN', 'id': 6152818234177231981}, {'title': 'Dijual Tanah di Kertama, Marpoyan Indah', 'id': 4236766619412862869}]}, {'title': 'Live Search', 'type': 'HTML', 'sectionId': 'custom_searches', 'id': 'HTML3'}, {'title': '', 'type': 'LinkList', 'sectionId': 'section', 'id': 'LinkList1'}, {'title': 'Baca Berita', 'type': 'HTML', 'sectionId': 'custom_widget_posts1', 'id': 'HTML7'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'billboard_ads', 'id': 'HTML1'}, {'title': 'Featured Post', 'type': 'FeaturedPost', 'sectionId': 'main', 'id': 'FeaturedPost1', 'postId': '6667692091786979919'}, {'title': 'Postingan Blog', 'type': 'Blog', 'sectionId': 'main', 'id': 'Blog1', 'posts': [{'id': '226903842755280229', 'title': 'Cara Membuat Album Foto Responsif di Blogger', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKdYGEhaYO9EU6CiRIH9AmcbxlY8ahyphenhyphenu9JUp2fmOQ8CaVbtFtMpbhGL05rmrC0-U8FzMOOEmizZDxnvw4v7oJYt4hgb75zRwcnxsb8n-VOZDFd2A2qTtYLuPCAYJWBXWhq9sxj-_t_gDMbIeqR86FMrWK-cmtZmzJzFgQmgjv4e8oeI4zGsHgCp1CY2jc/s1366/Cara%20Membuat%20Album%20Foto%20Responsif%20di%20Blogger.jpg', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'Oleh'}, {'name': 'timestamp', 'label': 'pada tanggal'}, {'name': 'comments', 'label': 'Post a Comment'}, {'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': ''}]}, {'regionName': 'footer3', 'items': [{'name': 'reactions', 'label': 'Reaksi Kamu'}]}], 'allBylineItems': [{'name': 'author', 'label': 'Oleh'}, {'name': 'timestamp', 'label': 'pada tanggal'}, {'name': 'comments', 'label': 'Post a Comment'}, {'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': ''}, {'name': 'reactions', 'label': 'Reaksi Kamu'}]}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'top_ads', 'id': 'HTML90'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'middle_ads_1', 'id': 'HTML91'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'parallax_ads', 'id': 'HTML92'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'middle_ads_2', 'id': 'HTML93'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'bottom_ads', 'id': 'HTML94'}, {'title': 'Artikel Pilihan', 'type': 'LinkList', 'sectionId': 'custom_widget_posts2', 'id': 'LinkList3'}, {'title': 'Product Showcase 1', 'type': 'HTML', 'sectionId': 'custom_widget_posts3', 'id': 'HTML8'}, {'title': 'Product Showcase 2', 'type': 'HTML', 'sectionId': 'custom_widget_posts3', 'id': 'HTML9'}, {'title': 'Product Showcase 3', 'type': 'HTML', 'sectionId': 'custom_widget_posts3', 'id': 'HTML10'}, {'title': 'Footer Credit', 'type': 'HTML', 'sectionId': 'footer_widget_2', 'id': 'HTML38'}, {'title': 'Static Page Gadget', 'type': 'PageList', 'sectionId': 'footer_widget_2', 'id': 'PageList1'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'custom_script', 'id': 'HTML5'}]}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML45', 'settings', document.getElementById('HTML45'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'custom_searches', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts2', 'custom_searches', document.getElementById('PopularPosts2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'custom_searches', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'section', document.getElementById('LinkList1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'custom_widget_posts1', document.getElementById('HTML7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'billboard_ads', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'main', document.getElementById('FeaturedPost1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2469384594-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/123180807-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML90', 'top_ads', document.getElementById('HTML90'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML91', 'middle_ads_1', document.getElementById('HTML91'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML92', 'parallax_ads', document.getElementById('HTML92'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML93', 'middle_ads_2', document.getElementById('HTML93'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML94', 'bottom_ads', document.getElementById('HTML94'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList3', 'custom_widget_posts2', document.getElementById('LinkList3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML8', 'custom_widget_posts3', document.getElementById('HTML8'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML9', 'custom_widget_posts3', document.getElementById('HTML9'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'custom_widget_posts3', document.getElementById('HTML10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML38', 'footer_widget_2', document.getElementById('HTML38'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList1', 'footer_widget_2', document.getElementById('PageList1'), {'title': 'Static Page Gadget', 'links': [], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'custom_script', document.getElementById('HTML5'), {}, 'displayModeFull'));
</script>
</body>