Menambahkan Kode Warna HTML Di Postingan Blog

Membuat kode warna di blog berguna untuk melengkapi keperluan kita dalam mengedit warna blog yang kita inginkan. Sedikit keringanan yang kita rasakan, kita tidak perlu lagi membuka blog lain dalam menggunakan alat kode warna HTML ini. Tinggal mengklik warna yang kita inginkan dan kita dapatkan kode warna yang kita inginkan. Terutama dalam proses mengedit layout sebuah blog, kode warna HTML sangat diperlukan.

Terkadang dalam melakukan perubahan warna baik dari body blog atau keseluruhan blog kita membutuhkan warna yang sesuai dengan keinginan kita. Kode warna HTML pada artikel ini boleh dibilang lengkap dan tinggal mengklik warna yang diinginkan.

Ada dua macam model kode warna HTML yang akan saya hadirkan pada artikel ini. Cara pemasangannya sangatlah mudah dan tidak rumit. Kamu tinggal mengcopy paste kode yang ada ke dalam postingan dalam mode HTML dan bukan Compose.


Contoh I


Contoh II





Contoh Kode Gambar I

<center><div style="text-align: center;">
<object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="480" id="col" width="480"> <param value="sameDomain" name="allowScriptAccess" /> <param value="http://www.2createawebsite.com/build/col.swf" name="movie" /> <param value="high" name="quality" /> <param value="#ffffff" name="bgcolor" /> <embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" src="http://www.2createawebsite.com/build/col.swf" bgcolor="#ffffff" name="col" width="480" align="middle" height="480"></embed> </object></div> </center>


Contoh Kode Gambar II

<center><div style="text-align: center;">
<object border="0" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="480" id="obj1" width="420"> <param value="http://www.2createawebsite.com/build/color.swf" name="movie"><param value="High" name="quality"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="High" src="http://www.2createawebsite.com/build/color.swf" name="obj1" type="application/x-shockwave-flash" width="430" height="430"> </object></div>
</center>

Sekali lagi perlu diingat bahwa, copy paste kode di atas pada halaman pembuatan artikel baru blog yang kamu punya pada mode HTML dan bukan Compose.

Semoga bermanfaat artikel singkat ini.. Salam Blogger.

Cara Menambahkan Iklan Di Samping Header Blog

Jika kamu ingin menggunakan template bawaan dari Blogger, masih banyak yang harus dilakukan untuk langkah-langkah pengeditan blog yang kamu punya, salah satunya Membuat Kotak Iklan Di Samping Header atau bisa juga disebut Membagi  Header Menjadi Dua Kolom.


Membagi kolom header menjadi dua kolom seperti yang ada di Sideblog28 ini bisa kita pasangkan sebuah kotak iklan. Menambahkan kotak iklan di samping header membuat posisi iklan lebih berfariasi, selain disamping header, di bawah header dan di bawah postingan yang nantinya juga saha sharing pada blog ini,

Bagaimana menambahkan menambahkan kotak iklan di samping header untuk template blogger ataupun templat hasil download yang belum ada kotak iklan di samping header ? Ikuti langkah-langkahnya di bawah ini.

*. Silakan Log in pada blog yang kamu punya. Sebelum melakukan Edit HTML, silakan kamu copy paste dulu HTML yang sudah ada di Notepad untuk menghindari kesalahan yang ada.

*. Pilih Template lalu klik Edit HTML. .header-outer{
Selengkapnya seperti ini :
.header-outer {
  background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
  _background-image: none;
}


* Ganti kode diatas dengan kode dibawah ini :
.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;_background-image: none;min-height: 104px;}
#header {
width: 40%;
margin-right: 10px;float: left; }
#headerkanan {
float: right;
width: 54%;
margin: 20px 10px 5px 10px;
padding: 2px;}
#headerkanan .widget {margin: 3px;}


Keterangan kode :
-  min-height: 104px; = Atur tinggi header yang diinginkan.
-  width: 40%; = perbandingan lebar header kiri
-  width: 54%; = perbandingan header kanan. Silakan atur ulang kedua header di atas.
-  margin: 20px 10px 5px 10px; = Pengaturan jarak kiri kanan dan bawah header.

* Untuk langkah selanjutnya, <div class='region-inner header-inner'> copy kode dibawah ini tepat disamping kode yang di cari.
<b:section class='headerkanan' id='headerkanan' maxwidgets='1' showaddelement='yes'></b:section>
sehingga menjadi :
<div class='region-inner header-inner'><b:section class='headerkanan' id='headerkanan' maxwidgets='1' showaddelement='yes'></b:section>

