DBUnggul_P: Template

K-44 White Blogger Template

16.36 1

Preview Download

About Theme.

Names : k44 white template
Author : urang-kurai.blogspot.com
Description : Memiliki 1 kolom di halaman depan ,dan 2 kolom di halaman pos , ini sangat cocok bagi peminat fotografi atau yang suka memposting gambar - gambar atau photo.
Fitur : Responsive, Infinite Scroll, Therad Comment System, Exif Data Overlay, Grid System.

Cara pakai costum buat gambar / photo

=> Costum 1:

Untuk membuat costum no 1 seperti di atas , anda harus masuk ke html editor yang di postingan ,anda bisa melihat gambar nya di bawah
cara bikin nya cukup menambahkan kode ini di HTML editor tersebut

<div class="costum img_style1">
<img alt="Keterangan gambar atau photo " src="url_gambar" />
</div>

Anda bisa juga memberi keterangan di setiap photo atau gambar , ini sangat cocok untuk gambar yang besar, ingat bukan untuk gambar yang kecil.

=> Custom 2

Anda cukup menambahkan kode di bawah ini di HTML editor postingan

<div class="costum img_style2">
<img alt="Keterangan gambar atau photo " src="url_gambar" />
</div>

=> Peta/Map

cara untuk menambahkan lokasi di setiap postingan , silahkan ke pengaturan postingan (Post settings ) dan klik menu dengan nama lokasi ( Location ), anda tinggal masukan nama daerah yang anda inginkan di input yang ada di sana , biar lebih jelas lihat gambar di bawah ini.

Sumber : Urang-kurai.blogspot.com

Blogger , Template

Sight Blogger Template

DBUnggul_P

16.12 1

Template ini adalah template gratis blogger yang mirip template di wordpress. Kalau tidak salah di Themeforest sekitar $45 dolar. Tapi untuk platfom blogger dibagikan gratis.

Tidak usah lama-lama akan saya beri screen shootnya:

tampilan thumbnail

About Theme
Template name : Sight
Platform: Blogger / Blogspot
Author : www.soratemplates.com
Template features : Blogging, Pinterest, Responsive, Clean, FeaturedContent Slider, Fixed Width, Dropdown Menu, Social Widget.

PREVIEW DOWNLOAD

>>Pengaturan Fitur Content Slider:

<ul class='slides'>
<li data-height='500' style='position:relative; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF9u0Pl-SHY66D1tFH16XGRpQYEXml39gPu5q5VPIc2Q2oqT0-A6OMQhmXY6b-EY6h84d6p76k2hVPmCen7sA9NbtlXvj1CwAbtuYMFS8sr4qP1PT7PQoog71oFC4C3rjjO6NkCdsMfPuQ/s1600/9d.jpg) 50% 0'>
<div class='caption_wrapper'>
<div class='caption'>
<h3><a href='#'>In luctus luctus est vestibulum luctus</a></h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In luctus luctus est vestibulum luctus. Cras semper mollis feugiat. Suspendisse .. <a href='#'>Read more </a>
</div>
</div>
</li>

<li data-height='500' style='position:relative; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiqAv25djmGNXk6YsXc4EfMQ8suyCW7ZrDWORKHhJO1jBhku1bCjl57gDUyP6pOyoclYzr6p_OTGf94547Px2DcOwMkx0sRXtk2ov-U8SBrVI-fnc9dJf0zcTFEjzLM0_VtLzlXZiSvPtq/s1600/9h.jpg) 50% 0'>
<div class='caption_wrapper'>
<div class='caption'>
<h3><a href='#'>In luctus luctus est vestibulum luctus</a></h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In luctus luctus est vestibulum luctus. Cras semper mollis feugiat. Suspendisse .. <a href='#'>Read more </a>
</div>
</div>
</li>

<li data-height='500' style='position:relative; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheek4iGUBWJrXUulSG1mSAMxUAJYRNiZ_BhSd3LUez79J6UInXBEsBQtz3a9RMtmbWnFaHs9TLlnSYkMUWBzB7aPnffy_XGmDWqwyDlKZsSuWa5zFUBWHITAExjttuyo-TTuwrnfWToWH3/s1600/9f.jpg) 50% 0'>
<div class='caption_wrapper'>
<div class='caption'>
<h3><a href='#'>In luctus luctus est vestibulum luctus</a></h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In luctus luctus est vestibulum luctus. Cras semper mollis feugiat. Suspendisse .. <a href='#'>Read more </a>
</div>

Kemudian Ganti:
1. '#' dengan url posting yang dikehendaki
2.ganti url

1. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheek4iGUBWJrXUulSG1mSAMxUAJYRNiZ_BhSd3LUez79J6UInXBEsBQtz3a9RMtmbWnFaHs9TLlnSYkMUWBzB7aPnffy_XGmDWqwyDlKZsSuWa5zFUBWHITAExjttuyo-TTuwrnfWToWH3/s1600/9f.jpg,

2. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiqAv25djmGNXk6YsXc4EfMQ8suyCW7ZrDWORKHhJO1jBhku1bCjl57gDUyP6pOyoclYzr6p_OTGf94547Px2DcOwMkx0sRXtk2ov-U8SBrVI-fnc9dJf0zcTFEjzLM0_VtLzlXZiSvPtq/s1600/9h.jpg

3. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF9u0Pl-SHY66D1tFH16XGRpQYEXml39gPu5q5VPIc2Q2oqT0-A6OMQhmXY6b-EY6h84d6p76k2hVPmCen7sA9NbtlXvj1CwAbtuYMFS8sr4qP1PT7PQoog71oFC4C3rjjO6NkCdsMfPuQ/s1600/9d.jpg

dengan url gambar.

>>Pengaturan Fitur Dropdown Menu
Login ke blogger dashboard --> Template --> Edit HTML. Cari kode di awah ini, gunakan ctrl + f.

<li class='current-menu-item'><a href='#'>Homepage</a></li>
<li><a href='#'>Single</a>
<ul class='sub-menu'>
<li><a href='#'>Submenu Example</a></li>
<li><a href='#'>Submenu Example</a></li>
<li><a href='#'>Submenu Example</a></li>
<li><a href='#'>Submenu Example</a></li>
<li><a href='#'>Submenu Example</a></li>
<li><a href='#'>Submenu Example</a>
<ul>
<li><a href='#'>Submenu Example</a></li>
<li><a href='#'>Submenu Example</a></li>
<li><a href='#'>Submenu Example</a></li>
<li><a href='#'>Submenu Example</a></li>
</ul>
</li>
<li><a href='#'>Submenu Example</a></li>
</ul>
</li>
<li><a href='#'>HTML Elements</a></li>
<li><a href='#'>Sidebars</a></li>
</ul>

Ganti '#' dengan url yang diinginkan.

>>Pengaturan Social Media Widget
Login ke blogger dashboard --> Template --> Edit HTML. Cari kode di awah ini, gunakan ctrl + f.

<div class='socials'>
<a class='facebook' href='#' title='Facebook'>Facebook</a>
<a class='twitter' href='#' title='Twitter'>Twitter</a>
<a class='google_plus' href='#' title='Google_plus'>Google_plus</a>
<a class='pinterest' href='#' title='Pinterest'>Pinterest</a>
<a class='vimeo' href='#' title='Vimeo'>Vimeo</a>
<a class='rss' href='#' title='RSS'>RSS</a>
<div class='clear'/>
</div>

ganti '#' dengan url social media anda

DBUnggul_P

Labels

Fashion

K-44 White Blogger Template

Sight Blogger Template

Karina Dark V3 Blogger Template

MARI themes