<div id="tdi_45" class="tdc-zone"><div class="tdc_zone tdi_46 wpb_row td-pb-row" >
<style scoped>
/* custom css - generated by TagDiv Composer */

/* custom css - generated by TagDiv Composer */
.tdi_46{ 
 min-height: 0; 
 }
</style><div id="tdi_53" class="tdc-row stretch_row_1200 td-stretch-content"><div class="vc_row tdi_54 wpb_row td-pb-row tdc-element-style tdc-row-content-vert-center" >
<style scoped>
/* custom css - generated by TagDiv Composer */

/* custom css - generated by TagDiv Composer */
.tdi_54, 
 .tdi_54 .tdc-columns{ 
 min-height: 0; 
 }#tdi_53.tdc-row[class*='stretch_row'] > .td-pb-row > .td-element-style, 
 #tdi_53.tdc-row[class*='stretch_row'] > .td-pb-row > .tdc-video-outer-wrapper{ 
 width: 100% !important; 
 }.tdi_54, 
				.tdi_54 .tdc-columns{ 
				 display: block; 
				}.tdi_54 .tdc-columns{ 
				 width: 100%; 
				}.tdi_54:before, 
				.tdi_54:after{ 
				 display: table; 
				}@media (min-width: 767px) { 
 .tdi_54.tdc-row-content-vert-center, 
 .tdi_54.tdc-row-content-vert-center .tdc-columns { 
 display: flex; 
 align-items: center; 
 flex: 1; 
 } 
 .tdi_54.tdc-row-content-vert-bottom, 
 .tdi_54.tdc-row-content-vert-bottom .tdc-columns { 
 display: flex; 
 align-items: flex-end; 
 flex: 1; 
 } 
 .tdi_54.tdc-row-content-vert-center .td_block_wrap { 
 vertical-align: middle; 
 } 
 .tdi_54.tdc-row-content-vert-bottom .td_block_wrap { 
 vertical-align: bottom; 
 } 
 }
/* inline tdc_css att - generated by TagDiv Composer */

.tdi_54{
margin-right:0px !important;
margin-bottom:0px !important;
margin-left:0px !important;
padding-top:15px !important;
padding-right:10px !important;
padding-bottom:17px !important;
padding-left:10px !important;
position:relative;
}

.tdi_54 .td_block_wrap{ text-align:left }

/* landscape */
@media (min-width: 1019px) and (max-width: 1140px)
{
.tdi_54{
margin-bottom:85px !important;
padding-top:8px !important;
padding-right:5px !important;
padding-bottom:8px !important;
padding-left:5px !important;
}
}

/* portrait */
@media (min-width: 768px) and (max-width: 1018px)
{
.tdi_54{
margin-right:14px !important;
margin-bottom:71px !important;
margin-left:14px !important;
padding-top:10px !important;
padding-right:3px !important;
padding-bottom:10px !important;
padding-left:3px !important;
}
}

/* phone */
@media (max-width: 767px)
{
.tdi_54{
margin-bottom:60px !important;
padding-top:21px !important;
padding-right:20px !important;
padding-bottom:38px !important;
padding-left:20px !important;
}
}

</style>
<div class="tdi_53_rand_style td-element-style" ><div class="td-element-style-before"><style>
/* custom css - generated by TagDiv Composer */

.tdi_53_rand_style > .td-element-style-before {
content:'' !important;
width:100% !important;
height:100% !important;
position:absolute !important;
top:0 !important;
left:0 !important;
display:block !important;
z-index:0 !important;
border-color:#e6e6e6 !important;
border-style:solid !important;
border-width: 2px 2px 2px 2px !important;
}
</style></div></div><div class="vc_column tdi_56 wpb_column vc_column_container tdc-column td-pb-span7">
<style scoped>
/* custom css - generated by TagDiv Composer */

/* custom css - generated by TagDiv Composer */
.tdi_56{ 
 vertical-align: baseline; 
 }.tdi_56 > .wpb_wrapper, 
				.tdi_56 > .wpb_wrapper > .tdc-elements{ 
				 display: block; 
				}.tdi_56 > .wpb_wrapper > .tdc-elements{ 
				 width: 100%; 
				}.tdi_56 > .wpb_wrapper > .vc_row_inner{ 
				 width: auto; 
				}.tdi_56 > .wpb_wrapper{ 
				 width: auto; 
				 height: auto; 
				}
/* inline tdc_css att - generated by TagDiv Composer */

/* portrait */
@media (min-width: 768px) and (max-width: 1018px)
{
.tdi_56{
width:56% !important;
}
}

</style><div class="wpb_wrapper" ><div class="tdm_block td_block_wrap tdm_block_column_title tdi_57 tdm-content-horiz-left td-pb-border-top td_block_template_1" data-td-block-uid="tdi_57" >
<style>

/* inline tdc_css att - generated by TagDiv Composer */

.tdi_57{
margin-bottom:0px !important;
padding-top:11px !important;
}

/* landscape */
@media (min-width: 1019px) and (max-width: 1140px)
{
.tdi_57{
margin-bottom:3px !important;
padding-top:15px !important;
}
}

/* portrait */
@media (min-width: 768px) and (max-width: 1018px)
{
.tdi_57{
margin-bottom:-8px !important;
padding-top:5px !important;
}
}

/* phone */
@media (max-width: 767px)
{
.tdi_57{
margin-bottom:5px !important;
padding-top:0px !important;
justify-content:center !important;
text-align:center !important;
}
}

</style>
<style>
/* custom css - generated by TagDiv Composer */
.tdm_block_column_title{ 
 margin-bottom: 0; 
 display: inline-block; 
 width: 100%; 
 }
</style><div class="td-block-row"><div class="td-block-span12 tdm-col">
<style>
/* custom css - generated by TagDiv Composer */
body .tdi_58 .tdm-title{ 
					color: #030303; 
				}.tdi_58 .tdm-title{ 
					font-family:Muli !important;font-size:23px !important;line-height:1 !important;font-weight:800 !important; 
				}

/* landscape */
@media (min-width: 1019px) and (max-width: 1140px){
.tdi_58 .tdm-title{ 
					font-size:22px !important; 
				}
}

/* portrait */
@media (min-width: 768px) and (max-width: 1018px){
.tdi_58 .tdm-title{ 
					font-size:18px !important;font-weight:600 !important; 
				}
}

/* phone */
@media (max-width: 767px){
.tdi_58 .tdm-title{ 
					font-size:22px !important; 
				}
}
</style><div class="tds-title tds-title1 td-fix-index tdi_58 "><h3 class="tdm-title tdm-title-md">Dapatkan konten menarik dari kami secara gratis!</h3></div></div></div></div></div></div><div class="vc_column tdi_60 wpb_column vc_column_container tdc-column td-pb-span5">
<style scoped>
/* custom css - generated by TagDiv Composer */

