Download Android Tools

Membangun Sitemap Blogger Keren Ala Arlina Design!

1. Silahkan login pada akun blogger anda masing-masing
2. Pilih blog anda kemudian klik menu "Pages" dan klik "New Page" Untuk membuat laman baru pada blog anda untuk penempatan Sitemap
3.  Beri nama pada laman anda, contoh di sini saya beri nama Sitemap. Kemudian klik HTML untuk memasukan kode Sitemap anda ke dalam laman yang telah anda buat
4. Selanjutnya paste kan kode Sitemap berikut kedalam laman tersebut
<div id="bp_toc">
Loading TOC. Please wait....</div>
<script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftar-isi-simple.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>
<style scoped="" type="text/css">
#comments,#Label1,#FollowByEmail1 {display:none;}
#HTML3 {visibility:hidden;}
/* CSS Full Sitemap */
#bp_toc {background:#ffaaa4;color:#666;margin:0 auto;padding:5px;}
span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#ffcfcc;font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}
.toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;}
.toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;}
.toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:13px;
text-decoration:none;color:#aaa;font-family:&#39;Roboto&#39;;font-weight:700;letter-spacing: 0.5px;}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
text-decoration:none;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}
.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}
.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#cdb280;}
#bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}
.toc-entry-col1 {counter-increment:rowNumber;}
#bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}
td.toc-entry-col2 {background:#fafafa;}
#bp_toc a{text-align:left;float:none;font-size:90%;padding:0}
</style>
5. Setelah kode di atas sudah anda paste kan ke dalam laman Sitemap, kemudian klik "Publish" untuk menyimpan dan mempublikasikan Sitemap anda
6. Untuk melihat hasil Sitemap pada blog anda, anda dapat mengklik menu "Pages" pada Dashboard Blog anda kemudian klik "View" pada Laman Sitemap
7. Berikut contoh tampilan Sitemap ala Arlina Design. Bagaimana, Keren Bukan? Pada sitemap ala Arlina Design ini ada beberapa fitur yang di sediakan yaitu Jumlah Post pada blog anda, struktur postingan di urutkan dari postingan terbaru, dan label atau tag dari postingan tersebut. 

Get or watch

Definisi dan Penjelasan tentang Flat Design

IDNesia.com - Definisi dan Penjelasan tentang Flat Design, kali ini saya akan membahas mengenai Desain yaitu tentang sekelumit tentang "FLAT DESIGN". Dunia desain termasuk dalam kategori seni yang mengalami perubahan begitu cepat, megikuti trend atau bahkan melawan trend yang ada. Konsep Flat Desain yang begitu minimalis, simple dan menurut saya pribadi berkesan Elegan dengan segala kesederhanaannya.

Apa itu FLAT DESIGN..?

Mungkin anda bertanya, atau sebagian dari anda sudah tau tentang Flat Design ini, baik saya akan berikan contoh simplenya melalui gambar di bawah ini.

Flat design merupakan desain dengan pendekatan minimalis yang menekankan kegunaan, dengan desain yang bersih tanpa ada bevel, bayangan, tekstur, berfokus pada tipografi, warna-warna cerah dan ilustrasi dua dimensi.

Microsoft merupakan yang pertama menerapkan gaya desain seperti ini untuk interface-nya, dipandang oleh sebagian reaksi terhadap ke populeran desain skeuomorphic, apple menggebrak antarmuka iOS-nya dengan gaya desain ini. Alih-alih untuk mengubah benda dalam kehidupan nyata, seperti kalender, menjadi ilustrasi realistis kecil, tapi para pendukung flat design mengidentifikasi aplikasi dengan sederhana, seperti gambar icon.

Daripada membawa aspek kehidupan nyata untuk sebuah antarmuka, ini sangat jelas menggambarkan pemisahan antara teknologi dan taktil benda.

Anda tertarik ingin mencobanya..?

Get or watch