Archive for 2016

cara menambahkan jam

Sunday, May 22, 2016
Posted by Muhammad burhanuddin
1. jam digital tombol hias

Ini adalah jam digital pertama dengan gaya islami dari situs ini. Jamjuga menampilkan tanggal dan ornamen animasi... disedot ja scriptnya...!!!!

Islamic Digital Clock Widget, Ornamental Button

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMTA*NTY2ODY1ODkmcHQ9MTMxMDQ1Njc4MjIyNCZwPTIzODk4MSZkPUlzbGFtaWMlMjBDbG9jayUzYSUyMGRpZ2l*/YWwtY2xvY2stb3JuYW1lbnQtYnV*dG9uLTAxJmc9MSZvPWRlNjFlZTQwNmQ4ZDRmOWI5OTk1OWVmYWNkMGJlZWMyJm9mPTA=.gif" /><div style="margin:0px auto;text-align:center;width:175px;height:100px;"><embed src="http://www.widgipedia.com/widgets/alhabib/Digital-Clock-Islamic-Ornamental-Button-3409-8192_134217728.widget?__install_id=1310456504829&amp;__view=expanded" width="175" height="100" flashvars="&col1=b7c628&col2=000000&col3=eeffcc&tzoffset=false&gig_lt=1310456686589&gig_pt=1310456782224&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></div>

2. script jam masjid Silhouette

Islamic Digital Clock Widget, Mosque Silhouette

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMTA*NTY2OTAxODkmcHQ9MTMxMDQ1NjkyODk1MyZwPTIzODk4MSZkPUlzbGFtaWMlMjBDbG9jayUzYSUyMGRpZ2l*/YWwtY2xvY2stbW9zcXVlLXNpbGhvdWV*dGUtMDEmZz*xJm89ZGU2MWVlNDA2ZDhkNGY5Yjk5OTU5ZWZhY2QwYmVlYzImb2Y9MA==.gif" /><div style="margin:0px auto;text-align:center;width:150px;height:150px;"><embed src="http://www.widgipedia.com/widgets/alhabib/Digital-Clock-Mosque-Silhouette-3444-8192_134217728.widget?__install_id=1310456509993&amp;__view=expanded" width="150" height="150" flashvars="&col1=b7c628&col3=eeffcc&tzoffset=false&gig_lt=1310456690189&gig_pt=1310456928953&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></div>

3. bendera palestina

Jam ini menampilkan bendera Palestina. Menunjukkan dukungan Anda dengan jam disesuaikan.

Islamic Web Clock Widget, Support Palestine Badge

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMTA*NTcxMDQ3ODAmcHQ9MTMxMDQ1NzEzMzM*MiZwPTIzODk4MSZkPUlzbGFtaWMlMjBDbG9jayUzYSUyMHBhbGVz/dGluZTAxJmc9MSZvPWRlNjFlZTQwNmQ4ZDRmOWI5OTk1OWVmYWNkMGJlZWMyJm9mPTA=.gif" /><div style="margin:0px auto;text-align:center;width:160px;height:180px;"><embed src="http://www.widgipedia.com/widgets/alhabib/Support-Palestine-Clock-3190-8192_134217728.widget?__install_id=1310456987528&amp;__view=expanded" width="160" height="180" flashvars="&col1=006633&col3=000000&yourtext=Free+Palestine!&tzoffset=false&gig_lt=1310457104780&gig_pt=1310457133342&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></div>

4. Palestina Dome of the Rock

Islamic Web Clock Widget, Support Palestine Badge

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMTA*NTcxMDg4OTEmcHQ9MTMxMDQ1NzI1MzcyNCZwPTIzODk4MSZkPUlzbGFtaWMlMjBDbG9jayUzYSUyMHBhbGVz/dGluZTAyJmc9MSZvPWRlNjFlZTQwNmQ4ZDRmOWI5OTk1OWVmYWNkMGJlZWMyJm9mPTA=.gif" /><div style="margin:0px auto;text-align:center;width:160px;height:180px;"><embed src="http://www.widgipedia.com/widgets/alhabib/Support-Pelestine-Clock---Dome-3192-8192_134217728.widget?__install_id=1310456988085&amp;__view=expanded" width="160" height="180" flashvars="&col1=006633&col3=000000&yourtext=Support+Palestine!&tzoffset=false&gig_lt=1310457108891&gig_pt=1310457253724&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></div>

5. cinta palestina

Islamic Web Clock Widget, Support Palestine Badge

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMTA*NTcxMTMwMTAmcHQ9MTMxMDQ1NzMxNjA5NSZwPTIzODk4MSZkPUlzbGFtaWMlMjBDbG9jayUzYSUyMHBhbGVz/dGluZTAzJmc9MSZvPWRlNjFlZTQwNmQ4ZDRmOWI5OTk1OWVmYWNkMGJlZWMyJm9mPTA=.gif" /><div style="margin:0px auto;text-align:center;width:160px;height:160px;"><embed src="http://www.widgipedia.com/widgets/alhabib/Love-Palestine-Clock-3193-8192_134217728.widget?__install_id=1310456993141&amp;__view=expanded" width="160" height="160" flashvars="&col1=000000&col3=eeffcc&tzoffset=false&gig_lt=1310457113010&gig_pt=1310457316095&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></div>

1. tampilan jam bertulisan allah swt, nabi muhammad saw, bismillah

a. script jam bertulisan allah swt


Preview