/* custom css - generated by TagDiv Composer */
.tdi_60{ 
 vertical-align: baseline; 
 }.tdi_60 > .wpb_wrapper, 
				.tdi_60 > .wpb_wrapper > .tdc-elements{ 
				 display: block; 
				}.tdi_60 > .wpb_wrapper > .tdc-elements{ 
				 width: 100%; 
				}.tdi_60 > .wpb_wrapper > .vc_row_inner{ 
				 width: auto; 
				}.tdi_60 > .wpb_wrapper{ 
				 width: auto; 
				 height: auto; 
				}
/* inline tdc_css att - generated by TagDiv Composer */

/* portrait */
@media (min-width: 768px) and (max-width: 1018px)
{
.tdi_60{
width:44% !important;
}
}

</style><div class="wpb_wrapper" ><div class="tdm_block td_block_wrap tdn_block_newsletter_subscribe tdi_61 tds_newsletter1_block tdn-content-horiz-left td-pb-border-top td_block_template_1 td-fix-index" data-td-block-uid="tdi_61" >
<style>

/* inline tdc_css att - generated by TagDiv Composer */

.tdi_61{
margin-bottom:0px !important;
}

</style>
<style>
.tdi_62 input[type=email], 
				.tdi_62 button{ 
					font-family:Muli !important;font-size:14px !important;line-height:3 !important; 
				}.tdi_62 .tdn-email-bar{ 
 flex-direction: row; 
 }.tdi_62 .tdn-input-wrap{ 
 margin-bottom: 0; 
 }.tdi_62 input[type=email]{ 
 border-right-width: 0; 
 }.tdi_62 input{ 
 background-color: #fcfcfc; 
 
 border-width: 0px 0 0px 0px; 
 }.tdi_62 button{ 
 background-color: #dd3333; 
 
					font-family:Muli !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:1px !important; 
				}.tdi_62 button .tdn-btn-icon{ 
 top: -1px; 
 }

/* landscape */
@media (min-width: 1019px) and (max-width: 1140px){
.tdi_62 input[type=email], 
				.tdi_62 button{ 
					font-size:13px !important; 
				}.tdi_62 button{ 
					font-size:13px !important; 
				}
}

/* portrait */
@media (min-width: 768px) and (max-width: 1018px){
.tdi_62 input[type=email], 
				.tdi_62 button{ 
					font-size:12px !important;line-height:2.7 !important; 
				}.tdi_62 button{ 
					font-size:12px !important; 
				}
}

/* phone */
@media (max-width: 767px){
.tdi_62 input[type=email], 
				.tdi_62 button{ 
					font-size:13px !important; 
				}.tdi_62 button{ 
					font-size:13px !important; 
				}
}
</style><div class="tds-newsletter tds-newsletter1 tdi_62 td-fix-index"><div class="tdn-info-wrap"><form class="tdn-form" action="list-manage.com/subscribe" method="post" name="mc-embedded-subscribe-form" target="_blank"><div class="tdn-email-bar"><div class="tdn-input-wrap"><input type="email" name="EMAIL" aria-label="email" placeholder="Masukkan Alamat Email..." required></div><div class="tdn-btn-wrap"><button class="tdn-submit-btn" type="submit" name="subscribe" >Subscribe</button></div></div></form></div></div></div></div></div></div></div><div id="tdi_63" class="tdc-row stretch_row_1200 td-stretch-content"><div class="vc_row tdi_64 wpb_row td-pb-row tdc-element-style" >
<style scoped>
/* custom css - generated by TagDiv Composer */

/* custom css - generated by TagDiv Composer */
.tdi_64, 
 .tdi_64 .tdc-columns{ 
 min-height: 0; 
 }.tdi_64, 
				.tdi_64 .tdc-columns{ 
				 display: block; 
				}.tdi_64 .tdc-columns{ 
				 width: 100%; 
				}.tdi_64:before, 
				.tdi_64:after{ 
				 display: table; 
				}
/* inline tdc_css att - generated by TagDiv Composer */

.tdi_64{
padding-bottom:120px !important;
position:relative;
}

.tdi_64 .td_block_wrap{ text-align:left }

/* landscape */
@media (min-width: 1019px) and (max-width: 1140px)
{
.tdi_64{
padding-bottom:100px !important;
}
}

/* phone */
@media (max-width: 767px)
{
.tdi_64{
padding-bottom:80px !important;
}
}

/* portrait */
@media (min-width: 768px) and (max-width: 1018px)
{
.tdi_64{
padding-bottom:80px !important;
}
}

</style>
<div class="tdi_63_rand_style td-element-style" ><div class="td-element-style-before"><style>
/* custom css - generated by TagDiv Composer */

.tdi_63_rand_style > .td-element-style-before {
content:'' !important;
width:100% !important;
height:100% !important;
position:absolute !important;
top:0 !important;
left:0 !important;
display:block !important;
z-index:0 !important;
background-image:url("https://www.tutorialpedia.net/wp-content/uploads/pattern.png") !important;
background-repeat:no-repeat !important;
background-position:center bottom !important;
opacity:0.2 !important;
}
</style></div></div><div class="vc_column tdi_66 wpb_column vc_column_container tdc-column td-pb-span12">
<style scoped>
/* custom css - generated by TagDiv Composer */

/* custom css - generated by TagDiv Composer */
.tdi_66{ 
 vertical-align: baseline; 
 }.tdi_66 > .wpb_wrapper, 
				.tdi_66 > .wpb_wrapper > .tdc-elements{ 
				 display: block; 
				}.tdi_66 > .wpb_wrapper > .tdc-elements{ 
				 width: 100%; 
				}.tdi_66 > .wpb_wrapper > .vc_row_inner{ 
				 width: auto; 
				}.tdi_66 > .wpb_wrapper{ 
				 width: auto; 
				 height: auto; 
				}
</style><div class="wpb_wrapper" ><div class="tdm_block td_block_wrap tdm_block_column_title tdi_67 tdm-content-horiz-left td-pb-border-top td_block_template_1" data-td-block-uid="tdi_67" >
<style>

/* inline tdc_css att - generated by TagDiv Composer */

.tdi_67{
margin-bottom:10px !important;
}

/* landscape */
@media (min-width: 1019px) and (max-width: 1140px)
{
.tdi_67{
margin-bottom:3px !important;
}
}

/* portrait */
@media (min-width: 768px) and (max-width: 1018px)
{
.tdi_67{
margin-bottom:-8px !important;
}
}

/* phone */
@media (max-width: 767px)
{
.tdi_67{
margin-bottom:0px !important;
}
}

</style><div class="td-block-row"><div class="td-block-span12 tdm-col">
<style>
/* custom css - generated by TagDiv Composer */
body .tdi_68 .tdm-title{ 
					color: #0d42a2; 
				}.tdi_68 .tdm-title{ 
					font-family:Muli !important;font-size:36px !important;line-height:1 !important;font-weight:800 !important; 
				}

/* landscape */
@media (min-width: 1019px) and (max-width: 1140px){
.tdi_68 .tdm-title{ 
					font-size:32px !important; 
				}
}

/* portrait */
@media (min-width: 768px) and (max-width: 1018px){
.tdi_68 .tdm-title{ 
					font-size:28px !important; 
				}
}

