Membuat Blog Disukai Google Panda Algoritma Baru Google

Membuat Blog Disukai Google Panda Algoritma Baru Google - Mengingat-ingat postingan Master Chef sebelumnya yaitu Taukah Kamu Apa Itu Google Panda  tentu banyak orang yang ingin menghidari blognya dari amukan peliharaan Google satu ini yaitu si Panda. Dalam artikel kali ini tidak akan banyak mengulas tetang Google Panda untuk itu buat sobat blogger Dapur Tutorial Blogspot dan Seo yang belum paham dengan Google Panda silahkan baca kembali Bahasan Tetanga Google Panda.


Sesuai dengan judul blog kali ini Master chef akan coba paparkan bagaimana cara menghadapi algoritma baru google ini. buat sobat blogger Dapur Tutorial Blogspot dan Seo yang baru membuat blog artikel ini dirasa sangat perlu diperhitungkan begitu juga untuk sobat yang sudah terlanjur terkana amukan google panda.

Hal Pertama perlu kita ketahui bagaimana ciri-ciri blog yang kena kungfu panda.
Ciri-ciri blog yang terkena amukan sipanda adalah trafik pengunjuk blog turun secara drastis. ada juga trafik pengunjung blog yang turun secara perlahan tapi pasti. ini terjadi pada salah satu blog saya dimana trafik pengunjung setiap harinya mengalami penurunan kemudian diiringi dengan pembengkakan alexa rank. Selain itu juga tergesernya konten-konten blog anda di hasil pencarian google.
Apakah ciri-ciri diatas dialami oleh blog anda. Master Chef berharap hal itu tidak terjadi. bagi blog sobat yang merasa blognya mengalami hal seperti ciri-ciri diatas maka yang diperlukan adalah tindakan lanjut untuk mengatasinya.

Blog Bung "Juragan" merupakan blog yang membahas mengenai SEO mengemukakan bahwa Blog Original Juga  Bisa kena Amukan Google Panda. Disitu dijelaskan bahwa untuk mengatasi amukan si google panda maka Periksa kembali konten-konten blog lawas milik anda yang berkurang kwalitasnya. Misalkan artikel-artikel Hasil Copas.
Artikel-artikel sampah ini yang berada diantara puluhan bahkan ribuan dari artikel-artikel dalam blog anda akan memberikan pengaruh terhdap ranking situs secara keseluruhan.
Untuk itu silahkan tentukan pilihan anda pakah konten tersebut anda hapus atau diperbaiki. lakukan kembali Optimasi Seo On Page di blog anda.

Bagi Blog-blog yang belum merasakan tendangan si google panda berikut cara terhindar dari amukan panda.

  1. Fokus terus pada konten-konten yang berkualitas
  2. Hindari link farm
  3. Dapatkan Backlink yang relevan
  4. Buat website dan konten untuk pengguna bukan untuk mesin pencari
  5. Hindari segala bentuk Black Hat Seo
  6. Hindari cara-cara yang tidak etis saat anda melakukan link Building
  7. Jangan Membeli link
  8. Manfaatkan media social network
  9. Mengambil bantuan dari google webmaster tool untuk "saran HTML, judul dan meta tag"
  10. Buat konten kualitatif yang menarik link alami
  11. Jangan membuat situs spam
  12. Jangan menggunakan text ataupun link tersembunyi
  13. Hindari terlalu banyak iklan dihalaman blog
Sekian dulu artikel kalai ini tentang  Membuat Blog Disukai Google Panda Algoritma Baru Google. semoga ini bisa dijadikan pengetahuan dan ilmu yang bermanfaat.

Taukah Kamu Apa Itu Google Pinguin

Taukah Kamu Apa Itu Google Pinguin - Setelah pada postingan sebelumnya Master Chef membahas apa Taukah Kamu Apa Itu Google Panda, kali ini dimuculkan lagi dengan Google Pinguin. Google pinguin dan Google panda merupakan update algoritma yang dilakukan oleh google untuk memaksimalkan hasil pencarian. Agar lebih jelas mengenai google pinguin akan kita bahas dalam artikel kali ini.

Belakangan ini Google dan para pengunjung sudah muak dan benci dengan website atau blog yang berada dihalaman depan hasil pencarian yang isinya hanyalah spam sehingga pengunjung blog dibuat berputar-putar dihalaman website/blog tersebut. Dari sisi lain google juga banyak kehilangan banyak pengunjung lewat mesin pencari, karena  menurut mereka hasil pencarian google kurang akurat membuat mereka beralih menggunakan mesin pencari lain. berdasarkan masalah tersebutlah google dipaksa untuk mengupdate algoritma pada mesin pencari untuk membuat hasil pencarian yang lebih baik.

Ok sekarang kita bahas lagi Apa itu Google pinguin ?
Google Pinguin itu merupakan algoritma yang dirancang khusus untuk memberikan hukuman dengan menendang semua web/blog yang berisi spam.

Dengan munculnya algoritma ini sangat memberikan banyak kebaikan, karena hasil pencarian pada search engine semakin berkualitas dengan tidak menampilkan situs web/blog yang manipulatif dalam mencapai posisi terbaik halaman pertama google.

Nah itu dia sekilas tetang pemahaman soal Google Pinguin. Sekian dulu artikel Taukah Kamu Apa Itu Google Pinguin kali ini semoga bisa memberikan pemahaman yang bermanfaat.

Taukah Kamu Apa Itu Google Panda

Taukah Kamu Apa Itu Google Panda - Pernahkan sobat blogger Dapur Tutorial Blogspot Mendengar istialah Google Panda ?. untuk para master pastinya tidak asing lagi dengan hal ini. tidak demikian dengan blogger pemula seperti Master Chef Dapur Tutorial Blogspot dan SEO ini misalnya yang masih harus belajar banyak mengenai hal SEO. berhubung belakangan ini Master chef banyak baca-baca mengenai algoritma google yang yang banyak disebut orang dengan sebutan google panda maka master chef juga mau share tetang hal ini.

langsung saja kita mengenali apa itu Google Panda ?. Google panda adalah sebuah program baru Google.inc  yang merupakan sebuah algoritma baru dalam menentukan rangking suatu halaman blog maupun website di halaman hasil pencarian google sesuai dengan kata kunci yang dimasukan kedalam kotak pencarian Google. Algoritma baru google ini dirilis pada bulan februari 2011 lau. wah sudah telat dong berarti informasi ini. waduh rusak kalau anda berfikir seperti itu. kalau orang yang ingin maju pasti akan berfikir lebih baik telat dari pada tidak tau sama sekali.

Sampai disini Master Chef sempat bingung kenapa algoritma ini bisa dinamakan sebgai google panda. oh ternyata setelah dicari-cari tau ketemu jawabannya. Kata "Panda" itu senditi ternyata diambil dari nama seseorang Biswanath Panda yang memberikan inspirasi terhadap algoritma terbaru milik Google ini.

