Template Blog Bisnis Harus Beda, Gunakan Corporate Theme!

Template blog bisnis, toko online, perusahaan (korporat), harus beda. Agar keren, professional, dan kredibel. Karenanya Gunakan Corporate Theme!

ORDER

Template blog Corporate Theme didesain menggunakan Bootstrap, sehingga dijamin mobile-friendly atau ramah seluler (responsive, adaptif).

Halaman Corporate Theme didesain layaknya "kantor online" yang langsung branding. Dengan desain yang bersih, Corporate Theme bisa menjadi tema pilihan blog bisnis Anda.

Blogger Dynamic Slider by Label / Recent Posts

"Blogger Dynamic Slider" is a simple yet powerful automatic slider for blogger. The slider content generates from blog's feed dynamically, based upon users settings via jQuery Ajax Call. It is fully responsive. As it is a Dynamic Slider, the slider content updates whenever a new post comes (if it fits with user settings criteria).

Blogger Dynamic Slider(bdSlider) Features
Dynamic - Slider Content Generates Automatically
Fully Responsive
Slider By a Specific Label
Slider By Recent Posts
Preloader Function
Lots of Customization Options
Easy Setup & Customization

Live Testing Tool for Blogger Dynamic Slider
Well now this automatic recent post slider have a testing tool where you can enter your blog URL and see how Dynamically it generate a slider from your blog's feed. This tools have other basic options like Image Size, Max Item, Label (you can specify a label to generate slider from. Though it is optional). Check out the Live Testing Tool.

Demo/ Examples

Blogger Demo
Static Demo (Yes it supports cross domain too!)
DEMO 1: (Default Slider)
DEMO 2: (Custom sized slider by a specific Label)
DEMO 3: (Animation: Slide, No Caption, No controlNav etc.)
DEMO 4: (Multiple Slider in a page with different Settings)

How It Works ?

The slider content generates from blogger blog's feed, dynamically by jQuery AJAX call, and then FlexSlider takes effect and take care of the sliding features. That it, nothing fancy but very useful for blogger users.

Installation Guide

STEP - 1: Go to Your Blogs Home > Template (Backup your template to be safe)
STEP - 2: Edit HTML
STEP - 3: Search for closing head: </head> in the template (Hint: to search on template: click anywhere in the code block and press Ctrl+F)
STEP - 4: Copy the following code below and paste just before </head>

<!-- BloggerDynamicSlider Basic CSS -->
<style type="text/css">
/**
 *  jQuery BloggerDynamicSlider v1.0.0
 *  Copyright 2016 http://shuvojitdas.com
 *  Contributing Author: Shuvojit Das
 *  Plugin URL: https://github.com/shuvojit33/blogger-dynamic-slider
 *
 */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400);
@import url("https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.6.0/flexslider.min.css");

/* Preloader */

.flexslider.loading:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl14hpkk5MU_Z0pM4L2M4ieFd0ffwah-7pW59sm2d2vtGVb4Xk5ShdYrefUwEZ9l7BanwHDEHxUpoPb3kMhDEevvKDQ3N41stW0fqscRTlCExnbot6XfDWtEcpdcffTSwI7HpzyJ2X_MYk/h120/loader.gif) no-repeat center center;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 9999;
}

.flexslider.loading ul.flex-direction-nav,
.flexslider.loading ol,
.loading .flex-caption {
    display: none;
}

