25/11/15

Tutorial Vector Nikita Willy

Model : Nikita Willy
Software Builder : Corel Draw X5, Adobe Photoshop CS
Lama Pengerjaan : 1 hari

Tutorial ditujukan bagi tingkat lanjut yang sudah memahami dasar-dasar menggunakan program Corel Draw. Video sudah di edit dengan mempercepat durasi untuk menghemat ukuran file. Anda bisa menggunakan video player offline seperti Gom Player (shorcut keyboard tekan x) untuk memperlambat kecepatan video.








Ayase Haruka vector


Model : Ayase Haruka
Software Builder : Corel Draw X5, Adobe Photoshop CS
Lama Pengerjaan : 1 hari

Siapa yang tak kenal artis cantik Jepang dengan perannya sebagai jagoan samurai seorang pengembara buta dalam film “Ichi” ini? Ya, Haruka Ayase yang bernama lengkap Aya Tademaru ini merupakan artis cantik Jepang yang sangat terkenal dengan debutnya sebagai bintang film papan atas. Aya begitu nama panggilan artis cantik Jepang ini, merupakan pemain film yang sudah banyak membintangi film live action yang merupakan adaptasi dari manga atau anime. Aya lahir di kota Hiroshima, Jepang pada tanggal 24 Maret 1985.

Aya yang lebih populer dengan nama Haruka Ayase ini, merupakan pribadi yang sangat aktif dan atletis. Bahkan, semenjak sekolah dulu ia seringkali mewakili sekolahnya sebagai seorang atlit basket. Ia terkenal sebagai seorang artis yang atraktif dan sangat menyukai olahraga. Aya memulai debut aktingnya pertama kali dalam sebuah serial drama Jepang yang berjudul “Boku no Ikiru Michi” yang mulai disiarkan pada tahun 2003 di salah satu TV lokal Jepang Fuji TV. Lewat drama inilah Aya mulai disorot publik dan dipercaya kembali untuk membintangi sebuah drama yang berjudul “Crying out Love, In the Center of The World” pada tahun 2004. Bahkan, disebutkan bahwa artis cantik ini hingga mengalahkan ratusan peserta audisi untuk membintangi drama tersebut.

Hingga akhirnya, Haruka Ayase juga dipercaya untuk membintangi film layar lebar yang juga sangat populer seperti Ichi, Cyborg Girl, Oppay Volleyball, dan Happy Flight. Dengan kemampuan akting yang sangat berkarakter, Aya juga dipercaya untuk membintangi beberapa film live action, seperti Hotaru the Movie dan Akko-Chan The Movie.

Film :
Princess Toyotomi
The Incite Mill
Hottarake no Shima Haruka to Maho no Kagami
Rookies
Oppay Valley
Happy Flight
Ichi
The Magic Hour
Cyborg Girl
Hero
Taberuki Shinai
Sengoku Jietai
Jam Films S New Horizon
The Incredibles
Amemasu no Kawa
Jam Films Justice

08/11/15

Menyembunyikan div setelah 10 detik



Setelah 10 detik logo blogger diatas pada artikel ini akan hilang atau tersembunyi dan akan muncul lagi setelah 20 detik.

Untuk membuatnya scriptnya sangat sederhana, anda cukup mengganti tag "id-target" pada contoh script dengan nama id yang ingin di tampilkan atau disembunyikan. Pada angka 10000 adalah waktu saat id disembunyikan dan angka 20000 adalah waktu saat id di tampilkan. Angka bisa di ganti dengan waktu yang sesuai dengan kebutuhan. Anda bisa memasang script ini diatas tag </head> atau langsung didalam postingan.

<script type="text/javascript">
function showIt() {
  document.getElementById("id-target").style.display = "none";
}
setTimeout(showIt, 10000);

function showIt2() {
  document.getElementById("id-target").style.display = "block";
}
setTimeout(showIt2, 20000);
</script>

07/11/15

Simple Jquery Onload Popup

Pada artikel ini akan di berikan contoh pembuatan popup saat membuka halaman blog atau website. Popup bisa berupa form, iklan, pesan, dll. Anda bisa merubah kode html dan css dibawah ini sesuai dengan kebutuhan.
Demo