Sekarang Sobat sudah mengenal Apa itu google panda. sekarang kita kenali lagi seperti apakah algoritma Google Panda tersebut. Rumus utama dari Google Panda itu sendiri terdapat 2 hal yaitu “Bounce Rate” dan “Time On Site”. Didalam Bounce Rate semakin kecil angka Bounce Rate website atau blog, maka semakin bagus juga nilai website atau blog dimata search engine. lebih jelasnya mengenai kedua rumusan tersebut Master Chef coba paparkan sebagai berikut ;
  1. Bounce Rate
  2. Bounce rate artinya Jumlah pengunjung yang datang di blog kesayangan kita tetapi langsung kabur karena artikel yang dia cari tidak ditemukan dalam blog yang dituju, jadi jika pengunjung langsung kabur tanpa membuka halaman lain dalam blog kita maka ini akan terhitung sebagai Bounce Rate. Disinilah diperlukan usaha bagaimana caranya agar pengunjung betah tinggal didalam blog kita. Jadi semakin kecil Bounce rate semakin bagus blog kita di mata google Panda. Sebaliknya jika Bounce rate kita semakin tinggi, maksudnya pengunjung membuka banyak halaman posting dalam blog kita, maka blog kesayangan kita juga akan semakin baik di mata google Panda.
  3. Time On Site
  4. Time On Site tentunya berbanding lurus dengan Bounce Rate yang tinggi. Semakin Tinggi Bounce Rate blog Anda maka waktu yang digunakan pengunjung untuk tetap berada di dalam blog Anda semakin lama. Jadi intinya, semakin lama pengunjung di dalam Blog Anda,  maka blog Anda juga akan sangat disenangi oleh google Panda.
Dengan demikian sobat Blogger sudah mengenal Apa itu google panda dan bagaimana algoritmanya. kesimpulan akhir yang bisa diambil yaitu bagaimana usaha yang bisa kita lakukan untuk membuat sebuah blog beserta isinya dapat membuat pengunjung blog dari search engine betah untuk berlama-lama dalam blg ataupun website milik anda. untuk itu teruslah buat konten-konten yang unik dan berkualitas.

Sekian artikel Taukah Kamu Apa Itu Google Panda kali ini dari Master Chef. emoga artikel ini bisa memberikan pemahaman terutama untuk Master Chef sendiri dan Sobat-sobat Blogger Dapur Tutorial Blogspot Semuanya.

Cara Memasang Widget Burung Twitter Di Blog

Cara Memasang Widget Burung Twitter Di Blog - Pernahkan sobat blogger melihat ada burung yang merupakan logo twitter berterbangan dihalaman blog?, tentunya sudah tidak asing lagi karena banyak orang sudah memasang widget burung Twitter dihalama blognya.


Banyak orang Tau bahwa twitter adalah salah satu jaringan Sosial yang sangat populer sehingga sudah wajar banyak orang yang menjalin hubungan atau koneksi dengan twitter baik itu untuk keperluan bisnis ataupun menjaring pertemanan saja, untuk itu buat sobat Blogger Dapur Tutorial Blogspot yang suka banget menghias tampilan halaman blog tidak ada salahnya untuk memasang widget burung twitter ini pada blog.

Sangat mudah untuk memasang widget twitter ini. seperti memasang widget-widget lainnya sobat tidak perlu melakukan Edit HTML. berikut  langkah-langkah untuk memasang widget burung twitter diblog :
  1. Login terlebih dahulu keblogger menggunakan akun masing-masing
  2. selanjutnya pilih Tata Letak Atau Layout
  3. Jika sudah klik Tambah Gadget atau Add a Gadget
  4. Pilih Widget HTML/JavaScript
  5. Copy kode berikut ini dan masukan kedalam kolom Widget HTML/JavaSript
  6. <script type="text/javascript" src="http://dapurtutorial.googlecode.com/files/tripleflap.js"></script>
    <script type="text/javascript">
    var birdSprite="http://2.bp.blogspot.com/-7doZyLsr9yI/TqNtUCClP4I/AAAAAAAAAF8/ld0bdD3WWj8/s1600/burung+twitter+terbang.png";
    var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
    var twitterAccount = "http://twitter.com/Username";
    var tweetThisText = "Twitter - UserID http://dapur-tutorial.blogspot.com/";
    tripleflapInit();</script><a href="http://dapur-tutorial.blogspot.com/" rel="dofollow"target="_blank"style="display:none;">Ged a Widget</a>
    Keterangan :
    • Kode warna hijau dalah gambar burung twitter dengan warna default ( silahkan diganti dengan URL gambar dibawah berikut)
    • Kode Warna biru gani dengan akun twitter anda
  7. Klik Simpan dan lihat hasilnya
  8. Selesai
Nah itu dia cara memasang widget burung twitter. Widget Twitter diatas merupakan widget burung secara default untuk mengubah tampilan warna burung twitter sobat bisa menggantinya dengan url gambat berikut ini.
  • Warna Merah
  • http://1.bp.blogspot.com/-knGCnCFCahI/TqN59awa61I/AAAAAAAAAHE/mniE1h9IW14/s1600/red+bird.png
  • Warna Putih
  • http://1.bp.blogspot.com/-qsxd6A0vUFU/TqN5vZVI2-I/AAAAAAAAAG8/lb0Ol5Nbrvw/s1600/white+bird.png
  • Warna Ungu
  • http://3.bp.blogspot.com/-Ec4JlrN6yc4/TqN5tIAXDpI/AAAAAAAAAG0/ywnjHeG4ASM/s1600/purple+bird.png
  • Warna Hijau
  • http://3.bp.blogspot.com/-SJP4OZmyeCU/TqN5qcyXgGI/AAAAAAAAAGs/jKQaqHF9EkA/s1600/Green+bird.png
  • Warna Coklat
  • http://3.bp.blogspot.com/-b-9ncuDJxm0/TqN5nrOnTCI/AAAAAAAAAGk/LREurKp_tLc/s1600/brown+bird.png
  • Warna Biru
  • http://3.bp.blogspot.com/-FNowQ1mqsLg/TqN5kxq86EI/AAAAAAAAAGc/VzatkjsUAEc/s1600/Blue+bird.png
  • Warna Hitam
  • http://1.bp.blogspot.com/-N3RvHfV3MUk/TqN5iPPqAEI/AAAAAAAAAGU/oYKSvsOj108/s1600/black+bird.png
  • Warna Kuning
  • http://3.bp.blogspot.com/-xL1Dk6Bhi4g/TqN5gbyvSCI/AAAAAAAAAGM/jxsjBiRWMLw/s1600/yellow+bird.png
Sekian artikel tetang Cara Memasang Widget Burung Twitter Di Blog semoga bisa bermanfaat dan dapat mempercantik tampilan halaman blog anda. Baca Juga postingan yang berhubungan dengan widget twitter yaitu Cara Memasang Widget Twitter Box Di Blog.

Cara Memasang Widget Twitter Box Di Blog

Cara Cemasang Widget Twitter Box Di Blog - Banyak orang yang mengharapkan blognya dapat tampil unik dan menarik disetiap mata pengunjungnya ataupun terlihat unik dari blog-blog sahabat. Salah satunya yaitu dengan menambahkan widget-widget cantik dihalaman blog. kebetulan berhubungan dengan memercantik tampilah halaman blog Master Chef Dapur Tutorial Blogspot ingin share tetang cara Memasang Widget Twitter Box Keren Seperti pada gambar dibawah ini :


