February 2016

Home > Archives for February 2016

Review Dashboard Ghost

On Tuesday, February 23, 2016 Labels: review, tutorial

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Sesuai dengan janji saya beberapa waktu yang lalu mengenai platform ghost. Kali ini saya akan mereview dashboard dan tata cara penulisan di ghost ini. Langsung saja ya kita buka ghost yang sudah kita instal kemarin.<br />
Caranya sedikit berbeda, kita harus mengaktifkan dulu ghost ini dengan menggunakan Node.js command prompt. </div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj625D_pfe5jqhCseocYDizNhPtqvjb6QdmVzjCJCZotOMftHpIdnEDqZhskRNieCZlvovQf_ASa4xDSJQr5-KYZSJ57adHShWfm3fl0-VWzXwv4hdHq_X-XjOKMckA_sbPBHGL9p0PLd0/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj625D_pfe5jqhCseocYDizNhPtqvjb6QdmVzjCJCZotOMftHpIdnEDqZhskRNieCZlvovQf_ASa4xDSJQr5-KYZSJ57adHShWfm3fl0-VWzXwv4hdHq_X-XjOKMckA_sbPBHGL9p0PLd0/s320/1.png" width="320" /></a></div>
<div style="text-align: justify;">
Jika sudah terbuka seperti diatas, kita masuk ke direktori tempat ghost diinstal. Kemarin saya mencontohkan diinstal pada drive D: dan folder ghost. Caranya dengan menetikan kode berikut<br />
D: (tekan enter)<br />
cd ghost (tekan enter)</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR2OjAdPd0FvvF_Gt1G94_bn6ZEbHTaNUoRkZHunpjxy8kwm1f-PKuHTNsjhyphenhyphenqoAScqHmpobwdnxRLJKBCZ_3xw3yH1BkXKT4-6ftWZW64fMdUgvYLbBiRGCoJMD2NPKh4xG0OVU_MH3Y/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR2OjAdPd0FvvF_Gt1G94_bn6ZEbHTaNUoRkZHunpjxy8kwm1f-PKuHTNsjhyphenhyphenqoAScqHmpobwdnxRLJKBCZ_3xw3yH1BkXKT4-6ftWZW64fMdUgvYLbBiRGCoJMD2NPKh4xG0OVU_MH3Y/s320/2.png" width="320" /></a></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Ini kita sudah masuk dalam direktori ghost. Gampang kan, hehehe.<br />
Oke, kita lanjutkan. setelah kita berada di dalam diurektori ghost maka kita ketikan kode berikut<br />
npm start (tekan enter)<br />
Akan tampil seperti berikut ini</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0TkXeOdQZ0i-MRMZ54h2ZHZ4CDgtNTCxTKa0GSTE5RegCovqjKu-cCvIPbxURoOd_r0duMo4ciQ5YL0s-hFauUqcsGEEfRMu9iemEHeIGGRJ5EkoGEKwyCD15ffcOMoaVXMw6E9Ly3UQ/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0TkXeOdQZ0i-MRMZ54h2ZHZ4CDgtNTCxTKa0GSTE5RegCovqjKu-cCvIPbxURoOd_r0duMo4ciQ5YL0s-hFauUqcsGEEfRMu9iemEHeIGGRJ5EkoGEKwyCD15ffcOMoaVXMw6E9Ly3UQ/s320/3.png" width="320" /></a></div>
<div style="text-align: justify;">
<br />
<span style="font-size: large;">Baca juga : <a href="http://rawnev.blogspot.com/2016/02/cara-install-ghost-di-windows-7.html" target="_blank">Cara Instal Platform Ghost di Windows 7</a></span><br />
<br />
Ini menandakan bahwa ghost kita telah aktif, untuk mengeceknya kita langsung saja buka 127.0.0.1:2368</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8I-s5caRV8Gu7niQCFA0Kswb3aItzX52nB2LEORxzq5SY86-Lx6hAZnO6bByqL3dMOSVRNlR3vF8EdA2FN_EzHBPK9_P74go-pJ7JQ0HD1bSRhOnJFspM1DBdSMxqu-a1E92x0wq-M40/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8I-s5caRV8Gu7niQCFA0Kswb3aItzX52nB2LEORxzq5SY86-Lx6hAZnO6bByqL3dMOSVRNlR3vF8EdA2FN_EzHBPK9_P74go-pJ7JQ0HD1bSRhOnJFspM1DBdSMxqu-a1E92x0wq-M40/s320/4.png" width="320" /></a></div>
<div style="text-align: justify;">
Nah ini tampilan dari web kita, saya berikan judul Curhatan Sang Perantau, karena saya perantau di kota orang lain, hehehe. Kita masuk ke dashboard dengan menambahkan /ghost pada addressbar, sehingga seperti ini 127.0.0.1:2368/ghost. Dan kita akan diarahkan ke halaman login untuk admin.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgByyEMUkoeDO3NNlGZ1Q-KyiTJk6LVWP4pU3zFf69W-wXwFqwArdIsLvcmm2NwQ6XbP2ZU5NtBk_B26yAtrjFWz2Z1-eKomQjWjlgMxuT9m8MlcmoRHghaKNSF8lAM4JcqfDCLmoE6Nl0/s1600/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgByyEMUkoeDO3NNlGZ1Q-KyiTJk6LVWP4pU3zFf69W-wXwFqwArdIsLvcmm2NwQ6XbP2ZU5NtBk_B26yAtrjFWz2Z1-eKomQjWjlgMxuT9m8MlcmoRHghaKNSF8lAM4JcqfDCLmoE6Nl0/s320/5.png" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Kita masuk user dan pass yang telah kita buat kemarin.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWleCd0hn8GVOFtGK7fV4PLjnI-jORPVQYPQp7ecejZASMsjHycokRdxECNbWAABZd-XMCxPCqB-yNLgXIE6V-fjgiPpmZ-mNJiXS0AMqvy_PaX8sHw71PDIkSgX9fsYl4lSwh282PfRQ/s1600/6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWleCd0hn8GVOFtGK7fV4PLjnI-jORPVQYPQp7ecejZASMsjHycokRdxECNbWAABZd-XMCxPCqB-yNLgXIE6V-fjgiPpmZ-mNJiXS0AMqvy_PaX8sHw71PDIkSgX9fsYl4lSwh282PfRQ/s320/6.png" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Taraaaaa, kita sudah masuk ke dalam dashboard web kita, tampilannya simpel tidak terlalu banyak tombol yang membingungkan. Dibagian samping kiri merupakan tombol navigasi yang terdiri dari </div>
<h3 style="text-align: left;">
Kolom search</h3>
<div style="text-align: justify;">
Ini berfungsi untuk mencari kata atau kalimat yang terdapat pada layar yang tampil, jadi memudahkan kita dalam mencari.</div>
<h3 style="text-align: left;">
New post</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLxUzKXdDDiVd6i2lwKKn3OjTVT5et8zwaQsm7-B5UXTZxe2aCQKwpeX2xsujbdtCCnSvAhBTplDJnN3__nfCF4oHntRsFYAHYCnWgMHzP6VMfa3gxb0CJMkLyFmU1OVycdLK47YWW1zo/s1600/7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLxUzKXdDDiVd6i2lwKKn3OjTVT5et8zwaQsm7-B5UXTZxe2aCQKwpeX2xsujbdtCCnSvAhBTplDJnN3__nfCF4oHntRsFYAHYCnWgMHzP6VMfa3gxb0CJMkLyFmU1OVycdLK47YWW1zo/s320/7.png" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Sesuai dengan namanya yang berarti menambahkan post baru, yaitu tempat kita menulis artikel atau curhatan kita yang nanti akan tampil. Kelebihan dari ghost ini yaitu pada postingan kita dapat tambahkan gambar unutk headernya, jadi setiap post akan memiliki header yang berbeda - beda.</div>
<h3 style="text-align: left;">
Content</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFEIjJAxeBiOCK1JHfBOZ1zpJeJ3jEpWBn3v1rdtscz0byMIsCes7Ta9JFp73aICNCWbj2NV2UIH-QmCuSusnLxGicvBK0Bt3YCq0zuE00fGYKTIIkxGfIG1PW-44_X833LjoeYwp-r00/s1600/8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFEIjJAxeBiOCK1JHfBOZ1zpJeJ3jEpWBn3v1rdtscz0byMIsCes7Ta9JFp73aICNCWbj2NV2UIH-QmCuSusnLxGicvBK0Bt3YCq0zuE00fGYKTIIkxGfIG1PW-44_X833LjoeYwp-r00/s320/8.png" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Nah untuk yang satu ini adalah untuk melihat kumpulan dari post atau artikel yang kita buat, dan yang berbeda disini yaitu setelah menampilkan judul post disampingnya akan ditampilkan juga isi dari post, istilahnya preview gitu laaahh.</div>
<h3 style="text-align: left;">
Team</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPhzPRGY705AVyd0fTxarn4gAKDq0kzwJUskkJME5Zx8h9i90vObyBX1szURO3WxcOYv_ziPePH8bKM_cAcKzwwV6rb29UgzbsGzMyE-3ejIwPfhxzzrTAAD7xH57-9p2cSKkc-rckcus/s1600/9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPhzPRGY705AVyd0fTxarn4gAKDq0kzwJUskkJME5Zx8h9i90vObyBX1szURO3WxcOYv_ziPePH8bKM_cAcKzwwV6rb29UgzbsGzMyE-3ejIwPfhxzzrTAAD7xH57-9p2cSKkc-rckcus/s320/9.png" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Ini juga yang membedakan dari platform yang lainnya. Jika kita bekerja dengan banyak orang untuk menjadi kontributor tulisan, maka bisa kita buatkan akun tersendiri. Keren banget kaaan. Jadi ghost ini tidak hanya untuk blog atau web pribadi saja, namun bisa kita gunakan untuk web korporasi.</div>
<h2 style="text-align: left;">
Group setting yang terdiri dari</h2>
<h3 style="text-align: left;">
General</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinwA4TzYWTXhURap9a31jkvK0aLczXaGASXpQAWue30IRt2cC30G7oxI4PwDtkdkNxXZWdGhPngCC9gFmxamVgtH_B5gZopp8JOsekTevXqoJfk_GmIjnr34KmM33Orau-UVpfN7QuhZQ/s1600/10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinwA4TzYWTXhURap9a31jkvK0aLczXaGASXpQAWue30IRt2cC30G7oxI4PwDtkdkNxXZWdGhPngCC9gFmxamVgtH_B5gZopp8JOsekTevXqoJfk_GmIjnr34KmM33Orau-UVpfN7QuhZQ/s320/10.png" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Pada menu general ini merupakan setingan umum pada blog ini, meliputi judul blog, deskripsi blog, logo blog, cover blog dan lainnya</div>
<h3 style="text-align: left;">
Navigation</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu__psWHp_4l2QpynATGIEwDOMl4Qg4eNbj_f_lM69aXq4HNwOYgLUZ9zB4UrbfDcGhUeorhwCdrZaUAqFv_W6-lzBYSMyaNi5lu-0eCxTb73K7RvgTQCVoy976ifE_BAgFbSgKQAvOR8/s1600/11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu__psWHp_4l2QpynATGIEwDOMl4Qg4eNbj_f_lM69aXq4HNwOYgLUZ9zB4UrbfDcGhUeorhwCdrZaUAqFv_W6-lzBYSMyaNi5lu-0eCxTb73K7RvgTQCVoy976ifE_BAgFbSgKQAvOR8/s320/11.png" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Untuk menu navigasi ini kalau biasanya menu terletak di bag header dan begitu - begitu saja, bila di ghost ini terletak pada pojok kanan atas yang berupa simbol dan bila kita klik akan muncuk menu - menu yang kita tambahkan di setingan Navigation ini.</div>
<h3 style="text-align: left;">
Tags</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtPKmfbD8W5VJMdV88YzhzfkpPPfVLzolQ6HDC5jPYV78_YPiP7sIqH63xqgY5zHAYA1NxyWSzJvH-9Lg_m3L-sDYMQbEaPUbpc1dKy0YiIOOYti-hTeVhjlGoICgQk_pFEeEZxd_GPi8/s1600/12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtPKmfbD8W5VJMdV88YzhzfkpPPfVLzolQ6HDC5jPYV78_YPiP7sIqH63xqgY5zHAYA1NxyWSzJvH-9Lg_m3L-sDYMQbEaPUbpc1dKy0YiIOOYti-hTeVhjlGoICgQk_pFEeEZxd_GPi8/s320/12.png" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Tags tentu saja di gunakan untuk mengelompokan artikel yang kita buat sehingga pembaca juga akan merasa lebih gampang melihat post yang terkait.</div>
<h3 style="text-align: left;">
Code injection</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9OixAePFUk9nqBHIXTxOQ1gpddRppPm6g4WU8NS58CifJZNQ2K3yD_H6PEtVRfJfK7MO5Uh8oP1_2-FiN3Rf3SxlneccAOtlhr-p9CNIDzRff7u_4ShyphenhyphenxV90nF1KC8qOBY3dGaToEFNE/s1600/13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9OixAePFUk9nqBHIXTxOQ1gpddRppPm6g4WU8NS58CifJZNQ2K3yD_H6PEtVRfJfK7MO5Uh8oP1_2-FiN3Rf3SxlneccAOtlhr-p9CNIDzRff7u_4ShyphenhyphenxV90nF1KC8qOBY3dGaToEFNE/s320/13.png" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Dalam ghost kita dibatasi dalam pengeditan template, ini mungkin bagi saya kekurangan dari ghsot, karena tidak mengijinkan kita untuk berkreatifitas. Jadi ghost hanya memberikan penambahan pada header dan footer saja.</div>
<h3 style="text-align: left;">
Labs</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjokB2_RmmtYR9lv9v3qXhUqWatXjAA46Zp5_6O-Oild5hXGdDewTDrilH32afwa3OA5Qoh_hPPg42bGye7QOhey8cRb5LAqC8CfTf4PFJxCBPx9rGNgV7l25vzR_6YuVoT9KG47cvPl3c/s1600/14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjokB2_RmmtYR9lv9v3qXhUqWatXjAA46Zp5_6O-Oild5hXGdDewTDrilH32afwa3OA5Qoh_hPPg42bGye7QOhey8cRb5LAqC8CfTf4PFJxCBPx9rGNgV7l25vzR_6YuVoT9KG47cvPl3c/s320/14.png" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Dan yang terakhir adalah menu Labs, ini berisikan tentang backup dan restore data dari web yang ktia miliki.<br />
Itu tadi review dari dashboardnya dan selanjutnya saya akan menjelaskan cara penulisan di ghost karena sedikit berbeda dengan biasanya. Oke langsung saja kita buat post baru.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFw7klFK4bIP9MHzqP2apSnQThXfaCLQz6VDzSw11mlvvNHQaP8pjJzPSd7_xMWLYZQmoIwxB8C_XH0sbebmUo6z7p5SpLwqmZI5VGvziYVhVDJRofxZU0FqYJtQWmOniPFDl88exfm1k/s1600/15.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFw7klFK4bIP9MHzqP2apSnQThXfaCLQz6VDzSw11mlvvNHQaP8pjJzPSd7_xMWLYZQmoIwxB8C_XH0sbebmUo6z7p5SpLwqmZI5VGvziYVhVDJRofxZU0FqYJtQWmOniPFDl88exfm1k/s320/15.png" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Jika kita lihat di atas tidak kita temukan menu pengeditan teks, untuk font sudah diset otomatis oleh tema, dan untuk membuat bold, italic, disini menggunakan simbol tertentu. <br />
Untuk membuat bold maka kita harus mengapit kata dengan tanda ** (ex. **tebal**).<br />
Untuk membuat italic harus mengapit kata dengan tanda *  (ex. *miring*).<br />
Untuk membuta bullet numbering cukup menambahkan * pada awal kata dan diberikan jarak spasi.<br />
Untuk membuat quote atau kata mutiara kita cukup tambahkan > kemudian kalimat.<br />
Dan jika kita ingin menuliskan script html atau php kita apit saja script itu dengan tanda ~. Namun jika bentuk potongan script bisa langsing dituliskan.<br />
Untuk membuat header kita tambahkan tanda # di awal kata. # untuk h1, ## untuk h2, ### unutk h3.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsWdhp_SWP-bdy-z7oGmG1x7k2YhbZ9G8w6AI2Tt4ZeyS8fVrgRBvUbjeu0hXOX6rBPtms9FLsL5tw7fIzdtK5tnjSdxyjekl_cWDV78ftJHCb_9cxW2GMaNjTbkDNODaWDoscMo5UIWg/s1600/16.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsWdhp_SWP-bdy-z7oGmG1x7k2YhbZ9G8w6AI2Tt4ZeyS8fVrgRBvUbjeu0hXOX6rBPtms9FLsL5tw7fIzdtK5tnjSdxyjekl_cWDV78ftJHCb_9cxW2GMaNjTbkDNODaWDoscMo5UIWg/s320/16.png" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Kita coba lihat di tampilan webnya. kita ketik lagi 127.0.0.1:2368 pada address bar.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbZlEVt1rUnWSoL-MRb1_UHnzmvTNwGSj0On-MHMyA4ScIsS88ctgCUzV6IRqND2iWwBknqXrnU8CnyI2L2TxC1G09TgLzL5t61sE8WR9Pkr8NAv4BFLe8_4ROStXtgfklTjhv_NNuL04/s1600/17.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbZlEVt1rUnWSoL-MRb1_UHnzmvTNwGSj0On-MHMyA4ScIsS88ctgCUzV6IRqND2iWwBknqXrnU8CnyI2L2TxC1G09TgLzL5t61sE8WR9Pkr8NAv4BFLe8_4ROStXtgfklTjhv_NNuL04/s320/17.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMObWQhoUTewTnyy3n6eslHd50wdE84eVs55ulUML5cXrj96YunHB1eDjZZvVIJ8T6Ba-w1-waxilPSXjUpJhiPkxC-UMEh17XeKTTmFULcEfhSWD9KdgLdz_pc-XiZs7bnLN6JMcYIgY/s1600/18.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMObWQhoUTewTnyy3n6eslHd50wdE84eVs55ulUML5cXrj96YunHB1eDjZZvVIJ8T6Ba-w1-waxilPSXjUpJhiPkxC-UMEh17XeKTTmFULcEfhSWD9KdgLdz_pc-XiZs7bnLN6JMcYIgY/s320/18.png" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Tampilannya akan sama seperti preview yang kita lihat pada saat membuat artikel ini. Menurut saya web ini dinamis karena menggunakan JS sehingga membuat tampilan lebih segar berbeda dengan yang lain. Demikian review dari saya semoga menambah pengetahuan.</div>
</div>