Kode HTML

<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type">
<title></title>
<link href="search.css" rel="stylesheet" type="text/css">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Live Demo :: Onload popup using jquery,javascript,css,html</title>
<link href="popup.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
   <script>
      // you can use just jquery for this
      $(document).ready(function(){
         $('#overlay-back').fadeIn(500,function(){
            $('#popup').show();
         });
 
         $(".close-image").on('click', function() {
            $('#popup').hide();
            $('#overlay-back').fadeOut(500);
         });
      });
   </script>
<br />
<center><h1>Live Demo :: Onload Popup Menggunakan Jquery</h1>
<br /><br /><br /><br />
<a href="/viantdblog/popup.php">Reload Page</a>
</center>
<div id="overlay-back"></div>
<div id="popup">
<img src="Deep_Close.png" class="close-image" />
<h1>Hello</h1>
<h3>Selamat Datang di Demo Popup!</h3>
<p>
Anda dapat mengganti popup ini dengan pesan, form, gambar, iklan, dll. Dapatkan tips tentang website dan blogger pada halaman viantd.blogspsot.com. Blog ini saya buat sebagai notebook saya sendiri dan mungkin bermanfaat bagi yang lain. Saya bukan programer web atau blog, semua kode saya dapatkan dari website atau blogger lain yang ada di internet</p>
<a href="http://viantd.blogspot.com">Read More</a>
</div>
</body>
</html>

Kode CSS

body
{
background-image:url(code.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
a{
text-decoration:none;
font-size:18px;
color:#333333;
}
a:hover{
text-decoration:underline;
font-size:18px;
color:#333333;
}
#popup{
position:absolute;
display:hidden;
top:160px;
left:50%;
width:500px;
height:auto;
margin-left:-250px;
background-color:white;
z-index:6;
padding:20px;
border:solid 5px #333333;
border-radius:5px;
}
#popup h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#3F5C9A;
border-bottom:1px #3F5C9A solid;
margin:0;
padding:0;
}
#popup h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
margin:0;
padding:5px 0;
text-align:left;
}
#popup p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
margin:0;
padding:5px;
text-align:justify;
}
#popup a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
margin:0;
padding:5px;
text-align:right;
float:right;
}
#overlay-back {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
filter: alpha(opacity=60);
z-index: 5;
display: none
}
.close-image{
display: block;
float:right;
position:relative;
top:-15px;
right: -15px;
height: 20px;
cursor:pointer;
}

03/11/15

Cara mengetahui angka unik ID WIdget Blogger



Bagaimana mencari tahu widgetid pada blogger kita. Setiap widget yang kita pasang di blogger memiliki id tersendiri yang biasanya terdapat angka unik di belakang id. Widgetid akan memudahkan dalam pengaturan template edit html sehingga kita akan lebih mudah dan cepat untuk mengutak atik template blogger.
Caranya cukup mudah lihat gambar dibawah untuk lebih jelasnya:

  1. Buka halaman dashboard blogger tekan menu tata letak.


  2. Tekan Edit pada widget.


  3. Setelah muncul popup konfigurasi klik pada area address bar kemudian tekan tombol end pada keyboard. Anda sekarang dapat melihat id dan angka unik widget blogger anda. Seperti gambar dibawah idwidget adalah HTML2.




Sekarang anda bisa mengedit widget tersebut pada halaman template edit html dengan mudah.

02/11/15

Menampilkan/ menyembunyikan widget tertentu pada blog


Menampilkan/ menyembunyikan widget tertentu pada halaman index/ post/ static page/ arsip pada blogger perlu dilakukan untuk tujuan tertentu. Tidak hanya widget saja anda bisa menerapkan metode ini pada kode html, css, javascript, video atau kode lain pada blogger.

Semisal anda ingin menampilkan kode pesan popup atau lightbox script hanya tampil pada halaman index saja, atau anda ingin halaman posting anda hanya menampilkan satu kolom atau dua kolom sementara halaman index template anda defaultnya adalah dua kolom atau tiga kolom. Lebih komplex lagi anda ingin membuat halaman statis yang menampilkan demo dari tutorial atau kode script yang sama sekali berbeda dari tampilan halaman index anda.