/* phone */
@media (max-width: 767px){
.tdi_68 .tdm-title{ 
					font-size:30px !important; 
				}
}
</style><div class="tds-title tds-title1 td-fix-index tdi_68 "><h3 class="tdm-title tdm-title-md">Latest Articles</h3></div></div></div></div><div class="td_block_wrap tdb_loop tdi_69 tdb-numbered-pagination td_with_ajax_pagination td-pb-border-top td_block_template_1 tdb-category-loop-posts" data-td-block-uid="tdi_69" >
<style>

/* inline tdc_css att - generated by TagDiv Composer */

.tdi_69{
margin-bottom:0px !important;
}

</style>
<style>
/* custom css - generated by TagDiv Composer */
[class*="tdb_module_loop"] .td-module-container{ 
 display: flex; 
 flex-direction: column; 
 position: relative; 
 }[class*="tdb_module_loop"] .td-module-container:before{ 
 content: ''; 
 position: absolute; 
 bottom: 0; 
 left: 0; 
 width: 100%; 
 height: 1px; 
 }[class*="tdb_module_loop"] .td-image-wrap{ 
 display: block; 
 position: relative; 
 padding-bottom: 50%; 
 }[class*="tdb_module_loop"] .td-image-container{ 
 position: relative; 
 flex: 0 0 auto; 
 width: 100%; 
 height: 100%; 
 }[class*="tdb_module_loop"] .td-module-thumb{ 
 margin-bottom: 0; 
 }[class*="tdb_module_loop"] .td-module-meta-info{ 
 width: 100%; 
 padding: 13px 0 0 0; 
 margin-bottom: 0; 
 z-index: 1; 
 border: 0 solid #eaeaea; 
 }[class*="tdb_module_loop"] .td-thumb-css{ 
 width: 100%; 
 height: 100%; 
 position: absolute; 
 background-size: cover; 
 background-position: center center; 
 }[class*="tdb_module_loop"] .td-category-pos-image .td-post-category:not(.td-post-extra-category), 
 [class*="tdb_module_loop"] .td-post-vid-time{ 
 position: absolute; 
 z-index: 2; 
 bottom: 0; 
 }[class*="tdb_module_loop"] .td-category-pos-image .td-post-category:not(.td-post-extra-category){ 
 left: 0; 
 }[class*="tdb_module_loop"] .td-post-vid-time{ 
 right: 0; 
 background-color: #000; 
 padding: 3px 6px 4px; 
 font-family: var(--td_default_google_font_1, 'Open Sans', 'Open Sans Regular', sans-serif); 
 font-size: 10px; 
 font-weight: 600; 
 line-height: 1; 
 color: #fff; 
 }[class*="tdb_module_loop"] .td-excerpt{ 
 margin: 20px 0 0; 
 line-height: 21px; 
 }.tdb_loop .tdb-block-inner{ 
 display: flex; 
 flex-wrap: wrap; 
				}.tdb_loop .td_module_wrap{ 
				 padding-bottom: 0; 
				}.tdb_loop .tdb_module_rec{ 
				 text-align: center; 
				}.tdb_loop .tdb-author-photo{ 
 display: inline-block; 
 }.tdb_loop .tdb-author-photo, 
 .tdb_loop .tdb-author-photo img{ 
 vertical-align: middle; 
 }.tdb_loop .td-post-author-name, 
 .tdb_loop .td-post-date, 
 .tdb_loop .td-module-comments{ 
 vertical-align: text-top; 
 }.tdb_loop .entry-review-stars{ 
 margin-left: 6px; 
 vertical-align: text-bottom; 
 }.tdb_loop .td-load-more-wrap, 
 .tdb_loop .td-next-prev-wrap{ 
 margin: 20px 0 0; 
 }.tdb_loop .page-nav{ 
 position: relative; 
 margin: 54px 0 0; 
 }.tdb_loop .page-nav a, 
 .tdb_loop .page-nav span{ 
 margin-top: 8px; 
 margin-bottom: 0; 
 }.tdb_loop .td-next-prev-wrap a{ 
 width: auto; 
 height: auto; 
 min-width: 25px; 
 min-height: 25px; 
 }.tdb_loop{ 
 display: inline-block; 
 width: 100%; 
 margin-bottom: 78px; 
 padding-bottom: 0; 
 overflow: visible !important; 
 }.tdb_loop .td-module-title{ 
 font-family: var(--td_default_google_font_2, 'Roboto', sans-serif); 
 font-weight: 400; 
 font-size: 21px; 
 line-height: 25px; 
 margin: 0 0 6px 0; 
 }.tdb_loop .td-spot-id-loop .tdc-placeholder-title:before{ 
 content: 'Posts Loop Ad' !important; 
 }.tdb_loop.tdc-no-posts .td_block_inner{ 
 margin-left: 0 !important; 
 margin-right: 0 !important; 
 }.tdb_loop.tdc-no-posts .td_block_inner .no-results h2{ 
 font-size: 13px; 
 font-weight: normal; 
 text-align: left; 
 padding: 20px; 
 border: 1px solid rgba(190, 190, 190, 0.35); 
 color: rgba(125, 125, 125, 0.8); 
 }.tdi_69 .entry-thumb{ 
					background-position: center 50%; 
				}.tdi_69 .td-image-wrap{ 
					padding-bottom: 62%; 
				}.tdi_69 .td-module-container{ 
					flex-direction: column; 
				 
				 border-width: 2px; 
				 border-style: solid; 
				 border-color: #000; 
				 
				 border-color: #e6e6e6; 
				 
					background-color: #fcfcfc; 
				}.tdi_69 .td-image-container{ 
 	display: block; order: 0; 
 }.ie10 .tdi_69 .td-module-meta-info, 
				.ie11 .tdi_69 .td-module-meta-info{ 
				 	flex: auto; 
			 }.tdi_69 .td-module-meta-info{ 
					padding: 26px 22px; 
				 
					border-color: #eaeaea; 
				}body .tdi_69 .td-favorite{ 
 font-size: 36px; 
 
 box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2); 
 }.tdi_69 .td_module_wrap:not(.tdb_module_rec){ 
					width: 33.33333333%; 
				}.tdi_69 .tdb_module_rec{ 
					width: 66.66666667%; 
				}.tdi_69 .td_module_wrap{ 
					padding-left: 12px; 
					padding-right: 12px; 
				}.tdi_69 .tdb-block-inner{ 
					margin-left: -12px; 
					margin-right: -12px; 
				 
					row-gap: calc(12px * 2); 
				}.tdi_69 .td-module-container:before{ 
					bottom: -12px; 
				 
					border-color: #eaeaea; 
				}.tdi_69 .td_module_wrap:nth-last-child(-n+3) .td-module-container:before{ 
					display: none; 
				}.tdi_69 .td-post-vid-time{ 
					display: block; 
				}.tdi_69 .td-post-category{ 
					margin: 0 0 7px; 
				 
					padding: 0px; 
				 
					background-color: rgba(0,0,0,0); 
				 
					color: #0d42a2; 
				 
					font-family:Muli !important;font-size:11px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:0.8px !important; 
				}.tdi_69 .td-post-category:not(.td-post-extra-category){ 
					display: inline-block; 
				}.tdi_69 .tdb-author-photo .avatar{ 
				 width: 20px; 
				 height: 20px; 
				 
				 margin-right: 6px; 
				 
				 border-radius: 50%; 
				}.tdi_69 .td-excerpt{ 
					display: none; 
				 
					column-count: 1; 
				 
					column-gap: 48px; 
				}.tdi_69 .td-audio-player{ 
					opacity: 1; 
					visibility: visible; 
					height: auto; 
				 
					font-size: 13px; 
				}.tdi_69 .td-read-more{ 
					display: none; 
				}.tdi_69 .td-author-date{ 
					display: inline; 
				}.tdi_69 .td-post-date, 
				.tdi_69 .td-post-author-name span{ 
					display: inline-block; 
				 
					color: #969696; 
				}.tdi_69 .entry-review-stars{ 
					display: inline-block; 
				}.tdi_69 .td-icon-star, 
 .tdi_69 .td-icon-star-empty, 
 .tdi_69 .td-icon-star-half{ 
					font-size: 15px; 
				}.tdi_69 .td-module-comments{ 
					display: none; 
				}.tdi_69 .td-module-title a{ 
					color: #000000; 
				 
 box-shadow: inset 0 0 0 0 #000; 
 }.tdi_69 .td-post-author-name a{ 
					color: #969696; 
				}.tdi_69 .td-post-author-name:hover a{ 
					color: #0d42a2; 
				}.tdi_69.td_with_ajax_pagination .td-next-prev-wrap, 
				.tdi_69 .page-nav, 
				.tdi_69 .td-load-more-wrap{ 
					margin-top: 24px; 
				}.tdi_69 .entry-title{ 
					margin: 0 0 11px; 
				 
					font-family:Muli !important;font-size:18px !important;line-height:1.2 !important;font-weight:800 !important; 
				}.tdi_69 .td-author-date, 
				.tdi_69 .tdb-author-photo, 
				.tdi_69 .td-post-author-name a, 
				.tdi_69 .td-author-date .entry-date, 
				.tdi_69 .td-module-comments a{ 
					font-family:Muli !important;font-size:12px !important;font-weight:400 !important; 
				}html:not([class*='ie']) .tdi_69 .td-module-container:hover .entry-thumb:before{ 
 opacity: 0; 
 }@media (min-width: 768px) and (max-width: 1018px) { 
 .tdb_loop .td-module-title { 
 font-size: 17px; 
 line-height: 22px; 
 } 
 }@media (min-width: 768px) { 
 .tdi_69 .td-module-title a { 
 transition: all 0.2s ease; 
 -webkit-transition: all 0.2s ease; 
 } 
 }