* Lakukan pratinjau sebelum melakukan penyimpanan. Mengatur lebar header kanan dan header kiri ini memang membutuhkan kesabaran. Atur perbandingan header kanan dengan perbandingan header kiri.

Semoga artikel ini mudah untuk diterapkan. Sukses selalu..


Cara Menambahkan Widget Alexa Di Blog

Memasang Widget Alexa Di Blog dipandang perlu untuk mengetahui peringkat blog kita. Terlebih bagi blog yang menyediakan layanan iklan, Rank tinggi memberikan keuntungan bagi blog itu sendiri.

Pada kesempatan yang lalu saya pernah membuat sebuah blog dengan judul Cara Mendaftarkan Blog Ke Alexa Page Rank, Blog yang telah diVerifikasi berarti sudah terdaftar di Alexa. Tinggal kita membuat dan menambahkan widget Alexa pada blog yang kita punya.

Cara menambahkan Widget Alexa :

1. Silakan Kamu klik support.alexa.com untuk memulai proses ini.

2. Pada gambar di atas silakan pilih mode widget yang kamu inginkan beserta kode script yang ada, contoh :
<a href="http://www.alexa.com/siteinfo/yoursite.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/s/a?url=yoursite.com"></script></a>

* Yoursite.com = alamat blog yang kamu punya. 

3. Silakan copy paste kode yang di dapat ke dalam Tambahkan Gadget pada dasbor blog yang kamu miliki  

Setelah klik Simpan pada dasbor, silakan buka salah satu artikel yang kamu punya. Dan sekarang Widget Alexa telah terpasang di blog kita.

Semoga Tutorial singkat ini bermanfaat.

Cara Mendaftarkan Blog Ke Alexa Page Rank

Mendaftarkan Blog Ke Alexa menggambarkan berapa besar lalulintas blog yang kita miliki. Menghitung seberapa sering blog yang kita miliki dikunjungi oleh pengunjung blog. Semakin ramai pengunjung yang hadir di blog yang kita miliki semakin baik pringkat blog kita terhitung di alexa.

Penghitungan Alexa Page Rank bersifat global. Dengan mendaftarkan blog ke Alexa Page Rank kita dapat mengetahui peringkat blog kita di tingkat global. Semakin kecil Peringkat yang kita dapat, semakin baik peringkat blog yang kita miliki dalam pandangan optimasi mesin pencari.

Bagaimana Mendaftarkan Blog Ke Alexa ?

* Masuk ke alexa untuk melakukan pendaftaran atau membuat akun baru. Kamu juga bisa langsung sign In atau log in menggunakan akun facebook yang sudah ada.
* Setelah proses login, pada halaman berikutnya isikan alamat blog anda pada kitak Enter a Site URL.  Lalu Klik.

 * Pada halaman Select a method silakan pilih Method 2 dan kita akan mendapatkan kode Meta Tag Alexa yang kita letakkan di bawah kode <head> di Edit HTML blog yang kamu punya.

* Setelah kode Tag dipastekan di bawah kode <head>, klik tombol verify my ID. Dan Blog kita telah terdaftar di Alexa Page Rank.

Semoga cara di atas tidak sulit untuk dicoba. Pada kesempatan berikutnya saya akan seharing cara menambahkan widget Alexa Page Rank di Blog.


Cara Mendaftarkan Blog Ke Yandex Search Engine

Apakah kamu baru membuat sebuah blog ? Kita selalu mengharapkan bahwa blog yang yang baru dibuat nantinya ramai pengunjung. Bukan hanya pengguna Google, tapi juga pengguna seluruh search engine yang ada. Termasuk Pengguna Yandex Search Engine

Seperti kita ketahui bahwa bahwa Yandex Search Engine merupakan Search engine pengguna yang cukup banyak di Rusia selain Google Search Engine. Jadi, dengan melakukan pendaftaran blog di Yandex, blog yang baru kita buat akan terindex oleh pengguna Yandex di Rusia. Tentu akan menambah jumlah visitor atau pengunjug blog yang kita miliki.

Bertambah banyaknya jumlah pengguna Google dan Yandex yang nanti berkunjung di blog kita, akan  sangat berpengaruh kepada ranking blog yang kita miliki. Tentu semua ini sangat kita harapkan terjadi pada blog baru ini.

Bagaimana melakukan pendaftaran blog ke Yandex agar blog yang baru kita buat terindeks  ? Ikuti beberapa langkah singkat di bawah ini.