<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMTA*NTQ1MzQ5MDQmcHQ9MTMxMDQ1NDU*ODExOSZwPTIzODk4MSZkPUlzbGFtaWMlMjBDbG9jayUzYSUyMGFsbGFo/MDEmZz*xJm89ZGU2MWVlNDA2ZDhkNGY5Yjk5OTU5ZWZhY2QwYmVlYzImb2Y9MA==.gif" /><div style="margin:0px auto;text-align:center;width:160px;height:160px;"><embed src="http://www.widgipedia.com/widgets/alhabib/Islamic-Clock---Allah---Analog-2619-8192_134217728.widget?__install_id=1310454117514&amp;__view=expanded" width="160" height="160" flashvars="&col1=ffcc33&col2=ff33ff&col3=eeffcc&bgo=true&tzoffset=false&gig_lt=1310454534904&gig_pt=1310454548119&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></div>

b. script jam bertulisan nabi muhammad saw




<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMTA*NTQ1Mzg3MTImcHQ9MTMxMDQ1NDcwNzk2NiZwPTIzODk4MSZkPUlzbGFtaWMlMjBDbG9jayUzYSUyMG11aGFt/bWFkMDEmZz*xJm89ZGU2MWVlNDA2ZDhkNGY5Yjk5OTU5ZWZhY2QwYmVlYzImb2Y9MA==.gif" /><div style="margin:0px auto;text-align:center;width:160px;height:160px;"><embed src="http://www.widgipedia.com/widgets/alhabib/Muhammad-Islamic-Clock---Analog-2630-8192_134217728.widget?__install_id=1310454131071&amp;__view=expanded" width="160" height="160" flashvars="&col1=ffcc33&col2=ff33ff&col3=eeffcc&bgo=true&gig_lt=1310454538712&gig_pt=1310454707966&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></div>

3. script jam bertulisan bismillah


Preview


<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMTA*NTQ1NDI4MDQmcHQ9MTMxMDQ1NDc2NjgzOCZwPTIzODk4MSZkPUlzbGFtaWMlMjBDbG9jayUzYSUyMGJpc21p/bGxhaDAxJmc9MSZvPWRlNjFlZTQwNmQ4ZDRmOWI5OTk1OWVmYWNkMGJlZWMyJm9mPTA=.gif" /><div style="margin:0px auto;text-align:center;width:160px;height:160px;"><embed src="http://www.widgipedia.com/widgets/alhabib/Bismillah-Islamic-Clock---Analog-2631-8192_134217728.widget?__install_id=1310454137624&amp;__view=expanded" width="160" height="160" flashvars="&col1=ffcc33&col2=ff33ff&col3=eeffcc&bgo=true&tzoffset=false&gig_lt=1310454542804&gig_pt=1310454766838&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></div>

4. script octagonal ornament

Islamic Web Clock Widget, Octagonal Ornament

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMTA*NTUwMzYyMzgmcHQ9MTMxMDQ1NTA4MjI2MiZwPTIzODk4MSZkPUlzbGFtaWMlMjBDbG9jayUzYSUyMG9jdGFn/b24wMSZnPTEmbz1kZTYxZWU*MDZkOGQ*ZjliOTk5NTllZmFjZDBiZWVjMiZvZj*w.gif" /><div style="margin:0px auto;text-align:center;width:160px;height:160px;"><embed src="http://www.widgipedia.com/widgets/alhabib/Islamic-Clock---Islamic-Octagon---Analog-2629-8192_134217728.widget?__install_id=1310454151550&amp;__view=expanded" width="160" height="160" flashvars="&col1=ffcc33&col2=ff33ff&col3=eeffcc&bgo=true&gig_lt=1310455036238&gig_pt=1310455082262&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></div>

5. script jam bertulisan allah dan muhammad

 Islamic Web Clock Widget, Allah and Muhammad

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMTA*NTUxODAzNTUmcHQ9MTMxMDQ1NTMyNjM5MiZwPTIzODk4MSZkPUlzbGFtaWMlMjBDbG9jayUzYSUyMGFsbGFo/bXVoMDEmZz*xJm89ZGU2MWVlNDA2ZDhkNGY5Yjk5OTU5ZWZhY2QwYmVlYzImb2Y9MA==.gif" /><div style="margin:0px auto;text-align:center;width:160px;height:160px;"><embed src="http://www.widgipedia.com/widgets/alhabib/Islamic-Clock---Allah-Muhammad---Analog-2612-8192_134217728.widget?__install_id=1310455151920&amp;__view=expanded" width="160" height="160" flashvars="&col1=99ff33&col2=ffcc33&col3=eeffcc&tzoffset=false&gig_lt=1310455180355&gig_pt=1310455326392&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></div>

6.  script jam bertulisan allah versi 2

Islamic Web Clock Widget, Octagonal Ornament

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMTA*NTUxODUwMTQmcHQ9MTMxMDQ1NTUwMjczMyZwPTIzODk4MSZkPUlzbGFtaWMlMjBDbG9jayUzYSUyMHNxdWFy/ZWRlY28wMSZnPTEmbz1kZTYxZWU*MDZkOGQ*ZjliOTk5NTllZmFjZDBiZWVjMiZvZj*w.gif" /><div style="margin:0px auto;text-align:center;width:160px;height:160px;"><embed src="http://www.widgipedia.com/widgets/alhabib/Allah-Decoration---Islamic-Clock-2877-8192_134217728.widget?__install_id=1310455161829&amp;__view=expanded" width="160" height="160" flashvars="&col1=ffff00&col2=ffcc33&col3=eeffcc&tzoffset=false&gig_lt=1310455185014&gig_pt=1310455502733&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></div>