Sesuai dengan janji saya beberapa waktu yang lalu mengenai platform ghost. Kali ini saya akan mereview dashboard dan tata cara penulisan d...

Arti “i” dari iPhone

On Monday, February 22, 2016 Labels: berita, teknologi

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ_nhE2aVxC-RWQTs7Qunu6bAjw1uQtyF-Be9xeOTXCNLYt6KLXbYCossxWbrvEv1wAIjFmZI7h4_vSrsUBY4D2qWIoz4mzycV-1xajsKdlXjML_1BDrcGUn-S1RWPy3abMSrYVPwh7vg/s1600/arti+huruf+i+pada+apple.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="177" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ_nhE2aVxC-RWQTs7Qunu6bAjw1uQtyF-Be9xeOTXCNLYt6KLXbYCossxWbrvEv1wAIjFmZI7h4_vSrsUBY4D2qWIoz4mzycV-1xajsKdlXjML_1BDrcGUn-S1RWPy3abMSrYVPwh7vg/s320/arti+huruf+i+pada+apple.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Arti huruf "i" pada produk apple</td></tr>
</tbody></table>
<div class="MsoNormal" style="text-align: justify;">
Pasti semuanya sudah tau dan paham kan tentang produk apple. Ya, sebuah perusahaan yang bergerak di bidang teknologi. Dan menjadi salah satu brand yang terkenal saat ini. Semua produk dari perusahaan apple ini pasti namanya diawali dengan huruf “I”. Apakah artinya?</div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
Semua orang menebak – nebak tentang huruf “I” ini dan yang paling banyak dan masuk akal huruf ini merujuk pada sebuah kata yaitu internet. Huruf “i” pada prosuk apple ini pertama kali digunakan pada tahun 1998 pada produk komputer buatan steve jobs iMac.</div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
Huruf ini menurut steve jobs merupakan sebuah penandaan bahwa mulainya era komputer menjadi sebuah prioritas utama. Awalnya huruf ini merupakan sebuah branding untuk komputernya, namun sampai sekarang digunakan pada semua produk keluaran apple.</div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
Kami tetap menggunakan "i" di iPhone. Namun, artinya tidak hanya untuk internet, Bisa untuk individual, instruct (memerintah), inform (menginformasikan), inspire (menginsipirasikan), dan bahkan "i" bisa menjadi "kita"</div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
Beginilah ucap dari sang pendiri apple, jadi huruf “i” ini memiliki arti yang luas. Demikian informasi dari saya, semoga bermanfaat.</div>
</div>