1. Silakan masuk ke Situs webmaster yandex.
Lakukan Registrasi atau Log in menggunakan akun gmail, facebook untuk memudahkan proses registrasi.
2. Setelah melakukan login, silakan klik add site yang terdapat di bawah tulisan webmaster.
3. Isikan kotak yang tersedia dengan alamat blog yang kamu punya. Setelah itu klik add.
4. Pada halaman selanjutnya klik Meta Tag dan kita akan dapatkan kode di sana. Pastekan kode Meta Tag tersebut tepat dibawah kode <head> pada Edit HTML blog yang kita miliki. Klik Simpan template. Jangan lupa refresh dasbor yang kamu milik.
5. Kembali pada Yandex klik Chek untuk melakukan veryfikasi.

Pada tahap ini blog baru yang kamu miliki sudah terindeks di Yandex Search Engine. Lihat perubahan selanjutnya. Jumlah visitor blog kamu akan bertambah dengan baik.

Semoga artikel singkat ini bermanfaat dan mudah untuk dicoba.


ABOUT



Sideblog28 mulai dibangun pada tanggal 22 November 2015. Blog yang bersifat pribadi dengan  tampilan yang sangat sederhana ini dibangun dikarenakan hobi admin sendiri suka menulis, walaupun selama ini tidak ditekuni dengan keseriusan.

Sideblog 28 ini merupakan blog yang menyajikan beberapa artikel yang mungkin nanti juga berguna bagi para pengunjung blog. Berbagi ilmu dan menambah wawasan adalah moto dari sideblog28 ini.

Untuk kedepannya, Sideblog28 yang berisikan artikel tentnang tutorial blog, informasi berbagai tempat wisata di Indonesia, Edit Foto dan lainnya yang bermanfaat akan dibangun menjadi blog yang lebih profesional. Dengan menghadirkan layanan penayangan Iklan dan layanan PageView untuk Pengusaha, produsen dan badan usaha yang ingin mempromosikan badan usaha, produk, dan jasanya di Sideblog ini.

Bentuk tampilan dan penyusunan kata-kata pada Sideblog28 ini admin yakini dan rasakan masih banyak sekali kekurangannya. Admin sangat membutuhkan kritik dan saran membangun yang admin terima sebagai pembelajaran demi terciptanya blog yang lebih baik dan lebih profesional.

Terima kasih juga diucapkan Admin bagi pengunjung yang telah mampir di blog ini. Semoga ada hal baik walaupun sedikit dapat diambil dari blog yang sederhana ini.

Salam Blogger.


Cara Mendaftarkan Blog Ke Bing Webmaster Tools

Blog yang baru saja kita buat tentu yang kita harapkan akan terindeks ke semua search engine yang ada, apapun itu namanya. Baik itu blog yang bersifat pribadi maupun blog yang sudah bersifat bisnis. Dengan harapan bahwa blog yang baru kita buat ini nanti akan banyak pengunjungnya.


Mendaftarkan blog kesemua mesin pencari atau search engine yang ada menurut pakar SEO (Search Engine Optimization) merupakan trik SEO yang penting untuk dilakukan dalam mengelola sebuah blog. Khususnya pada share kali ini yaitu Mendaftarkan Blog Ke Bing Webmaster Tools.

Kita ikuti Cara Submit Blog ke Bing Webmaster Tools ini.

1. Silakan kamu klik alamat Bing Webmater Tools  untuk memulai proses pendaftaran.
2. Silakan klik Sign Up with Microsoft account untuk proses pembuatan akun baru.
3. Isikan semua kotak formulir yang ada. Sampai benar-benar berhasil. yang nantinya akan kembali melakukan Sign In.
4.Isikan kotak yang berada dibawah tulisan besar My Site dengan alamat URL yang kamu punya. Contohnya : http://sideblog28.blogspot.com lalu klik ADD.
4. Pada halaman Add a Site ABOUT MY WEBSITE isikan kotak formulir yang ada. Salah satunya Add a sitemap. Contoh : http://sideblog28.blogspot.com/sitemap.xml
5. Setelah semua kotak formulir telah diisi dan dianggap benar, klik SAVE.
6. pada halaman berikutnya kita akan mendapatkan kode meta tag, seperti contoh di bawah ini sebagai proses
<meta name="msvalidate.01" content="2E39985D63444D7DE883202139E38659" />
        <title>Your SEO optimized title</title>

kode meta di atas adalah contoh yang saya dapatkan untuk Sideblog28. Pastekan kode yang kamu dapat tepat dibawah kode <head>.
7. Setelah kode meta dipastekan di bawah kode <head>, klik tombol VERIVY.  Bila proses Verifykasi telah berhasil ditandai dengan ceklis warna hijau padaVerify Ounership for: .......

Langkah-langkah di atas saya rasa tidak begitu sulit untuk dilakukan. Semoga berhasil untuk mencobanya.