Blogger (Part 2)
Style “image_small” (Horizontal)
How to Keep Your Kids Healthy at School
Negotiating With A Kid
Kids and TV- Effects of Television on Children
Sharing the Chores at Home
Shortcode “Blogger” (style “image_small”, direction “horizontal”)
Shortcode text for example above:
<div class="sc_blogger sc_blogger_horizontal style_image style_image_small sc_blogger_horizontal_2_columns"> <article class="sc_blogger_item"> <h4 class="sc_blogger_title sc_title"> <a href="#">How to Keep Your Kids Healthy at School</a> </h4> <div class="sc_blogger_content"> <div class="thumb"> <a href="#"> <img alt="How to Keep Your Kids Healthy at School" src="images/kidscare-12-250x141.jpg"> </a> </div> Nulla tempus massa libero, at luctus lorem sagittis sit amet. Maecenas faucibus dapibus nisl, in euismod nunc efficitur vitae. Mauris blandit ut tellus ac eleifend. Maecenas sit amet neque nibh. Donec euismod vestibulum scelerisque. Nunc a mi porta, dignissim lacus eget... </div> <div class="sc_blogger_info"> <div class="squareButton light ico sc_blogger_more"> <a class="icon-link" title="" href="#">More</a> </div> <div class="sc_blogger_author"> Posted by <a href="#" class="post_author">John Doe</a> <span class="separator">|</span> Views <span class="comments_number">184</span> </div> </div> </article> <article class="sc_blogger_item"> <h4 class="sc_blogger_title sc_title"> <a href="#">Negotiating With A Kid</a> </h4> <div class="sc_blogger_content"> <div class="thumb"> <a href="#"> <img alt="Negotiating With A Kid" src="images/kidscare-04-250x141.jpg"> </a> </div> Nunc id purus porta, dignissim ligula sit amet, laoreet odio. Nunc dignissim venenatis dolor, eu dictum libero mollis at. Phasellus ac feugiat quam. Morbi at est ligula. Praesent ullamcorper, felis quis fermentum mollis, odio arcu hendrerit dolor, non molestie tellus mi nec... </div> <div class="sc_blogger_info"> <div class="squareButton light ico sc_blogger_more"> <a class="icon-link" title="" href="#">More</a> </div> <div class="sc_blogger_author"> Posted by <a href="#" class="post_author">John Doe</a> <span class="separator">|</span> Views <span class="comments_number">120</span> </div> </div> </article> </div>
Style “image_medium” (Horizontal)
How to Keep Your Kids Healthy at School
Negotiating With A Kid
Kids and TV- Effects of Television on Children
Sharing the Chores at Home
Shortcode “Blogger” (style “image_medium”, direction “horizontal”)
Shortcode text for example above:
<div class="sc_blogger sc_blogger_horizontal sc_blogger_horizontal_2_columns style_image style_image_medium"> <article class="sc_blogger_item"> <h4 class="sc_blogger_title sc_title"> <a href="#">How to Keep Your Kids Healthy at School</a> </h4> <div class="sc_blogger_content"> <div class="thumb"> <a href="#"> <img alt="How to Keep Your Kids Healthy at School" src="images/kidscare-12-250x141.jpg"> </a> </div>Nulla tempus massa libero, at luctus lorem sagittis sit amet. Maecenas faucibus dapibus nisl, in euismod nunc efficitur vitae. Mauris blandit ut tellus ac eleifend. Maecenas sit amet neque nibh. Donec euismod vestibulum scelerisque. Nunc a mi porta, dignissim lacus... </div> <div class="sc_blogger_info"> <div class="squareButton light ico sc_blogger_more"> <a class="icon-link" title="" href="#">More</a> </div> <div class="sc_blogger_author">Posted by <a href="#" class="post_author">John Doe</a> <span class="separator">|</span> Views <span class="comments_number">184</span> </div> </div> </article> <article class="sc_blogger_item"> <h4 class="sc_blogger_title sc_title"> <a href="#">Negotiating With A Kid</a> </h4> <div class="sc_blogger_content"> <div class="thumb"> <a href="#"> <img alt="Negotiating With A Kid" src="images/kidscare-04-250x141.jpg"> </a> </div>Nunc id purus porta, dignissim ligula sit amet, laoreet odio. Nunc dignissim venenatis dolor, eu dictum libero mollis at. Phasellus ac feugiat quam. Morbi at est ligula. Praesent ullamcorper, felis quis fermentum mollis, odio arcu hendrerit dolor, non molestie... </div> <div class="sc_blogger_info"> <div class="squareButton light ico sc_blogger_more"> <a class="icon-link" title="" href="#">More</a> </div> <div class="sc_blogger_author">Posted by <a href="#" class="post_author">John Doe</a> <span class="separator">|</span> Views <span class="comments_number">120</span> </div> </div> </article> </div>
Style “image_large” (Horizontal)
How to Keep Your Kids Healthy at School
Negotiating With A Kid
Kids and TV- Effects of Television on Children
Sharing the Chores at Home
Shortcode “Blogger” (style “image_large”, direction “horizontal”)
Shortcode text for example above:
<div class="sc_blogger sc_blogger_horizontal sc_blogger_horizontal_2_columns style_image style_image_large"> <article class="sc_blogger_item"> <div class="thumb"> <a href="#"> <img alt="How to Keep Your Kids Healthy at School" src="images/kidscare-12-400x225.jpg"> </a> </div> <h4 class="sc_blogger_title sc_title"> <a href="#">How to Keep Your Kids Healthy at School</a> </h4> <div class="sc_blogger_content"> Nulla tempus massa libero, at luctus lorem sagittis sit amet. Maecenas faucibus dapibus nisl, in euismod nunc efficitur vitae. Mauris blandit ut tellus ac eleifend. Maecenas sit amet neque nibh. Donec euismod vestibulum scelerisque. Nunc a mi... </div> <div class="sc_blogger_info"> <div class="squareButton light ico sc_blogger_more"> <a class="icon-link" title="" href="#">More</a> </div> <div class="sc_blogger_author"> Posted by <a href="#" class="post_author">John Doe</a> <span class="separator">|</span> Views <span class="comments_number">184</span> </div> </div> </article> <article class="sc_blogger_item"> <div class="thumb"> <a href="#"> <img alt="Negotiating With A Kid" src="images/kidscare-04-400x225.jpg"> </a> </div> <h4 class="sc_blogger_title sc_title"> <a href="#">Negotiating With A Kid</a> </h4> <div class="sc_blogger_content"> Nunc id purus porta, dignissim ligula sit amet, laoreet odio. Nunc dignissim venenatis dolor, eu dictum libero mollis at. Phasellus ac feugiat quam. Morbi at est ligula. Praesent ullamcorper, felis quis fermentum mollis, odio arcu hendrerit... </div> <div class="sc_blogger_info"> <div class="squareButton light ico sc_blogger_more"> <a class="icon-link" title="" href="#">More</a> </div> <div class="sc_blogger_author"> Posted by <a href="#" class="post_author">John Doe</a> <span class="separator">|</span> Views <span class="comments_number">120</span> </div> </div> </article> </div>
Kids and TV- Effects of Television on Children
Choosing Safe and Age Appropriate Toys
Shortcode “Blogger” (style “image_large”, direction “vertical”)
Shortcode text for example above:
<div class="sc_blogger sc_blogger_vertical style_image style_image_large"> <article class="sc_blogger_item"> <div class="thumb"> <a href="#"> <img alt="Kids and TV- Effects of Television on Children" src="images/kidscare-17-400x225.jpg"> </a> </div> <h4 class="sc_blogger_title sc_title"> <a href="#">Kids and TV- Effects of Television on Children</a> </h4> <div class="sc_blogger_content"> Suspendisse vitae leo dapibus, vestibulum diam ac, malesuada libero. Nunc lacinia pulvinar velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque id molestie leo. Suspendisse sed ante porttitor lectus viverra tristique. Aenean tempus velit... </div> <div class="sc_blogger_info"> <div class="squareButton light ico sc_blogger_more"> <a class="icon-link" title="" href="#">More</a> </div> <div class="sc_blogger_author"> Posted by <a href="#" class="post_author">John Doe</a> <span class="separator">|</span> Views <span class="comments_number">50</span> </div> </div> </article> <article class="sc_blogger_item sc_blogger_item_last"> <div class="thumb"> <a href="#"> <img alt="Choosing Safe and Age Appropriate Toys" src="images/kidscare-22-400x225.jpg"> </a> </div> <h4 class="sc_blogger_title sc_title"> <a href="#">Choosing Safe and Age Appropriate Toys</a> </h4> <div class="sc_blogger_content"> Curabitur porta nisl sit amet justo ultricies, maximus ullamcorper lectus accumsan. Etiam ut dapibus risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris condimentum, risus a vulputate lacinia, nibh mauris suscipit augue, ac aliquet magna magna... </div> <div class="sc_blogger_info"> <div class="squareButton light ico sc_blogger_more"> <a class="icon-link" title="" href="#">More</a> </div> <div class="sc_blogger_author"> Posted by <a href="#" class="post_author">John Doe</a> <span class="separator">|</span> Views <span class="comments_number">42</span> </div> </div> </article> </div>
Style “image_large” (Vertical)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non viverra diam. Aenean felis neque, adipiscing facilisis ante semper, mattis porta neque. Vivamus accumsan ligula eu nibh eleifend aliquet. Fusce aliquet sapien sapien, ac tempor nisi molestie vitae. Quisque sit amet eros dignissim, accumsan nulla at, feugiat sapien. Mauris metus diam, semper nec fringilla ac, adipiscing a eros. Praesent vel tempor lorem. Sed ac tellus vitae purus interdum interdum sit amet at urna. Etiam nec interdum ante, id suscipit tortor. Vivamus pulvinar neque et sapien adipiscing molestie. Proin eleifend augue neque, quis tristique augue dapibus ac. Sed hendrerit mi nec tellus aliquam, eu bibendum urna convallis. Donec lacinia elementum nunc, sed condimentum eros dictum ut. Sed pretium lacinia tortor, ac porta sapien congue sed. Morbi quis nisl dolor. Vestibulum a lectus vel orci pulvinar consequat vitae et nibh. Pellentesque lectus urna, varius a ullamcorper quis, suscipit sed nisi. Donec eget euismod justo. Phasellus non lacus et turpis accumsan consequat sit amet ac sem. Maecenas massa neque, luctus sodales sem vel, dictum iaculis libero. Duis dapibus mollis elementum. Pellentesque sit amet mauris posuere, cursus velit bibendum, aliquet elit. Nam viverra cursus vestibulum. Aenean diam orci, fringilla vitae adipiscing blandit, cursus et felis. Curabitur auctor adipiscing risus sed ornare. Aliquam a auctor augue. Nullam nisl lorem, sodales sed odio ac, auctor accumsan libero. Ut convallis fringilla velit. Pellentesque auctor lacus eget neque mollis, in commodo ipsum condimentum. Curabitur ultrices magna quis quam dapibus feugiat et malesuada tellus. Mauris ac congue nulla. Suspendisse porttitor lectus eget tincidunt fermentum. Pellentesque venenatis felis in malesuada faucibus. Nunc facilisis neque non neque pellentesque, ut lacinia nibh tristique. Sed non sagittis augue. Sed aliquam pulvinar imperdiet. Nulla euismod adipiscing faucibus. Suspendisse ut lectus ultricies, accumsan ligula in, aliquet erat. Cras id nibh id lacus faucibus vulputate. Vestibulum in elit nibh. Donec sodales faucibus odio a bibendum. Nunc non magna at neque varius pellentesque. Mauris at fermentum est, in sollicitudin eros. Maecenas arcu ante, iaculis nec magna ut, adipiscing tempus dui. Sed fringilla orci aliquam sapien sollicitudin ultricies sit amet a lacus. Nullam eget lorem a mauris lacinia tincidunt non vitae massa. Quisque tempor interdum massa, at tristique velit blandit quis. Fusce ornare sed enim a pretium. Aliquam pretium vestibulum mattis. Donec eu bibendum sapien. Nunc pretium sem non suscipit venenatis. Nam nec dolor accumsan, iaculis leo eu, aliquam mauris. Cras at arcu sed turpis interdum facilisis a in risus. Cras ut hendrerit quam, eget blandit quam. Integer sodales massa eget faucibus lacinia. Praesent accumsan iaculis nunc sit amet venenatis. Nulla erat eros, vestibulum placerat pretium eget, cursus id odio. Morbi sapien ligula, bibendum in dolor vitae, suscipit interdum eros. Vivamus at congue lacus. Nunc sed libero in mauris dapibus euismod. Donec consequat aliquet mauris a ornare. Maecenas vitae posuere ante. Donec vel pellentesque dolor. Phasellus quis semper dui. Curabitur a adipiscing metus, et imperdiet lorem. In turpis eros, mollis vitae urna non, sollicitudin tristique eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non viverra diam. Aenean felis neque, adipiscing facilisis ante semper, mattis porta neque. Vivamus accumsan ligula eu nibh eleifend aliquet. Fusce aliquet sapien sapien, ac tempor nisi molestie vitae. Quisque sit amet eros dignissim, accumsan nulla at, feugiat sapien. Mauris metus diam, semper nec fringilla ac, adipiscing a eros. Praesent vel tempor lorem. Sed ac tellus vitae purus interdum interdum sit amet at urna. Etiam nec interdum ante, id suscipit tortor. Vivamus pulvinar neque et sapien adipiscing molestie. Proin eleifend augue neque, quis tristique augue dapibus ac. Sed hendrerit mi nec tellus aliquam, eu bibendum urna convallis.
Kids and TV- Effects of Television on Children
Choosing Safe and Age Appropriate Toys
Shortcode “Blogger” (style “image_medium”, direction “vertical”)
Shortcode text for example above:
<div class="sc_blogger sc_blogger_vertical style_image style_image_medium"> <article class="sc_blogger_item"> <h4 class="sc_blogger_title sc_title"> <a href="#">Kids and TV- Effects of Television on Children</a> </h4> <div class="sc_blogger_content"> <div class="thumb"> <a href="#"> <img alt="Kids and TV- Effects of Television on Children" src="images/kidscare-17-250x141.jpg"> </a> </div>Suspendisse vitae leo dapibus, vestibulum diam ac, malesuada libero. Nunc lacinia pulvinar velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque id molestie leo. Suspendisse sed ante porttitor lectus viverra tristique. Aenean tempus velit... </div> <div class="sc_blogger_info"> <div class="squareButton light ico sc_blogger_more"> <a class="icon-link" title="" href="#">More</a> </div> <div class="sc_blogger_author"> Posted by <a href="#" class="post_author">John Doe</a> <span class="separator">|</span> Views <span class="comments_number">50</span> </div> </div> </article> <article class="sc_blogger_item sc_blogger_item_last"> <h4 class="sc_blogger_title sc_title"> <a href="#">Choosing Safe and Age Appropriate Toys</a> </h4> <div class="sc_blogger_content"> <div class="thumb"> <a href="#"> <img alt="Choosing Safe and Age Appropriate Toys" src="images/kidscare-22-250x141.jpg"> </a> </div>Curabitur porta nisl sit amet justo ultricies, maximus ullamcorper lectus accumsan. Etiam ut dapibus risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris condimentum, risus a vulputate lacinia, nibh mauris suscipit augue, ac aliquet magna magna... </div> <div class="sc_blogger_info"> <div class="squareButton light ico sc_blogger_more"> <a class="icon-link" title="" href="#">More</a> </div> <div class="sc_blogger_author"> Posted by <a href="#" class="post_author">John Doe</a> <span class="separator">|</span> Views <span class="comments_number">42</span> </div> </div> </article> </div>
Style “image_medium” (Vertical)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non viverra diam. Aenean felis neque, adipiscing facilisis ante semper, mattis porta neque. Vivamus accumsan ligula eu nibh eleifend aliquet. Fusce aliquet sapien sapien, ac tempor nisi molestie vitae. Quisque sit amet eros dignissim, accumsan nulla at, feugiat sapien. Mauris metus diam, semper nec fringilla ac, adipiscing a eros. Praesent vel tempor lorem. Sed ac tellus vitae purus interdum interdum sit amet at urna. Etiam nec interdum ante, id suscipit tortor. Vivamus pulvinar neque et sapien adipiscing molestie. Proin eleifend augue neque, quis tristique augue dapibus ac. Sed hendrerit mi nec tellus aliquam, eu bibendum urna convallis. Donec lacinia elementum nunc, sed condimentum eros dictum ut. Sed pretium lacinia tortor, ac porta sapien congue sed. Morbi quis nisl dolor. Vestibulum a lectus vel orci pulvinar consequat vitae et nibh. Pellentesque lectus urna, varius a ullamcorper quis, suscipit sed nisi. Donec eget euismod justo. Phasellus non lacus et turpis accumsan consequat sit amet ac sem. Maecenas massa neque, luctus sodales sem vel, dictum iaculis libero. Duis dapibus mollis elementum. Pellentesque sit amet mauris posuere, cursus velit bibendum, aliquet elit. Nam viverra cursus vestibulum. Aenean diam orci, fringilla vitae adipiscing blandit, cursus et felis. Curabitur auctor adipiscing risus sed ornare. Aliquam a auctor augue. Nullam nisl lorem, sodales sed odio ac, auctor accumsan libero. Ut convallis fringilla velit. Pellentesque auctor lacus eget neque mollis, in commodo ipsum condimentum. Curabitur ultrices magna quis quam dapibus feugiat et malesuada tellus. Mauris ac congue nulla. Suspendisse porttitor lectus eget tincidunt fermentum. Pellentesque venenatis felis in malesuada faucibus. Nunc facilisis neque non neque pellentesque, ut lacinia nibh tristique. Sed non sagittis augue. Sed aliquam pulvinar imperdiet. Nulla euismod adipiscing faucibus. Suspendisse ut lectus ultricies, accumsan ligula in, aliquet erat. Cras id nibh id lacus faucibus vulputate. Vestibulum in elit nibh. Donec sodales faucibus odio a bibendum. Nunc non magna at neque varius pellentesque. Mauris at fermentum est, in sollicitudin eros. Maecenas arcu ante, iaculis nec magna ut, adipiscing tempus dui. Sed fringilla orci aliquam sapien sollicitudin ultricies sit amet a lacus. Nullam eget lorem a mauris lacinia tincidunt non vitae massa.
Kids and TV- Effects of Television on Children
Choosing Safe and Age Appropriate Toys
Shortcode “Blogger” (style “image_small”, direction “vertical”)
Shortcode text for example above:
<div class="sc_blogger sc_blogger_vertical style_image style_image_small"> <article class="sc_blogger_item"> <h4 class="sc_blogger_title sc_title"> <a href="#">Kids and TV- Effects of Television on Children</a> </h4> <div class="sc_blogger_content"> <div class="thumb"> <a href="#"> <img alt="Kids and TV- Effects of Television on Children" src="images/kidscare-17-250x141.jpg"> </a> </div>Suspendisse vitae leo dapibus, vestibulum diam ac, malesuada libero. Nunc lacinia pulvinar velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque id molestie leo. Suspendisse sed ante porttitor lectus viverra tristique. Aenean tempus velit... </div> <div class="sc_blogger_info"> <div class="squareButton light ico sc_blogger_more"> <a class="icon-link" title="" href="#">More</a> </div> <div class="sc_blogger_author"> Posted by <a href="#" class="post_author">John Doe</a> <span class="separator">|</span> Views <span class="comments_number">50</span> </div> </div> </article> <article class="sc_blogger_item sc_blogger_item_last"> <h4 class="sc_blogger_title sc_title"> <a href="#">Choosing Safe and Age Appropriate Toys</a> </h4> <div class="sc_blogger_content"> <div class="thumb"> <a href="#"> <img alt="Choosing Safe and Age Appropriate Toys" src="images/kidscare-22-250x141.jpg"> </a> </div>Curabitur porta nisl sit amet justo ultricies, maximus ullamcorper lectus accumsan. Etiam ut dapibus risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris condimentum, risus a vulputate lacinia, nibh mauris suscipit augue, ac aliquet magna magna... </div> <div class="sc_blogger_info"> <div class="squareButton light ico sc_blogger_more"> <a class="icon-link" title="" href="#">More</a> </div> <div class="sc_blogger_author"> Posted by <a href="#" class="post_author">John Doe</a> <span class="separator">|</span> Views <span class="comments_number">42</span> </div> </div> </article> </div>
Style “image_small” (Vertical)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non viverra diam. Aenean felis neque, adipiscing facilisis ante semper, mattis porta neque. Vivamus accumsan ligula eu nibh eleifend aliquet. Fusce aliquet sapien sapien, ac tempor nisi molestie vitae. Quisque sit amet eros dignissim, accumsan nulla at, feugiat sapien. Mauris metus diam, semper nec fringilla ac, adipiscing a eros. Praesent vel tempor lorem. Sed ac tellus vitae purus interdum interdum sit amet at urna. Etiam nec interdum ante, id suscipit tortor. Vivamus pulvinar neque et sapien adipiscing molestie. Proin eleifend augue neque, quis tristique augue dapibus ac. Sed hendrerit mi nec tellus aliquam, eu bibendum urna convallis. Donec lacinia elementum nunc, sed condimentum eros dictum ut. Sed pretium lacinia tortor, ac porta sapien congue sed. Morbi quis nisl dolor. Vestibulum a lectus vel orci pulvinar consequat vitae et nibh. Pellentesque lectus urna, varius a ullamcorper quis, suscipit sed nisi. Donec eget euismod justo. Phasellus non lacus et turpis accumsan consequat sit amet ac sem. Maecenas massa neque, luctus sodales sem vel, dictum iaculis libero. Duis dapibus mollis elementum. Pellentesque sit amet mauris posuere, cursus velit bibendum, aliquet elit. Nam viverra cursus vestibulum. Aenean diam orci, fringilla vitae adipiscing blandit, cursus et felis. Curabitur auctor adipiscing risus sed ornare. Aliquam a auctor augue. Nullam nisl lorem, sodales sed odio ac, auctor accumsan libero. Ut convallis fringilla velit. Pellentesque auctor lacus eget neque mollis, in commodo ipsum condimentum. Curabitur ultrices magna quis quam dapibus feugiat et malesuada tellus. Mauris ac congue nulla. Suspendisse porttitor lectus eget tincidunt fermentum. Pellentesque venenatis felis in malesuada faucibus. Nunc facilisis neque non neque pellentesque, ut lacinia nibh tristique. Sed non sagittis augue. Sed aliquam pulvinar imperdiet. Nulla euismod adipiscing faucibus. Suspendisse ut lectus ultricies, accumsan ligula in, aliquet erat. Cras id nibh id lacus faucibus vulputate. Vestibulum in elit nibh. Donec sodales faucibus odio a bibendum. Nunc non magna at neque varius pellentesque. Mauris at fermentum est, in sollicitudin eros. Maecenas arcu ante, iaculis nec magna ut, adipiscing tempus dui. Sed fringilla orci aliquam sapien sollicitudin ultricies sit amet a lacus. Nullam eget lorem a mauris lacinia tincidunt non vitae massa.