Berikut kode yang perlu dijadikan panduan untuk mengatur tampilan blog anda sesuai dengan kebutuhan. Anda hanya perlu menambahkan satu baris kode diatas widget atau kode html/css/js/swf atau apapun yang akan anda masukkan kedalam template dan diakhiri dengan kode </b:if>.

  1. Menampilkan/ menyembunyikan widget hanya di halaman index (homepage).
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    .................... kode widget ........................
    </b:if>

  2. Menampilkan/ menyembunyikan widget di semua halaman kecuali halaman index (homepage).
    <b:if cond='data:blog.url != data:blog.homepageUrl'>
    .................... kode widget ........................
    </b:if>

  3. Menampilkan/ menyembunyikan widget hanya di halaman arsip saja.
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
    .................... kode widget ........................
    </b:if>

  4. Menampilkan/ menyembunyikan widget di semua halaman kecuali pada halaman arsip.
    <b:if cond='data:blog.pageType != &quot;archive&quot;'>
    .................... kode widget ........................
    </b:if>

  5. Menampilkan/ menyembunyikan widget hanya di halaman posting.
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    .................... kode widget ........................
    </b:if>

  6. Menampilkan/ menyembunyikan widget di semua halaman kecuali halaman posting.
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    .................... kode widget ........................
    </b:if>

  7. Menampilkan/ menyembunyikan widget hanya di postingan tertentu saja.
    <b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>
    .................... kode widget ........................
    </b:if>

  8. Menampilkan/ menyembunyikan widget selain di postingan tertentu.
    <b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>
    .................... kode widget ........................
    </b:if>

  9. Menampilkan/ menyembunyikan widget di semua halaman kecuali halaman staticpage.
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    .................... kode widget ........................
    </b:if>

  10. Menampilkan/ menyembunyikan widget hanya di halaman staticpage.
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    .................... kode widget ........................
    </b:if>
Contoh kasus anda menginginkan widget tertentu tidak tampil di halaman homepage. Sebagai catatan saya menggunakan browser mozilla firefox terbaru yang sudah terinstsall addons firebug.
  1. Buka blog anda pada tab baru kemudian tekan ctrl+shift+c dan gunakan pick element tool untuk mencari id widget pada halaman blog anda. Biasanya setiap widget memiliki kode angka unik tersendiri contoh id=HTML? ('?' adalah angka unik widget yang ingin di target). Catat kode id tersebut. Metode lain anda bisa baca artikel cara mengetahui id widget blogger.
  2. Seperti biasa masuk ke dashboard template edit html anda.
  3. Cari kode </b:skin> dan salin kode dibawah ini di bawah kode </b:skin>. Ganti tanda '?' dengan angka unik id widget anda. Kemudian simpan dan lihat perubahannya.
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <style>
    #HTML? {display:none}
    </style>
    </b:if>
Contoh hanya sederhana anda bisa mengembangkannya sesuai kebutuhan. Jika anda masih bingung saya akan update artikel ini dengan disertakan video tutorialnya. Terima kasih.

01/11/15

Daftar Pilihan Responsive Blogger Template Gratis


Template menjadi hal yang utama untuk di perhatikan sebelum mengisi konten blog. Template blog harus sesuai dengan tema blog itu sendiri. Ada bermacam kategori template seperti untuk bisnis, personal, musik, toko online, layanan film, dll. Ada banyak template tersebar di internet dari yang berbayar sampai yang gratis. Blogger sendiri menyediakan template sederhana untuk belajar membuat blog.

Responsive blogger template menjadi trend saat ini karena template ini bisa menyesuaikan tampilan saat dibuka di layar device yang berbeda-beda. Disini akan diberikan daftar responsive blogger template untuk dijadikan pilihan apabila anda belum menemukan template yang sesuai dengan keinginan.

Responsive Portfolio / Business Blogger Templates

Portify

Portify is a portfolio blogger template with a responsive design and also with a remarkable clean layout with easy codes. It can be used for any type of site like portfolio, gallery, photography and designer's blog.

