Cara membuat sitemap blog dengan tombol slide di blogger

Cara membuat sitemap blog dengan tombol slide atau Akrodion di blogger.

Sitemap dengan tombol slide Akordion adalah alat yang dapat membantu pembaca menelusuri seluruh isi web, dengan menyentuh tombol slide pembaca sudah dapat mencari berbagai macam artikel sesuai kebutuhan.sitemap dengan tombol slide akrodion ini memiliki fitur otomatis yang dapat menampilkan seluruh artikel dari sebuah web sesuai dengan nama label yang telah di tentukan.yang menarik dari sitemap ini adalah, jika tombol di sentuh akan menampilkan efek slide atau terbuka daftar artikel berdasarkan label,dengan anda menggunakan sitemap ini dapat membuat penampilan web lebih menarik atau terlihat profesional.

Jika ingin melihat tampilan dari sitemap dengan tombol slide akrodion ini, dapat anda sentuh "live preview" di bawah ini.

Live preview

Catatan:
Sitemap ini sering digunakan oleh web yang mempunyai banyak konten dan nama label artikel.menggunakan sitemap ini seluruh artikel akan di tata lebih ramping hingga tidak mengkonsumsi tempat yang berlebihan.

Apabila anda berminat mengunakannya, dapat di salin/copy script code sitemap Akordion di bawah ini.dan baca keterangan penerapan yang berada di bawah code script tersebut.

Script Code Sitemap Akordion