Ni buat sobat blogger yang tertarik untuk memasang widget seperti diatas langsung saja, Maister Complete sudah sediakan kodenya dibawah. langkah-langkah untuk memasang widget Twitter juga tidak terlalu sulit karena tidak perlu melakukan Edit HTML. Berikut Cara Memasang Widget Twitter Box di Blog :

  1. Login Kehalaman Blogger
  2. Pilih Tata Letak
  3. Tambah Gadget atau Add A Gadget
  4. Pilih Widget HTML/Java Script
  5. Copy Kode Berikut 
  6. <div style="background: transparent url(http://2.bp.blogspot.com/-R2uGGwBFlQE/UHUZX1wLAhI/AAAAAAAABp4/UT8EBaDW3v0/s1600/twetter.jpg) no-repeat; padding-left: 8px; padding-top: 45px;width: 320;">
    <script src="http://widgets.twimg.com/j/2/widget.js">
    </script>
    <script>
    new TWTR.Widget({
    version: 2,
    type: 'profile',
    rpp: 10,
    interval: 3000,
    width: 300,
    height: 123,
    theme: {
    shell: {
    background: 'transparent',
    color: '#000000'
    },
    tweets: {
    background: 'transparent',
    color: '#000',
    links: '#135a9e'
    }
    },
    features: {
    scrollbar: false,
    loop: true,
    live: true,
    hashtags: true,
    timestamp: true,
    avatars: true,
    behavior: 'default'
    }
    }).render().setUser('dapur_zone').start();
    </script>
    </div>
    Keterangan :
    • Kode Warna merah adalah Lebar Widget Twitter
    • Kode Warna Biru adalah Tinggi Widget Twitter
    • Kode Warna Pink Dalah Nama Akun Twitter (silahkan ganti sesuai dengan akun twitter anda)
  7. Masukan kode kode diata kedalam Widget HTML/JavaScript tadi
  8. Terakhir Klik Simpan
Itu dia tutorial blog tetang Cara Memasang Widget Twitter Box Di Blog. Oh ya biat sobat yang juga senang memasang perak pernik di blog baca juga artikel Cara memesang Efek Salju pada halaman Blog. sekian dulu untuk artikel kali ini semoga artikel ini bisa bermanfaat.

Pasang Widget Animasi Naruto VS Sasuke Di Blog

Pasang Widget Naruto VS Sasuke Di Blog - Ingin membuat blog yang tampil unik dan menarik, Disini Master Chef punya salah satu Widget yang bisa sobat gunakan untuk mempercatik tampilan blog sobat yaitu widget Naruto Vs Sasuke yang lagi berantem seperti terlihat pada gambar dibawah.

gambar

Widget ini jika dipasang akan berada disudut bawah sebelah kiri halama blog sobat. Buat sobat Blogger yang tertarik untuk memasang widget tersebut kehalaman blognya, master Chef sudah sediakan kodenya. cara pemasangannya mudah sama seperti Pasang Logo Blogger Indonesia Di Blog. sobat tidak perlu melakukan Edit HTML.

Kode Widget Naruto VS Sasuke sebagai berikut :
<div style="position: fixed; bottom: 0px; left: 20px;width:110px;height:80px;"><a href="http://dapur-tutorial.blogspot.com/2012/10/pasang-widget-animasi-naruto-vs-sasuke-di-blog.html"target="_blank" rel="dofollow"><img src="http://i1210.photobucket.com/albums/cc417/kusanagiblog/NarutoVSSasuke.gif"alt="gambar"title="Widget Naruto VS Sasuke"/></a></div> 
Sekarang coba lihat hasilnya keren banget kan !. itu diat sekilas mengenai widget animasi naruto VS sasuke di blog. Widget-widget lainya bisa sobat blogger Temukan pada postingan berikut ini :
  1. Animasi Welcome Spiderman dihalaman blog
  2. Animasi orang berlari disisi kiri bagian bawah blog
  3. Pasang Logo Blogger Indonesia Di Blog
  4. Update Tutorial Cara Pasang Efek Salju Di Blog
Sekian dulu postingan blog kali ini. semoga bisa mempercantik tampilan halaman blog anda. 

Update Tutorial Cara Pasang Efek Salju Di Blog

EfekUpdate Tutorial Cara Pasang Efek Salju Di Blog - Selamat Datang diblog Master Chef Dapur Tutorial Blogspot. Sebelumnya Master Chef mohon maaf karena lama menanggapi hal ini. tutorial ini sebenarnya berhubungan dengan tutorial Sebelumnya yang membahas Cara memesang Efek Salju pada halaman Blog. karenya banyaknya kode yang tidak bekerja akhirnya harus diupdate.

Trimakasih juga kepada sobat blogger Dapur Tutorial Blogspot yang sudah melaporkan artikel yang tidak relevan lagi. di postingan ini Master Chef sudah menyediakan Update Resep untuk memasang widget salju Yang bertaburan dihalaman blog.

Langsung saja buat sobat yang senang menghias halaman blognya dapat memasang widget salju ini kehalaman blog masing-masing. berikut kode-kode untuk memasang salju bertaburan dihalaman blog.
  • Kode Untuk Salju Yang berwarna Putih
  • <script src="http://dapurtutorial.googlecode.com/files/Hujan-salju.js"></script>
  • Kode Untuk Salju Yang berwarna Merah
  • <script src="http://dapurtutorial.googlecode.com/files/Hujan-salju-tes.js"></script>
  • Kode Untuk Salju Yang berwarna Biru
  • <script src="http://dapurtutorial.googlecode.com/files/Hujan-salju-Biru.js"></script>
  • Kode Untuk Salju Yang berwarna Hijau
  • <script src="http://dapurtutorial.googlecode.com/files/Hujan-salju-hijau.js"></script>
  • Kode Untuk Salju Yang berwarna Kuning
  • <script src="http://dapurtutorial.googlecode.com/files/Hujan-salju-Kuning.js"></script>
  • Kode Untuk Salju Yang berwarna Pink
  • <script src="http://dapurtutorial.googlecode.com/files/Hujan-salju-Pink.js"></script>
Demikian Dulu gan Update Tutorial Cara Pasang Efek Salju Di Blog. Yang merasa masih bingung harus meletakan kodenya dimana silahkan baca tutorial sebelumnya Cara memesanga Efek Salju pada halaman Blog. pada postingan tersebut dibahas secara detai tetang cara pemasangannya.

Pasang Logo Blogger Indonesia Di Blog

Pasang Logo Blogger Indonesia Di Blog - Lagi malas mau bikin tutorial-tutorial berat jadinya pada kesempatan kalai ini Master Chef Dapur Tutorial Blogspot menulis hal-hal ringan dulu. Resep yang akan dibahas sesuai judulnya kalai ini yaitu memasang Logo Blogger Indonesi Di blog. Pada tutorial Blog Sebelumnya Master chef juga pernah membuat postingan yang berhubungan dengan animasi khusus blog yaitu :

  1. Animasi Welcome Spiderman dihalaman blog
  2. Animasi orang berlari disisi kiri bagian bawah blog

Kembali lagi ke topik postingan, Logo-logo ini bisa sobat blogger pasang di bagian sisi kiri bagian atas dan sisi kanan atas. Cara memasang  Logo blogger indonesi ini cukup mudah karena tidak perlu melakukan Edit HTML. Dibawah ini Master Cheft Sudah menyediakan beberapa logo yang bisa sobat gunakan dengan cara meng-copy kode yang sudah ada kedalam widget HTML/JavaScript.