Portify Responsive Blogger Template

DemoDownload

Redhood

Red hood Portfolio Blogger Template is super stylish, and at the same time it is highly 100% responsive, perfect quality, super elegant, premium design Blogger Theme ideal for photography or picture based blogs or web portable. If you are a photographer or a web developer and you want to showcase your work, then Red Hood Portfolio is a perfect example of what class and perfection is all about. It displays your portfolio is such a manner that your clients would love to hire you on a permanent basis.

Redhood Responsive Blogger Template

DemoDownload

A Ward

A neat responsive business blogger template you can use to showcase your company's products and solutions.

Award Business Responsive Blogger Template

DemoDownload

Simplex Creative

Simplex Creative theme is converted from WordPress. It is ideal for small business websites.

Simplex Creative Responsive Blogger Template

DemoDownload

Responsive Game Blogger Templates

Proxima

Proxima is a uniquely responsive Multi-Purpose Blogger template for all kinds of publishers. It’s perfect for reviews, recipes, Gaming, news and blog sites. Its High User Friendly Blogger Template. Its an advance Blogger template which provides completely new looks to your website.

Proxima Game Responsive Blogger Template

DemoDownload

Arcade Mag

Arcade Mag is a responsive gaming blogger template that will offer each and every feature that you need to run a successful gaming blog, or magazine, or multimedia site. With our robust framework, you don't need to learn coding to edit this template because customization is made possible with just a few clicks. The template is Ads ready, which means you don't have to search for the best spot to place an ad. This template is perfect for online games site, pc games site, software site and etc.

Arcade Mag Responsive Blogger Template

DemoDownload

Power Game

Power Game is a Responsive Blogger Template for gaming, news and entertainment content. It will offer every feature someone might want in a gaming blog or magazine, because this thing is packed with great features.This theme perfect for Search Engine Optimization. Its High User Friendly Blogger Template. Its perfect for Gaming News, Games Reviews, Magazine or portfolio websites.

Powergame Responsive Blogger Template

DemoDownload


Responsive Magazine Blogger Templates

Ares

Ares is a blogger template with responsive layout. This theme perfect for Search Engine Optimization. Its High User Friendly Blogger Template. Its perfect for News, Magazine or Reviews websites. Its comes with unlimited colors changing options.

Ares Responsive Blogger Template

DemoDownload

Bresponsive


Bresponsive Responsive Blogger Template

DemoDownload

Gaps

Gaps is a simple & clean designed Blogger Template with a great responsive design. This theme perfect for Search Engine Optimization. Its High User Friendly Blogger Template. Its perfect for News, Magazine or portfolio websites. With an attractive color combination and impressed professionals and has many features.

Gaps Magazine Responsive Blogger Template

DemoDownload

Manshet

Manshet is a blogger template with responsive layout. This theme perfect for Search Engine Optimization. Its High User Friendly Blogger Template. Its perfect for News, Magazine or Reviews websites. Its comes with unlimited colors changing options.

Manshet Responsive Blogger Template

DemoDownload

Newspaper

Newspaper is free blogger template with many unique features. Like its name, it is a news blog template which can be used for creating news blogs/websites and magazines blogs. This news blogger template is having many unique widgets to list label posts and recent posts.

Newspaper Responsive Blogger Template

DemoDownload

RealMag

RealMag is a modern, user-friendly and professional blogger template. It is clean and modern design for blogger users. It comes with several handy features that are both good to run a successful magazine blog, news blog or etc. It has several popular built-in widgets that means you don't have to install any external widget by yourself.

Realmag Responsive Blogger Template

DemoDownload

Flat Mag

Flat Mag Responsive Blogger Template is a multi-purpose straight Blogger template precisely designed for multimedia, news bulletin, Entertainment and Technology blogs. With elegant green color scheme, Flat Mag gives you visitors the experience of their life as they go though the responsive and flexible design. It has a lot of useful and key widgets, which come which are ready-to-use from the time this template is installed on your blog.

Flat Mag Responsive Blogger Template

DemoDownload

Wonder

