<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/download-admin-template-gentelella-bootstrap/" rel="bookmark" class="td-image-wrap " title="Download Admin Template Gentelella Bootstrap" > 
 <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/2016/11/bootstrap.png); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_70" style="background-image: url(https://www.tutorialpedia.net/wp-content/uploads/2016/11/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/download-admin-template-gentelella-bootstrap/" rel="bookmark" title="Download Admin Template Gentelella Bootstrap">Download Admin Template Gentelella 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-07T20:48:34+07:00" >November 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/cara-install-nginx-dan-php-fpm-di-debian/" rel="bookmark" class="td-image-wrap " title="Cara Install Nginx dan PHP-FPM di Debian" > 
 <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/2016/11/nginx-logo.png); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_71" style="background-image: url(https://www.tutorialpedia.net/wp-content/uploads/2016/11/nginx-logo.png)"></span></a></div> </div> 
 
 <div class="td-module-meta-info"> 
 <a href="https://www.tutorialpedia.net/linux/" class="td-post-category" >Linux</a> 
 <h3 class="entry-title td-module-title"><a href="https://www.tutorialpedia.net/cara-install-nginx-dan-php-fpm-di-debian/" rel="bookmark" title="Cara Install Nginx dan PHP-FPM di Debian">Cara Install Nginx dan PHP-FPM di Debian</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-06T17:55:09+07:00" >November 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/konfigurasi-dasar-pada-codeigniter/" rel="bookmark" class="td-image-wrap " title="Konfigurasi Dasar Pada Codeigniter" > 
 <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/10/codeigniter_1900x700.jpg); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_72" style="background-image: url(https://www.tutorialpedia.net/wp-content/uploads/2016/10/codeigniter_1900x700.jpg)"></span></a></div> </div> 
 
 <div class="td-module-meta-info"> 
 <a href="https://www.tutorialpedia.net/php/" class="td-post-category" >PHP</a> 
 <h3 class="entry-title td-module-title"><a href="https://www.tutorialpedia.net/konfigurasi-dasar-pada-codeigniter/" rel="bookmark" title="Konfigurasi Dasar Pada Codeigniter">Konfigurasi Dasar Pada Codeigniter</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-03T22:55:23+07:00" >November 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/membuat-form-login-dan-registrasi/" rel="bookmark" class="td-image-wrap " title="Tutorial Membuat Form Login dan Registrasi Dengan 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/10/java-post.jpg); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_73" style="background-image: url(https://www.tutorialpedia.net/wp-content/uploads/2016/10/java-post.jpg)"></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/membuat-form-login-dan-registrasi/" rel="bookmark" title="Tutorial Membuat Form Login dan Registrasi Dengan JSP">Tutorial Membuat Form Login dan Registrasi 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-10-31T21:55:44+07:00" >October 31, 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-aksi-ide-php-editor/" rel="bookmark" class="td-image-wrap " title="Download Aksi IDE, PHP Editor Buatan Indonesia Gratis" > 
 <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/10/aksiide.jpg); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_74" style="background-image: url(https://www.tutorialpedia.net/wp-content/uploads/2016/10/aksiide.jpg)"></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-aksi-ide-php-editor/" rel="bookmark" title="Download Aksi IDE, PHP Editor Buatan Indonesia Gratis">Download Aksi IDE, PHP Editor Buatan Indonesia 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-10-29T20:32:39+07:00" >October 29, 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/tutorial-install-codeigniter-untuk-pemula/" rel="bookmark" class="td-image-wrap " title="Tutorial Install Codeigniter Untuk Pemula" > 
 <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/10/codeigniter_1900x700.jpg); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_75" style="background-image: url(https://www.tutorialpedia.net/wp-content/uploads/2016/10/codeigniter_1900x700.jpg)"></span></a></div> </div> 
 
 <div class="td-module-meta-info"> 
 <a href="https://www.tutorialpedia.net/php/" class="td-post-category" >PHP</a> 
 <h3 class="entry-title td-module-title"><a href="https://www.tutorialpedia.net/tutorial-install-codeigniter-untuk-pemula/" rel="bookmark" title="Tutorial Install Codeigniter Untuk Pemula">Tutorial Install Codeigniter Untuk Pemula</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-10-28T00:06:02+07:00" >October 28, 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-table-pagination/" rel="bookmark" class="td-image-wrap " title="Cara Membuat Table Pagination 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/cara-membuat-table-pagination/" rel="bookmark" title="Cara Membuat Table Pagination Dengan Bootstrap">Cara Membuat Table Pagination 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-10-25T09:27:01+07:00" >October 25, 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-java-di-windows-10-dan-linux/" rel="bookmark" class="td-image-wrap " title="Cara Install Java Di Windows 10 dan Linux" > 
 <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/10/JAVA-600x338.jpg); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_77" style="background-image: url(https://www.tutorialpedia.net/wp-content/uploads/2016/10/JAVA-300x169.jpg)"></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-install-java-di-windows-10-dan-linux/" rel="bookmark" title="Cara Install Java Di Windows 10 dan Linux">Cara Install Java Di Windows 10 dan Linux</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-10-24T00:38:30+07:00" >October 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/cara-setting-vps-linux-untuk-web-hosting/" rel="bookmark" class="td-image-wrap " title="Cara Setting VPS Linux Untuk Web Hosting" > 
 <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/10/linux-1900x700.png); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_78" style="background-image: url(https://www.tutorialpedia.net/wp-content/uploads/2016/10/linux-1900x700.png)"></span></a></div> </div> 
 
 <div class="td-module-meta-info"> 
 <a href="https://www.tutorialpedia.net/linux/" class="td-post-category" >Linux</a> 
 <h3 class="entry-title td-module-title"><a href="https://www.tutorialpedia.net/cara-setting-vps-linux-untuk-web-hosting/" rel="bookmark" title="Cara Setting VPS Linux Untuk Web Hosting">Cara Setting VPS Linux Untuk Web Hosting</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-10-21T09:11:14+07:00" >October 21, 2016</time></span> </span> 
 </div> 
 
 
 
 </div> 
 </div> 
 </div> 
 
 </div><div class="page-nav td-pb-padding-side"><a href="https://www.tutorialpedia.net/page/31/?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/31/?amp=1" class="page" title="31">31</a><span class="current">32</span><a href="https://www.tutorialpedia.net/page/33/?amp=1" class="page" title="33">33</a><a href="https://www.tutorialpedia.net/page/33/?amp=1" aria-label="next-page" ><i class="page-nav-icon td-icon-menu-right"></i></a><span class="pages">Page 32 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.