<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/contoh-penggunaan-ajax-jquery-pada-servlet-dan-jsp/" rel="bookmark" class="td-image-wrap " title="Contoh Penggunaan AJAX JQuery Pada Servlet dan JSP" > 
 <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/ajax-JQuery-on-servlet-and-jsp.png); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_70" style="background-image: url(https://www.tutorialpedia.net/wp-content/uploads/ajax-JQuery-on-servlet-and-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/contoh-penggunaan-ajax-jquery-pada-servlet-dan-jsp/" rel="bookmark" title="Contoh Penggunaan AJAX JQuery Pada Servlet dan JSP">Contoh Penggunaan AJAX JQuery Pada Servlet dan 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-15T06:06:53+07:00" >December 15, 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-lengkap-cara-membuat-web-sederhana-dengan-java/" rel="bookmark" class="td-image-wrap " title="Tutorial Lengkap Cara Membuat web sederhana dengan java" > 
 <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/10/JAVA-600x338.jpg); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_71" 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/tutorial-lengkap-cara-membuat-web-sederhana-dengan-java/" rel="bookmark" title="Tutorial Lengkap Cara Membuat web sederhana dengan java">Tutorial Lengkap Cara Membuat web sederhana dengan java</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-14T21:11:07+07:00" >December 14, 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/4-situs-terbaik-untuk-belajar-bahasa-pemrograman-secara-otodidak/" rel="bookmark" class="td-image-wrap " title="4 Situs Terbaik Untuk Belajar Bahasa Pemrograman Secara Otodidak" > 
 <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/best-websites-learn-programming-online-1.png); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_72" style="background-image: url(https://www.tutorialpedia.net/wp-content/uploads/best-websites-learn-programming-online-1.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/4-situs-terbaik-untuk-belajar-bahasa-pemrograman-secara-otodidak/" rel="bookmark" title="4 Situs Terbaik Untuk Belajar Bahasa Pemrograman Secara Otodidak">4 Situs Terbaik Untuk Belajar Bahasa Pemrograman Secara Otodidak</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-14T15:23:43+07:00" >December 14, 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/free-download-template-admin-hierapolis/" rel="bookmark" class="td-image-wrap " title="Free Download Template Admin Hierapolis" > 
 <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/hierapolis.png); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_73" style="background-image: url(https://www.tutorialpedia.net/wp-content/uploads/hierapolis.png)"></span></a></div> </div> 
 
 <div class="td-module-meta-info"> 
 <a href="https://www.tutorialpedia.net/freebies/" class="td-post-category" >Freebies</a> 
 <h3 class="entry-title td-module-title"><a href="https://www.tutorialpedia.net/free-download-template-admin-hierapolis/" rel="bookmark" title="Free Download Template Admin Hierapolis">Free Download Template Admin Hierapolis</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-13T22:51:27+07:00" >December 13, 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/login-multi-level-dengan-servlet-dan-jsp/" rel="bookmark" class="td-image-wrap " title="Login Multi Level Dengan Servlet dan JSP" > 
 <style> 
 /* custom css - generated by TagDiv Composer */ 
 @media ( -webkit-max-device-pixel-ratio: 2 ) { 
 .td-thumb-css.tdi_74 { 
 background-image: url(https://www.tutorialpedia.net/wp-content/uploads/login-multi-level.png); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_74" style="background-image: url(https://www.tutorialpedia.net/wp-content/uploads/login-multi-level.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/login-multi-level-dengan-servlet-dan-jsp/" rel="bookmark" title="Login Multi Level Dengan Servlet dan JSP">Login Multi Level Dengan Servlet dan 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-12T11:30:12+07:00" >December 12, 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-template-admin-lte-bootstrap-gratis/" rel="bookmark" class="td-image-wrap " title="Download Template Admin LTE Bootstrap Gratis" > 
 <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/11/bootstrap.png); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_75" 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/freebies/" class="td-post-category" >Freebies</a> 
 <h3 class="entry-title td-module-title"><a href="https://www.tutorialpedia.net/download-template-admin-lte-bootstrap-gratis/" rel="bookmark" title="Download Template Admin LTE Bootstrap Gratis">Download Template Admin LTE Bootstrap 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-11T20:10:53+07:00" >December 11, 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-membuat-halaman-redirect-otomatis-dengan-jsp/" rel="bookmark" class="td-image-wrap " title="Tutorial Membuat Halaman Redirect Otomatis Dengan JSP" > 
 <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/halaman-redirect-otomatis.png); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_76" style="background-image: url(https://www.tutorialpedia.net/wp-content/uploads/halaman-redirect-otomatis.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/tutorial-membuat-halaman-redirect-otomatis-dengan-jsp/" rel="bookmark" title="Tutorial Membuat Halaman Redirect Otomatis Dengan JSP">Tutorial Membuat Halaman Redirect Otomatis Dengan JSP</a></h3> 
 
 <div class="td-editor-date"> 
 
 <span class="td-author-date"> 
 <span class="td-post-author-name"><a href="https://www.tutorialpedia.net/author/fikryans/">Admin</a> <span>-</span> </span> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2016-12-10T22:14:45+07:00" >December 10, 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/pengertian-jsp-java-server-pages/" rel="bookmark" class="td-image-wrap " title="Pengertian JSP (Java Server Pages)" > 
 <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/pengertian-jsp.png); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_77" style="background-image: url(https://www.tutorialpedia.net/wp-content/uploads/pengertian-jsp.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/pengertian-jsp-java-server-pages/" rel="bookmark" title="Pengertian JSP (Java Server Pages)">Pengertian JSP (Java Server Pages)</a></h3> 
 
 <div class="td-editor-date"> 
 
 <span class="td-author-date"> 
 <span class="td-post-author-name"><a href="https://www.tutorialpedia.net/author/fikryans/">Admin</a> <span>-</span> </span> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2016-12-10T19:41:43+07:00" >December 10, 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-dengan-servlet-dan-jsp/" rel="bookmark" class="td-image-wrap " title="Membuat Form Login Dengan Servlet dan JSP" > 
 <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/java-post.jpg); 
 } 
 } 
 </style><span class="entry-thumb td-thumb-css tdi_78" 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-dengan-servlet-dan-jsp/" rel="bookmark" title="Membuat Form Login Dengan Servlet dan JSP">Membuat Form Login Dengan Servlet dan 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-09T17:54:18+07:00" >December 9, 2016</time></span> </span> 
 </div> 
 
 
 
 </div> 
 </div> 
 </div> 
 
 </div><div class="page-nav td-pb-padding-side"><a href="https://www.tutorialpedia.net/page/27/?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/27/?amp=1" class="page" title="27">27</a><span class="current">28</span><a href="https://www.tutorialpedia.net/page/29/?amp=1" class="page" title="29">29</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/29/?amp=1" aria-label="next-page" ><i class="page-nav-icon td-icon-menu-right"></i></a><span class="pages">Page 28 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.