Wonder is very professional and far high quality Responsive Blogger Template.it is a stylish and professionally designed template with 3 skins and 2 post styles for anyone who wants to make great website or internet businesses. This template is perfect choice for newspaper, magazine, editorial, personal blog, entertainment (movie, music and photography), and portfolio. the wonder blogger template has lots of inbuilt features to fulfill your requirement for a perfect blog.

Wonder Responsive Blogger Template

DemoDownload

Persona

Persona is an awesome Blogger Template which brings simple & Minimalist design. It’s ideal for blogging. It’s very flexible, fully customizable and powered with Option Framework. You will love the smooth and fast user experience. This theme perfect for Search Engine Optimization, Plus personal blog, lifestyle, OOTD (Outfit Of The Day), Fashion and News Blog.

Persona Responsive Blogger Template

DemoDownload

Mimes

Mime's-Blog is a multipurpose blogger template for the blog lovers, photography enthusiasts, and food/health blog . It's ideal for all niches blogger sites as it is loaded with full of features and custom widgets like featured-posts, random post widget, recent post comment widget. Not only with the design part but also it's enhanced with SEO which will boost your traffic.

Portify Responsive Blogger Template

DemoDownload

Solar

Solar is a magazine style blogger template with dynamic design. You can use this template for news site as well as for simple magazine sites. Solar is the perfect combination of design and technology.

Solar Responsive Blogger Template

DemoDownload

LiteMag

LiteMag is an awesome Responsive free Blogger Template which brings simple & clean design. It’s ideal for blogging. It’s very flexible, fully customizable and powered with Option Framework. You will love the smooth and fast user experience. This theme is perfect for Search Engine Optimization, Plus personal blog, Magazine, Reviews and News Blog. Its supports multi-author options via Google plus.

LiteMag Responsive Blogger Template

DemoDownload


Responsive Food Blogger Templates

Foodie

Foodie is a health and lifestyle magazine blog designed for cookery and health blogs this template comes loaded with tonnes of quality widgets which you'll need for setting up a perfect cookery blog. To make this template more dynamic in functioning jQuery has been used.

Foodie Responsive Blogger Template

DemoDownload

Food Mag

Food Mag is a fully responsive, feature rich and beautifully designed Blogger template for recipes related websites. This theme is perfect for professional Chefs and Cooking Experts. Food Recipe Blogger template makes it very easy to share cooking knowledge with complete information.

FoodMag Responsive Blogger Template

DemoDownload

Recipes

Recipes is a blogger template specially designed for food and health bloggers. It's loaded with lots of amazing features which extracts out the best form your blog's content and display it in a very beautiful way.

Recipes Responsive Blogger Template

DemoDownload

Scoop Food

Scoop Multipurpose Blogger Template is fully responsive blogger template which works on bootstrap framework and modern day design technologies. It is an ideal template for food blogs.

Scoop Responsive Blogger Template

DemoDownload

Responsive 404 Error Blogger Templates

Wordsearch

Wordsearch is a clean, modern and professional error page design.
It uses validated HTML5, CSS3 and jQuery to create an animated ‘word search’ effect – including a grid with random letters.

404 Error Responsive Blogger Template

DemoDownload


Responsive Multipurpose Blogger Templates

Black Press

BlackPress is a blocky, portfolio-style theme with an emphasis on typography and attention to detail. Write blog posts about your cats with the beautiful, minimal blog. It’s also responsive and Retina ready.

Black Press Responsive Blogger Template

DemoDownload

Botox

Botox is fully responsive, only 1 click and ready to use template. 4 Footer widgets and related post area is set by default to appear good on different screen sizes. Email subscribing form is added by default on top right.

Botox Responsive Blogger Template

DemoDownload

Ignite

Ignite is a beautiful responsive blogger template with 2 columns. Ignite Blogger template is perfect for photography related blogs or any other. This theme has features such as drop-down menu, social buttons, custom fonts and more.

Ignite Responsive Blogger Template

DemoDownload

Loreo

Loreo is a responsive blogger template which will give you everything you need to set up an attractive, lead-generating blog in minutes. Set up all of your major social links and subscriber forms from one page with ease and control.

Loreo Responsive Blogger Template

DemoDownload