<div dir="ltr" style="text-align:left;" trbidi="on">di
<style scoped="" type="text/css">
.table-of-content{background-color:#fff;color:#444;font-family:Verdana,Geneva,Tahoma,Arial,Sans-serif;font-size:13px;font-weight:400;overflow:hidden;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.2)}
.table-of-content .toc-header{color:#444;font-family:inherit;font-weight:400;font-size:14px;background-color:#fff;margin:0;padding:15px;overflow:hidden;cursor:pointer;border-bottom:1px solid #ccc;transition:initial}
.table-of-content .toc-header:hover{background-color:#fdfdfd}
.table-of-content .toc-header:before{content:'';width:0;height:0;position:absolute;top:22px;right:15px;border:5px solid transparent;border-color:#aaa transparent transparent;transition:all .3s ease}
.table-of-content .toc-header.active{color:#fc4f3f}
.table-of-content .toc-header.active:before{border-color:#666 transparent transparent;top:16px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)}
.table-of-content .loading{display:block;padding:15px;text-decoration:blink}
.table-of-content ol{margin:0;padding:0;list-style:none;transition:initial}
.table-of-content li{line-height:normal!important;margin:0!important;padding:8px 8px 8px 15px!important;white-space:nowrap;text-align:left;overflow:hidden;background:#444359!important;transition:initial}
.table-of-content a{color:#d9d9d9;text-decoration:none;font-size:86%;transition:initial}
.table-of-content a:visited{color:#a2a2a9;transition:initial}
.table-of-content a:hover,.table-of-content a:visited:hover{color:#ffc937;text-decoration:none;transition:initial}
.post ol li:before{display:none}
</style>
<div class="table-of-content" id="table-of-content">
<span class="loading">Memuat konten...</span></div>
<script>
var toc_config = {
url: 'http://www.mcqslenasabu.cf',
containerId: 'table-of-content',
showNew: 15,
newText: ' <strong style="font-weight:normal;font-style:normal;color:#fff;font-size:11px;background:#5c5a78;padding:1px 6px 3px 6px;line-height:normal;float:right;border-radius:3px;">baru</strong>',
sortAlphabetically: {
thePanel: true,
theList: true
},
maxResults: 9999,
activePanel: 1,
slideSpeed: {
down: 400,
up: 400
},
slideEasing: {
down: null,
up: null
},
slideCallback: {
down: function() {},
up: function() {}
},
clickCallback: function() {},
jsonCallback: '_toc',
delayLoading: 0
};
</script>
<script src="https://cdn.rawgit.com/MCQ-Design/blogger-kota-Kupang/master/Sitemap-Akrodion.js"></script>
</div>

• Cara penerapan sitemap seperti contoh di atas.
1. Copy code script di atas, lalu masuk ke situs blogger.com.
2. Dari dasbor blogger,sentuh laman kemudian sentuh laman baru.
3. Di dalam dasbor edit laman,sentuh mode HTML yang berada di pojok kiri atas area menulis.
4. Sentuh dan tahan pada area menulis, lalu tempelkan code script.
5. Lengkapi judul, kemudian sentuh pengaturan atau ikon roda gigi yang berada di samping kanan.
6. Dalam tab baru yang terbuka, sentuh jangan bolehkan komentar pembaca.dan sentuh gunakan enter untuk baris baru.
7. Jika semuanya sudah selesai dilengkapi, sentuh selesai kemudian publikasi.

• Cara menampilkan sitemap di homepage web blog.
1. Dari dasbor blogger.com,sentuh laman kemudian pilih fitur "lihat"yang berada dibawah judul laman.
2. Di dalam tab baru yang terbuka, copy alamat (url) yang berada pada mesin pencari browser google crome.
3. Selanjutnya kembali dari dasbor blogger.com.kemudian sentuh tata letak.
4. Didalam tab baru yang terbuka, sentuh tambahkan gadget.lalu cari atau menemukannya fitur laman dan sentuh pada ikon tambah yang berada di samping kanan fitur tersebut.
5. Sentuh atau menemukannya "tambahkan tautan eksternal".lengkapi judul laman kemudian sentuh dan tahan pada area alamat (url) lalu tempelkan.
6. Selanjutnya sentuh "simpan tautan"dan lanjutan dengan menyentuh tombol oranye "selesai" yang berada di dasar formulir tambahkan laman.setelah selesai di tahab ini berarti sitemap telah terpasang di web blog anda.

Untuk memastikan apakah sitemap terpasang dengan benar anda dapat melakukan pratinjau dari homepage web blog.

Catatan:
Jika semuanya sudah terpasang dengan benar maka akan muncul tampilan seperti contoh live preview di atas.

Semoga artikel ini bermanfaat bagi anda.

Cara membuat rekening online paypal

Cara membuat rekening online Paypal untuk berbagai keperluan di internet.

Paypal merupakan perusahaan yang menyediakan jasa transfer uang melalui jaringan/online.

Paypal itu mirip dengan rekening bank online.bedahnya rekening bank online hanya berlaku di satu negara,sedangkan Rekening paypal berlaku di seluruh dunia.

Selain itu ada 3 dari jenis rekening paypal yang dapat digunakan.

Personal	Untuk pemakaiyan perseorangan yang menggunakan akunnya untuk segalah kepentingan pribadi.
Premier	Untuk pemakaiyan di bidang bisnis namun kasual / berskala kecil.
Business	Untuk pemakaiyan yang memiliki merchant berbentuk perusahaan atau berskala besar.

Saran ;
Jika anda ingin mencobanya gunakanlah Rekening Premier,Rekening ini memungkinkan anda untuk menerima transfer uang dari rekening orang lain.dan anda juga dapat mentransfer uang ke Rekening orang lain.

Berikut ini cara membuat akun paypal secara gratis.
Langkah - Langkahnya sebagai berikut;

1. Sentuh,atau menemukannya aplikasi Browser google crome.ketik www.paypal.com lalu sentuh pencarian.
   
2. Dalam menu yang terbuka.sentuh, atau menemukannya tombol “sign up”.
   
3. Sentuh, atau menemukannya “create your paypal account “.
   
4. Mengisi negara tempat anda tinggal,bahasa yang ingin digunakan.
Saran ;untuk mencobanya,sebaiknya anda memakai terlebih dahulu jenis akun personal atau premier.
5. Sentuh “Get started”,dalam menu yang terbuka lengkapi biodata pribadi anda seperti,alamat email hingga nomor telepon anda.
   
Informasi: Lengkapi biodata anda sesuai dengan yang sebenarnya, ini akan berpengaruh di saat Anda ingin mentransfer dolar ke rekening lokal.
6. Sentuh “Agree and create accoun”,dalam menu yang terbuka “security challenge”,lengkapi “captcha” setelah itu sentuh “continue”.
   

Sampai disini sebenarnya akun anda telah selesai di buat namun anda akan di minta untuk mengisi nomor kartu kredit sebagai tanda verifikasi.

Apabila anda belum memiliki atau ingin mengisi belakangan,anda sentuh “Go to my Account”.ingat jangan lupa mengecek email aktivasi yang telah dikirim ke inbox email anda.

Info.
Untuk memudahkan anda melakukan transaksi,download aplikasi Paypal di google play dan pasangkan di perangkat Android Anda.

Cara membuat widget kode warna di halaman statis (static page) blog-web blogspot

Cara membuat widget kode warna di halaman statis (static page) blog-web desain situs blogger blogspot.

Widget kode warna adalah fitur yang sering digunakan oleh pemilik blog-web desain untuk mendapatkan warna sesuai keinginan, yang biasanya mereka tempatkan di halaman statis (static page) blog-web desain situs blogger, sehingga pengunjung blog dapat membaca atau melihat kode warna yang sesuai dengan keinginan untuk dipergunakan.

Widget kode warna ini bukan hanya dapat dibuat atau dipajang pada halaman statis (static page) blog-web design,para penulis di internet juga membutuhkan untuk membuat widget kode warna tersebut untuk keperluan menulis di blog-web mereka, entah membuat widget tersebut untuk dilihat oleh publik atau untuk keperluan pribadi.

Widget kode warna ini sering kami temui di beberapa blog-web yang menyediakan "widget kode warna" tersebut pada halaman statis blog-web mereka,ini sangat membantu para blogger blogspot yang masih baru (Pemula) untuk mempelajari membuat warna pada blog-web yang dimiliki.

Kami juga menggunakan cara ini agar dapat menggantikan warna tulisan sesuai keinginan.

Cara membuat widget kode warna ini terbilang sangatlah mudah dan cepat,cukup copy dan tempelkan kode script ke halaman statis (static page) blog-web anda kemudian publikasikan halaman.

Jika anda sering membaca artikel di blog-web ini mungkin sudah paham dengan cara menulis "kode script HTML" pada halaman statis,penarapan code script di halaman statis pada dasarnya sama seperti yang dibaca di blog-web ini dan web-web populer lainnya.

Catatan;
Untuk yang masih baru dapat mempelajari keterangan penerapan yang berada dibawah kode script ini.

Script Widget Kode Warna HTML

<div dir="ltr" style="text-align: left;" trbidi="on">
<div id="flatuimcq">
<ul class="flatui">
<li style="background: #5C97BF;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #5C97BF</span>
</li>
<li style="background: #4B77BE;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #4B77BE</span>
</li>
<li style="background: #1F3A93;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #1F3A93</span>
</li>
<li style="background: #2574A9;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #2574A9</span>
</li>
<li style="background: #67809F;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #67809F</span>
</li>
<li style="background: #34495E;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #34495E</span>
</li>
<li style="background: #3A539B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #3A539B</span>
</li>
<li style="background: #1E8BC3;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #1E8BC3</span>
</li>
<li style="background: #6BB9F0;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #6BB9F0</span>
</li>
<li style="background: #22313F;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #22313F</span>
</li>
<li style="background: #336E7B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #336E7B</span>
</li>
<li style="background: #19B5FE;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #19B5FE</span>
</li>
<li style="background: #89C4F4;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #89C4F4</span>
</li>
<li style="background: #2C3E50;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #2C3E50</span>
</li>
<li style="background: #3498DB;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #3498DB</span>
</li>
<li style="background: #22A7F0;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #22A7F0</span>
</li>
<li style="background: #94E0EE;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #94E0EE</span>
</li>
<li style="background: #52B3D9;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #52B3D9</span>
</li>
<li style="background: #59ABE3;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #59ABE3</span>
</li>
<li style="background: #26A65B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #26A65B</span>
</li>
<li style="background: #1E824C;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #1E824C</span>
</li>
<li style="background: #00B16A;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #00B16A</span>
</li>
<li style="background: #2ABB9B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #2ABB9B</span>
</li>
<li style="background: #4DAF7C;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #4DAF7C</span>
</li>
<li style="background: #03A678;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #03A678</span>
</li>
<li style="background: #26C281;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #26C281</span>
</li>
<li style="background: #019875;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #019875</span>
</li>
<li style="background: #3FC380;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #3FC380</span>
</li>
<li style="background: #16A085;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #16A085</span>
</li>
<li style="background: #2ECC71;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #2ECC71</span>
</li>
<li style="background: #C5EFF7;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #C5EFF7</span>
</li>
<li style="background: #C8F7C5;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #C8F7C5</span>
</li>
<li style="background: #049372;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #049372</span>
</li>
<li style="background: #36D7B7;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #36D7B7</span>
</li>
<li style="background: #66CC99;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #66CC99</span>
</li>
<li style="background: #1BA39C;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #1BA39C</span>
</li>
<li style="background: #1BBC9B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #1BBC9B</span>
</li>
<li style="background: #65C6BB;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #65C6BB</span>
</li>
<li style="background: #BFBFBF;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #BFBFBF</span>
</li>
<li style="background: #ABB7B7;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #ABB7B7</span>
</li>
<li style="background: #DADFE1;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #DADFE1</span>
</li>
<li style="background: #95A5A6;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #95A5A6</span>
</li>
<li style="background: #C5DCE2;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #C5DCE2</span>
</li>
<li style="background: #BDC3C7;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #BDC3C7</span>
</li>
<li style="background: #EEEEEE;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #EEEEEE</span>
</li>
<li style="background: #D2D7D3;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #D2D7D3</span>
</li>
<li style="background: #F0E2C5;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F0E2C5</span>
</li>
<li style="background: #EB9532;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #EB9532</span>
</li>
<li style="background: #E67E22;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #E67E22</span>
</li>
<li style="background: #F27935;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F27935</span>
</li>
<li style="background: #F9BF3B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F9BF3B</span>
</li>
<li style="background: #F7CA18;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F7CA18</span>
</li>
<li style="background: #F9690E;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F9690E</span>
</li>
<li style="background: #F39C12;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F39C12</span>
</li>
<li style="background: #D35400;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #D35400</span>
</li>
<li style="background: #F4D03F;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F4D03F</span>
</li>
<li style="background: #F5AB35;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F5AB35</span>
</li>
<li style="background: #EB974E;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #EB974E</span>
</li>
<li style="background: #F2784B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F2784B</span>
</li>
<li style="background: #F4B350;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F4B350</span>
</li>
<li style="background: #E87E04;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #E87E04</span>
</li>
<li style="background: #E74C3C;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #E74C3C</span>
</li>
<li style="background: #CF000F;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #CF000F</span>
</li>
<li style="background: #C0392B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #C0392B</span>
</li>
<li style="background: #D64541;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #D64541</span>
</li>
<li style="background: #EF4836;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #EF4836</span>
</li>
<li style="background: #96281B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #96281B</span>
</li>
<li style="background: #D91E18;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #D91E18</span>
</li>
<li style="background: #E26A6A;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #E26A6A</span>
</li>
<li style="background: #FF0000;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #FF0000</span>
</li>
<li style="background: #F22613;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F22613</span>
</li>
<li style="background: #E08283;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #E08283</span>
</li>
<li style="background: #9B59B6;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #9B59B6</span>
</li>
<li style="background: #8E44AD;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #8E44AD</span>
</li>
<li style="background: #BE90D4;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #BE90D4</span>
</li>
<li style="background: #BF55EC;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #BF55EC</span>
</li>
<li style="background: #9A12B3;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #9A12B3</span>
</li>
<li style="background: #913D88;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #913D88</span>
</li>
<li style="background: #722D6A;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #722D6A</span>
</li>
<li style="background: #740A4E;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #740A4E</span>
</li>
</ul>
</div>
<style scoped="" type="text/css">
/* Flat UI Color by www.arlindzgn.com update by http://slenasabu.blogspot.com */
#flatuimcq ul.flatui{position:relative;display:table;width:100%;text-align:center;color:#fff;font-size:12px;margin:auto;position:relative;padding:0}
#flatuimcq ul.flatui li{position:relative;display:flex;float:left;width:25%;min-height:160px;padding:4%;list-style:none;background:#444;text-align:center;font-family:inherit;color:rgba(255,255,255,);font-size:1.1rem;margin:auto;font-weight:700;backface-visibility:hidden;transition:all .3s cubic-bezier(1,0.015,0.295,1.225)}
#flatuimcq ul.flatui li:hover{z-index:4}
#flatuimcq ul.flatui li:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:;z-index:1;opacity:0;visibility:hidden;transform:scale(0.4)}
#flatuimcq ul.flatui li:hover:before{opacity:1;visibility:visible;transform:scale(1.0)}
#flatuimcq ul.flatui li:after{content:'Salin kode warna';display:block;position:absolute;padding:10px 0;font-weight:400;font-size:.8rem;left:0;right:0;bottom:0;opacity:0;color:rgba(255,255,255,.5);font-weight:700;visibility:hidden;transform:translate(0,30px);transition:all .3s cubic-bezier(1,0.015,0.295,1.225);transition-delay:.1s}
#flatuimcq ul.flatui li:hover:after{opacity:1;visibility:visible;transform:translate(0,-10px);z-index:1;transition-delay:.8s}
#flatuimcq ul.flatui li .kodebesar{width:100%;padding:0;display:block;float:none;margin:auto;clear:both;z-index:3}
#flatuimcq ul.flatui li .kodekecil{width:100%;padding:0;display:block;float:none;margin:0 auto 10px auto;font-weight:400;font-size:.8rem;clear:both;z-index:3}
</style>
</div>

Live priview

Setelah anda melakukan live Priview dan anda ingin menerapkan script widget kode warna di atas, pastikan terlebih dahulu apakah anda sudah memiliki salinan/copy kode script tersebut dan anda sudah berada pada dasbor situs blogger.

Cara membuat widget kode warna pada halaman statis (static page) blog-web.

• Copy script kode warna di atas dan tempelkan di halaman statis (static page) blog-web.
1. Sentuh atau menemukannya fitur laman, yang berada di samping kiri daftar fitur.
2. Tab baru yang terbuka sentuh atau menemukannya laman baru.
3. Selanjutnya,di dalam dasbor edit laman.sentuh mode menulis ke "HTML" yang berada di pojok kiri atas area menulis.
4. Sentuh dan tahan pada area menulis,kemudian tempelkan kode script yang telah anda buat salinan pada clipboard perangkat anda.
5. Lengkapi judul laman, kemudian sentuh ikon roda gigi yang berada di samping kanan area menulis.
6. Di dalam tab yang terbuka pilih komentar pembaca "jangan bolehkan sembunyikan yang ada", lalu pilih mode tulis "Tekan enter untuk baris baru". kemudian dilanjutkan dengan sentuh selesai.
7. Berikutnya Sentuh tombol oranye "publikasi". setelah selesai di tahab ini, script kode warna sudah terpasang di blog-web anda.

Untuk memastikan script widget code warna sudah terpasang dengan benar,anda dapat melakukan pratinjau melalui dasbor halaman, sentuh fitur "lihat" yang berada di bawah judul halaman.

Dengan mengikuti tutorial di atas dengan benar, maka "halaman statis" yang berisi script widget kode warna belum dapat di lihat oleh pengunjung blog-web anda,ini hanya dapat dilihat oleh anda sendiri.

Jika anda ingin halaman statis tersebut dilihat oleh pengunjung anda dapat membaca "cara membuat halaman statis (static page)
di homepage blog-web situs blogger blogspot di bawah ini.

Cara menampilkan widget kode warna di homepage atau halaman utama (beranda) blog-web blogger.

• Untuk dapat menampilkan halaman statis widget kode warna di homepage blog-web,anda harus copy dan tempelkan alamat (url) halaman statis widget kode warna melalui fitur tata letak.
1. Dari dasbor laman, sentuh fitur "lihat"yang berada di bawah judul halaman statis widget kode warna.
2. Di dalam tab baru yang terbuka, salin/copy alamat url yang berada pada mesin pencari Google crome.
3. Selanjutnya kembali dari dasbor blogger, sentuh "tata letak" kemudian tambahkan gadget.
4. Cari atau menemukannya fitur laman, lalu sentuh pada ikon tambah yang berada di samping kanan fitur tersebut.
5. Di dalam tab baru yang terbuka, sentuh atau menemukannya fitur "tambahan tautan eksternal". lengkapi judul tautan,sentuh dan tahan pada area menulis alamat (url) lalu tempelkan.
6. Selanjutnya Sentuh pada tombol oranye "simpan tautan"dan dilanjutkan dengan menyentuh tombol oranye"selesai"yang berada di dasar formulir tambahkan laman. dengan menyelesaikan tahap ini, halaman statis widget kode warna sudah dapat di lihat oleh siapapun yang mengunjungi blog-web anda.

Untuk memastikan apakah script widget kode warna telah terpasang dengan baik, anda dapat melakukan pratinjau melalui homepage blog-web anda, dan apabila hasilnya sesuai dengan live Priview di atas, maka kami ucapkan selamat, karena anda telah berhasil mengikuti tutorial tentang "cara membuat widget kode warna di halaman statis (static page) blog-web blogspot".

Demikian artikel yang dapat kami sampaikan, jika ada kesempatan kami akan melakukan update artikel, dan publikasikan kembali disini.

Semoga artikel ini bermanfaat bagi anda.