7. jscript jam bertulisan muhammad versi 2


Preview



<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMTA*NTUxODkxOTgmcHQ9MTMxMDQ1NTYxMDA*NiZwPTIzODk4MSZkPUlzbGFtaWMlMjBDbG9jayUzYSUyMHNxdWFy/ZWRlY28wMiZnPTEmbz1kZTYxZWU*MDZkOGQ*ZjliOTk5NTllZmFjZDBiZWVjMiZvZj*w.gif" /><div style="margin:0px auto;text-align:center;width:160px;height:160px;"><embed src="http://www.widgipedia.com/widgets/alhabib/Muhammad-Decoration---Islamic-Clock-2878-8192_134217728.widget?__install_id=1310455162828&amp;__view=expanded" width="160" height="160" flashvars="&col1=ffff00&col2=33ff33&col3=eeffcc&tzoffset=false&gig_lt=1310455189198&gig_pt=1310455610046&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></div>

8. script jam bertulisan bismillah versi 2

Preview


<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMTA*NTUxOTI5NzgmcHQ9MTMxMDQ1NTk5NTM1NyZwPTIzODk4MSZkPUlzbGFtaWMlMjBDbG9jayUzYSUyMHNxdWFy/ZWRlY28wMyZnPTEmbz1kZTYxZWU*MDZkOGQ*ZjliOTk5NTllZmFjZDBiZWVjMiZvZj*w.gif" /><div style="margin:0px auto;text-align:center;width:160px;height:160px;"><embed src="http://www.widgipedia.com/widgets/alhabib/Bismillah-Decoration---Islamic-Clock-2879-8192_134217728.widget?__install_id=1310455162605&amp;__view=expanded" width="160" height="160" flashvars="&col1=ffff00&col2=ff6600&col3=eeffcc&tzoffset=false&gig_lt=1310455192978&gig_pt=1310455995357&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></div>
lansung ja disedot,,, jangan lupa comentnya ya ...!!

eits,,,caranya tau kan? 


1. Login ke Blog dengan akun kamu
2. Pilih Tata Letak atau Rancangan
3. Pilih Elemen Laman
4. Klik Add Gadget --> HTML/Java Script
5.di save deh,,,trus jadi deh,,,heheheh
 - Cara Membuat Menu Tab Multi Widget Di Blog
. Setelah cukup lama tidak update postingan, kali ini saya akan kembali memberikan tips dan trik tentang tutorial blog yang berhubungan dengan widget. Karena kemarin ada pesan yang masuk kedalam contact us blog ini, yang menanyakan tentang cara membuat menu tab view seperti blog kucopas ini, maka sekarang saya akan share tips dan triknya untuk sobat semua.

Mungkin bagi para master blogger cara ini sudah sangat kuno alias sudah di kenal sejak lama, oleh karena itu mohon di benarkan bila ada kesalahan dalam memberikan tips dan trik. Sebab cara ini saya peruntukkan bagi para blogger pemula seperti saya ini yang masih newbie.

Agar selalu ingat dan tidak kehilangan cara untuk menerapkannya ke dalam blog saya di lain waktu, maka saya sengaja membuat catatan posting ini untuk saya share, Siapa tahu para sobat juga ingin menerapkannya kedalam blog kesayangannya. Pada artikel sebelumnya yang sudah saya share adalah tentang Cara Mengatasi Widget Alexa Rank No Data, silahkan dibaca jika sobat juga mengalami hal yang sama seperti yang pernah saya alami di blog ini.

Fungsi membuat Menu Tab Multi Widget di blog ini terbukti bisa membuat tampilan widget blog menjadi simpel dan tidak amburadul atau acak-acakan. Karena dengan membuat menu tab multi widget di blog, maka widget akan menjadi satu tampilan atau memiliki efek show hidden widget. Intinya adalah dapat menghemat tempat dalam blog, sebab menu tab multi widget ini dapat berisi banyak widget. Tentunya hal ini sangat berguna sekali bagi blogger yang mengutamakan kerapian, apalagi blog yang banyak sekali memasang widget.

Agar sobat tidak penasaran tentang tampilan menu tab multi widget di blog ini seperti apa, sobat bisa langsung melihat contoh dan efeknya pada widget followers blog KUCOPAS ini. Lihat gambar screenhot berikut.

Cara Membuat Menu Tab Multi Widget Di Blog

Sedikit penjelasan untuk sobat tentang Menu Tab Multi Widget ini tampilannya sekilas hampir sama dengan menu tab view tanpa edit HTML, namun perbedaannya adalah cara penerapannya yang sangat simpel dan mudah untuk di lakukan oleh para blogger pemula seperti saya ini, oleh sebab itu cara ini juga di sebut dengan Simple Tab View JQuery. Karena sifatnya menu tab multi widget ini akan secara otomatis membuat widget menjadi multi tab atau show hidden widget.

Untuk Cara Membuat Menu Tab Multi Widget Di Blog, caranya sangat mudah. silahkan sobat mengikuti langkah-langkahnya dengan teliti dan benar seperti berikut di bawah ini:

1. Langkah yang pertama, silahkan sobat >> Login atau Masuk ke >> Blogger.com menggunakan akun sobat.