Magnet

Magnet is a Responsive blogger template. It supports many formats like Standard, Gallery, Link, Quote, Video, Image, Status and Audio. For video and audio post formats, it is really easy to embed video and audio files to posts. Magnet Blogger Template has beautiful slider just below header for intro text or anything like that. For standard articles, the main focus is on content. Magnet Blogger Template is having one of the best awaiting features that Supports Multi Author from Google+ System.

Magnet Responsive Blogger Template

DemoDownload

Solon

Solon is a fully responsive free Blogger theme, ideal to use if you want your blog to have a slick and modern look. Solon Blogger theme has a slider, auto read more, top navigation menu, 2 columns, right sidebar, 3 columns footer, social and sharing buttons, custom scroll effect and more.

Solon Responsive Blogger Template

DemoDownload

Breeze

Breeze a professional Blogger blog/magazine theme. Perfect choice for your personal blog, niche blog, corporate blog, marketing blog, authority blog or any type of creative blog or simple magazine. It is comes with two styles First with changing background, second with fixed wood style background.

Breeze Responsive Blogger Template

DemoDownload

Dual Shock

DualShock Blogger template is a free, responsive and dual purpose blog and magazine theme for your blog. DualShock blogger theme has custom post meta, left sidebar, 3 columns footer, share buttons, related posts, email subscribe box, tabbed widget and more.

DualShock Responsive Blogger Template

DemoDownload

Espressionista

Espressionista is a fully responsive, 2 columns Blogger template with carefully chosen typography and a pleasant colour scheme. Espressionista Blogger template has a simple and elegant design, fixed header, drop-down menus, related posts, share buttons and more features.

Espressionista Responsive Blogger Template

DemoDownload

Gossip

Gossip Magazine is modern day magazine blogger template created using web technologies like bootstrap and HTML5. This template is perfect for outfit of the day, fashion blog, photography blog, magazine blog etc. We have included all the psychologically traits in this blogger template which will attract your audiences. The responsive framework of this blogger template will make this blogger template resizeable for mobile and tablet devices.

Gossip Responsive Blogger Template

DemoDownload


Responsive Photography Blogger Templates

ShootPics

Shoot-pics is a ideal blogger template for photographers. It's loaded with best features which makes your blog a perfect showcase for your photography skills.

ShootPics Responsive Blogger Template

DemoDownload


Responsive Ecommerce Blogger Templates

Beta Commerce

BetaCommerce is a perfect eCommerce solution for small business owners to quickly setup an online shopping store within minutes and start selling their products with ease. BetaCommerce Shopping Blogger Template provides you multiple options for customization, easy to use flexible admin panel, and tons of professional eCommerce solution plus features. It is suitable for every online shopping site, showcase and even portfolio. This theme could be the turning point of your online business.

Betacommerce Responsive Blogger Template

DemoDownload

WeCommerce

Download WeCommerce template and actually start your free online store with free blogspot domain. Independent framework, purely managed with JavaScript. The theme is responsive so it would not be a pain for mobile users to browse the site. Fully equipped with modern security and effects.

WeCommerce Responsive Blogger Template

DemoDownload


Responsive Travel Blogger Templates

Scoop Travel

Scoop Multipurpose Blogger Template is fully responsive blogger template which works on bootstrap framework and modern day design technologies. It's crafted with love and care for women blogger who own Outfit of the day, Fashion Blogs, Food Blogs, Travel Blogs, Personal Blogs.

Travel Scoop Responsive Blogger Template

DemoDownload

Travel Tips

TravelTrips is a unique travel Blogger template for any blog. It has three column which are placed in left and right. The background is made from a picture which shows the road, exactly to travel somewhere. Recommended for travel blogs.

Travel Tips Scoop Responsive Blogger Template

DemoDownload


Responsive Grid Style Blogger Templates

Lycoris

A beautiful Grid style template ideal for portfolio sites and photography blogs alike.

Lycoris Scoop Responsive Blogger Template

DemoDownload

Creative