Arti huruf "i" pada produk apple Pasti semuanya sudah tau dan paham kan tentang produk apple. Ya, sebuah perusahaan yang be...

Smarthpone Pertama dengan Kamera Termal

Labels: android, berita, teknologi

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc_Q2WOp54Kzsqg8atuPEz1u7hkw7bZMFoSGax_rKGqlDpfRj7TPmXDOvqnQpAUZSu5K0DOt6xodwvs8J_IfVZTH9LjvuWn_Xnf4bcBWcp51QL1A4zBwkamygdR3M9w00kYb6m8hLsULo/s1600/kamera+termal+cat_s60.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Smarthpone Pertama dengan Kamera Termal" border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc_Q2WOp54Kzsqg8atuPEz1u7hkw7bZMFoSGax_rKGqlDpfRj7TPmXDOvqnQpAUZSu5K0DOt6xodwvs8J_IfVZTH9LjvuWn_Xnf4bcBWcp51QL1A4zBwkamygdR3M9w00kYb6m8hLsULo/s400/kamera+termal+cat_s60.jpg" title="Smarthpone Pertama dengan Kamera Termal" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Smarthpone Pertama dengan Kamera Termal</td></tr>
</tbody></table>
<div class="MsoNormal" style="text-align: justify;">
Bagi pecinta gadget yang tahan banting pasti paham tentang brand CAT. Produk dari CAT pasti memiliki keunggulan tahan banting, tahan gores, tahan suhu sehingga dapat berfungsi pada kondisi apapun. Keren ya.</div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
Pada tahun ini CAT kembali mengeluarkan seri terbarunya CAT S60 yang akan dipasarkan pada akhir mei pada tahun ini. Apa keunggulan tambahan dari gadget ini selain tahan banting? S60 dilengkapi dengan kamera termal. Jadi gadget ini akan dapat menghasilkan gambar termal secara langsung dan mengukur suhu permukaan. Dan dapat disimpan dalam bentuk gambar atau video, sangat menarik.</div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
<i><span style="font-family: "calibri" , "sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;">Gadget </span></i>ini memang ditujukan untuk mempermudah para profesional yang bekerja pada bidang-bidang teknis, seperti teknisi listrik, tukang pipa, dan pekerjaan lain. Sehingga dapat mengetahui kerusakan apa yang sedang dialami, selain itu dapat juga dalam misi penyelamatan karena dapat mendeteksi suhu panas.</div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
Dari desain tampilannya S60 ini memiliki layar 4,7 inc dengan gorilla glass,<i><span style="font-family: "calibri" , "sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"> chipset </span></i>Qualcomm Snapdragon 617 dan RAM 3GB. Sedangkan untuk kamera, S60 dilengkapi 13 MP untuk kamera belakang dan 5 MP untuk kamera depan. Didukung memori internal 32Gb dan juga ditambahkan memori eksternal mikroSD. Untuk sistem operasi sudah menggunakan android terbaru yaotu marshmallow dengan kapasitas batrei 3800mAh.</div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
Untuk harga sendiri dari CAT S60 akan dibanderol US$599 atau sekitar 8 juta rupiah. Cukup merogoh kocek dalam untuk memiliki gadget ini.</div>
</div>