/* landscape */
@media (min-width: 1019px) and (max-width: 1140px){
.tdi_69 .td-module-meta-info{ 
					padding: 22px 18px; 
				}.tdi_69 .td_module_wrap{ 
					padding-left: 11px; 
					padding-right: 11px; 
				}.tdi_69 .tdb-block-inner{ 
					margin-left: -11px; 
					margin-right: -11px; 
				 
					row-gap: calc(12px * 2); 
				}.tdi_69 .td-module-container:before{ 
					bottom: -12px; 
				}.tdi_69 .td-post-category{ 
					margin: 0 0 6px; 
				 
					font-size:10px !important; 
				}.tdi_69 .td-module-title a{ 
 box-shadow: inset 0 0 0 0 #000; 
 }.tdi_69 .entry-title{ 
					margin: 0 0 10px; 
				 
					font-size:17px !important; 
				}.tdi_69 .td-author-date, 
				.tdi_69 .tdb-author-photo, 
				.tdi_69 .td-post-author-name a, 
				.tdi_69 .td-author-date .entry-date, 
				.tdi_69 .td-module-comments a{ 
					font-size:11px !important; 
				}.tdi_69 .td-excerpt{ 
					font-size:1px !important; 
				}@media (min-width: 768px) { 
 .tdi_69 .td-module-title a { 
 transition: all 0.2s ease; 
 -webkit-transition: all 0.2s ease; 
 } 
 }
}

/* portrait */
@media (min-width: 768px) and (max-width: 1018px){
.tdi_69 .td-image-wrap{ 
					padding-bottom: 70%; 
				}.tdi_69 .td-module-meta-info{ 
					padding: 22px 18px; 
				}.tdi_69 .td_module_wrap{ 
					padding-left: 10px; 
					padding-right: 10px; 
				}.tdi_69 .tdb-block-inner{ 
					margin-left: -10px; 
					margin-right: -10px; 
				 
					row-gap: calc(12px * 2); 
				}.tdi_69 .td-module-container:before{ 
					bottom: -12px; 
				}.tdi_69 .td-post-category{ 
					margin: 0 0 6px; 
				 
					font-size:10px !important; 
				}.tdi_69 .td-module-title a{ 
 box-shadow: inset 0 0 0 0 #000; 
 }.tdi_69 .entry-title{ 
					margin: 0 0 10px; 
				 
					font-size:17px !important;font-weight:600 !important; 
				}.tdi_69 .td-author-date, 
				.tdi_69 .tdb-author-photo, 
				.tdi_69 .td-post-author-name a, 
				.tdi_69 .td-author-date .entry-date, 
				.tdi_69 .td-module-comments a{ 
					font-size:11px !important; 
				}@media (min-width: 768px) { 
 .tdi_69 .td-module-title a { 
 transition: all 0.2s ease; 
 -webkit-transition: all 0.2s ease; 
 } 
 }
}