Creative is a beautiful minimalistic portfolio Responsive Blogger template, making your talent the focal point of your portfolio – the way it should be. Present your work in a professional manner with a timeless design. Its is perfect for artists from any discipline, web, graphic, motion, print, art and anyone that needs a showcase. If you’re looking for a gorgeous looking portfolio theme then you have just found it.

Creative Responsive Blogger Template

DemoDownload

Dream Grid

Dream Grid is a free responsive blogger template, is highly responsive and has a grid type of design generally called as Masonry layout. Dream Grid is a multi purpose theme that caters to the needs of the bloggers nowadays. This is a free blogger template features Masonry design is very stiff design that automatically adjusts itself according to user device's screen dynamically.

Dream Grid Responsive Blogger Template

DemoDownload

Flat Diary

Flat Diary is a simple yet attractive blogger template with lots of customization options which are hard to find in most Blogger templates. Flat Diary has been designed to present content in a beautiful way.

Flat Diary Responsive Blogger Template

DemoDownload

Grid

Grid is a grid-based, responsive minimalistic Blogger theme suitable for any kind of creative, personal or business use. It is the fully responsive HTML5 & CSS3 template that best used for blogging, personal portfolio, even business portal. Grid works seamlessly on a wide range of devices including PCs, mobiles, laptops, etc.

Grid Responsive Blogger Template

DemoDownload

Gridboy

Gridboy is a responsive blogger template based on Pinterest like grid layout on homepage. This blogger template is full of all the required features of the modern blogger templates. It is SEO optimized and clean blogger template. It can be used with almost any type of a blog.

Gridboy Responsive Blogger Template

DemoDownload

Sauna

Sauna Grid is a multi-purpose Premium blogger template that Change its layout according to size of the Image.This is ultra responsive blogger template that uses Masonary Grid Technology, also used on Pinterest.

Sauna Responsive Blogger Template

DemoDownload

Sparkle

Sparkle is ultra Responsive Grid & interactive full width Blog template it's a clean and minimalistic grid based blogger template provides more focus on your content, product and portfolio item. Specially designed for bloggers,fashion artists, photographers, media agencies, restaurants and for everyone who likes pinterest like design layout and wants to have a like that one.

Sparkle Responsive Blogger Template

DemoDownload

Straight

Straight is a grid-based, fully responsive, modern and clean blogger theme. Suitable for all kinds of magazines, news websites, personal blogs, journal, story and other related projects, with an emphasis on mixed media and typography. Straight is Responsive, the theme is highly optimized for both mobile and desktop platforms. The layout also will encourage your viewers to read all of your content and get all attention it deserves.

Straight Grid Responsive Blogger Template

DemoDownload

Johny Grid

Johny Grid is a grid-based, fully responsive blogger template. Suitable for all kinds of magazines, news websites, personal blogs, journal, story and other related projects, with an emphasis on mixed media and typography.

Johny Grid Responsive Blogger Template

DemoDownload


Responsive Movies Blogger Templates

Sora Movies

Sora Movies is a unique Entertainment Blogger Template which is suitable for any type of Cinema, Movie Promotion, Theaters, Blogs and Movie Communities no matter the size. Sora Movies has banner areas, so it allows you to show ads and earn money without making damage to your website overall look.

Sora Movies Responsive Blogger Template

DemoDownload

Movey

Movey is a unique yet stylish Entertainment Blogger Template which is suitable for any type of cinema, movie,Music blogs,Android Apps Blog,iOS Apps Blog and other related projects. Movey is SEO Ready Template that helps you to index your posts relatively faster than the rest of the Personal Blogger templates available on the internet.

Movey Responsive Blogger Template

DemoDownload

Movieism

Movieism is a unique and stylish entertainment blogger template which is appropriate for any kind of movie blog, cinema, movie promotion, film blogs and movie communities. Movieism comes with a separate framework that is built with latest technologies like CSS3 and HTML5. You can create a custom homepage or can use the default one which entirely depends upon your needs. It is responsive which makes it almost one of its kind movie templates for blogger Blogspot blogs.

Movieism Responsive Blogger Template

DemoDownload


Responsive Video Blogger Templates

Video Tube