Smarthpone Pertama dengan Kamera Termal Bagi pecinta gadget yang tahan banting pasti paham tentang brand CAT. Produk dari CAT pasti m...

Cara Membuat Tombol Share Artikel yang Menarik

On Sunday, February 21, 2016 Labels: SEO, tips, tutorial

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Halo semuanya, kali ini saya mau posting tentang tutorial menambahkan tombol share ke sosmed yang posisinya terletak di bawah artikel. Karena beberapa waktu yang lalu saya mengubah tombol share menjadi lebih menarik. Dan tentu saja tombol share ini akan menambah nilai kita di seo.</div>
<div style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
Dari berbagai jenis form tombol share akhirnya saya memilih tombol share yang simple dan terdapat icon di sampingnya. Simpel dan menarik, saya nggak mau ribet dengan tampilan yang nantinya mengakibatkan waktu loading blog saya menjadi lambat.</div>
<div class="MsoNormal">
Oke, langsung aja ya simak tutorial berikut ini.</div>
<div class="MsoNormal">
1. Bagi yang belum login silahkan login terlebih dahulu, kita login dulu ke dashboard blog kita.</div>
<div class="MsoNormal">
2. Pilih menu template dan kemudian edit HTML</div>
<div class="MsoNormal">
3. Copy dan tempel script berikut ini di atas kode <code><span style="font-size: 10.0pt; line-height: 115%; mso-fareast-font-family: "Malgun Gothic"; mso-fareast-theme-font: minor-fareast;">]]></b:skin></span></code><br />
<pre><code class="css"><span class="comment">/* social share buttons */</span>
<span class="class">.social-buttons-box</span> <span class="rules">{
<span class="rule"><span class="attribute">height</span>:<span class="value"> <span class="number">67</span>px;</span></span>
<span class="rule"><span class="attribute">background</span>:<span class="value"> <span class="function">url(http://<span class="number">1</span>.bp.blogspot.com/-OYT-JDviP2k/VHrWc3ofkiI/AAAAAAAAEJs/yyNAhuCUELA/s1600/rect3799.png)</span> no-repeat <span class="number">200</span>px <span class="number">0</span>px;</span></span>
<span class="rule"><span class="attribute">margin</span>:<span class="value"><span class="number">20</span>px <span class="number">0</span> <span class="number">15</span>px;</span></span>
<span class="rule"><span class="attribute">overflow</span>:<span class="value">hidden;</span></span>
<span class="rule">}</span></span>
<span class="class">.social-buttons</span> <span class="rules">{
<span class="rule"><span class="attribute">margin</span>:<span class="value"><span class="number">0</span> <span class="number">0</span>;</span></span>
<span class="rule"><span class="attribute">height</span>:<span class="value"><span class="number">67</span>px;</span></span>
<span class="rule"><span class="attribute">float</span>:<span class="value">left;</span></span>
<span class="rule">}</span></span>
<span class="class">.social-buttons</span> <span class="class">.share</span> <span class="rules">{
<span class="rule"><span class="attribute">float</span>:<span class="value">left;</span></span>
<span class="rule"><span class="attribute">margin-right</span>:<span class="value"><span class="number">10</span>px;</span></span>
<span class="rule"><span class="attribute">display</span>:<span class="value">inline-block;</span></span>
<span class="rule">}</span></span>
<span class="class">.share-btn</span> <span class="rules">{
<span class="rule"><span class="attribute">margin</span>:<span class="value"><span class="number">15</span>px <span class="number">0</span> <span class="number">25</span>px;</span></span>
<span class="rule"><span class="attribute">height</span>:<span class="value"><span class="number">20</span>px;</span></span>
<span class="rule"><span class="attribute">overflow</span>:<span class="value">hidden;</span></span>
<span class="rule">}</span></span></code></pre>
</div>
<div class="MsoNormal">
4. Selanjutnya copy script berikut dan tempelkan di bawah kode <code><span style="font-size: 10.0pt; line-height: 115%; mso-fareast-font-family: "Malgun Gothic"; mso-fareast-theme-font: minor-fareast;"><data:post.body/></span></code><br />
<pre><code class="xml"><span class="tag"><<span class="title">div</span> <span class="attribute">class</span>=<span class="value">'social-buttons-box'</span>></span>
 <span class="tag"><<span class="title">div</span> <span class="attribute">class</span>=<span class="value">'social-buttons'</span>></span>
  <span class="tag"><<span class="title">div</span> <span class="attribute">class</span>=<span class="value">'share gplus'</span>></span><span class="tag"><<span class="title">div</span> <span class="attribute">class</span>=<span class="value">'g-plusone'</span> <span class="attribute">data-size</span>=<span class="value">'tall'</span> <span class="attribute">expr:data-href</span>=<span class="value">'data:post.url'</span>/></span><span class="tag"></<span class="title">div</span>></span>
  <span class="tag"><<span class="title">div</span> <span class="attribute">class</span>=<span class="value">'share like'</span>></span><span class="tag"><<span class="title">div</span> <span class="attribute">class</span>=<span class="value">'fb-like'</span> <span class="attribute">data-action</span>=<span class="value">'like'</span> <span class="attribute">data-layout</span>=<span class="value">'box_count'</span> <span class="attribute">data-share</span>=<span class="value">'false'</span> <span class="attribute">data-show-faces</span>=<span class="value">'false'</span> <span class="attribute">expr:data-href</span>=<span class="value">'data:post.url'</span>/></span><span class="tag"></<span class="title">div</span>></span>
  <span class="tag"><<span class="title">div</span> <span class="attribute">class</span>=<span class="value">'share tweet'</span>></span><span class="tag"><<span class="title">a</span> <span class="attribute">class</span>=<span class="value">'twitter-share-button'</span> <span class="attribute">data-count</span>=<span class="value">'vertical'</span> <span class="attribute">data-lang</span>=<span class="value">'en'</span> <span class="attribute">data-size</span>=<span class="value">'normal'</span> <span class="attribute">expr:data-url</span>=<span class="value">'data:post.url'</span> <span class="attribute">href</span>=<span class="value">'https://twitter.com/share'</span>></span>Tweet<span class="tag"></<span class="title">a</span>></span><span class="tag"></<span class="title">div</span>></span>
 <span class="tag"></<span class="title">div</span>></span>
 <span class="tag"></<span class="title">div</span>></span>
 <span class="comment"></span>
 <span class="tag"><<span class="title">div</span> <span class="attribute">style</span>=<span class="value">'clear: both;'</span>/></span></code></pre>
</div>
<div class="MsoNormal">
<span style="mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">5. Tahap selanjutnya kita pasangkan kode JS berikut ini unutk memanggil tombol share yang kita pasangkan tadi, kode JS ini kita tempatkan di atas kode </span><code><span style="font-size: 10.0pt; line-height: 115%; mso-fareast-font-family: "Malgun Gothic"; mso-fareast-theme-font: minor-fareast;"></body></span></code><br />
<pre><code class="xml"><span class="tag"><<span class="title">script</span>></span><span class="javascript">
  window.___gcfg = {lang: &#<span class="number">39</span>;id&#<span class="number">39</span>;};

(<span class="keyword">function</span>() {
    <span class="keyword">var</span> po = document.createElement(&#<span class="number">39</span>;script&#<span class="number">39</span>;); po.type = &#<span class="number">39</span>;text/javascript&#<span class="number">39</span>;; po.async = <span class="literal">true</span>;
    po.src = &#<span class="number">39</span>;https:<span class="comment">//apis.google.com/js/plusone.js&#39;;</span>
    <span class="keyword">var</span> s = document.getElementsByTagName(&#<span class="number">39</span>;script&#<span class="number">39</span>;)[<span class="number">0</span>]; s.parentNode.insertBefore(po, s);
  })();
</span><span class="tag"></<span class="title">script</span>></span>
<span class="tag"><<span class="title">script</span>></span><span class="javascript">
!<span class="keyword">function</span>(d,s,id){<span class="keyword">var</span> js,fjs=d.getElementsByTagName(s)[<span class="number">0</span>];<span class="keyword">if</span>(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;<span class="comment">//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</span>
</span><span class="tag"></<span class="title">script</span>></span><span class="tag"><<span class="title">div</span> <span class="attribute">id</span>=<span class="value">'fb-root'</span>/></span>
<span class="tag"><<span class="title">script</span> <span class="attribute">type</span>=<span class="value">'text/javascript'</span>></span><span class="javascript">
<span class="comment">//<![CDATA[</span>
(<span class="keyword">function</span>(d, s, id) {
  <span class="keyword">var</span> js, fjs = d.getElementsByTagName(s)[<span class="number">0</span>];
  <span class="keyword">if</span> (d.getElementById(id)) <span class="keyword">return</span>;
  js = d.createElement(s); js.id = id;
  js.src = <span class="string">"//connect.facebook.net/id_ID/all.js#xfbml=1&version=v2.0"</span>;
  fjs.parentNode.insertBefore(js, fjs);
}(document, <span class="string">'script'</span>, <span class="string">'facebook-jssdk'</span>));
<span class="comment">//]]></span>
</span><span class="tag"></<span class="title">script</span>></span></code></pre>
</div>
<div class="MsoNormal">
<span style="mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">6. Simpan template dan kita lihat hasilnya.</span></div>
<div class="MsoNormal" style="text-align: justify;">
Demikian sedikit tutorial cara menambahkan tombol share pada artikel blog. Dan ini juga sama seperti yang terpasang di blog ini. Semoga membantu dan terus semangap blogging teman - teman.</div>
</div>

Halo semuanya, kali ini saya mau posting tentang tutorial menambahkan tombol share ke sosmed yang posisinya terletak di bawah artikel. Kar...

Cara Install Ghost Platform di Windows 7 32 bit

On Wednesday, February 17, 2016 Labels: instalasi, tutorial

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
</div>
<div class="MsoNormal" style="text-align: justify;">
Hai semuanyaaa, lama gak posting juga ya, hahaha.</div>
<div class="MsoNormal" style="text-align: justify;">
Oke, kali ini saya mau share tentang platform untuk bloging yang baru saya tau dan saya mau share ke temen – temen semuanya. Biasanya kita kalau melakukan bloging pasti menggunakan blogspot atau wordpress. Dua platform ini yang paling banyak digunakan, dan pasti sering sekali menemukan tema yang sama dari berjuta juta pengguna.</div>
<div class="MsoNormal" style="text-align: justify;">
Tapi baru saja kemarin saya sharing dengan teman dan ada satu lagi yang dapat kita gunakan yaitu “ghost”, serem yah namanya. Tapi tidak seseram namanya lho, ghost ini sangat mirip dengan wordpres, yang berbeda dengan blogspot. Kalau blogspot sudah terpasang di servernya google, sedangkan ghost ini dapat kita unduh masternya dan dapat kita pasang di computer local terlebih dahulu atau langsung di install di hosting yang kita miliki.</div>
<div class="MsoNormal" style="text-align: justify;">
Untuk informasi lebih lanjut tentang ghost silahkan kunjungi link berikut ini <a href="http://ghost.org/">ghost.org</a><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-nkymu-OYkCF7FheazBcUrDGiOelcp0opE8gblIfUURp9ERHcE8NDaA_xD6PkLdzzOBEForoThc3We4c0lLrvnz0QDTGmVTiLciM5RlKSzcAHwxLKIFHj7QNcN2QmGIXiqcQH6q2ZJ1I/s1600/square1-ef96b2a6539b22f.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Install Ghost Platform di Windows 7 32 bit" border="0" height="204" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-nkymu-OYkCF7FheazBcUrDGiOelcp0opE8gblIfUURp9ERHcE8NDaA_xD6PkLdzzOBEForoThc3We4c0lLrvnz0QDTGmVTiLciM5RlKSzcAHwxLKIFHj7QNcN2QmGIXiqcQH6q2ZJ1I/s320/square1-ef96b2a6539b22f.jpg" title="Cara Install Ghost Platform di Windows 7 32 bit" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">CMS Ghost</td></tr>
</tbody></table>
</div>
<div class="MsoNormal" style="text-align: justify;">
Saya beberapa kali mencoba install, maklum baru aja kenal dengan platform ini jadi trial and error, untuk instalasi di linux saya belum berhasil. Mungkin nanti kalau sudah berhasil akan saya posting. Dan untuk instalasi di hosting belum saya coba :P</div>
<div class="MsoNormal" style="text-align: justify;">
Sekarang saya akan share bagaimana cara install ghost di computer local ber system operasi windows 7 32 bit. Tidak usah berlama – lama, langsung saja simak tutorial berikut ini<br />
<br />
<span style="font-size: large;"><b>Baca juga : <a href="http://rawnev.blogspot.com/2016/02/review-dashboard-ghost.html" target="_blank">review tampilan dashboard ghost </a></b></span></div>
<div class="MsoNormal" style="text-align: justify;">
<h3>
Tahap Persiapan</h3>
</div>
<div class="MsoNormal" style="text-align: justify;">
<b>Node</b></div>
<div class="MsoNormal" style="text-align: justify;">
Node yang disarankan untuk ghost ini yang berversi Node.js <span style="font-family: "calibri" , "sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;">0.10.x</span><span style="font-family: "calibri" , "sans-serif"; font-weight: normal;">.</span><b><span style="font-family: "calibri" , "sans-serif"; font-weight: normal;"> Untuk menginstal node ini silahkan download <b><a href="http://adf.ly/1X2f0I" target="_blank">disini</a>.</b> </span></b></div>
<div class="MsoNormal" style="text-align: justify;">
<b><span style="font-family: "calibri" , "sans-serif"; font-weight: normal;">Installer ini akan secara otomatis menginstal node dan juga npm, ini nanti akan berfungsi sebagai tools yang menjalankan ghost. </span></b></div>
<div class="MsoNormal" style="text-align: justify;">
<b>Ghost</b></div>
<div class="MsoNormal" style="text-align: justify;">
Saya menggunakan ghost yang versi 0.7.6 yang dapat di download <b><a href="http://adf.ly/1X2gv5" target="_blank">disini.</a></b></div>
<div class="MsoNormal" style="text-align: justify;">
<h3>
Tahap Instalasi</h3>
</div>
<div class="MsoNormal" style="text-align: justify;">
Yang pertama jalankan installer node yang kita download tadi, t<b><span style="font-family: "calibri" , "sans-serif"; font-weight: normal;">unggu hingga instalasai selesai dan di start menu muncul program baru bernama node. Selanjutnya saya memindahkan ghost 0.7.6.zip tadi di drive D: dan mengekstraknya di folder ghost.</span></b></div>
<div class="MsoNormal" style="text-align: justify;">
<b><span style="font-family: "calibri" , "sans-serif"; font-weight: normal;">Dan kita buka aplikasi “node.js command promp”, tampilannya seperti command promp biasanya. Kemudian ketikan perintah berikut ini tanpa tanda petik</span></b></div>
<div class="MsoNormal" style="text-align: justify;">
<b><span style="font-family: "calibri" , "sans-serif"; font-weight: normal;">“D:” (enter)</span></b></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="mso-bidi-font-weight: bold;">“cd ghost” (enter)</span></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="mso-bidi-font-weight: bold;">“npm install --production” (enter)</span></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="mso-bidi-font-weight: bold;">Tunggu hingga proses selesai, membutuhkan waktu beberapa menit, tapi tidak lama.</span></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="mso-bidi-font-weight: bold;">Bila sudah selesai ketikan “npm start” (enter)</span><br />
<span style="mso-bidi-font-weight: bold;">Untuk Berhenti "npm stop" (enter) </span><br />
<span style="mso-bidi-font-weight: bold;"><br /></span></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="mso-bidi-font-weight: bold;">Ghost pun sudah berjalan pada computer local, dengan default alamat urlnya 127.0.0.1:2368 dan untuk akses ke adminnya 127.0.0.1:2368/ghost.</span></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="mso-bidi-font-weight: bold;">Karena menggunakan java script maka tampilan dari web ini lebih menarik, mungkin karena saya sering lihat blogspot dan wordpress jadi agak “katrok” melihat ghost ini, hehehehe. Demikian cara install ghost di windows 7 32 bit. Selanjutnya akan saya ulas tampilan dashboard dari ghost ini.</span></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="mso-bidi-font-weight: bold;">Salam blogger</span></div>
</div>

Hai semuanyaaa, lama gak posting juga ya, hahaha. Oke, kali ini saya mau share tentang platform untuk bloging yang baru saya tau dan s...