/* phone */
@media (max-width: 767px){
.tdi_69 .td-module-meta-info{ 
					padding: 22px 18px; 
				}.tdi_69 .td_module_wrap:not(.tdb_module_rec){ 
					width: 100%; 
				}.tdi_69 .tdb_module_rec{ 
					width: 100%; 
				}.tdi_69 .tdb-block-inner{ 
					row-gap: calc(12px * 2); 
				}.tdi_69 .td-module-container:before{ 
					bottom: -12px; 
				}.tdi_69 .td_module_wrap:nth-last-child(1) .td-module-container:before{ 
					display: none; 
				}.tdi_69 .td-post-category{ 
					margin: 0 0 6px; 
				 
					font-size:10px !important; 
				}.tdi_69 .td-module-title a{ 
 box-shadow: inset 0 0 0 0 #000; 
 }.tdi_69 .entry-title{ 
					margin: 0 0 10px; 
				 
					line-height:1.1 !important; 
				}.tdi_69 .td-author-date, 
				.tdi_69 .tdb-author-photo, 
				.tdi_69 .td-post-author-name a, 
				.tdi_69 .td-author-date .entry-date, 
				.tdi_69 .td-module-comments a{ 
					font-size:11px !important; 
				}@media (min-width: 768px) { 
 .tdi_69 .td-module-title a { 
 transition: all 0.2s ease; 
 -webkit-transition: all 0.2s ease; 
 } 
 }
}
</style><script>var block_tdi_69 = new tdBlock();
block_tdi_69.id = "tdi_69";
block_tdi_69.atts = '{"modules_on_row":"eyJhbGwiOiIzMy4zMzMzMzMzMyUiLCJwaG9uZSI6IjEwMCUifQ==","limit":"9","show_author":"","show_com":"none","image_size":"td_300x0","meta_padding":"eyJhbGwiOiIyNnB4IDIycHgiLCJsYW5kc2NhcGUiOiIyMnB4IDE4cHgiLCJwb3J0cmFpdCI6IjIycHggMThweCIsInBob25lIjoiMjJweCAxOHB4In0=","tdc_css":"eyJhbGwiOnsibWFyZ2luLWJvdHRvbSI6IjAiLCJkaXNwbGF5IjoiIn19","modules_gap":"eyJhbGwiOiIyNCIsImxhbmRzY2FwZSI6IjIyIiwicG9ydHJhaXQiOiIyMCJ9","image_height":"eyJhbGwiOiI2MiIsInBvcnRyYWl0IjoiNzAifQ==","show_btn":"none","show_excerpt":"none","modules_category":"above","modules_category_padding":"0","cat_bg":"rgba(0,0,0,0)","cat_txt":"#0d42a2","f_cat_font_family":"406","f_cat_font_size":"eyJhbGwiOiIxMSIsImxhbmRzY2FwZSI6IjEwIiwicG9ydHJhaXQiOiIxMCIsInBob25lIjoiMTAifQ==","f_cat_font_transform":"uppercase","f_cat_font_weight":"800","f_cat_font_spacing":"0.8","f_title_font_size":"eyJhbGwiOiIxOCIsInBvcnRyYWl0IjoiMTciLCJsYW5kc2NhcGUiOiIxNyJ9","f_title_font_family":"406","f_title_font_weight":"eyJhbGwiOiI4MDAiLCJwb3J0cmFpdCI6IjYwMCJ9","f_meta_font_weight":"400","author_txt":"#969696","f_meta_font_size":"eyJhbGwiOiIxMiIsImxhbmRzY2FwZSI6IjExIiwicG9ydHJhaXQiOiIxMSIsInBob25lIjoiMTEifQ==","date_txt":"#969696","f_meta_font_family":"406","modules_category_margin":"eyJhbGwiOiIwIDAgN3B4IiwibGFuZHNjYXBlIjoiMCAwIDZweCIsInBvcnRyYWl0IjoiMCAwIDZweCIsInBob25lIjoiMCAwIDZweCJ9","art_title":"eyJhbGwiOiIwIDAgMTFweCIsImxhbmRzY2FwZSI6IjAgMCAxMHB4IiwicG9ydHJhaXQiOiIwIDAgMTBweCIsInBob25lIjoiMCAwIDEwcHgifQ==","author_txt_hover":"#0d42a2","modules_border_style":"eyJsYW5kc2NhcGUiOiIifQ==","modules_border_size":"2","m_bg":"#fcfcfc","modules_border_color":"#e6e6e6","f_title_font_line_height":"eyJsYW5kc2NhcGUiOiIxLjIiLCJwb3J0cmFpdCI6IjEuMiIsInBob25lIjoiMS4xIiwiYWxsIjoiMS4yIn0=","f_ex_font_size":"eyJsYW5kc2NhcGUiOiIxIn0=","all_modules_space":"24","title_txt":"#000000","category_id":"","ajax_pagination":"numbered","pag_space":"24","block_type":"tdb_loop","separator":"","custom_title":"","custom_url":"","block_template_id":"","title_tag":"","mc1_tl":"","mc1_title_tag":"","mc1_el":"","offset":"","open_in_new_window":"","post_ids":"","include_cf_posts":"","exclude_cf_posts":"","sort":"","installed_post_types":"","ajax_pagination_next_prev_swipe":"","ajax_pagination_infinite_stop":"","review_source":"","container_width":"","m_padding":"","m_radius":"","modules_divider":"","modules_divider_color":"#eaeaea","h_effect":"","image_alignment":"50","image_width":"","image_floated":"no_float","image_radius":"","hide_image":"","show_favourites":"","fav_size":"2","fav_space":"","fav_ico_color":"","fav_ico_color_h":"","fav_bg":"","fav_bg_h":"","fav_shadow_shadow_header":"","fav_shadow_shadow_title":"Shadow","fav_shadow_shadow_size":"","fav_shadow_shadow_offset_horizontal":"","fav_shadow_shadow_offset_vertical":"","fav_shadow_shadow_spread":"","fav_shadow_shadow_color":"","video_icon":"","video_popup":"yes","video_rec":"","spot_header":"","video_rec_title":"- Advertisement -","video_rec_color":"","video_rec_disable":"","autoplay_vid":"yes","show_vid_t":"block","vid_t_margin":"","vid_t_padding":"","video_title_color":"","video_title_color_h":"","video_bg":"","video_overlay":"","vid_t_color":"","vid_t_bg_color":"","f_vid_title_font_header":"","f_vid_title_font_title":"Video pop-up article title","f_vid_title_font_settings":"","f_vid_title_font_family":"","f_vid_title_font_size":"","f_vid_title_font_line_height":"","f_vid_title_font_style":"","f_vid_title_font_weight":"","f_vid_title_font_transform":"","f_vid_title_font_spacing":"","f_vid_title_":"","f_vid_time_font_title":"Video duration text","f_vid_time_font_settings":"","f_vid_time_font_family":"","f_vid_time_font_size":"","f_vid_time_font_line_height":"","f_vid_time_font_style":"","f_vid_time_font_weight":"","f_vid_time_font_transform":"","f_vid_time_font_spacing":"","f_vid_time_":"","meta_info_align":"","meta_info_horiz":"content-horiz-left","meta_width":"","meta_margin":"","meta_space":"","meta_info_border_size":"","meta_info_border_style":"","meta_info_border_color":"#eaeaea","meta_info_border_radius":"","art_btn":"","modules_cat_border":"","modules_category_radius":"0","show_cat":"inline-block","modules_extra_cat":"","author_photo":"","author_photo_size":"","author_photo_space":"","author_photo_radius":"","show_date":"inline-block","show_modified_date":"","time_ago":"","time_ago_add_txt":"ago","time_ago_txt_pos":"","show_review":"inline-block","review_space":"","review_size":"2.5","review_distance":"","art_excerpt":"","excerpt_col":"1","excerpt_gap":"","excerpt_middle":"","excerpt_inline":"","show_audio":"block","hide_audio":"","art_audio":"","art_audio_size":"1.5","btn_title":"","btn_margin":"","btn_padding":"","btn_border_width":"","btn_radius":"","pag_padding":"","pag_border_width":"","pag_border_radius":"","prev_tdicon":"","next_tdicon":"","pag_icons_size":"","f_header_font_header":"","f_header_font_title":"Block header","f_header_font_settings":"","f_header_font_family":"","f_header_font_size":"","f_header_font_line_height":"","f_header_font_style":"","f_header_font_weight":"","f_header_font_transform":"","f_header_font_spacing":"","f_header_":"","f_pag_font_title":"Pagination text","f_pag_font_settings":"","f_pag_font_family":"","f_pag_font_size":"","f_pag_font_line_height":"","f_pag_font_style":"","f_pag_font_weight":"","f_pag_font_transform":"","f_pag_font_spacing":"","f_pag_":"","f_title_font_header":"","f_title_font_title":"Article title","f_title_font_settings":"","f_title_font_style":"","f_title_font_transform":"","f_title_font_spacing":"","f_title_":"","f_cat_font_title":"Article category tag","f_cat_font_settings":"","f_cat_font_line_height":"","f_cat_font_style":"","f_cat_":"","f_meta_font_title":"Article meta info","f_meta_font_settings":"","f_meta_font_line_height":"","f_meta_font_style":"","f_meta_font_transform":"","f_meta_font_spacing":"","f_meta_":"","f_ex_font_title":"Article excerpt","f_ex_font_settings":"","f_ex_font_family":"","f_ex_font_line_height":"","f_ex_font_style":"","f_ex_font_weight":"","f_ex_font_transform":"","f_ex_font_spacing":"","f_ex_":"","f_btn_font_title":"Article read more button","f_btn_font_settings":"","f_btn_font_family":"","f_btn_font_size":"","f_btn_font_line_height":"","f_btn_font_style":"","f_btn_font_weight":"","f_btn_font_transform":"","f_btn_font_spacing":"","f_btn_":"","mix_color":"","mix_type":"","fe_brightness":"1","fe_contrast":"1","fe_saturate":"1","mix_color_h":"","mix_type_h":"","fe_brightness_h":"1","fe_contrast_h":"1","fe_saturate_h":"1","shadow_shadow_header":"","shadow_shadow_title":"Module Shadow","shadow_shadow_size":"","shadow_shadow_offset_horizontal":"","shadow_shadow_offset_vertical":"","shadow_shadow_spread":"","shadow_shadow_color":"","title_txt_hover":"","all_underline_height":"","all_underline_color":"#000","cat_style":"","cat_bg_hover":"","cat_txt_hover":"","cat_border":"","cat_border_hover":"","meta_bg":"","ex_txt":"","com_bg":"","com_txt":"","rev_txt":"","shadow_m_shadow_header":"","shadow_m_shadow_title":"Meta info shadow","shadow_m_shadow_size":"","shadow_m_shadow_offset_horizontal":"","shadow_m_shadow_offset_vertical":"","shadow_m_shadow_spread":"","shadow_m_shadow_color":"","audio_btn_color":"","audio_time_color":"","audio_bar_color":"","audio_bar_curr_color":"","btn_bg":"","btn_bg_hover":"","btn_txt":"","btn_txt_hover":"","btn_border":"","btn_border_hover":"","nextprev_border_h":"","pag_text":"","pag_h_text":"","pag_a_text":"","pag_bg":"","pag_h_bg":"","pag_a_bg":"","pag_border":"","pag_h_border":"","pag_a_border":"","ad_loop":"","ad_loop_title":"- Advertisement -","ad_loop_repeat":"","ad_loop_color":"","ad_loop_full":"yes","f_ad_font_header":"","f_ad_font_title":"Ad title text","f_ad_font_settings":"","f_ad_font_family":"","f_ad_font_size":"","f_ad_font_line_height":"","f_ad_font_style":"","f_ad_font_weight":"","f_ad_font_transform":"","f_ad_font_spacing":"","f_ad_":"","ad_loop_disable":"","el_class":"","td_column_number":3,"header_color":"","td_ajax_preloading":"","td_ajax_filter_type":"","td_filter_default_txt":"","td_ajax_filter_ids":"","color_preset":"","border_top":"","css":"","class":"tdi_69","tdc_css_class":"tdi_69","tdc_css_class_style":"tdi_69_rand_style"}';
block_tdi_69.td_column_number = "3";
block_tdi_69.block_type = "tdb_loop";
block_tdi_69.post_count = "9";
block_tdi_69.found_posts = "289";
block_tdi_69.header_color = "";
block_tdi_69.ajax_pagination_infinite_stop = "";
block_tdi_69.max_num_pages = "33";
tdBlocksArray.push(block_tdi_69);
</script><div id=tdi_69 class="td_block_inner tdb-block-inner td-fix-index"> 
 <div class="tdb_module_loop td_module_wrap td-animation-stack td-cpt-post"> 
 <div class="td-module-container td-category-pos-above"> 
 <div class="td-image-container"> 
 <div class="td-module-thumb"><a href="https://www.tutorialpedia.net/daftar-penyedia-layanan-ssl-gratis/" rel="bookmark" class="td-image-wrap " title="Daftar Penyedia Layanan SSL Gratis" > 
 <style> 
 /* custom css - generated by TagDiv Composer */ 
 @media ( -webkit-max-device-pixel-ratio: 2 ) { 
 .td-thumb-css.tdi_70 { 
 background-image: url(https://www.tutorialpedia.net/wp-content/uploads/ssl-certificate-logo.png); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_70" style="background-image: url(https://www.tutorialpedia.net/wp-content/uploads/ssl-certificate-logo.png)"></span></a></div> </div> 
 
 <div class="td-module-meta-info"> 
 <a href="https://www.tutorialpedia.net/artikel/" class="td-post-category" >Artikel</a> 
 <h3 class="entry-title td-module-title"><a href="https://www.tutorialpedia.net/daftar-penyedia-layanan-ssl-gratis/" rel="bookmark" title="Daftar Penyedia Layanan SSL Gratis">Daftar Penyedia Layanan SSL Gratis</a></h3> 
 
 <div class="td-editor-date"> 
 
 <span class="td-author-date"> 
 <span class="td-post-author-name"><a href="https://www.tutorialpedia.net/author/fikryans/">Admin</a> <span>-</span> </span> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2016-12-26T20:19:03+07:00" >December 26, 2016</time></span> </span> 
 </div> 
 
 
 
 </div> 
 </div> 
 </div> 
 
 
 <div class="tdb_module_loop td_module_wrap td-animation-stack td-cpt-post"> 
 <div class="td-module-container td-category-pos-above"> 
 <div class="td-image-container"> 
 <div class="td-module-thumb"><a href="https://www.tutorialpedia.net/cara-install-postgresql-di-windows/" rel="bookmark" class="td-image-wrap " title="Cara Install PostgreSQL Di Windows" > 
 <style> 
 /* custom css - generated by TagDiv Composer */ 
 @media ( -webkit-max-device-pixel-ratio: 2 ) { 
 .td-thumb-css.tdi_71 { 
 background-image: url(https://www.tutorialpedia.net/wp-content/uploads/postgresql-logo-2-e1649813169102-600x366.png); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_71" style="background-image: url(https://www.tutorialpedia.net/wp-content/uploads/postgresql-logo-2-e1649813169102-300x183.png)"></span></a></div> </div> 
 
 <div class="td-module-meta-info"> 
 <a href="https://www.tutorialpedia.net/postgresql/" class="td-post-category" >PostgreSQL</a> 
 <h3 class="entry-title td-module-title"><a href="https://www.tutorialpedia.net/cara-install-postgresql-di-windows/" rel="bookmark" title="Cara Install PostgreSQL Di Windows">Cara Install PostgreSQL Di Windows</a></h3> 
 
 <div class="td-editor-date"> 
 
 <span class="td-author-date"> 
 <span class="td-post-author-name"><a href="https://www.tutorialpedia.net/author/fikryans/">Admin</a> <span>-</span> </span> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2016-12-24T18:12:49+07:00" >December 24, 2016</time></span> </span> 
 </div> 
 
 
 
 </div> 
 </div> 
 </div> 
 
 
 <div class="tdb_module_loop td_module_wrap td-animation-stack td-cpt-post"> 
 <div class="td-module-container td-category-pos-above"> 
 <div class="td-image-container"> 
 <div class="td-module-thumb"><a href="https://www.tutorialpedia.net/apa-itu-postgresql-dan-sejarah-perkembangannya/" rel="bookmark" class="td-image-wrap " title="Apa itu PostgreSQL dan Sejarah Perkembangannya" > 
 <style> 
 /* custom css - generated by TagDiv Composer */ 
 @media ( -webkit-max-device-pixel-ratio: 2 ) { 
 .td-thumb-css.tdi_72 { 
 background-image: url(https://www.tutorialpedia.net/wp-content/uploads/postgresql-logo-e1649813606512-600x355.png); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_72" style="background-image: url(https://www.tutorialpedia.net/wp-content/uploads/postgresql-logo-e1649813606512-300x178.png)"></span></a></div> </div> 
 
 <div class="td-module-meta-info"> 
 <a href="https://www.tutorialpedia.net/postgresql/" class="td-post-category" >PostgreSQL</a> 
 <h3 class="entry-title td-module-title"><a href="https://www.tutorialpedia.net/apa-itu-postgresql-dan-sejarah-perkembangannya/" rel="bookmark" title="Apa itu PostgreSQL dan Sejarah Perkembangannya">Apa itu PostgreSQL dan Sejarah Perkembangannya</a></h3> 
 
 <div class="td-editor-date"> 
 
 <span class="td-author-date"> 
 <span class="td-post-author-name"><a href="https://www.tutorialpedia.net/author/fikryans/">Admin</a> <span>-</span> </span> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2016-12-23T19:01:06+07:00" >December 23, 2016</time></span> </span> 
 </div> 
 
 
 
 </div> 
 </div> 
 </div> 
 
 
 <div class="tdb_module_loop td_module_wrap td-animation-stack td-cpt-post"> 
 <div class="td-module-container td-category-pos-above"> 
 <div class="td-image-container"> 
 <div class="td-module-thumb"><a href="https://www.tutorialpedia.net/download-nice-admin-template-bootstrap-free/" rel="bookmark" class="td-image-wrap " title="Download Nice Admin Template Bootstrap Free" > 
 <style> 
 /* custom css - generated by TagDiv Composer */ 
 @media ( -webkit-max-device-pixel-ratio: 2 ) { 
 .td-thumb-css.tdi_73 { 
 background-image: url(https://www.tutorialpedia.net/wp-content/uploads/Screenshot_31.png); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_73" style="background-image: url(https://www.tutorialpedia.net/wp-content/uploads/Screenshot_31.png)"></span></a></div> </div> 
 
 <div class="td-module-meta-info"> 
 <a href="https://www.tutorialpedia.net/freebies/" class="td-post-category" >Freebies</a> 
 <h3 class="entry-title td-module-title"><a href="https://www.tutorialpedia.net/download-nice-admin-template-bootstrap-free/" rel="bookmark" title="Download Nice Admin Template Bootstrap Free">Download Nice Admin Template Bootstrap Free</a></h3> 
 
 <div class="td-editor-date"> 
 
 <span class="td-author-date"> 
 <span class="td-post-author-name"><a href="https://www.tutorialpedia.net/author/fikryans/">Admin</a> <span>-</span> </span> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2016-12-22T14:08:08+07:00" >December 22, 2016</time></span> </span> 
 </div> 
 
 
 
 </div> 
 </div> 
 </div> 
 
 
 <div class="tdb_module_loop td_module_wrap td-animation-stack td-cpt-post"> 
 <div class="td-module-container td-category-pos-above"> 
 <div class="td-image-container"> 
 <div class="td-module-thumb"><a href="https://www.tutorialpedia.net/cara-menggunakan-cookies-dengan-jsp/" rel="bookmark" class="td-image-wrap " title="Cara Menggunakan Cookies dengan JSP" > 
 <style> 
 /* custom css - generated by TagDiv Composer */ 
 @media ( -webkit-max-device-pixel-ratio: 2 ) { 
 .td-thumb-css.tdi_74 { 
 background-image: url(https://www.tutorialpedia.net/wp-content/uploads/menggunakan-cookies.png); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_74" style="background-image: url(https://www.tutorialpedia.net/wp-content/uploads/menggunakan-cookies.png)"></span></a></div> </div> 
 
 <div class="td-module-meta-info"> 
 <a href="https://www.tutorialpedia.net/java/" class="td-post-category" >Java</a> 
 <h3 class="entry-title td-module-title"><a href="https://www.tutorialpedia.net/cara-menggunakan-cookies-dengan-jsp/" rel="bookmark" title="Cara Menggunakan Cookies dengan JSP">Cara Menggunakan Cookies dengan JSP</a></h3> 
 
 <div class="td-editor-date"> 
 
 <span class="td-author-date"> 
 <span class="td-post-author-name"><a href="https://www.tutorialpedia.net/author/fikryans/">Admin</a> <span>-</span> </span> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2016-12-20T06:00:45+07:00" >December 20, 2016</time></span> </span> 
 </div> 
 
 
 
 </div> 
 </div> 
 </div> 
 
 
 <div class="tdb_module_loop td_module_wrap td-animation-stack td-cpt-post"> 
 <div class="td-module-container td-category-pos-above"> 
 <div class="td-image-container"> 
 <div class="td-module-thumb"><a href="https://www.tutorialpedia.net/cara-mudah-integrasikan-ckeditor-di-jsp-java-server-pages/" rel="bookmark" class="td-image-wrap " title="Cara Mudah Integrasikan CKeditor di JSP (Java Server Pages)" > 
 <style> 
 /* custom css - generated by TagDiv Composer */ 
 @media ( -webkit-max-device-pixel-ratio: 2 ) { 
 .td-thumb-css.tdi_75 { 
 background-image: url(https://www.tutorialpedia.net/wp-content/uploads/ckeditor-integration.png); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_75" style="background-image: url(https://www.tutorialpedia.net/wp-content/uploads/ckeditor-integration.png)"></span></a></div> </div> 
 
 <div class="td-module-meta-info"> 
 <a href="https://www.tutorialpedia.net/java/" class="td-post-category" >Java</a> 
 <h3 class="entry-title td-module-title"><a href="https://www.tutorialpedia.net/cara-mudah-integrasikan-ckeditor-di-jsp-java-server-pages/" rel="bookmark" title="Cara Mudah Integrasikan CKeditor di JSP (Java Server Pages)">Cara Mudah Integrasikan CKeditor di JSP (Java Server Pages)</a></h3> 
 
 <div class="td-editor-date"> 
 
 <span class="td-author-date"> 
 <span class="td-post-author-name"><a href="https://www.tutorialpedia.net/author/fikryans/">Admin</a> <span>-</span> </span> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2016-12-19T06:00:16+07:00" >December 19, 2016</time></span> </span> 
 </div> 
 
 
 
 </div> 
 </div> 
 </div> 
 
 
 <div class="tdb_module_loop td_module_wrap td-animation-stack td-cpt-post"> 
 <div class="td-module-container td-category-pos-above"> 
 <div class="td-image-container"> 
 <div class="td-module-thumb"><a href="https://www.tutorialpedia.net/10-contoh-desain-form-login-keren-dengan-bootstrap/" rel="bookmark" class="td-image-wrap " title="10 Contoh Desain Form Login Keren Dengan Bootstrap" > 
 <style> 
 /* custom css - generated by TagDiv Composer */ 
 @media ( -webkit-max-device-pixel-ratio: 2 ) { 
 .td-thumb-css.tdi_76 { 
 background-image: url(https://www.tutorialpedia.net/wp-content/uploads/2016/10/twitter_bootstrap-wallpaper-1920x1200-e1476803010572-600x375.jpg); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_76" style="background-image: url(https://www.tutorialpedia.net/wp-content/uploads/2016/10/twitter_bootstrap-wallpaper-1920x1200-e1476803010572-300x188.jpg)"></span></a></div> </div> 
 
 <div class="td-module-meta-info"> 
 <a href="https://www.tutorialpedia.net/bootstrap/" class="td-post-category" >Bootstrap</a> 
 <h3 class="entry-title td-module-title"><a href="https://www.tutorialpedia.net/10-contoh-desain-form-login-keren-dengan-bootstrap/" rel="bookmark" title="10 Contoh Desain Form Login Keren Dengan Bootstrap">10 Contoh Desain Form Login Keren Dengan Bootstrap</a></h3> 
 
 <div class="td-editor-date"> 
 
 <span class="td-author-date"> 
 <span class="td-post-author-name"><a href="https://www.tutorialpedia.net/author/fikryans/">Admin</a> <span>-</span> </span> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2016-12-18T13:33:17+07:00" >December 18, 2016</time></span> </span> 
 </div> 
 
 
 
 </div> 
 </div> 
 </div> 
 
 
 <div class="tdb_module_loop td_module_wrap td-animation-stack td-cpt-post"> 
 <div class="td-module-container td-category-pos-above"> 
 <div class="td-image-container"> 
 <div class="td-module-thumb"><a href="https://www.tutorialpedia.net/cara-memasang-iklan-di-halaman-amp-google/" rel="bookmark" class="td-image-wrap " title="Cara Memasang Iklan di Halaman AMP Google" > 
 <style> 
 /* custom css - generated by TagDiv Composer */ 
 @media ( -webkit-max-device-pixel-ratio: 2 ) { 
 .td-thumb-css.tdi_77 { 
 background-image: url(https://www.tutorialpedia.net/wp-content/uploads/memasang-iklan-di-amp.png); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_77" style="background-image: url(https://www.tutorialpedia.net/wp-content/uploads/memasang-iklan-di-amp.png)"></span></a></div> </div> 
 
 <div class="td-module-meta-info"> 
 <a href="https://www.tutorialpedia.net/wordpress/" class="td-post-category" >WordPress</a> 
 <h3 class="entry-title td-module-title"><a href="https://www.tutorialpedia.net/cara-memasang-iklan-di-halaman-amp-google/" rel="bookmark" title="Cara Memasang Iklan di Halaman AMP Google">Cara Memasang Iklan di Halaman AMP Google</a></h3> 
 
 <div class="td-editor-date"> 
 
 <span class="td-author-date"> 
 <span class="td-post-author-name"><a href="https://www.tutorialpedia.net/author/fikryans/">Admin</a> <span>-</span> </span> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2016-12-17T06:00:43+07:00" >December 17, 2016</time></span> </span> 
 </div> 
 
 
 
 </div> 
 </div> 
 </div> 
 
 
 <div class="tdb_module_loop td_module_wrap td-animation-stack td-cpt-post"> 
 <div class="td-module-container td-category-pos-above"> 
 <div class="td-image-container"> 
 <div class="td-module-thumb"><a href="https://www.tutorialpedia.net/cara-install-xampp-di-windows/" rel="bookmark" class="td-image-wrap " title="Cara Install XAMPP Di Windows" > 
 <style> 
 /* custom css - generated by TagDiv Composer */ 
 @media ( -webkit-max-device-pixel-ratio: 2 ) { 
 .td-thumb-css.tdi_78 { 
 background-image: url(https://www.tutorialpedia.net/wp-content/uploads/cara-install-xampp.png); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_78" style="background-image: url(https://www.tutorialpedia.net/wp-content/uploads/cara-install-xampp.png)"></span></a></div> </div> 
 
 <div class="td-module-meta-info"> 
 <a href="https://www.tutorialpedia.net/misc/" class="td-post-category" >Misc</a> 
 <h3 class="entry-title td-module-title"><a href="https://www.tutorialpedia.net/cara-install-xampp-di-windows/" rel="bookmark" title="Cara Install XAMPP Di Windows">Cara Install XAMPP Di Windows</a></h3> 
 
 <div class="td-editor-date"> 
 
 <span class="td-author-date"> 
 <span class="td-post-author-name"><a href="https://www.tutorialpedia.net/author/fikryans/">Admin</a> <span>-</span> </span> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2016-12-16T06:00:34+07:00" >December 16, 2016</time></span> </span> 
 </div> 
 
 
 
 </div> 
 </div> 
 </div> 
 
 </div><div class="page-nav td-pb-padding-side"><a href="https://www.tutorialpedia.net/page/26/?amp=1" aria-label="prev-page" ><i class="page-nav-icon td-icon-menu-left"></i></a><a href="https://www.tutorialpedia.net/?amp=1" class="first" title="1">1</a><span class="extend">...</span><a href="https://www.tutorialpedia.net/page/26/?amp=1" class="page" title="26">26</a><span class="current">27</span><a href="https://www.tutorialpedia.net/page/28/?amp=1" class="page" title="28">28</a><span class="extend">...</span><a href="https://www.tutorialpedia.net/page/33/?amp=1" class="last" title="33">33</a><a href="https://www.tutorialpedia.net/page/28/?amp=1" aria-label="next-page" ><i class="page-nav-icon td-icon-menu-right"></i></a><span class="pages">Page 27 of 33</span><div class="clearfix"></div></div></div></div></div></div></div></div></div>
Privacy Overview
This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.