2. Pada Dasbor tampilan blogger baru, pilih menu >> Template >> Edit HTML.

3. Silahkan sobat cari kode </head> (Gunakan CTRL+F untuk mempermudah pencarian). Jika sudah ketemu, sekarang sobat tambahkan kode warna Merah berikut tepat di atas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

4. Simpan Template.

Catatan:
  • Jika dalam template sobat sudah ada kode warna Merah diatas, maka sobat tidak perlu menambahkan lagi kedalam template blog sobat. Karena efeknya Menu Tab Multi Widget tidak bisa berfungsi dengan baik bahkan bisa menjadi eror.
  • Setelah kode di atas tersimpan di dalam template blog, sekarang kita menuju ke penerapan kode CSS-nya ke dalam widget blog sobat. Silahkan sobat perhatikan baik-baik trik berikut.
5. Kembali ke "Dashboard" blog, pilih menu >> Tata Letak >> Tambah Gadget >> HTML/JavaScript.
Masukkan semua kode CSS warna Biru di bawah ini kedalam kotak HTML/JavaScript.

<style type="text/css"> .blogtabs {padding: 0px !important;border: 0 solid #bbb;} .blogtabs h2 {float: left;margin: 0 2px 4px 0;font-size: 13px;color:white;padding: 3px 5px;border: 1px solid #bbb;overflow: hidden;position: relative;background: green;cursor:pointer;} html .blogtabs h2.active {background: #fff;color:green;} .blogtabs .widget-content {border: 1px solid #bbb;padding: 0px;background: #fff;clear:both;margin:0;} .btab, #showtabs {display:none;} </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script> <script type="text/javascript" src="http://kucopas-js.googlecode.com/files/SimpleTabViewJQuery.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#showtabs').simpleBlogTab ({organictabs: 4}); }); </script> <div id="showtabs"></div>

6. Simpan Gadget.

Agar widgetnya dapat menyatu dan menjadi multi tab widget, maka cara penerapan widget di blog harus tersusun seperti gambar screenshot berikut di bawah ini.

Cara Membuat Menu Tab Multi Widget Di Blog

Keterangan:
  • color:white adalah warna relatif judul menu tab multi widget.
  • background: green adalah warna background relatif menu tab multi widget.
  • color:green adalah warna aktif judul menu tab multi widget saat di klik.
  • background: #fff adalah warna background aktif menu tab multi widget saat di klik.
  • organictabs: 4 adalah banyaknya jumlah widget yang akan menjadi multi tab widget. Silahkan sobat ganti nilainya sesuai dengan jumlah widget yang ingin sobat jadikan multi tab widget.
Untuk mengetahui kode warna HTML, sobat bisa melihatnya pada artikel Daftar Kode Warna HTML.

Demikian tips dan trik tutorial blog yang mengulas tentang Cara Membuat Menu Tab Multi Widget Di Blog, jika ada kekurangan dan pertanyaan yang berhubungan dengan trik ini, silahkan sobat berkomentar dalam form komentar yang tersedia. Semoga artikel yang saya share ini bisa sangat bermanfaat bagi sobat KUCOPAS semua.

Cara Mengatasi Loading Lama Pada Blog

Posted by Muhammad burhanuddin


 - Cara Mengatasi Loading Lama Pada Blog. Mungkin sobat pernah menjumpai saat membuka blog atau situs web yang sangat lama sekali terbuka sepenuhnya pada halaman tersebut saat di akses. Sehingga sobat pun jadi malas sekali untuk menunggu terbuka sepenuhnya pada blog atau situs web tersebut, karena akan bayak sekali waktu yang terbuang sia-sia.

Jika hal itu terjadi pada blog sobat, apa jadinya? Kemungkinan besar blog sobat akan di tinggalkan oleh para visitor atau pengunjung yang sudah menjadi langganan untuk membaca artikel posting blog sobat. Sehingga blog sobat akan jadi sepi dari visitor atau pengunjung. Padahal tujuan utama sobat membuat blog adalah agar banyak visitor atau pengunjung pada blog sobat. Kalau blog sobat sepi pengunjung, maka sobat jadi rugi sendiri, karena sudah susah payah membuat blog dan mengurusnya.

Untuk itulah kali ini saya akan memberikan tips dan trik agar blog sobat sangat cepat dan ringan loadingnya saat di buka atau di akses oleh para visitor atau pengunjung. Meski dalam halaman blog banyak sekali widget-widget dan juga foto atau gambar yang di tampilkan, namun dengan trik ini blog sobat akan bisa menjadi ringan sekali loadingnya.

Tips cara cepat mengatasi loading lama pada blog dengan kode Script LazyLoad, dengan cara ini terbukti membantu blog KUCOPAS ini menjadi loadingnya sangat cepat saat di buka dan di akses para visitor atau pengunjung blog ini.

Cara Mengatasi Loading Lama Pada Blog

Jika sobat berminat untuk memasang script LazyLoad pada blog sobat, agar blog sobat jadi ringan loadingya saat di buka atau di akses para visitor atau pengunjung. Saya akan memberikan scriptnya secara gratis dan tidak perlu membayar sepeser pun. Karena saya juga ingin berbagi untuk sobat blogger semua, khususnya sobat KUCOPAS. hehehe...

Cara Mengatasi Loading Lama Pada Blog

Cara mengatasi loading lama pada blog, Agar blog menjadi loading cepat dan ringan saat di buka atau di akses para visitor atau pengunjung. Adapun langkah-langkahnya silahkan sobat ikuti dengan teliti dan simak baik-baik tips dan triknya di bawah ini.

Cara Memasang Kode Script LazyLoad Pada Blog

1. Langkah pertama, silahkan sobat >> Masuk atau Login ke Blogger.com menggunakan akun sobat.

2. Setelah masuk, pilih blog sobat yang ingin di pasangi script LazyLoad ini.

3. Pada Dasbor tampilan blogger baru, pilih dan klik Menu >> Template >> Edit HTML.

4. Kemudian cari kode </head> (Gunakan CTRL+F untuk mempermudah pencarian).

5. Setelah ketemu, silahkan sobat tambahkan kode berikut tepat diatas kode </head>
<script charset='utf-8' src='%3Cspan%20style=%22color:%20black;%22%3Ehttp://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js%3C/span%3E' type='text/javascript'>
 <script src='http://kucopas-js.googlecode.com/files/LazyLoad.js' type='text/javascript'/> <script charset='utf-8' type='text/javascript'> $(function() {
$(&quot;img&quot;) .lazyload({placeholder  :
&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdt6PIFh914nDvzUMKQ3_46cPYBXVoKrDMjFVJY0tentZQsnwKO4AN9bfuPlwXlG25SXMRpaNAhNmegtVGpcSz8wwRrpZM69dT_P-qTdhR-dL-lUT45_BqbkOZ3e3glBZManFx__z47Os/&quot;,threshold
  : 200}); }); </script> </script>

6. Sebelum di simpan, ada baiknya sobat klik >> Preview atau Pratinjau terlebih dahulu, demi untuk menghindari kesalahan saat Edit HTML Template blog sobat.

7. Jika hasil Pratinjau atau Preview tidak mengalami eror pada blog sobat, silahkan sobat klik >> Simpan Template.

8. Selesai dan lihat hasilnya pada halaman blog sobat sudah dapat dipastikan loadingnya sangat ringan saat di buka atau di akses oleh para pengunjung.

Semoga tips dan trik blog yang saya share kali ini tentang Cara Mengatasi Loading Lama Pada Blog, bisa sangat bermanfaat bagi sobat KUCOPAS semua yang mengalami loading berat pada blog saat di akses atau di buka. Selamat berkarya...

Cara membuat Buku tamu

Wednesday, May 18, 2016
Posted by Muhammad burhanuddin
Cara Membuat Buku Tamu Keren di Blog

Cara Membuat Buku Tamu Keren di Blog - Bagi anda para blogger pastinya menginginkan buku tamu bukan? Apakah anda tertarik dengan buku tamu di blog saya? Jika iya maka saya akan share cara membuat buku tamu keren di blog.

1. Anda silahkan daftar dulu di cbox untuk mendapatkan script buku tamu anda disini

2. Isi data tersebut dengan benar

Cara Membuat Buku Tamu Keren di Blog
3. Setelah kalian isi datanya, jangan lupa centang "i have read and...." lalu klik "create my cbox!"

4. Masuklah ke akun email anda untuk memverifikasi akun cbox anda

5. Klik tautan dari cbox yang ada di kotak masuk yahoo anda

6. Kini akun cbox anda aktif. Sekarang coba kalian cari script cbox anda atau lewat sini

7. Nah copy ke notepad script diantara tulisan
<!-- BEGIN CBOX - www.cbox.ws - v001 --> dan <!-- END CBOX -->

Text "begin.." dan "end.." tidak usah dicopy, cukup copy script yang ada diantara "begin..." dan "end.." saja.

8. Selanjutnya masuk ke blogger anda -> tata letak -> tambah gadget -> html/javascript

9. Masukkan script berikut

<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD4PMaAt1a91wDRjsCiyhqQJglXEa910O2jPLXyoQhZMf167UpZIGl64GV27DCs0MxNdLcAbpobbgi3HtM-N5OJA-fDRHm59PbZxOqYOWRF7wQ30ksB7AUZZKrDfRHuC6f7f62NhHIgkNh/s1600/buku+tamu.png') no-repeat; } .gbcontent{ float:left; border:1px solid #B3B3B3; background:#E6E6E6; padding:5px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> script cbox kamu <br/>Mau buat buku tamu ini ?<br/>Klik <a href="http://ramadhanlmzero.blogspot.com/2012/12/cara-membuat-buku-tamu-keren-di-blog.html"target="_blank"> di sini </a> <div style="text-align:right"> <a href="javascript:showHideGB()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>

10. Edit text yang berwarna merah dengan script cbox anda yang sebelumnya sudah disimpan notepad

11. Anda juga bisa mengedit text yang berwarna oranye dengan url gambar yang lain

Contoh:

Cara Membuat Buku Tamu Keren di Blog


http://i1089.photobucket.com/albums/i353/illankjie/bukutamu3.png



Cara Membuat Buku Tamu Keren di Blog


http://i1089.photobucket.com/albums/i353/illankjie/bukutamu5-2.png




Cara Membuat Buku Tamu Keren di Blog


http://i1089.photobucket.com/albums/i353/illankjie/bukutamu9-2.png



Cara Membuat Buku Tamu Keren di Blog


http://i1089.photobucket.com/albums/i353/illankjie/BukuTamu8-1.png




Cara Membuat Buku Tamu Keren di Blog



http://i1089.photobucket.com/albums/i353/illankjie/gustbook02-1.png






12. Klik "simpan"

Selesai. Kini anda sudah memiliki buku tamu seperti saya ^_^

Cara memasang widged pada blog

Posted by Muhammad burhanuddin
Widget adalah alat atau fitur tambahan yang disediakan oleh blogger selain konten postingan untuk memudahkan kita di dalam navigasi blog atau keterangan yang ada pada blog itu sendiri sehingga pengunjung blog dapat lebih mudah mengerti dan mengenali isi dari blog kita.
Postingan ini merupakan panduan cara menambah dan memasang widget di blog untuk kalian yang belum atau ingin mengetahui bagaimana cara memasukan/menambah maupun menghapus widget di blog. Caranya sangat mudah dan praktis serta sangat mudah dimengerti.
Ada banyak widget yang disediakan oleh blogger maupun dari luar blogger dengan berbagai macam fitur dan kegunaannya. Kalian tinggal memilih sesuka hati sesuai dengan kebutuhan yang ingin ditambahkan pada blog kalian.
Berikut tahapan-tahapan caranya.
1. Login ke dalam Blogger.com

2. Pada dashboard pilih blog dari daftar blog yang kalian punya.

3. Kemudian di sebelah kolom kiri halaman pilih "Layout" atau "Tata Letak".




4. Muncul halaman layout blog kalian dan pilih "Tambahkan Gadget"  di bagian mana saja yang kalian suka.

5. Pada jendela baru yang keluar, muncul daftar berbagai macam widget yang dapat kalian tambakan ke blog kalian.

6. Contoh, kita memilih widget "Daftar Blog" kemudian selanjutnya kita mensetting bagaimana dan isi dari daftar blog itu. Klik "Simpan".


Cara Menambah Widget Di Blog




Cara Menambah Widget Di Blog


7. Kita bebas menaruh widget yang kita buat tadi dimana saja kita suka. Contoh, kita pasang widget itu di bagian footer maka kita tinggal drag dan kemudian drop pada bagian paling bawah.

8. Setelah itu, klik "simpan setelan" dan lihat hasilnya dengan klik "Lihat Blog" di bagian atas.



9. Maka tampilan baru blog kita otomatis akan terlihat widget yang baru kita tambahkan yaitu "Daftar Blog" di halaman bagian paling bawah.
Ok, semoga penjelasan Cara Menambah dan Memasang Widget Di Blog dapat dimengerti dan semoga dapat membantu pada kegiatan blog-blogan atau blogging kita.

cara mengganti cursor

Posted by Muhammad burhanuddin
Mengganti Kursor Blog dan berbagai aneka kursos dengan gambar Animasi Keren.bisa dilakukan dengan gambar sendiri dan karya penampilan sendiri, jika merasa punya tingkat daya seni yang menarik, lebih baik untuk membuat icon cursor sendiri, tentu itu adalah hal yang sangat gambang, baiklah jika merasa tertarik untuk hanya mencoba coba, coba lihat dulu yang satu ini Klik DEMO.


Oke langsug saja,, hehe
- Masuk Ke Blogger - Pilih Template - Edit HTML
- Dan Cari Code </head>
- Pilih kursor sesuai keinginanmu dibawah ini dan Paste code-nya tepart diatas code </head>
Cursor 1
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/horse-ani1.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQxuRroxxraNQpbW2kaPkVCkG4QgaJa9VyojQ3HxMLvxJHlb2V971JSqIIZULqyhWduruy8qNU_rE3bfxKsPcvQPkFJprk_F7HW4i2xomiDWv8l3D52-OKDVzCKKQatQxDRF9bpr7iUA/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 2
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/Heart.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQxuRroxxraNQpbW2kaPkVCkG4QgaJa9VyojQ3HxMLvxJHlb2V971JSqIIZULqyhWduruy8qNU_rE3bfxKsPcvQPkFJprk_F7HW4i2xomiDWv8l3D52-OKDVzCKKQatQxDRF9bpr7iUA/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>
 Cursor 3
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/Halloween_2.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQxuRroxxraNQpbW2kaPkVCkG4QgaJa9VyojQ3HxMLvxJHlb2V971JSqIIZULqyhWduruy8qNU_rE3bfxKsPcvQPkFJprk_F7HW4i2xomiDWv8l3D52-OKDVzCKKQatQxDRF9bpr7iUA/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 4
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/Fly_2.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQxuRroxxraNQpbW2kaPkVCkG4QgaJa9VyojQ3HxMLvxJHlb2V971JSqIIZULqyhWduruy8qNU_rE3bfxKsPcvQPkFJprk_F7HW4i2xomiDWv8l3D52-OKDVzCKKQatQxDRF9bpr7iUA/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 5
 <style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/aliendance.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQxuRroxxraNQpbW2kaPkVCkG4QgaJa9VyojQ3HxMLvxJHlb2V971JSqIIZULqyhWduruy8qNU_rE3bfxKsPcvQPkFJprk_F7HW4i2xomiDWv8l3D52-OKDVzCKKQatQxDRF9bpr7iUA/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 6
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/apple-tmani.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQxuRroxxraNQpbW2kaPkVCkG4QgaJa9VyojQ3HxMLvxJHlb2V971JSqIIZULqyhWduruy8qNU_rE3bfxKsPcvQPkFJprk_F7HW4i2xomiDWv8l3D52-OKDVzCKKQatQxDRF9bpr7iUA/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 7
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/bounce.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQxuRroxxraNQpbW2kaPkVCkG4QgaJa9VyojQ3HxMLvxJHlb2V971JSqIIZULqyhWduruy8qNU_rE3bfxKsPcvQPkFJprk_F7HW4i2xomiDWv8l3D52-OKDVzCKKQatQxDRF9bpr7iUA/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 8
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/tail2.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQxuRroxxraNQpbW2kaPkVCkG4QgaJa9VyojQ3HxMLvxJHlb2V971JSqIIZULqyhWduruy8qNU_rE3bfxKsPcvQPkFJprk_F7HW4i2xomiDWv8l3D52-OKDVzCKKQatQxDRF9bpr7iUA/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 9
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/bluemultiglit.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQxuRroxxraNQpbW2kaPkVCkG4QgaJa9VyojQ3HxMLvxJHlb2V971JSqIIZULqyhWduruy8qNU_rE3bfxKsPcvQPkFJprk_F7HW4i2xomiDWv8l3D52-OKDVzCKKQatQxDRF9bpr7iUA/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a> 
Cursor 10

<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/Arrow_02.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQxuRroxxraNQpbW2kaPkVCkG4QgaJa9VyojQ3HxMLvxJHlb2V971JSqIIZULqyhWduruy8qNU_rE3bfxKsPcvQPkFJprk_F7HW4i2xomiDWv8l3D52-OKDVzCKKQatQxDRF9bpr7iUA/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 11
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1058.ani), url(http://cur.cursors-4u.net/cursors/cur-11/cur1058.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2012/03/03/blue-fire-pointer.html" target="_blank" title="Blue Fire Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Blue Fire Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 12

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-10/cur949.ani), url(http://cur.cursors-4u.net/cursors/cur-10/cur949.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/26/batman-begins-help-select.html" target="_blank" title="Batman Begins - Help Select"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Batman Begins - Help Select" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor 13
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-3/cur201.ani), url(http://cur.cursors-4u.net/cursors/cur-3/cur201.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2009/04/22/shiny-flashy-green-matrix.html" target="_blank" title="Shiny Flashy Green Matrix"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Shiny Flashy Green Matrix" style="position:absolute; top: 0px; right: 0px;" /></a>

Cara membuat blog sederhana

Posted by Muhammad burhanuddin
Memiliki sebuah blog adalah hal yang menyenangkan karena kita dapat berbagi apapun yang kita suka, dan kalau kita serius dalam merawat blog, kita juga bisa mendapatkan penghasilan yang layak dari blog kita.
Di web tutorial ini, nyekrip telah berbagi tentang cara membuat web dengan html 5 yang juga dapat kita gunakan sebagai langkah belajar dalam membuat dan mendesain halaman web atau blog dan salah satu favorit saya adalah menciptakan blog pada domain sendiri dan hosting melalui WordPress seperti yang sudah diterapkan pada blog nyekrip ini.
Banyak tutorial yang telah membahas tentang self-host blog WordPress dan tidak diragukan lagi itu adalah platform blogging yang lebih baik jika kita bandingkan dengan platform blogging gratis seperti Blogspot.com dan WordPress.com. Banyak pemula yang ingin memulai blogging tidak ingin menghabiskan modal untuk membuat blog dan itu sah-sah saja, bahkan banyak juga ditemukan blog terkenal yang menggunakan platform gratis ini.
Ada banyak platform blogging yang menawarkan untuk membuat Blog  secara gratis. Jika kita mencari blog yang gratis, disarankan untuk memulai blog dari WordPress.com atau Blogger.com.
Blogspot mengijinkan kita untuk membuat blog secara gratis dan tentunya memiliki keterbatasan, tapi seperti yang telah disebutkan di atas, untuk pemula itu merupakan ide yang baik sebagai langkah awal dalam membuat Blog.
Blogger-icon-nyekrip
Ikon Blogger
Tutorial ini ditujukan untuk yang ingin belajar membuat blog. Dalam posting ini kita akan membahas tentang bagaimana cara membuat blog di Blogspot lengkap gambar. Sebelum kita mulai tutorial cara membuat blog di Blogspot lengkap gambar, ada beberapa hal yang harus kita ketahui. Blogspot adalah platform blogging dari Google yang memberikan pelayanan untuk membuat sebuah blog, semua gambar blog kita akan disimpan oleh Picasa yang merupakan bagian dari Google.

Cara Membuat Blog di Blogspot atau Blogger Gratis

Untuk cara membuat blog di Blogspot gratis, silahkan menuju blogger.com dan login menggunakan akun Google. Jika belum memiliki akun Google (akun Gmail), silahkan menuju tutorial ” Cara Membuat Email Baru Lengkap Gambar “. Setelah anda mempunyai akun gmail atau akun google, silahkan kunjungi ” www.blogger.com ” dan kita akan melihat halaman login seperti gambar berikut.
cara_membuat_blog_di_halaman_login_blogger_nyekrip
Halaman Login
Setelah login kita akan menghadapi pilihan untuk menggunakan identitas, kita dapat memilih profil Google plus atau menggunakan profil Blogspot. Lebih di sarankan memilih profil Google plus.
cara_membuat_blog_di_memlilih_identitas_profil_nyekrip
Memilih Profil
Langsung tekan tombol ” Lanjutkan ke Blogger “.
Setelah itu kita akan melihat halaman membuat blog di blogspot seperti gambar berikut. Pada halaman ini kita akan melihat daftar blog yang telah dibuat, karena kita baru akan memulai dalam membuat blog maka kita belum melihat daftar blog tersebut, untuk memulai membuat blog silahkan klik tombol ” Blog Baru “.
cara_membuat_blog_di_blogspot_memulai_membuat_blog_nyekrip
Memulai Blog Baru

Memberi Nama dan Alamat Blog di Blogspot/blogger

Setelah kita klik tombol ” Blog Baru ” kita akan melihat sebuah halaman baru untuk memulai dengan menambahkan nama dan memilih nama domain. Untuk tips trik dalam memilih nama domain silahkan anda kunjungi tutorial ” Tips Cara Memilih Nama Domain Blog atau Website “.
Untuk lebih jelasnya silahkan perhatikan gambar membuat blog di blogspot berikut:
cara_membuat_blog_di_blogspot_memilih_nama_blog
Halaman Membuat Blog
Keterangan nomor pada gambar
  • Nomor 1 adalah tempat kita untuk memberi judul atau nama blog
  • Nomor 2 adalah tempat kita untuk memberi alamat blog kita
  • Nomor 3 adalah tempat kita untuk memilih template blog kita, kita bisa merubah-nya nanti pada halaman template, jadi untuk sementara pilih saja yang standar
  • Nomor 4 merupakan keterangan alamat blog yang kita ketik tersedia atau tidak, pastikan alamat blog tersedia.
  • Nomor 5 adalah tombol untuk mengakhiri , tekan tombol ini jika anda sudah merasa puas dengan nama dan alamat yang anda pilih.
cara_membuat_blog_di_blogspot_memulai_posting_nyekrip
Memulai Post

Mengenal Dashboard di Blogspot/blogger

Sekarang blog kita sudah dibuat tetapi belum selesai sepenuhnya. Ada beberapa pengaturan yang perlu kita lakukan pada blog yang baru dibuat, agar membuat blog di Blogspot kita semakin SEO, seperti merubah template dan menambah halaman. Sekarang kita berada di dashboard Blogspot di mana kita akan melihat backend blog dan bisa pergi ke pengaturan dan membuat perubahan untuk meningkatkan visibilitas blog. Berikut adalah screenshot dashboard beserta penjelasan:
cara_membuat_blog_di_blogspot_dashboard_lengkap_blogspot_nyekrip
dashboard blogspot
Keterangan nomor pada gambar
  • Nomor 1 merupakan tombol yang bisa kita gunakan jika ingin membuat blog baru
  • Nomor 2 merupakan tombol yang bisa kita gunakan jika ingin membuat post baru
  • Nomor 3 merupakan tombol yang bisa kita gunakan jika ingin melihat blog secara live
  • Nomor 4 merupakan daftar shortcut menuju pengaturan, post, dan lain-lain
  • Nomor 5 merupakan area artikel dari blog yang kita ikuti atau follow
  • Nomor 6 merupakan area identitas atau profil kita di google, dalam area ini kita bisa login dan logut.
Setelah kita mengenal fungsi dari dashboard blogspot/blogger, silahkan anda klik menu “ Ikhtisar ” untuk melihat daftar menu dalam memulai membuat post, halaman, sampai mengatur adsense pada blog kita.
Untuk melihat tampilan blog yang sudah dibuat, silahkan klik tombol no 3 pada nomor diatas, maka tampilan blog akan terlihat seperti gambar dibawah ini. Perhatikan bahwa template sudah sesuai dengan template yang telah dipilih sebelumnya.
Tampilan_Blog_Cara_Membuat_Blog_di_Blogspot_Lengkap_Gambar_-_Nyekrip
Tampilan Blog Nyekrip
jika anda ingin membuat blog gratis di wordpress silahkan kunjungi tutorial ” Cara Membuat Blog di WordPress Gratis Lengkap “.

Cara Mengatasi Halaman yang Anda Minta Tidak Valid

Halaman Yang Anda Minta Tidak Valid - Nyekrip
Halaman Yang Anda Minta Tidak Valid
Bagi kawan yang mengalami error seperti pesan diatas, kemungkinan blogger telah menganggap anda sebagai spammer, cobalah lakukan langkah berikut ini:
  • Jika anda menggunakan modem, coba putus dan sambung-kan lagi konekssi internet-nya (tujuan agar ip berubah)
  • Clear atau bersihkan cache, cookie dan history browser anda
Setelah itu coba buat blog lagi, semoga berhasil 🙂 .
Sekian tutorial cara membuat blog di blogspot lengkap gambar, segera praktek-kan karena membuat blog di blogspot itu mudah dan tutorial diatas sudah dibuat dengan sederhana namun padat. Jika ada pertanyaan, silahkan ajukan dalam komentar dibawah. Pada kesempatan berikutnya akan dibahas tentang bagaimana cara membuat post sampai merubah template agar lebih SEO.
Happy Burhan
Welcome to My Blog

Assalamu'alaikum Ya akhi ya ukhti fi blogger burhan

Anda Pengunjung Ke :

Batman Begins - Diagonal Resize 2

Translate

Popular Post

Coment

About Me

My photo
seorang hamba yang mempunyai banyak kesalahan. dan tak luput dari dosa. Ya Rabb berilah aku hidayah-Mu, agar aku bisa berbah menjadi lebih Baik lagi.
Powered by Blogger.

- Copyright © Burhan Tutorial -Robotic Notes- Powered by Blogger - Designed by Johanes Djogan -