<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/cara-mendapatkan-hosting-java-gratis/" rel="bookmark" class="td-image-wrap " title="Cara Mendapatkan Hosting Java 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/hosting-java-grtais-logo.png); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_70" style="background-image: url(https://www.tutorialpedia.net/wp-content/uploads/hosting-java-grtais-logo.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-mendapatkan-hosting-java-gratis/" rel="bookmark" title="Cara Mendapatkan Hosting Java Gratis">Cara Mendapatkan Hosting Java 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-08T20:14:29+07:00" >December 8, 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/ini-dia-fitur-baru-wordpress-4-7/" rel="bookmark" class="td-image-wrap " title="Ini Dia Fitur Baru WordPress 4.7" > 
 <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/logo-wordpress-vaughan.png); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_71" style="background-image: url(https://www.tutorialpedia.net/wp-content/uploads/logo-wordpress-vaughan.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/ini-dia-fitur-baru-wordpress-4-7/" rel="bookmark" title="Ini Dia Fitur Baru WordPress 4.7">Ini Dia Fitur Baru WordPress 4.7</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-07T21:02:40+07:00" >December 7, 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/membuat-datepicker-pada-bootstrap/" rel="bookmark" class="td-image-wrap " title="Membuat Datepicker Pada Bootstrap" > 
 <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/2016/12/datepicker-bootstrap.png); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_72" style="background-image: url(https://www.tutorialpedia.net/wp-content/uploads/2016/12/datepicker-bootstrap.png)"></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/membuat-datepicker-pada-bootstrap/" rel="bookmark" title="Membuat Datepicker Pada Bootstrap">Membuat Datepicker Pada 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-06T23:13:37+07:00" >December 6, 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/layouting-template-bootstrap-pada-jsp/" rel="bookmark" class="td-image-wrap " title="Layouting Template Bootstrap Pada JSP" > 
 <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/2016/12/layoutin-template-pada-jsp.png); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_73" style="background-image: url(https://www.tutorialpedia.net/wp-content/uploads/2016/12/layoutin-template-pada-jsp.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/layouting-template-bootstrap-pada-jsp/" rel="bookmark" title="Layouting Template Bootstrap Pada JSP">Layouting Template Bootstrap Pada 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-05T05:30:15+07:00" >December 5, 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-mengubah-halaman-google-amp/" rel="bookmark" class="td-image-wrap " title="Cara Mengubah halaman Google AMP Agar Sesuai Selera" > 
 <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/2016/12/mengubah-halaman-amp.png); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_74" style="background-image: url(https://www.tutorialpedia.net/wp-content/uploads/2016/12/mengubah-halaman-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-mengubah-halaman-google-amp/" rel="bookmark" title="Cara Mengubah halaman Google AMP Agar Sesuai Selera">Cara Mengubah halaman Google AMP Agar Sesuai Selera</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/indra/">Indra Lesmana</a> <span>-</span> </span> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2016-12-04T14:26:54+07:00" >December 4, 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/pentingnya-menggunakan-amp/" rel="bookmark" class="td-image-wrap " title="Pentingnya Menggunakan AMP Google Pada Situs Anda!" > 
 <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/2016/12/pentingnya-menggunakan-amp-google.png); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_75" style="background-image: url(https://www.tutorialpedia.net/wp-content/uploads/2016/12/pentingnya-menggunakan-amp-google.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/pentingnya-menggunakan-amp/" rel="bookmark" title="Pentingnya Menggunakan AMP Google Pada Situs Anda!">Pentingnya Menggunakan AMP Google Pada Situs Anda!</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/indra/">Indra Lesmana</a> <span>-</span> </span> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2016-12-03T12:57:15+07:00" >December 3, 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-amp-google/" rel="bookmark" class="td-image-wrap " title="Apa Itu AMP Google?" > 
 <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/12/google-amp.png); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_76" style="background-image: url(https://www.tutorialpedia.net/wp-content/uploads/2016/12/google-amp.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/apa-itu-amp-google/" rel="bookmark" title="Apa Itu AMP Google?">Apa Itu 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/indra/">Indra Lesmana</a> <span>-</span> </span> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2016-12-02T13:59:28+07:00" >December 2, 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-amp-accelerated-mobile-pages-di-wordpress/" rel="bookmark" class="td-image-wrap " title="Cara Memasang AMP (Accelerated Mobile Pages) di WordPress" > 
 <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/2016/11/AMP-wordpress.png); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_77" style="background-image: url(https://www.tutorialpedia.net/wp-content/uploads/2016/11/AMP-wordpress.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-amp-accelerated-mobile-pages-di-wordpress/" rel="bookmark" title="Cara Memasang AMP (Accelerated Mobile Pages) di WordPress">Cara Memasang AMP (Accelerated Mobile Pages) di WordPress</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/indra/">Indra Lesmana</a> <span>-</span> </span> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2016-11-30T22:40:15+07:00" >November 30, 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-membuat-modal-dengan-bootstrap/" rel="bookmark" class="td-image-wrap " title="Cara Membuat Modal dengan Bootstrap" > 
 <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/2016/11/bootstrap-logo.png); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_78" style="background-image: url(https://www.tutorialpedia.net/wp-content/uploads/2016/11/bootstrap-logo.png)"></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/cara-membuat-modal-dengan-bootstrap/" rel="bookmark" title="Cara Membuat Modal dengan Bootstrap">Cara Membuat Modal 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-11-29T22:11:31+07:00" >November 29, 2016</time></span> </span> 
 </div> 
 
 
 
 </div> 
 </div> 
 </div> 
 
 </div><div class="page-nav td-pb-padding-side"><a href="https://www.tutorialpedia.net/page/28/?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/28/?amp=1" class="page" title="28">28</a><span class="current">29</span><a href="https://www.tutorialpedia.net/page/30/?amp=1" class="page" title="30">30</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/30/?amp=1" aria-label="next-page" ><i class="page-nav-icon td-icon-menu-right"></i></a><span class="pages">Page 29 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.