.flexslider {
    border: 1px solid #cacaca;
    padding: 4px;
    margin: 0 auto 60px auto;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.flexslider a {
    text-decoration: none;
}


/* Caption/Post Title */

.flex-caption {
    position: relative;
    padding-left: 15px;
    padding-right: 10px;
    height: 60px;
    background: #FFFFFF;
    color: #1C1C1C;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 26px;
    line-height: 26px;
    margin: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flex-caption span {
    display: table-cell;
    vertical-align: middle;
    height: 60px;
}

.flex-caption.overlayDark,
.flex-caption.overlayLight {
    margin-bottom: -60px;
    bottom: 60px;
    position: relative;
}

.flex-caption.overlayDark {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
}

.flex-caption.overlayLight {
    background: rgba(255, 255, 239, 0.9);
    color: #000;
}

ul.slides li a {
    display: block;
    overflow: hidden;
}


/* blogger css conflicts fix */

.flexslider ul {
    margin: 0 !important;
    padding: 0 !important;
    line-height: initial !important;
}

.flexslider ul.flex-direction-nav li {
    margin: 0;
    padding: 0;
    line-height: initial;
}

.flexslider ul li {
    margin-bottom: 0 !important;
}

.flexslider img {
    padding: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

ul.flex-direction-nav {
    position: static;
}

ul.flex-direction-nav li {
    position: static;
}

.error {
    font-family: monospace, sans-serif;
}

@media (max-width: 600px) {
    .flex-caption {
        font-size: 20px;
        line-height: 20px;
        font-weight: 400;
    }
}
</style>
<!-- Include Dependency Script -->
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.6.0/jquery.flexslider-min.js"></script>
<script type="text/javascript" src="http://shuvojitdas.com/script/jquery.bdslider.min.js"></script>

Note: If you had already added jQuery .js into your blogs template then don't add it again as sometimes multiple jQuery ruins everything. Here jQuery script tag is located at the very first of this code block above.




STEP - 5: So now the slider engine scripts are installed, you are ready to add slider(s) anywhere in your blog including gadget, post or page. Well, just copy the code below and paste in a HTML Gadget or Post or Page

<div id="slider1"></div>
<script type="text/javascript">
$(document).ready(function() {
    $("#slider1").BloggerDynamicSlider({
        imageWidth: 636, // Image width in px value
        imageHeight: 398, // Image height in px value
        maxItem: 6, // Max number of Slider Image to show
        animation: "slide", // Select your animation type, "fade" or "slide"
        showPostTitle: true, // Show post title as Caption ? (true/false)
        postTitleStyle: "overlayLight", // Caption style: "default, "overlayDark" or "overlayLight"
    });
});
</script>

STEP - 6: Save & Done! Pretty Simple & Dynamic.



Check these demos again and see their respective code below them to see what bdSlider can provide, And build your very own slider :)



All the options of 'Blogger Dynamic Slider'

$("#slider1").BloggerDynamicSlider({
    blogURL: "", // Your Blog URL. example: "http://imagesliderforblogger.blogspot.com"; Only need to specify when fetching slider content from another blog
    labelName: "", // Show posts from specific Label. Specify a 'Label', or leave it empty to fetch from all recent posts
    maxItem: 6, // Max number of Slider Posts to show
    showPostTitle: true, // Show post title as Caption ? (true/false)
    postTitleStyle: "default", // Select post title/caption style "default, "overlayDark" or "overlayLight"
    imageWidth: 544, // Image width in px value
    imageHeight: 280, // Image height in px value
    animation: "fade", // Select your animation type, "fade" or "slide"
    controlNav: true, // Navigation for paging control of each slide? (true/false)
    directionNav: true, // Previous/next navigation? (true/false)
    pauseOnHover: false, // Pause slideshow when hovering over slider, then resume when no longer hovering (true/false)
    slideshowSpeed: 7000, // Set the speed of the slideshow cycling, in milliseconds
    animationSpeed: 600, // Set the speed of animations, in milliseconds
    animationLoop: true, // Should the animation loop? (true/false)
});

Thank you all for your love and support :)
Source
http://bloggerslider.shuvojitdas.com/2016/02/blogger-dynamic-slider-by-label-or-recent-posts.html

Business-Corporate Blogger Template: SEO Friendly, Fast Loading, Responsive

Business-Corporate Blogger Template: SEO Friendly, Fast Loading, Responsive.

This is a template that is great for small businesses. It doesn't have too much fancy flare to it, but it makes a great use of the standard Bootstrap core components. Feel free to use this template for any project you want!

Template blog bisnis atau situs web perusahaan, instansi, lembaga, sekolah, organisasi, berbasis blogger. SEO Friendly dan FULL Responsive.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe rem nisi accusamus error velit animi non ipsa placeat. Recusandae, suscipit, soluta quibusdam accusamus a veniam quaerat eveniet eligendi dolor consectetur.

This is a template that is great for small businesses. It doesn't have too much fancy flare to it, but it makes a great use of the standard Bootstrap core components. Feel free to use this template for any project you want!

This Online Business Is More Profitable Than You Think

You don't need me to tell you that the internet changed the way we live. From emails that have pushed snail mail out of business to online shopping that endangers brick and mortar shops, our daily lives have been transformed forever.

So why does internet dating still carry a stigma in some quarters -- or does it?

For those of us who lived most of our lives before the internet, cell phones or texting, the old way of meeting people -- in our place of work, study or through friends or relatives -- still takes precedence. But for people who've lived most of their lives with the internet, filling out an online dating profile is as familiar as downloading a tune.

Among all age groups, though, the level of acceptance has been growing strongly. According to Pew Research Center, 41% of American adults say they know someone who uses online dating, and 29% indicate they know someone who has married or entered into a long-term partnership with someone they met online.

In Pew's first poll on online dating, few Americans had such an experience. That was 2005. In its latest national survey conducted last year, 15% of U.S. adults acknowledged they had have used online dating sites or mobile dating applications. That's also significantly higher than in 2013, when about 11% of adults fessed up to having had that experience.

Read more: 

http://www.nasdaq.com/article/this-online-business-is-more-profitable-than-you-think-cm686916

Twenty Businesses You Can Start Tomorrow

Only those with money, special skills and a lot of luck can start a successful business, right?
The fact is there are myriad enterprises waiting to be hatched that don’t require gobs of capital and fancy degrees. We’re not talking about the next Google, Microsoft or General Electric here, but tidy, profit-generating outfits all the same. Better yet, you get to bust down those cubicle walls and be your own boss.

To canvass for ideas, we teamed up with Adams Business (a unit of F+W Media), publisher of The Start Your Own Business Bible, released this month. 

The book contains 501 “new ventures you can launch today,” each with its own breakdown—including the startup funding required (as little as $500 in some cases), an overview of the product or service, the typical fee structure, initial equipment needed, hidden costs, operational tips and more—to give budding entrepreneurs an idea of what they’re getting into. (Author Richard Walsh was unavailable for comment.)

More: http://www.forbes.com/sites/seanstonefield/2011/06/09/twenty-businesses-you-can-start-tomorrow