Video Tube Responsive is a sensational new and modern template for the blogger platform. It has cutting edge and robust design layout while not compromising speed, effectiveness or functionality. It is perfect for all video related blogs that want to showcase a set of videos in a beautiful way. It supports video thumbnails from Vimeo and YouTube. Everything is carefully thought out including multiple free widgets.

Video Tube Responsive Blogger Template

DemoDownload

Digbug

Digbug Is A Video Blogger Template which is designed for video sites. Digbug supports Streaming from YouTube, Vimeo. Digbug comes with many featured like video slider, Responsive design, Responsive Menu and a lot more.

Digbug Responsive Blogger Template

DemoDownload

Tube Mag

Tube Mag is a Professional Responsive Video Blogger Template designed for video site, video blog video Portal. This theme will help you get a professional video site up and running quickly, it is inspired and support by the popular websites: YouTube, Vimeo and Dailymotion.

TubeMag Responsive Blogger Template

DemoDownload

Vebtube

VebTube is a simple and responsive blogger template for video bloggers. This vlog template supports 3 famous video hosting sites. YouTube, Vimeo and Dailymotion. It will automatically generate thumbnail images and show in Home Page and Archive pages of your blog.

Vebtube Responsive Blogger Template

DemoDownload

Video Lab

Video Lab is a Blogger Template designed for video site. Template is a great layout for video websites and video blogging. (Support Video) including YouTube, Vimeo and Daily motion. Powerful Search Engine Optimized, Template is compatible with all browsers. This template will help you to setup a professional video site quickly.

Video Lab Responsive Blogger Template

DemoDownload


Responsive Minimalist Blogger Templates

Syntax

Syntax is a Blogger theme was designed with writing and reading in mind. With large, easy-to-read type, a fixed navigation menu, and a responsive design that looks beautiful on all screen sizes, Syntax Blogger Template is perfect for writers who want a minimal design that lets their content take center stage.

Syntax Responsive Blogger Template

DemoDownload

Sinensis

Sinensis is a Professional Blogger template. Perfect choice for your personal blog, niche blog, corporate blog, marketing blog, authority blog or any type of creative blog or simple magazine. Made with modern responsive design, awesome typography and focus on readability. Also, Sinensis theme is developed with SEO in mind, as well as for fast page loading and security.

Sinesis Responsive Blogger Template

DemoDownload

Bold Headline

Bold Headline is a minimal single column responsive Blogger theme. Bold Headline Blogger Template has a Top Navigation Menu, Responsive Layout and 3 Columns Footer.

Bold Headline Responsive Blogger Template

DemoDownload

Sora Article

Sora Article is a minimal Theme designed for blogger. It provides many features that blogger will love it. Sticky post, Social share in each post, many post formats such as Video, Audio, Soundcloud(audio), Gallery as grid or slider or column.

Sora Article Responsive Blogger Template

DemoDownload


Responsive Technology Blogger Templates

Techism

Techism is a responsive blogger template inspired from Mashable and TheNextWeb.com. It is elegant, simple and stylish blogger template created for users who want to run a successful technology, multimedia or news portal blog.

Techism Responsive Blogger Template

DemoDownload

Diablo

Diablo is a bright and crisp 2 column Responsive template. Diablo is a lightweight flexible theme with attractive splash of colors. We've worked hard to place trending posts, nav-bar, featured area and social buttons all together. Diablo is a responsive template that works great on High resolution desktop and mobile devices such as iPhone, Android, iPad Blackberry and mini phones.

Diablo Responsive Blogger Template

DemoDownload


Responsive Wedding / Marriage Blogger Templates

Wedding Mag

Wedding Magazine is a lovely marriage website blogger template ideal for wedding niche bloggers, but anyone can use it as a simple and elegant framework to shape it in any kind of website I.e. Technology, multimedia, entertainment and etc. This theme is Suitable for users who have zero programming or developing skills as well as advanced developers.

Wedding Mag Responsive Blogger Template

DemoDownload


Responsive Helpdesk / Application Blogger Template

Helpdesk

HelpDesk theme is a free blogger template for creating simple Helpdesk website using blogger.

Helpdesk Responsive Blogger Template
DemoDownload

(source : http://helparchive.blogspot.co.id/)