Kalau masih bingung berikut cara-cara lengkapnya :
  1. Masuk Kehalaman Blogger mengunakan akun masing-masing
  2. Pilih Tata Letak
  3. Tambah Gadget atau Add A Gadget

  4. Pilih widget HTML/Java Sripct
  5. Copy salah Satu kode Logo berikut sesuai selera anda dan letakan di widget HTML/Javascript


  6. Logo Blogger Indonesia Pojok Kiri Atas 
    <script language="JavaScript" src="http://dapurtutorial.googlecode.com/files/Logo-Blogger-Indonesia.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("http://2.bp.blogspot.com/-b8I5p_828xc/T70BF1b-quI/AAAAAAAAAo4/xTiXAlS8xhQ/s1600/Blogger-Indo-Kiri.png") </script>

    Logo Blogger Indonesia Pojok Kanan Atas
    <script language="JavaScript" src="http://dapurtutorial.googlecode.com/files/Logo-Blogger-Indonesia-kanan.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("http://1.bp.blogspot.com/-zZ7A09j08r0/T70CeZGOehI/AAAAAAAAApA/0amH3bkXGGA/s1600/blogger-indo-kanan.png") </script>

    Logo Blogger Indonesia Pojok Kiri Bawah 
    <script language="JavaScript" src="http://dapurtutorial.googlecode.com/files/Logo-Blogger-kiri-bawah.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("http://3.bp.blogspot.com/-pPK8DXVZf4M/T70DdIaswPI/AAAAAAAAApI/BpyoXeC0Qjs/s1600/blogger-indo.png") </script>

    Logo Blogger Indonesia Pojok Kanan Bawah
    <script language="JavaScript" src="http://dapurtutorial.googlecode.com/files/Logo-Blogger-kanan-bawah.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("http://3.bp.blogspot.com/-pPK8DXVZf4M/T70DdIaswPI/AAAAAAAAApI/BpyoXeC0Qjs/s1600/blogger-indo.png") </script>
  7. Klik simpan dan lihat hasilnya.
  8. Selesai
Sekian postingan kalai ini. semoga postingan Pasang Logo Blogger Indonesia Di Blog bisa mempercantik tampilan blog anda dan semoga postingan ini juga bisa bermanfaat untuk sobat-sobat blogger lainya.

Cara Pasang Kode Warna Di blog V.3

Cara Pasang Kode Warna Di blog V.3 - Jumpa Lagi dengan Master Chef Dapur Tutorial Blogspot . Kali ini  Master Chef punya informasi lagi tetang widget kode warna. pada artikel sebelumnya master chef sudah menyampaikan cara memasang widget kode warna V.1, widget kode warna v.2 dan kali ini adalah V.3.

Cukup menarik tampilan widget kode warana ini. Demo nya bisa dilihat seperti yang ada dibawah berikut ini.

Gat a Widget Kode Warna

Prsedur pemasangan widget kode warna ini juga tidak terlalu ribet atau susah tidak seperti widget kode warna V.1 sebelumnya yang harus melakukan Edit HTML. Ok, buat sobat yang tertarik untuk memasang widget kode seperti diatas, tinggal tambahkan widget HTML/JavaScript kemudian Copy saja kode yang sudah Master Chef sediakan dibawah ini :
<div style="text-align: center; line-height: 0;">  <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
 codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">
<param name="src" value="http://www.allblogtools.com/MiSc/colors/color-codes.swf" />
<param name="pluginspage" value=" http://www.macromedia.com/go/getflashplayer" />
<embed width="400" height="400" type="application/x-shockwave-flash"
src="http://www.allblogtools.com/MiSc/colors/color-codes.swf"   pluginspage=" http://www.macromedia.com/go/getflashplayer" />
</object></div><div style="display: yes; text-align: center;">
Gat a Widget&nbsp;<a href="http://dapur-tutorial.blogspot.com/2012/10/cara-pasang-kode-warna-di-blog-v3.html" rel="dofollow">Kode Warna</a></div>
 Letakan kode kedalam widget HTML/JavaScript. Jangan lupa klik simpan.

Keterangan :
  1. Kode yang berwarna merah adalah lebar widget kode warna
  2. Kode warna merah adalah tinggi widget kode warna
Nah itu dia Cara Pasang Kode Warna Di blog V.3. mungki sekian dulu yang bisa Master chef sampaikan pada kesempatan ini. pada kesempatan berikutnya master chef akan terus update tetang bahasan menarik lainnya jadi terus update di Dapur Tutorial Blogspot.

Memasang Animasi Widget Orang Berlari di Blog

Memasang Animasi Widget Orang Berlari di Blog - Selamat datang di postingan Master chef dapur Tutorial Blogspot kalai ini. Disini master chef ingin berbagi resep soal animasi widget orang berlari di sisi kiri blog. gambar animasi sepertinya memang populer digunakan oleh para blogger untuk menghias halaman blognya agar tampil unik dan menarik. gambar animasi kurang lebih seperti pada gambar berikut :


Animasi tersebut akan kita pasang disisi kiri blog anda. apabila ada sobat blogger Dapur Tutorial Blogspot yang tertarik memasangnya dihalaman blog masing-masing tinggal Copy kode berikut ini dan letakan didalam widget HTML Java/Script tetapi widgetnya jangan diberi judul lalu save dan lihat hasilnya.
<div style="position: fixed; bottom: 0px; left: 10px;width:82px;height:180px;"><img src="http://2.bp.blogspot.com/-aDq0Bvq0BxY/Tp0NLLtOHII/AAAAAAAADVc/NwShUCBCAwU/s1600/animasi+bergerak-4.gif"height="140px" border="0" /></a><small><center><a href="http://dapur-tutorial.blogspot.com/2012/10/memasang-animasi-widget-orang-berlari-diblog.html" rel="dofollow"target="_blank"style="display:yes;">Ged a Widget</a><br/><a href="http://dapur-tutorial.blogspot.com/" target="_blank"style="display:none;"rel="dofollow">dapur tutorial blogspot</a></center></small></div>
Ok itu dia resep soal cara Memasang Animasi Widget Orang Berlari di Blog. semoga widget ini dapat mempercantik tampilan halaman blog sobat. selamat mencoba dan selamat menikmati.

Cara Membuat Menu Navigasi Horizontal di Blog

Cara Membuat Menu Navigasi Horizontal di Blog - Penyakit tidak bisa tidur kambuh lagi, buat ngisi waktu tidak bisa tidur seperti ini biasanya nonton TV, karna acara TV nya diulang-ulang terus bosan akhinya nyalain laptop dan langsung menuju rumah blogger ini. Kalai ini Master Chef ingin share soal Menu Navigasi Horizintal.

Jauh sebelum Tutorial ini dibuat Master Chef Dapur Tutorial Blogspot Juga sudah pernah Postinga Tutorial Tehnik Membuat Menu Dropdown Horizontal Plus Search Enggine Blog. Menu Navigasi Horizontal yang akan kita buat adalah Menu Navigasi Horizontal seperti berikut :



