3. <link rel="wlwmanifest" type="application/wlwmanifest+xml"
href="http://www.adityarizki.net/wp-includes/wlwmanifest.xml" />
<link rel='prev' title='Review: Kenali Gadget Androidmu di BelajarDroid'
href='http://www.adityarizki.net/2012/07/review-kenali-gadget-androidmu-di-
belajardroid/' />
<link rel='next' title='Review Album Taring (Seringai)'
href='http://www.adityarizki.net/2012/08/review-album-taring-seringai/' />
<link rel='shortlink' href='http://wp.me/p1kJe9-nm' />
<!-- Facebook Open Graph metatags added by WordPress plugin. Get it at:
http://www.linksalpha.com/widgets/buttons -->
<meta property="og:site_name" content="adityarizki.net" />
<meta property="og:title" content="Tutorial Membuat Extensions Google
Chrome" />
<meta property="og:url"
content="http://www.adityarizki.net/2012/07/tutorial-membuat-extensions-
google-chrome/" />
<meta property="og:image"
content="https://public.sn2.livefilestore.com/y1p0l9IsLrB4YOMwaKx2Q-
WZpLhx68XyH6GRBhnnngh-
6meu15cQ0q2vyzA3DRbaG4LwFVUm_U8YquVq2w0xX0XJg/1.png?psid=1" />
<meta property="og:description" content="Siapakah diantara pembaca yang
lebih suka menggunakan Google Chrome? Atau setidaknya pernah menggunakan
web browser buatan Google tersebut? Ada beberapa hal yang membedakan Google
Chrome (versi terbaru tentunya) dengan web browser lain, salah satunya
adalah dalam menampilkan Extensions dan Apps." />
<meta property="og:type" content="article" />
<meta property="og:locale" content="en_us" />
<!-- End Facebook Open Graph metatags-->
<!-- Google Plus metatags added by WordPress plugin. Get it at:
http://www.linksalpha.com/widgets/buttons -->
<meta itemprop="name" content="Tutorial Membuat Extensions Google Chrome"
/>
<meta itemprop="image"
content="https://public.sn2.livefilestore.com/y1p0l9IsLrB4YOMwaKx2Q-
WZpLhx68XyH6GRBhnnngh-
6meu15cQ0q2vyzA3DRbaG4LwFVUm_U8YquVq2w0xX0XJg/1.png?psid=1" />
<meta itemprop="description" content="Siapakah diantara pembaca yang lebih
suka menggunakan Google Chrome? Atau setidaknya pernah menggunakan web
browser buatan Google tersebut? Ada beberapa hal yang membedakan Google
Chrome (versi terbaru tentunya) dengan web browser lain, salah satunya
adalah dalam menampilkan Extensions dan Apps." />
<!-- End Google Plus metatags-->
<script type="text/javascript">
window._wp_rp_static_base_url = 'https://wprp.zemanta.com/static/';
window._wp_rp_wp_ajax_url = "http://www.adityarizki.net/wp-
admin/admin-ajax.php";
window._wp_rp_plugin_version = '3.5.1';
window._wp_rp_post_id = '1448';
window._wp_rp_num_rel_posts = '5';
window._wp_rp_thumbnails = false;
window._wp_rp_post_title =
'Tutorial+Membuat+Extensions+Google+Chrome';
window._wp_rp_post_tags = ['browser', 'chrome', 'extension', 'web',
'programming', 'tutorial', 'plugin', 'app', 'ke', 'itu', 'lain', 'tutori',
'chrome', 'alt', 'ada', 'googl', 'store', 'yang', 'web', 'hal', 'dan'];
window._wp_rp_promoted_content = true;
</script>
4. <script type="text/javascript"
src="https://wprp.zemanta.com/static/js/loader.js?version=3.5.1"
async></script>
<style type="text/css">
.related_post_title {
}
ul.related_post {
}
ul.related_post li {
}
ul.related_post li a {
}
ul.related_post li img {
}</style>
<link rel="shortcut icon" href="http://www.adityarizki.net/wp-
content/uploads/2014/08/favicon.png" type="image/x-icon" /> <style
type="text/css">blockquote{border-left: 3px solid #ed3237}button,html
input[type="button"],input[type="reset"],input[type="submit"],#slider-title
a{background:#ed3237}a,a:visited,a:hover,a:focus,a:active,.main-navigation
li:hover > a,.main-navigation li.current_page_item > a,.main-navigation
li.current-menu-item > a,.main-navigation li.current-menu-ancestor >
a,#site-title a span,#site-title a:hover,#site-title a:focus,#site-title
a:active,#controllers a:hover, #controllers a.active,.widget ul li
a:hover,.widget ul li a:hover:before,.services-block .read-
more:hover,.service-image-wrap,.service-title a:hover,.entry-meta
a:hover,.entry-title a:hover,.search-wrap button:before,#site-generator
a:hover, #colophon .widget a:hover,.menu-toggle:before{color:
#ed3237}.main-navigation ul ul {border-top: 4px solid#ed3237}#controllers
a:hover, #controllers a.active,#promo-box,.fancy-tab,.call-to-action-
button,.readmore-wrap,.page-title-bar,.default-wp-page .previous a:hover,
.default-wp-page .next a:hover{ background-color: #ed3237}#secondary
.widget-title span, #colophon .widget-title span{ border-bottom: 2px solid
#ed3237}
.services-block .read-more:hover{border: 1px solid
#ed3237}.service-border{ border: 3px solid #ed3237}
.blog-medium .post-featured-image, .blog-large .post-
featured-image, .category .post-featured-image, .search .post-featured-
image{border-bottom: 4px solid #ed3237}.search-form-top,#colophon{border-
top: 3px solid #ed3237}a#scroll-up{ background-color: #ed3237}</style>
<!-- All in One SEO Pack 2.2.2 by Michael Torbert of Semper Fi Web
Design[284,353] -->
<meta name="description" content="Siapakah diantara pembaca yang lebih
suka menggunakan Google Chrome? Atau setidaknya pernah menggunakan web
browser buatan Google tersebut? Ada beberapa hal" />
<meta name="keywords"
content="browser,chrome,extension,web,programming,tutorial" />
<link rel="canonical" href="http://www.adityarizki.net/2012/07/tutorial-
membuat-extensions-google-chrome/" />
<!-- /all in one seo pack -->
<!--WP Socializer v2.4.9.8 - Scripts Loader-->
<script type="text/javascript">
var
wu=["https://platform.twitter.com/widgets.js","https://connect.facebook.net
/en_US/all.js#xfbml=1","https://apis.google.com/js/plusone.js","https://pla
tform.linkedin.com/in.js","https://platform.stumbleupon.com/1/widgets.js","
https://assets.pinterest.com/js/pinit.js"],wc=6;
function wpsrload(){ for(var i=0;i<wc;i++){wpsrasync(wu[i]);} }
8. </span>
<span class="wpsr-btn">
<!-- Start WP Socializer Plugin - LinkedIn Button -->
<script type="IN/Share" data-
url="http://www.adityarizki.net/2012/07/tutorial-membuat-extensions-google-
chrome/" data-counter="right"></script>
<!-- End WP Socializer Plugin - LinkedIn Button -->
</span>
<span class="wpsr-btn">
<!-- Start WP Socializer Plugin - StumbleUpon Button -->
<su:badge layout="1"></su:badge>
<!-- End WP Socializer Plugin - StumbleUpon Button -->
</span>
</div><span class="wpsr_floatbts_anchor" data-offset="40" ></span><p
style="text-align: justify;">Siapakah diantara pembaca yang lebih suka
menggunakan Google Chrome? Atau setidaknya pernah menggunakan web browser
buatan Google tersebut? Ada beberapa hal yang membedakan Google Chrome
(versi terbaru tentunya) dengan web browser lain, salah satunya adalah
dalam menampilkan <strong>Extensions</strong> dan <strong>Apps</strong>.
Coba tengok Google Web Store seperti tampak pada gambar berikut!</p>
<div style="width: 680px" class="wp-caption aligncenter"><img title="Chrome
Web Store" src="https://public.sn2.livefilestore.com/y1p0l9IsLrB4YOMwaKx2Q-
WZpLhx68XyH6GRBhnnngh-
6meu15cQ0q2vyzA3DRbaG4LwFVUm_U8YquVq2w0xX0XJg/1.png?psid=1" alt=""
width="670" height="376" /><p class="wp-caption-text">Chrome Web
Store</p></div>
<p style="text-align: justify;">Apa itu
<em><strong>extension</strong></em>? <em><strong>Extension</strong>
</em>dapat mengacu kepada suatu ekstensi atau plugin tambahan yang tidak
dipasang secara built-in ketika melakukan instalasi baru Google Chrome.
Setiap <strong>apps</strong> (aplikasi web) mempunyai yang namanya
<em><strong>extension</strong></em>. Seiring dengan berkembangnya
kebutuhan, maka Google menawarkan konsep aplikasi web. Google sendiri
membaginya ke dalam tiga bagian yaitu <strong>Apps, Themes,</strong> dan
<strong>Extensions</strong>. Semua bagian tersebut nantinya dapat dihosting
ke dalam <strong>Google Web Store</strong>.</p>
<p style="text-align: justify;"><strong>Apps</strong> mengacu kepada
aplikasi web, yang nantinya dapat dipasang ke dalam Google Chrome dan
berbentuk Icon-Icon layaknya sebuah aplikasi desktop. Themes mengacu kepada
tampilan background (warna latar) yang dapat dikustomisasi sesuai keinginan
user. <strong>Extensions</strong> mengacu kepada aplikasi tambahan yang
biasanya terletak berjejer secara instan di pojok kanan atas Chrome.
Beberapa Apps dan Extension dapat diperoleh secara gratis maupun
berbayar.<span id="more-1448"></span></p>
<div style="width: 683px" class="wp-caption aligncenter"><img title="Contoh
Tampilan Tab Chrome Browser"
src="https://public.sn2.livefilestore.com/y1pMTo2bEcBLoBZ8iGe4OvSYHur5z_Ck8
3KQnej1kHPdanp9ON7MKZPLEj3qhtoc_YiJilYzmUlkhmrFn8ZN39Fbg/2.png?psid=1"
alt="" width="673" height="378" /><p class="wp-caption-text">Contoh
Tampilan Tab Chrome Browser</p></div>
<p style="text-align: justify;">Sebenarnya jika kita melihat konsep Chrome
Web Store ini akan mengingatkan kita terhadap Google Play. Dimana Google
menyediakan tempat khusus untuk menyimpan <em>showcase</em> aplikasi-
aplikasi yang bisa dimanfaatkan pada platform yang sama. Jika Google Web
Store khusus untuk aplikasi berbasis web yang hanya dapat dijalankan pada
Chrome, maka Google Play berisi sekumpulan aplikasi yang hanya bisa
dipasang ke dalam gadget Android (Android OS yang dikembangkan oleh
Google).</p>
<p style="text-align: justify;">Ternyata tidak sulit untuk membuat
<em><strong>apps</strong></em> atau <em><strong>extension</strong></em>
yang dapat berjalan di Google Chrome. Hal ini disebabkan karena kita
9. sebenarnya hanya menempatkan <em>hyperlink</em> atas aplikasi web kita
dalam bentuk icon-icon yang indah dipandang. Coding kita lakukan seperti
membuat web biasa dan sudah barang tentu web browser Chrome dapat berjalan
di semua sistem operasi. Berbeda jika kita membuat aplikasi untuk Android.
Kita hanya bisa mengembangkan aplikasi untuk sistem operasi mobile Android
OS.</p>
<p style="text-align: justify;">Mari ikuti langkah-langkah berikut untuk
membuat Google Chrome Apps. Namun pada tutorial ini saya hanya akan
mencontohkan secara offline, artinya apps tersebut hanya bisa diakses
melalui Chrome masing-masing, dengan kata lain belum dihosting ke
<strong>Chrome Web Store</strong>.</p>
<p style="text-align: justify;">1. Anda harus sudah mempunyai aplikasi web
yang dapat berupa web/blog/aplikasi berbasis web yang siap untuk dipublish.
Sebagai contoh, saya mempunyai web di alamat ini : www.adityarizki.net.</p>
<p style="text-align: justify;">2. Dalam Chrome, setiap aplikasi
membutuhkan yang namanya <strong>manifest</strong>. Manifest adalah file
berformat <strong>JSON</strong> yang dinamakan
<em><strong>manifest.json</strong></em> yang mendeskripsikan aplikasi web
kita secara umum.</p>
<p style="text-align: justify;">3. Pada file manager Anda, silakan buat
sebuah folder di sembarang tempat, misalnya folder tersebut bernama
<strong>‘MyApps’</strong>. Semua file yang dibutuhkan untuk
membuat apps nantinya akan disimpan ke dalam satu folder tersebut.</p>
<p style="text-align: justify;">4. Buatlah file baru bernama
<strong><em>manifest.json</em></strong>, kemudian tulis kode mengikuti
format sebagai berikut:</p>
<pre class="brush:plain">{
"name": "Websiteku",
"description": "Menulis untuk Berbagi",
"version": "1",
"app": {
"urls": [
"http://www.adityarizki.net/"
],
"launch": {
"web_url": "http://www.adityarizki.net/"
}
},
"icons": {
"128": "128.png"
}
}</pre>
<p style="text-align: justify;">Keterangan:</p>
<div>
<div style="text-align: justify;">
<ul style="list-style-type: disc;">
<li><strong>name:</strong> judul aplikasi</li>
<li><strong>description:</strong> deskripsi aplikasi web Anda</li>
<li><strong>version:</strong> versi aplikasi Anda</li>
<li><strong>icons:</strong> nama file icon yang akan Anda gunakan nanti
(dimasukkan ke dalam folder MyApps)</li>
<li><strong>web_url:</strong> menentukan halaman (url) yang akan
ditampilkan ketika user menjalankan aplikasi</li>
<li><strong>urls:</strong> menentukan starting URL dari keseluruhan halaman
web lain yang ada dalam aplikasi. Dalam contoh ini, semua file dan
subfolder yang ada di belakang <em>http://adityarizki.net/</em> secara
otomatis akan ter-include. Apabila aplikasi Anda hanya terdiri dari satu
halaman, Anda dapat mengabaikan (mengosongkan) bagian urls ini.</li>
</ul>
</div>
10. <div style="text-align: justify;">5. Untuk menguji apakah apps yang Anda
buat dapat dijalankan dengan baik, buka <strong>Web Browser
Chrome</strong>. Klik icon bertanda obeng di bagian kanan atas, kemudian
pilih <strong>Tools > Extensions.</strong> Tick <strong>Developer
Mode</strong>, sehingga akan muncul pengaturan tambahan.</div>
<div style="text-align: justify;">
<div style="width: 686px" class="wp-caption aligncenter"><img title="Klik
Tools > Extensions"
src="https://st068w.sn2.livefilestore.com/y1pYBkoJntpjjs3XWv4oOdiasj5xvWZHD
VOHEaCWBRiqziBcxkQPme0_h76Dx_41VsuuQxaZqChM3OgkRZ2bb2P6-JKJTcOnO-
z/3.png?psid=1" alt="" width="676" height="380" /><p class="wp-caption-
text">Klik Tools > Extensions</p></div>
</div>
<p style="text-align: justify;">6. Klik button <strong>Load unpacked
extension,</strong> sehingga akan muncul sebuah dialog. Pada dialog
tersebut pilihlan direktori yang Anda buat sebelumnya. Apabila hasilnya
error, maka kemungkinan besar ada yang salah dengan penulisan kode di
bagian<strong> manifest.json</strong>.</p>
<p style="text-align: justify;"><a href="Load unpacked extensions"><img
class="aligncenter" title="Load unpacked extensions"
src="https://st068w.sn2.livefilestore.com/y1pSdx0BrUtSz4ZEalNTFzIod2mFrNELh
ZZ4BYsz8rEo0MeIDWoCGhOP49YttuyepbVMj0nINzLywVboE4q2suHK7HD4qFJs3fh/5.png?ps
id=1" alt="" width="673" height="378" /></a></p>
<p style="text-align: justify;">7. Untuk menguji apakah apps sudah ter-
create, bukalah tab baru di web browser Chrome Anda, apabila sudah muncul
icon yang Anda tentukan dalam manifest.json, maka sudah berhasil. Cobalah
untuk meng-klik icon tersebut, jika sudah sesuai dengan keinginan Anda maka
SELAMAT, Anda sudah bisa merasakan membuat Apps pada Chrome dengan contoh
sederhana.</p>
<div style="width: 680px" class="wp-caption aligncenter"><img title="Apps
yang Ter-Create (Icon www.adityarizki.net) muncul di bagian pojok kanan
bawah"
src="https://st068w.sn2.livefilestore.com/y1pTvZ5rA0i04S5s1xLCGdYNqdZSvJiua
a9I9L1KXb-noH2WwFQMcQp-
txYT99EyvSNiDn9PdkJgoHZBbS8hFyy9olQC73HaSTG/7.png?psid=1" alt=""
width="670" height="376" /><p class="wp-caption-text">Apps yang Ter-Create
(Icon www.adityarizki.net) muncul di bagian pojok kanan bawah</p></div>
<p style="text-align: justify;">8. Informasi lebih detail, Anda bisa baca-
baca di <a href="https://developers.google.com/chrome/web-
store/docs/get_started_simple">sini</a>. Di situ Anda akan dituntun lebih
jauh lagi tentang bagaimana cara upload ke Chrome Web Store, kemudian
menambahkan berbagai image dan informasi promo agar bisa diakses oleh
seluruh dunia.</p>
<div style="text-align: justify;"></div>
<div style="text-align: justify;">Referensi:</div>
<div>
<div style="text-align: justify;"><a
title="https://developers.google.com/chrome/web-store/docs/"
href="https://developers.google.com/chrome/web-store/docs/"
target="_blank">https://developers.google.com/chrome/web-
store/docs/</a></div>
</div>
</div>
<div class="wp_rp_wrap wp_rp_plain" id="wp_rp_first"><div
class="wp_rp_content"><h3 class="related_post_title">Tulisan
Terkait</h3><ul class="related_post wp_rp"><li data-position="0" data-
poid="in-898" data-post-type="none" ><small class="wp_rp_publish_date">3
April 2010</small> <a href="http://www.adityarizki.net/2010/04/lebih-jauh-
tentang-content-management-system/" class="wp_rp_title">Lebih Jauh Tentang
Content Management System</a><small class="wp_rp_comments_count">
11. (1)</small><br /></li><li data-position="1" data-poid="in-1021" data-post-
type="none" ><small class="wp_rp_publish_date">17 Februari 2012</small> <a
href="http://www.adityarizki.net/2012/02/kiat-menjadi-web-programmer/"
class="wp_rp_title">Kiat Menjadi Web Programmer</a><small
class="wp_rp_comments_count"> (4)</small><br /></li><li data-position="2"
data-poid="in-1322" data-post-type="none" ><small
class="wp_rp_publish_date">15 April 2012</small> <a
href="http://www.adityarizki.net/2012/04/tutorial-instalasi-phonegap-pada-
android/" class="wp_rp_title">Tutorial Instalasi PhoneGap pada
Android</a><small class="wp_rp_comments_count"> (3)</small><br /></li><li
data-position="3" data-poid="in-786" data-post-type="none" ><small
class="wp_rp_publish_date">31 Desember 2011</small> <a
href="http://www.adityarizki.net/2011/12/mengenal-tipe-data-dan-variabel-
dalam-pemrograman/" class="wp_rp_title">Mengenal Tipe Data dan Variabel
dalam Pemrograman</a><small class="wp_rp_comments_count"> (4)</small><br
/></li><li data-position="4" data-poid="in-426" data-post-type="none"
><small class="wp_rp_publish_date">27 Mei 2011</small> <a
href="http://www.adityarizki.net/2011/05/tutorial-basis-data-dengan-mysql-
studi-kasus-iv-kesimpulan/" class="wp_rp_title">Tutorial Basis Data dengan
MySQL : Studi Kasus IV (Kesimpulan)</a><small class="wp_rp_comments_count">
(0)</small><br /></li></ul></div></div>
<h3>Share and Enjoy</h3>
<!-- Start WP Socializer - Social Buttons - Output -->
<div class="wp-socializer 32px">
<ul class="wp-socializer-opacity columns-no">
<li><a
href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.adityarizki.net%
2F2012%2F07%2Ftutorial-membuat-extensions-google-
chrome%2F&t=Tutorial+Membuat+Extensions+Google+Chrome" title="Share
this on Facebook" target="_blank"><img src="http://www.adityarizki.net/wp-
content/plugins/wp-socializer/public/social-icons/wp-socializer-sprite-
mask-32px.gif" alt="Facebook" style="width:32px; height:32px; background:
transparent url(http://www.adityarizki.net/wp-content/plugins/wp-
socializer/public/social-icons/wp-socializer-sprite-32px.png?v1) no-repeat;
background-position:0px -330px; border:0;"/></a></li>
<li><a
href="http://twitter.com/home?status=Tutorial+Membuat+Extensions+Google+Chr
ome%20-%20http%3A%2F%2Fwww.adityarizki.net%2F2012%2F07%2Ftutorial-membuat-
extensions-google-chrome%2F%20" title="Tweet this !" target="_blank"><img
src="http://www.adityarizki.net/wp-content/plugins/wp-
socializer/public/social-icons/wp-socializer-sprite-mask-32px.gif"
alt="Twitter" style="width:32px; height:32px; background: transparent
url(http://www.adityarizki.net/wp-content/plugins/wp-
socializer/public/social-icons/wp-socializer-sprite-32px.png?v1) no-repeat;
background-position:0px -1386px; border:0;"/></a></li>
<li><a
href="http://delicious.com/post?url=http%3A%2F%2Fwww.adityarizki.net%2F2012
%2F07%2Ftutorial-membuat-extensions-google-
chrome%2F&title=Tutorial+Membuat+Extensions+Google+Chrome&notes=Sia
pakah+diantara+pembaca+yang+lebih+suka+menggunakan+Google+Chrome%3F+Atau+se
tidaknya+pernah+menggunakan+web+browser+buatan+Google+tersebut%3F+Ada+beber
apa+hal+yang+membedakan+Google+Chrome+%28versi+terbaru+tentunya%29+dengan+w
eb+browser+lain%2C+salah+satunya" title="Post this on Delicious"
target="_blank"><img src="http://www.adityarizki.net/wp-content/plugins/wp-
socializer/public/social-icons/wp-socializer-sprite-mask-32px.gif"
alt="Delicious" style="width:32px; height:32px; background: transparent
url(http://www.adityarizki.net/wp-content/plugins/wp-
23. 63%27+title%3D%274+topics%27+style%3D%27font-
size%3A+8pt%3B%27%3Eteknologi%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fwww.a
dityarizki.net%2Ftag%2Ftelekomunikasi%2F%27+class%3D%27tag-link-
129%27+title%3D%277+topics%27+style%3D%27font-
size%3A+11.7333333333pt%3B%27%3Etelekomunikasi%3C%2Fa%3E%0A%3Ca+href%3D%27h
ttp%3A%2F%2Fwww.adityarizki.net%2Ftag%2Ftutorial-2%2F%27+class%3D%27tag-
link-241%27+title%3D%276+topics%27+style%3D%27font-
size%3A+10.8pt%3B%27%3Etutorial%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fwww
.adityarizki.net%2Ftag%2Fweb%2F%27+class%3D%27tag-link-
137%27+title%3D%274+topics%27+style%3D%27font-
size%3A+8pt%3B%27%3Eweb%3C%2Fa%3E%3C%2Ftags%3E");widget_so8939669.write("wp
cumuluswidgetcontent8708885");</script> </aside> <aside id="
<ul class='xoxo blogroll'>
<li><a href="http://www.penjelajah-it.blogspot.com" rel="friend"
target="_blank">Akhlis Ilham Pascaputra</a></li>
<li><a href="http://edokautsar.com/" rel="friend">Alvian Edo
Kautsar</a></li>
<li><a href="http://aninditablog.wordpress.com/" rel="friend"
target="_blank">Anindita Saktiaji</a></li>
<li><a href="http://arif-febriyanto.com" rel="friend" target="_blank">Arif
Febriyanto</a></li>
<li><a href="http://belindch.wordpress.com/" rel="friend"
target="_blank">Belinda CH</a></li>
<li><a href="http://canggih.web.id" rel="friend">Canggih Puspo W.</a></li>
<li><a href="http://adventrave.blogspot.com" rel="friend">Galdita A.
C.</a></li>
<li><a href="http://diasporaiqbal.blogspot.com" target="_blank">Iqbal
Kautsar</a></li>
<li><a href="http://iwanadjie.blog.ugm.ac.id" rel="friend"
target="_blank">Iwan Setyawan A</a></li>
<li><a href="http://buluhijau.tumblr.com" target="_top">My TUMBLR</a></li>
<li><a href="http://ninankara.net" rel="friend" target="_blank">Ninan Kara
GN</a></li>
<li><a href="http://blog.hamdanitulus.com" rel="friend">Tulus
Hamdani</a></li>
<li><a href="http://pstparea.blogspot.com" rel="friend"
target="_blank">Zakiyah D.</a></li>
</ul>
</aside>
<aside id="aptfinbytap_domain-2" class="widget APTFIN_by_TAP"><h3
class="widget-title"><span>Instagram</span></h3><!-- Using AlpinePT for
Instagram v1.2.7 with JSON--><!-- Request made --><!-- Success using
wp_remote_get() and JSON --><!-- Retrieved from transient --><div
id="aptfinbytap_domain-2-AlpinePhotoTiles_container"
class="AlpinePhotoTiles_container_class"><div id="aptfinbytap_domain-2-
vertical-parent" class="AlpinePhotoTiles_parent_class"
style="width:100%;max-width:100%;padding:0px;margin:0px auto;text-
align:center;"><a href="http://instagram.com/p/rPotz4tYEM/"
class="AlpinePhotoTiles-link" target="_blank" title=" A handsome CR100. "
alt=" A handsome CR100. "><img id="aptfinbytap_domain-2-tile-0"
class="AlpinePhotoTiles-image AlpinePhotoTiles-img-noshadow
AlpinePhotoTiles-img-noborder AlpinePhotoTiles-img-nocorners
AlpinePhotoTiles-img-nohighlight" src="http://scontent-
a.cdninstagram.com/hphotos-xpa1/t51.2885-
15/10561178_832660393420532_2065417523_a.jpg" title=" A handsome CR100. "
alt=" A handsome CR100. " border="0" hspace="0" vspace="0"
style="margin:1px 0 5px 0;padding:0;max-width:100%;" onContextMenu="return
false;" /></a><a href="http://instagram.com/p/rL4YBItYGL/"
class="AlpinePhotoTiles-link" target="_blank" title=" Menuju perahu di atas
riak samudera. " alt=" Menuju perahu di atas riak samudera. "><img
24. id="aptfinbytap_domain-2-tile-1" class="AlpinePhotoTiles-image
AlpinePhotoTiles-img-noshadow AlpinePhotoTiles-img-noborder
AlpinePhotoTiles-img-nocorners AlpinePhotoTiles-img-nohighlight"
src="http://scontent-b.cdninstagram.com/hphotos-xaf1/t51.2885-
15/10570216_799696753407782_250771406_a.jpg" title=" Menuju perahu di atas
riak samudera. " alt=" Menuju perahu di atas riak samudera. " border="0"
hspace="0" vspace="0" style="margin:1px 0 5px 0;padding:0;max-width:100%;"
onContextMenu="return false;" /></a><a
href="http://instagram.com/p/rFVij_tYG_/" class="AlpinePhotoTiles-link"
target="_blank" title=" Jejak di atas rumput. " alt=" Jejak di atas rumput.
"><img id="aptfinbytap_domain-2-tile-2" class="AlpinePhotoTiles-image
AlpinePhotoTiles-img-noshadow AlpinePhotoTiles-img-noborder
AlpinePhotoTiles-img-nocorners AlpinePhotoTiles-img-nohighlight"
src="http://scontent-a.cdninstagram.com/hphotos-xfp1/t51.2885-
15/10549813_685283601546771_272645597_a.jpg" title=" Jejak di atas rumput.
" alt=" Jejak di atas rumput. " border="0" hspace="0" vspace="0"
style="margin:1px 0 5px 0;padding:0;max-width:100%;" onContextMenu="return
false;" /></a><a href="http://instagram.com/p/q8-YCPtYHy/"
class="AlpinePhotoTiles-link" target="_blank" title=" Kini becak motor
lebih mudah dijumpai. Tarik tuasnya agar motor dapat bekerja. " alt=" Kini
becak motor lebih mudah dijumpai. Tarik tuasnya agar motor dapat bekerja.
"><img id="aptfinbytap_domain-2-tile-3" class="AlpinePhotoTiles-image
AlpinePhotoTiles-img-noshadow AlpinePhotoTiles-img-noborder
AlpinePhotoTiles-img-nocorners AlpinePhotoTiles-img-nohighlight"
src="http://scontent-a.cdninstagram.com/hphotos-xpf1/t51.2885-
15/10488805_1495504070687087_3038985_a.jpg" title=" Kini becak motor lebih
mudah dijumpai. Tarik tuasnya agar motor dapat bekerja. " alt=" Kini becak
motor lebih mudah dijumpai. Tarik tuasnya agar motor dapat bekerja. "
border="0" hspace="0" vspace="0" style="margin:1px 0 5px 0;padding:0;max-
width:100%;" onContextMenu="return false;" /></a><div
id="aptfinbytap_domain-2-by-link" class="AlpinePhotoTiles-by-link"><a
href="http://thealpinepress.com/" style="COLOR:#C0C0C0;text-
decoration:none;" title="Widget by The Alpine
Press">TAP</a></div></div></div><div
class="AlpinePhotoTiles_breakline"></div></aside><aside id="text-5"
class="widget widget_text"><h3 class="widget-title"><span>Ranking
Alexa</span></h3> <div class="textwidget"><p><a
href="http://www.alexa.com/siteinfo/www.adityarizki.net"><SCRIPT
type='text/javascript' language='JavaScript'
src='http://xslt.alexa.com/site_stats/js/s/a?url=www.adityarizki.net'></SCR
IPT></a></p>
</div>
</aside><aside id="text-11" class="widget widget_text"><h3
class="widget-title"><span>Other Links</span></h3> <div
class="textwidget"><a title="Aditya Rizki Yudiantika"
href="https://www.researchgate.net/profile/Aditya_Yudiantika/"><img
src="https://www.researchgate.net/images/public/profile_share_badge.png"
alt="Aditya Rizki Yudiantika" /></a>
<br><br>
<a href="http://www.w3.org/html/logo/">
<img src="http://www.w3.org/html/logo/badge/html5-badge-h-connectivity-
graphics-multimedia.png" width="197" height="64" alt="HTML5 Powered with
Connectivity / Realtime, Graphics, 3D & Effects, and Multimedia"
title="HTML5 Powered with Connectivity / Realtime, Graphics, 3D &
Effects, and Multimedia">
</a></div>
</aside><aside id="text-12" class="widget widget_text">
</aside> </div><!-- #secondary -->
</div><!--#main -->
<footer id="colophon" class="clearfix">
25. <div class="widget-wrap inner-wrap clearfix">
<div class="tg-one-third">
<aside id="top_posts_n_pages_widget-2" class="widget
top_posts_n_pages_widget"><h3 class="widget-title"><span>Tulisan
Populer</span></h3> <ul>
<li><a href="http://www.adityarizki.net/2011/05/tutorial-
instalasi-eclipse-dan-android-sdk-windows/">Tutorial Instalasi Eclipse dan
Android SDK (Windows)</a></li>
<li><a href="http://www.adityarizki.net/2012/06/konsep-dasar-
pemrograman-berorientasi-objek/">Konsep Dasar Pemrograman Berorientasi
Objek</a></li>
<li><a href="http://www.adityarizki.net/2013/11/28/review-pesan-
anarki-di-album-ke-8-superman-is-dead/">[Review] Pesan Anarki di Album Ke-8
Superman Is Dead</a></li>
<li><a href="http://www.adityarizki.net/2011/03/prinsip-kerja-
pengendap-elektrostatik-electrostatic-precipitatoresp/">Prinsip Kerja
Pengendap Elektrostatik (Electrostatic Precipitator/ESP)</a></li>
<li><a href="http://www.adityarizki.net/2011/07/tutorial-teknik-
digital-rangkaian-pencacah-counter/">Tutorial Teknik Digital : Rangkaian
Pencacah (Counter)</a></li>
<li><a href="http://www.adityarizki.net/2011/12/mengenal-tipe-
data-dan-variabel-dalam-pemrograman/">Mengenal Tipe Data dan Variabel dalam
Pemrograman</a></li>
<li><a href="http://www.adityarizki.net/2012/03/mengenal-
jaringan-gsm-global-system-for-mobile-communication/">Mengenal Jaringan GSM
(Global System for Mobile Communication)</a></li> </ul>
</aside> </div><!-- .tg-one-third -->
<div class="tg-one-third">
<aside id="bwp_recent_comments-3" class="widget bwp-rc-
widget"><h3 class="widget-title"><span>Komentar</span></h3>
<ul class="bwp-rc-ulist">
<li class="recent-comment"><span class="recent-comment-avatar"><img
alt='User Avatar'
src='http://1.gravatar.com/avatar/bbd28ddf6c7afa799b983b619b8d945b?s=40&
;d=&r=G' class='avatar avatar-40 photo' height='40' width='40'
/></span><span class="recent-comment-single"><span class="recent-comment-
author">fadhil</span><span class="recent-comment-text"> { anjing luh, fuck.
} – </span> <a href="http://www.adityarizki.net/2012/06/konsep-dasar-
pemrograman-berorientasi-objek/#comment-944" title="Comment on Konsep Dasar
Pemrograman Berorientasi Objek"><strong>Ags 23, 9:13
AM</strong></a></span></li>
<li class="recent-comment"><span class="recent-comment-avatar"><img
alt='User Avatar'
src='http://1.gravatar.com/avatar/bbd28ddf6c7afa799b983b619b8d945b?s=40&
;d=&r=G' class='avatar avatar-40 photo' height='40' width='40'
/></span><span class="recent-comment-single"><span class="recent-comment-
author">deeeee</span><span class="recent-comment-text"> { w wfb yewm ywm }
– </span> <a href="http://www.adityarizki.net/2012/06/konsep-dasar-
pemrograman-berorientasi-objek/#comment-943" title="Comment on Konsep Dasar
Pemrograman Berorientasi Objek"><strong>Ags 23, 9:12
AM</strong></a></span></li>
<li class="recent-comment"><span class="recent-comment-avatar"><img
alt='User Avatar'
src='http://1.gravatar.com/avatar/39e96323f8de2e093f93faf1aeead241?s=40&
;d=&r=G' class='avatar avatar-40 photo' height='40' width='40'
/></span><span class="recent-comment-single"><span class="recent-comment-
author">iriyoka</span><span class="recent-comment-text"> { sankyu, nice
info nya gan...kalo boleh ijin share gan <img