Buat Pemula mungkin akan kebingungan bagaimana caranya untuk memasang ke halaman blog, namun Sekarang sobat tidak perlu bingung lagi karena Master chef akan berikan resepnya sebagai berikut :
  1. Silahkan login kehalaman blogger masing-masik
  2. Pada bagaian Dashboard Pilih Template
  3. Kemudian Klik Tombol Edit HTML
  4. Klik lagi pada Tombol Proses atau Lanjutkan
  5. Sekarang Anda sudah berada di area Edit HTML
  6. Supaya tidak berakibat fatal saat Edit HTML Sebaiknya anda Mengamankan template anda terlebih dahulu. Lebih Lanjut Baca Tutorial Cara Upload dan Back-Up Template pada Tampilan Baru Blogspot
  7. Apabila Template sudah aman Cari kode ]]></b:skin> (Gunakan Tombol CTRL + F dan F3 untuk mempermudah pencarian kode
  8. Copy kode berikut dan letakan diatas kode ]]></b:skin> 
  9. .menupic2{background:#fff url(http://3.bp.blogspot.com/-wOOTsmJgyJ0/T35TXX2lPII/AAAAAAAAF6I/PzGwn2pexBM/s1600/menu-orange.jpg) repeat-x bottom left;width:980px;margin:0 auto;padding:0 auto;border-left:1px solid $bordercolor;border-right:1px solid $bordercolor;}
    .menuhorisontal2 {width:980px;height:24px;margin:0 auto; padding:5px 0px;border-bottom:solid 1px #fff;}
    .menuhorisontal2 ul{margin: 0; padding-left:7px;color:#666;text-transform: capitalize;list-style-type: none;font:normal 12px Arial, Helvetica,Verdana,sans-serif;}
    .menuhorisontal2 li{display: inline; margin: 0;}
    .menuhorisontal2 li a{float: left;display: block;text-decoration:none;
    padding: 5px 6px 4px 6px;border-right:0px solid #415770;font-weight:bold;color: #fff}
    .menuhorisontal2 li a:visited{color: #fff;}
    .menuhorisontal2 li a:hover {background:#979797;border-radius:10px;-webkit-border-radius:10px;-opera-border-radius:10px;-moz-border-radius:10px;color:#222;text-decoration:none;-moz-box-shadow: inset 2px 2px 2px #404040;-webkit-box-shadow: inset 2px 2px 2px #404040;box-shadow: inset 2px 2px 2px #404040;}
    Keterangan :
    • Kode Warna Hijau adalah panjang Menu Horizontal (silahkan sesuaikan)
    • Kode Warna Pink adalah Tinggi Menu Horizontal (silahkan sesuaikan)
  10. Jika sudah sekarang cari kode berikut :
  11. <div id='header-wrapper'>  
    .............
    </b:section>
        </div>
    Jika tidak ketemu kode diatas Cari kode seperti ini :
    <div class='header-outer'>
        ...............................
    </b:section>
        </div>
  12. Apabila sudah ketemu salah satu kode diatas Copy kode berikut dan letakan diatas salah satu kode pada point 9
  13. <div class='menupic2'>
    <div class='menuhorisontal2'>
    <ul>
    <li class='current_page_item'><a href='http://mister-complete.blogspot.com/' title='Home'>Home</a></li>
    <li><a href='#'>Menu 1</a></li>
    <li><a href='#'>Menu 2</a></li>
    <li><a href='#'>Menu 3</a></li>
    <li><a href='#'>Menu 4</a></li>
    <li><a href='#'>Menu 5</a></li>
    <li><a href='#'>Menu 6</a></li>
    <li><a href='#'>Menu 7</a></li>
    <li><a href='#'>Menu 8</a></li>
    <li><a href='#'>Menu 9</a></li>
    <li><a href='#'>Menu 10</a></li>
    </ul>
    </div>
    </div>
    Keterangan :
    • Kode Warna Biru Silahkan Ganti Dengan URL (sesuai keinginan)
    • Kode Warna Merah Silahakah ganti sesuai yang diinginkan
  14. Terakhir Klik Simpan dan lihat hasilnya
Nah itu itu dia resep Cara Membuat Menu Navigasi Horizontal di Blog. mungkin sekian dulu tutorial kali ini semoga bisa bermanfaat. dan jangan lupa nantikan tutorial-tutorial lainnya di Dapur Tutorial Blogspot.

Cara Memasang kode Warna Di blog V.2

Cara Memasang kode Warna Diblog V.2 - Sebelumnya Master Cheft Dapur Tutorial Blogspot  sudah sukses memposting Cara Memasang Widget Kode Warna di Blog V.1, pastinya sobat-sobat blogger yang sudah membaca tutorial tersebut masih ingat. nah pada kesempatan kali ini Master Chef ingin berikan resep untuk memasang kode warna v.2.

Kode warna ini terbilang menarik karna dibuat dalam animasi flash yang bergerak berputar. Seperti Terlihat dibawah ini.

Gat a Widget Kode Warna

cara yang digunakan untuk memasang kehalaman blog baik pada postingan maupun pada sidebar blog juga sangat mudah. Dibawah ini Master chef sudah sediakan kode untuk memasang tool kode warna kehalaman blog. jika sobat Blogger Tertarik untuk memasang tool tersebut tinggal copy kodenya dan masukan kehalaman blog sesuai keingin(bisa didalam postingan dan bisa di widget)

Kode Untuk Menampilkan Tool Kode Warna
<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="#000000" name="col" width="480" align="middle" height="480"></embed> </object></div>
<div style="display: yes;">
Gat a Widget&nbsp;<a href="http://dapur-tutorial.blogspot.com/2012/10/cara-memasang-kode-warna-di-blog-v2.html" rel="dofollow">Kode Warna</a></div>
</center>
Keterangan :

  1. Kode Warna Hijau adalah tinggi widget Kode warna (silahkan ubah sesuai kebutuhan)
  2. Kode Warna Merah adalah Lebar widget Kode warna (silakan diubah sesuai kebutuhan)
  3. Kode yang berwarna biru adalah kode untu warna baground widget (silakan disesuaikan)
Mungkin sekian dulu tutorial Cara Memasang Kode Warna Di blog V.2, semoga bisa membantu dan memberikan manfaat.

Harga HP Smart Phone Blackberry Terbaru

Harga HP Smart Phone Blackberry Terbaru - Hallo sobat Blogger. pada kesempatan kali ini terus terang lagi males banget bikin postingan. karena tadi jalan-jalan bareng bah google cari-cari informasi Harga Blackberry dakota eh....malah ketemu harga yang lengkap banget.

Pikir-pikir barang kali ada sobat blogger yang lagi punya hajat mau beli smart phone Blackberry sehingga ingin cari tau kisaran harga saat ini maka bisa dijadikan postingan ini sebgai refrensi.

Berikut ini Daftar Harga Lengkap HP Blackberry terbaru :

Tipe HP
Harga Baru (Rp)
Harga Bekas (Rp)
BlackBerry Apollo 9360
Rp2.800.000
Rp2.400.000
BlackBerry Belagio 9790
Rp3.700.000
-
BlackBerry Bold 9000
Rp1.450.000
Rp1.150.000
BlackBerry Bold 9650
Rp1.800.000
Rp1.600.000
BlackBerry Bold 9700
-
Rp1.750.000
BlackBerry Bold 9780
Rp 2.800.000 (-350.000)
Rp 2.200.000 (-100.000)
BlackBerry Bold 9790
Rp4.250.000
Rp3.400.000
BlackBerry Bold 9900
Rp5.350.000
Rp4.300.000
BlackBerry Bold 9930
Rp 4.350.000 (-275.000)
Rp 3.500.000 (-300.000)
BlackBerry Curve 8310
-
Rp600.000
BlackBerry Curve 8320
-
Rp700.000
BlackBerry Curve 8530 AHA
Rp1.000.000
Rp700.000
BlackBerry Curve 8530 Smart
Rp 800.000 (-400.000)
-
BlackBerry Curve 9220
Rp1.925.000
-
BlackBerry Curve 9300 3G
Rp 2.200.000 (-50.000)
Rp. 1.500.000 (-200.000)
BlackBerry Curve 9320
Rp2.550.000
-
BlackBerry Curve 9360
Rp3.000.000
Rp 2.300.000 (-200.000)
BlackBerry Curve 9380
Rp2.900.000
Rp2.400.000
BlackBerry Curve Gemini 8520
Rp 1.500.000 (-50.000)
Rp 1.050.000 (-50.000)
BlackBerry Dakota 9900
Rp5.200.000
Rp4.500.000
BlackBerry Javelin 8900
-
Rp1.250.000
BlackBerry Odin 9550 Blogadexme
Rp1.850.000
Rp1.550.000
BlackBerry Onyx 9700
Rp2.200.000
Rp1.700.000
BlackBerry Onyx 9780
Rp3.200.000
Rp2.400.000
BlackBerry Orlando 9380
Rp2.600.000
Rp2.200.000
BlackBerry Pearl 8100
Rp800.000
Rp600.000
BlackBerry Pearl 8120
Rp1.100.000
Rp700.000
BlackBerry Pearl 8220
Rp1.050.000
Rp700.000
BlackBerry Pearl 9100 3G
Rp2.000.000
Rp1.450.000
BlackBerry Pearl 9105 3G
Rp1.950.000
Rp1.500.000
BlackBerry Playbook 16 GB
Rp2.800.000
-
BlackBerry Playbook 32 GB
Rp4.500.000
-
BlackBerry Playbook 64 GB
Rp5.500.000
-
BlackBerry Storm 9530
Rp1.450.000
Rp1.050.000
BlackBerry Strom 9500
-
Rp1.250.000
BlackBerry Strom2 9550
-
Rp1.500.000
BlackBerry Style 9670
-
Rp1.400.000
BlackBerry Torch 9630
Rp1.450.000
Rp1.150.000
BlackBerry Torch 9800
Rp 3.500.000 (-50.000)
Rp 2.500.000 (-400.000)
BlackBerry Torch 9810
Rp 3.950.000 (-900.000)
Rp3.200.000
BlackBerry Torch 9850
Rp 3.300.000 (-200.000)
Rp 2.750.000 (-250.000)
BlackBerry Torch 9860
Rp 3.700.000 (-50.000)
Rp 3.100.000 (-100.000)

OK itu dia Harga HP Smart Phone Blackberry Terbaru. tapi ingat harga diatas bukanlah harga yang sudah fik karena sewaktu-waktu harga dapat berubah tergantung dengan wilayah atau tempat anda tinggal. Dan buat sobat yang mencari informasi mengenai ini semoga bisa bermanfaat.

Cara Buat Animasi Text Banner Dari Flashvortex

Cara buat Animasi Text Banner Dari Flashvortex - Selamat datang sahabat-sahabat blogger Dapur Tutorial Blogspot, ketemu lagi dengan Master Chef. pada kesempatan kali ini Master Cheft ingin bagi-bagi resef tetantang cara membuat Animasi text banner. Seblumnya tutorial ini juga sudah pernah disampaikan pada tutorial sebelumnya tetang Cara Membuat Animasi Banner Keren.

Untuk membuat banner animasi tersebut kita akan memanfaatkan fasilitas yang disediakan gratis dan juga berbayar yaitu http://www.flashvortex.com/. www.flashvortex.com menurut Master Chef lumayan keren karena fasilitas yang disediakan lumayan lengkap mulai dari animasi text, animasi banner, tombol navigasi dan lain-lain.

Untuk membuat Animasi Taxt Banner Dari Flashvortex adalah sebagai berikut :
  1. Kunjungi URL Web berikut http://www.flashvortex.com/
  2. Setelah anda masuk klik pada menu Banner pada bagian yang dilingkari



  3. Pilih jenis banner yang diinginkan. kalau sudah dipilih klik Clik Here To Edit This seperti pada bagian yang dilingkari berikut



  4. Tunggu beberapa saat anda akan dibawa kehalaman edit banner seperti berikut



  5. Seperti gambar diatas sobat dapat memasukan tulisan sesuai yang sobat inginkan. 
  6. Pada bagian "General Setting" jangan lupa masukan URL yang ingin dituju saat baner diklik 
  7. Apabila semua selesai Klik Tombol " Generate Animation"



  8. Tunggu beberapa saat sampai muncul tampilan seperti berikut :



  9. Copy kode banner seperti yang ditunjuk anak panah pada gambar diatas dan masukan kehalam blog sobat. 
  10. Selesai
Tidak perlu susah payahkan untuk membuat text animasi banner yang keren. sekian dulu dari master cheft Dapur Tutorial Blogspot Semoga bisa bermanfaat.

Tanya Jawab Pengaruh Ganti Template Terhadap SEO

Tanya Jawab Pengaruh Ganti Template Terhadap SEO - Postingan kali ini berhubungan dari salah satu Sobat Blogger Dapur Tutorial Blogspot dan SEO yang bertanya sebagai berikut :


Cukup sulit untuk menjawab pertanyaan terebut karena jujur Master Cheft juga masih belum begitu lihai dalam mengelola dapur SEO. Meskipun begitu Master Cheft akan mencoba untuk mengulasnya, akan tetapi Tetap mengajak sobat-sobat Dapur Tutorial Blogspot untuk membahasnya bersama-sama.

Disini Master Cheft Bukan Menjawab ataupun mengajari, disini master cheft hanya akan berbagi pengalaman seputar template dan akhirnya menarik kesimpulan dari pengalaman tersebut.

Dulu semenjak pertama kali terjum ke dunia blogging Dapur Tutorial Blogspot Bernama Larasmadyo.blogspot.com kemudian menjadi www.Larasmadyo.com dan yang terakhir adalah dapur-tutorial.blogspot.com. pada waktu masih diblog pertama larasmadyo.blogspot.com saya menggunakan template bawaan blogger. Alexa rank yang saya miliki lumayan bagus kuranglebih 400,000. karena semakin sering blogwallking banyak menemui template-template unik akhirnya terfikir untuk memiliki template unik seperti mereka. Dari sinilah mulai sering mengganti template blog saya.

Ternyata tidak disadari alexa rank saya perlahan dan pasti mulai membengkak dan trafik pengunjung juga menurun namun saya tidak menghiraukan hal itu karena saya juga masih belumtau penyebabnya. dalam waktu beberapa bulan alexa rank saya semaikin meningkat menjadi 3 jutaan. wah.......disini mulai pusing kenapa jadi seperti itu.

Akhirnya saya bertanya kepada teman saya tetang hal tersebut. tenyata dulu dia juga mengalami hal yang sama. saat saya bertanya dia menjawab ; "kamu pasti sering ganti-ganti template !", saya jawab;" iya. kembali ia menjelaskan bahwa penyebabnya karna kamu terlalu sering ganti template sehingga alexa rank membengkak. saya pun bilangk kok bisa ?. dia menjawab; " ya bisa dong !"

Teman saya pun menjelaskan apa bila kita sering gonta-ganti template membuat struktur template menjadi berubah. berubahnya struktur template mengakibatkan salah satu sistem search engine yang disebut crawler kesulitan menjelajahi halaman blog lebih jelasnya mengenai Crawler yaitu aktifitas dimana seacrh engine melakukan pengumpulan data pada blog atau lebih singkatnya melakukan pengindexan terhadap blog dan memberikan peringkat serta menyusun dan menata halaman dalam bentuk index terstruktur agar lebih mudah dicari dalam waktu singkat.

Nah kesimpulan yang bisa kita ambil kenapa kok bisa ganti template memberikan pengaruh buruk tehadap seo yaitu apabila kita suka gonta-ganti template membuat struktur template berubah. berubahnya struktur tempate akan membuat mesin pencari kesulitan mengenali data blog yang baru sehingga harus melakukan penjelajahan dari awal lagi. hal ini sama halnya ketika anda memiliki rumah dan karena mendadak anda pindah keluar kota. suatu saat teman anda ingin berkunjung kerumah anda karena urusan sangat penting dan ternyata anda sudah pindah. akhirnya teman anda membutuhkan usaha lebih keras demi menemukan anda.

Ok itu dia yang bisa Master Cheft Dapur Tutorial Blogspot tetang sesi Tanya Jawab Pengaruh Ganti Template Terhadap SEO. Master Cheft tentunya juga membutuhkan pengetahuan sobat blogger untuk hal ini. trimakasih semoga bisa membantu. Sukses dan salam blogger.

Cara Memasang Widget Kode Warna di Blog V.1

Tutorial Blog dan Widget, Cara Memasang Widget Kode Warna di Blog. kemaren Master cheft Dapur Tutorial Blogspot dan SEO sempat memasang Widget Kode Warna Lengkap. Kode warna begitu penting peranannya apa lagi untuk anda-anda yang senang otak atik template. bagaimasih yang dimaksut dengan kode warna ?. sebenarnya kode warna beragam bentuknya dan kode warna yang akan kita pasanga adalah kode warna yang seperti dibawah ini :


Demo : Kode Warna

Widget Kode warna yang lain nanti akan kita bahas pada bahasan berikutnya. berikut langkah-langkah untuk memasang widget kode warna pada halaman blog.

Lankah 1.
  1. Pastikan sobat sudah login kehalaman blog sobat
  2. Masuk Ke Halaman Edit HTML dengan Cara Pilih Template --> Edit HTML --> Proses/Lanjutnkan ( Jika masih belum pahan baca tutorial cara mengakses halaman Edit HTML)
  3. Download Template Lengkap terlebih dahulu untuk mengantisipasi kesalahan saat melakukan edit template
  4. Setelah itu cari kode ]]></b:skin>
  5. Sudah ketemu Copy kode berikut dan Letakan dibawah kode ]]></b:skin>
  6. <script language='javascript'>
    function Barva(koda)
    {
    document.getElementById(&quot;vzorec&quot;).bgColor=koda;
    document.hcc.barva.value=koda.toUpperCase();
    document.hcc.barva.select();
    }
    function BarvaDruga(koda)
    {
    document.getElementById(&quot;vzorec2&quot;).bgColor=koda;
    document.hcc.Barva2.value=koda.toUpperCase();
    document.hcc.Barva2.select();
    }
    </script>

    <script type='text/javascript'>

    var hue;
    var picker;
    //var gLogger;
    var dd1, dd2;
    var r, g, b;

    function init() {
    if (typeof(ygLogger) != &quot;undefined&quot;)
    ygLogger.init(document.getElementById(&quot;logDiv&quot;));
    pickerInit();
    //ddcolorposter.fillcolorbox(&quot;colorfield1&quot;, &quot;colorbox1&quot;) //PREFILL &quot;colorbox1&quot; with hex value from &quot;colorfield1&quot;
    //ddcolorposter.fillcolorbox(&quot;colorfield2&quot;, &quot;colorbox2&quot;) //PREFILL &quot;colorbox1&quot; with hex value from &quot;colorfield1&quot;
    }

    // Picker ---------------------------------------------------------

    function pickerInit() {
    hue = YAHOO.widget.Slider.getVertSlider(&quot;hueBg&quot;, &quot;hueThumb&quot;, 0, 180);
    hue.onChange = function(newVal) { hueUpdate(newVal); };

    picker = YAHOO.widget.Slider.getSliderRegion(&quot;pickerDiv&quot;, &quot;selector&quot;, 0, 180, 0, 180);
    picker.onChange = function(newX, newY) { pickerUpdate(newX, newY); };

    hueUpdate();

    dd1 = new YAHOO.util.DD(&quot;pickerPanel&quot;);
    dd1.setHandleElId(&quot;pickerHandle&quot;);
    dd1.endDrag = function(e) {
    // picker.thumb.resetConstraints();
    // hue.thumb.resetConstraints();
    };
    }

    executeonload(init);

    function pickerUpdate(newX, newY) {
    pickerSwatchUpdate();
    }

    function hueUpdate(newVal) {

    var h = (180 - hue.getValue()) / 180;
    if (h == 1) { h = 0; }

    var a = YAHOO.util.Color.hsv2rgb( h, 1, 1);

    document.getElementById(&quot;pickerDiv&quot;).style.backgroundColor =
    &quot;rgb(&quot; + a[0] + &quot;, &quot; + a[1] + &quot;, &quot; + a[2] + &quot;)&quot;;

    pickerSwatchUpdate();
    }

    function pickerSwatchUpdate() {
    var h = (180 - hue.getValue());
    if (h == 180) { h = 0; }
    document.getElementById(&quot;pickerhval&quot;).value = (h*2);

    h = h / 180;

    var s = picker.getXValue() / 180;
    document.getElementById(&quot;pickersval&quot;).value = Math.round(s * 100);

    var v = (180 - picker.getYValue()) / 180;
    document.getElementById(&quot;pickervval&quot;).value = Math.round(v * 100);

    var a = YAHOO.util.Color.hsv2rgb( h, s, v );

    document.getElementById(&quot;pickerSwatch&quot;).style.backgroundColor =
    &quot;rgb(&quot; + a[0] + &quot;, &quot; + a[1] + &quot;, &quot; + a[2] + &quot;)&quot;;

    document.getElementById(&quot;pickerrval&quot;).value = a[0];
    document.getElementById(&quot;pickergval&quot;).value = a[1];
    document.getElementById(&quot;pickerbval&quot;).value = a[2];
    var hexvalue = document.getElementById(&quot;pickerhexval&quot;).value =&#39;#&#39;+
    YAHOO.util.Color.rgb2hex(a[0], a[1], a[2]);
    ddcolorposter.initialize(a[0], a[1], a[2], hexvalue)
    if (hexvalue!=&quot;#FFFFFF&quot;) document.getElementById(&quot;pickerhexval&quot;).select();
    }

    </script><!--[if gte IE 5.5000]>
  7. Sekarang Simpan Template
Lankah 2.

Pada langkah ke 2 ini kita akan menampilkan kodewarnanya kehalaman blog. kode warna ini dapat sobat tampilkan didalam postingan seperti milik Dapur Tutorial Blogspot ataupun pada bagian sidebar. namun kebanyakan para blogger memasangnya didalam postingan. berikut langkah-langkahnya :

  1. Buat Postingan baru
  2. Beri judul postingan, terserah mau dikasih judul apa
  3. Sekarang  pindah pada bagian HTML (Lihat pada gambar)
  4. Copy kode berikut dan paste kedalam postingan
  5. <center>
    <form id="hcc" name="hcc">
    <table align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0" style="border-collapse: collapse;"><tbody>
    <tr><td><table align="center" border="0" cellpadding="0" cellspacing="1" style="width: 375px;"><tbody>
    <tr height="24"><td bgcolor="#190707" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#2a0a0a" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#3b0b0b" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#610b0b" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#8a0808" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#b40404" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#df0101" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#ff0000" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#fe2e2e" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#fa5858" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#f78181" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#f5a9a9" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#f6cece" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#f8e0e0" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#fbefef" onclick="Barva(this.bgColor)"><br /></td></tr>
    <tr height="24"><td bgcolor="#191007" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#2a1b0a" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#3b240b" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#61380b" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#8a4b08" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#b45f04" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#df7401" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#ff8000" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#fe9a2e" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#faac58" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#f7be81" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#f5d0a9" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#f6e3ce" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#f8ece0" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#fbf5ef" onclick="Barva(this.bgColor)"><br /></td></tr>
    <tr height="24"><td bgcolor="#181907" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#292a0a" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#393b0b" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#5e610b" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#868a08" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#aeb404" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#d7df01" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#ffff00" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#f7fe2e" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#f4fa58" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#f3f781" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#f2f5a9" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#f5f6ce" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#f7f8e0" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#fbfbef" onclick="Barva(this.bgColor)"><br /></td></tr>
    <tr height="24"><td bgcolor="#101907" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#1b2a0a" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#243b0b" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#38610b" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#4b8a08" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#5fb404" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#74df00" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#80ff00" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#9afe2e" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#acfa58" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#bef781" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#d0f5a9" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#e3f6ce" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#ecf8e0" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#f5fbef" onclick="Barva(this.bgColor)"><br /></td></tr>
    <tr height="24"><td bgcolor="#071907" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#0a2a0a" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#0b3b0b" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#0b610b" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#088a08" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#04b404" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#01df01" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#00ff00" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#2efe2e" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#58fa58" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#81f781" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#a9f5a9" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#cef6ce" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#e0f8e0" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#effbef" onclick="Barva(this.bgColor)"><br /></td></tr>
    <tr height="24"><td bgcolor="#071910" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#0a2a1b" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#0b3b24" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#0b6138" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#088a4b" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#04b45f" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#01df74" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#00ff80" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#2efe9a" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#58faac" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#81f7be" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#a9f5d0" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#cef6e3" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#e0f8ec" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#effbf5" onclick="Barva(this.bgColor)"><br /></td></tr>
    <tr height="24"><td bgcolor="#071918" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#0a2a29" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#0b3b39" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#0b615e" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#088a85" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#04b4ae" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#01dfd7" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#00ffff" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#2efef7" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#58faf4" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#81f7f3" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#a9f5f2" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#cef6f5" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#e0f8f7" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#effbfb" onclick="Barva(this.bgColor)"><br /></td></tr>
    <tr height="24"><td bgcolor="#071019" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#0a1b2a" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#0b243b" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#0b3861" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#084b8a" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#045fb4" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#0174df" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#0080ff" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#2e9afe" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#58acfa" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#81bef7" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#a9d0f5" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#cee3f6" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#e0ecf8" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#eff5fb" onclick="Barva(this.bgColor)"><br /></td></tr>
    <tr height="24"><td bgcolor="#070719" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#0a0a2a" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#0b0b3b" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#0b0b61" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#08088a" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#0404b4" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#0101df" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#0000ff" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#2e2efe" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#5858fa" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#8181f7" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#a9a9f5" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#cecef6" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#e0e0f8" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#efeffb" onclick="Barva(this.bgColor)"><br /></td></tr>
    <tr height="24"><td bgcolor="#100719" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#1b0a2a" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#240b3b" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#380b61" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#4b088a" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#5f04b4" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#7401df" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#8000ff" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#9a2efe" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#ac58fa" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#be81f7" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#d0a9f5" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#e3cef6" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#ece0f8" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#f5effb" onclick="Barva(this.bgColor)"><br /></td></tr>
    <tr height="24"> <td bgcolor="#190718" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#2a0a29" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#3b0b39" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#610b5e" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#8a0886" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#b404ae" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#df01d7" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#ff00ff" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#fe2ef7" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#fa58f4" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#f781f3" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#f5a9f2" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#f6cef5" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#f8e0f7" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#fbeffb" onclick="Barva(this.bgColor)"><br /></td></tr>
    <tr height="24"><td bgcolor="#190710" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#2a0a1b" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#3b0b24" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#610b38" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#8a084b" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#b4045f" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#df0174" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#ff0080" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#fe2e9a" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#fa58ac" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#f781be" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#f5a9d0" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#f6cee3" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#f8e0ec" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#fbeff5" onclick="Barva(this.bgColor)"><br /></td></tr>
    <tr height="10"><td><br /></td></tr>
    <tr height="24"><td bgcolor="#000000" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#0b0b0b" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#151515" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#1c1c1c" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#2e2e2e" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#424242" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#585858" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#6e6e6e" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#848484" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#a4a4a4" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#bdbdbd" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#d8d8d8" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#e6e6e6" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#f2f2f2" onclick="Barva(this.bgColor)"><br /></td><td bgcolor="#ffffff" onclick="Barva(this.bgColor)"><br /></td></tr>
    </tbody></table>
    </td></tr>
    </tbody></table>
    <table align="center" border="0" cellpadding="0" cellspacing="2"><tbody>
    <tr height="24"><td height="24" id="vzorec" width="24"><br /></td><td valign="bottom">Kode warna yang terpilih : <input id="barva" maxlength="7" name="barva" size="9" style="font-family: Verdana; font-size: 12px; font-weight: bold; height: 16px; width: 74px;" type="text" /></td></tr>
    </tbody></table>
    </form>
    <div style="display: yes;">
    Gat a Widget&nbsp;<a href="http://dapur-tutorial.blogspot.com/2012/10/cara-memasang-widget-kode-warna-di-blog.html" rel="dofollow">Kode Warna</a></div>
    </center>
  6. Publikasi postingan dan lihat hasilnya
  7. Selesai
Nah itu dia cara memasang Widget kode warna. silahkan mencoba dan semoga bisa bermanfaat.
 
Support : PING by :Ping-o-Matic | Pusat Promosi
Copyright © 2011. Tutorial dan Free Download - All Rights Reserved
Template Modify by Creating Website
Re Design by Bang Aris