Support Play

1500+ free Font pack for windows

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;">Anda bosen dengan Font dikomputer anda yang itu-itu saja, mungkin anda  sudah saatnya menambahkan jenis font baru untuk windows anda, coba saja  anda buka photo shop, corel draw atau Microsoft word atau silahkan buka  C:\WINDOWS/Fonts dan hitung jumlah fontnya seberapa banyak font anda,  apakah sudah cukup memuaskan untuk membuat tulisan-tulisan yang menarik.<br />Apalagi jika anda adalah seorang yang suka membuat tulisan-tulisan  ataupun logo, untuk menambahkan berbagai jenis font anda harus  menambahkan font sendiri anda bisa membelinya disitus-situs yang memang  menyediakan font untuk dijual, namun ada juga yang memberikannya secara  gratis atau cuma-cuma untuk didonload, nah seakarang saya akan  memberikan berbagai jenis font gratis untuk anda sekitar 1500 macam font  bisa anda download dengan demikian windows anda akan  memiliki berbagai  macam pilihan font agar tidak membosankan, dan anda dijamin tidak akan  kehabisan akal dan pasal untuk membuat tulisan-tulisan yang keren dengan  1500 lebih macam font!</div><div style="text-align: justify;"><b>Link download dibawah!</b></div><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_CkJF6pSWpJQ/SiKXEzQbfWI/AAAAAAAAAWw/6BYH5q8Ths0/s400/v3dq91.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="http://3.bp.blogspot.com/_CkJF6pSWpJQ/SiKXEzQbfWI/AAAAAAAAAWw/6BYH5q8Ths0/s400/v3dq91.jpg" width="300" /></a></div></div><b>Cara installnya :</b><br /><ol><li>Download dan simpan di komputer anda</li><li>Ekstrak  file RAR Ke dalam bentuk folder caranya : Klik kanan pada file RAR.nya >> Extract here>> </li><li>Jika sudah diextract buka folder <b>+1500-Fonts </b>dan Copy seluruh Font</li><li>Sekarang buka <b>C:\WINDOWS\Fonts</b> dan Pastekan seluruh font tadi kedalam folder <b>C:\WINDOWS\Fonts</b></li><li><b> </b>Tunggu sebentar font akan diinstall beberapa saat tunggu sampai proses 100%</li><li>Jika sudah selesai restart komputer anda dan silahkan lihat hasilnya</li><li>Untuk mengetahui perubahan penambahan jenis font pada komputer anda bukalah Photoshop, Coreldraw, atau bisa juga MicrosoftWord<b><br /></b></li></ol>Oke Sob sekarang silahkan didownload linknya dibawah ini! kalau link rusak silahkan hubungi saya! atau langsung saja masuk ke <a href="http://sharebee.us/" rel="nofollow" target="new">situ resminya</a>  <br /><br /><b><a class="art-button" href="http://rapidshare.com/files/366542480/1500_fonts_pack.rar" rel="nofollow" target="new">Download 1</a> | <a class="art-button" href="http://rapidshare.com/files/349555411/70_Best_Free_Fonts.rar" rel="nofollow" target="new">Download 2</a></b></div><script type="text/javascript">    ( function() {     if (window.CHITIKA === undefined) {       window.CHITIKA = { 'units' : [] };     };     var unit = {       'publisher' : "candikrajan",       'width' : 550,       'height' : 90,       'type' : "mpu",       'sid' : "Chitika Default",       'color_site_link' : "CC6312",       'color_title' : "CC6312",       'color_border' : "FFFFFF",       'color_text' : "000000",       'color_bg' : "FFFCFF"     };     var placement_id = window.CHITIKA.units.length;     window.CHITIKA.units.push(unit);     document.write('<div id="chitikaAdBlock-' + placement_id + '"></div>');     var s = document.createElement('script');     s.type = 'text/javascript';     s.src = 'http://scripts.chitika.net/getads.js';     try {       document.getElementsByTagName('head')[0].appendChild(s);     } catch(e) {       document.write(s.outerHTML);     } }()); </script>

komputer 1500+ free Font pack for windows

Anda bosen dengan Font dikomputer anda yang itu-itu saja, mungkin anda sudah saatnya menambahkan jenis font baru untuk windows anda, coba s...

Cara update video/graphic driver

Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;">Bagi para gamer mungkin kata ini sangat di kenal yaitu <i>Graphic Card</i>.  Bagian yang sangat berpengaruh pada kemampuan game aplagi game sekarang  berukuran besar-besar seperti game online point blank dan yang lainnya.  Kini ada 2 perusahaan besar yang berkaitan dengan graphic card yaitu  NVdia ( Ge Force dan Quadro ) dan Ati ( Radeon dan Fire GL ). </div><div style="text-align: justify;">Bagi yang mempunyai komputer mungkin bagian ini bisa anda upgrade,  diganti dengan yang update sekarang. Namun bagi pemilik laptop bagian  ini merupakan pluged alias sudah jadi satu kestuan dengan bagian yang  lain.  Tapi jangan khawatir anda bisa terus bermain game yang update dengan 2  cara ini : (sayaanggap laptopnya memiliki kapasitas processor di atas  1.3 GHz, karena laptop sekarang memiliki kapasitas processor sebesar itu  ) </div><ol><li>Upgrade Memory  Ganti memory anda menjadi 1GB atau 2GB</li><li>Update Graphic Driver  Untuk melihat spesifikasi graphic driver anda bisa liahat di “Run“, caranya  Run à Ketik “dxdiag” à pilih monitor, tampilannya akan seperti ini</li></ol><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbixvZwOB_dJ86ntVgUImt-kzWidEy1Ir8GFw1Y7qPWq8v8FfPkbSWwNeuCkshCPuUUdR56rQNPOetAH57oeOgnBlKgxl4benNHCW53r1d1tzB2a8ItHlAHuHXTtZUiaScf4EX-XB_NlK1/s1600/Cara+Update+driver+graphic.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbixvZwOB_dJ86ntVgUImt-kzWidEy1Ir8GFw1Y7qPWq8v8FfPkbSWwNeuCkshCPuUUdR56rQNPOetAH57oeOgnBlKgxl4benNHCW53r1d1tzB2a8ItHlAHuHXTtZUiaScf4EX-XB_NlK1/s1600/Cara+Update+driver+graphic.JPG" /></a></div><br />Anda akan lihat spesifikasinya di sebelah kanan, untuk mengupdatenya anda tinggal klik tautan dibawah  ini <a href="http://www.intel.com/support/graphics/detect.htm">http://www.intel.com/support/graphics/detect.htm</a>, nanti akan secara otomatis akan mencari update dari driver tersebut dan mungkin agak lama tetapi tergantung koneksi internetnya juga jadi sabar saja<br />Bagi yang tidak bisa online anda cukup catat <b>“Main Drivernya”</b>,  lalu bisa cari updatenya di warnet atau tempat lain yang menyediakan  sarana internet.  Bila dalam penjelasan di atas terdapat kesalahan mohon para expert bisa  memberikan saran yang lebih baik, sebab cara di atas berdasarkan  pengalaman ane saja.  Ceritanya pas beli game Call of Duty 2, gamenya gak mau jalan. Setelah  saya  pakai cara di atas akhirnya bisa. <br />Sumber : http://websitepenghasiluang.blogspot.com </div>

komputer Cara update video/graphic driver

Bagi para gamer mungkin kata ini sangat di kenal yaitu Graphic Card . Bagian yang sangat berpengaruh pada kemampuan game aplagi game sekara...

VanBasco Software Karaoke dan Organ Tunggal

Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiavXdVqWeb-8-sfqkz-4-I7CGZ-9TbLg4046mDe0bzct2rr5Og5QOUU-ZUKWTDGYvCefwEyqYOR5xoOuIDw0t1pzt49d_hSmo1Az5luT3RcgFyau4CHqRIi3vkk8KDUSu9PSyIZXoj57-Q/s1600/VanBasco+Player+u-sup.blogspot.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiavXdVqWeb-8-sfqkz-4-I7CGZ-9TbLg4046mDe0bzct2rr5Og5QOUU-ZUKWTDGYvCefwEyqYOR5xoOuIDw0t1pzt49d_hSmo1Az5luT3RcgFyau4CHqRIi3vkk8KDUSu9PSyIZXoj57-Q/s1600/VanBasco+Player+u-sup.blogspot.png" /></a></div><div align="justify">Apakah anda adalah seorang yang suka atau gemar menyayi terutama dengan Karaoke dan Juga <br /><i>Organ Tunggal</i>, jika ya anda memasuki halaman yang sangat tepat karena disini saya akan membagikan informasi untuk download sebuah software untuk <i>karaoke atau organ tunggal</i> dengan gratis, namanya VanBasco!   <u>VanBasco</u> yaitu sebuah software untuk berkaraoke yang bisa kita unduh secara  cuma-cuma atau gratis sangat cocok bagi anda yang sering mengiri acara   khajatan misalnya pernikahan dll, jadi tidak perlu repot-repot bawa  Organ tetapi cukup bawa aja Laptop yang lebih ringkas.<br /><i><u>VanBasco Karaoke</u></i> sangat ringan dengan ukurannya yang cuma kurang dari <strong>1mb</strong> jadi sofware ini tidak akan memberatkan komputer anda, dan andapun  tidak perlu pergi ke tempat karaokean untuk menyenyikan lagu-lagu  kesayangan atau pake peralatan yang macem-macem tinggal install  dikomputer kemudian jalankan aplikasinya.  </div><div align="justify"><u>VanBasco Karaoke</u> ini mendukung beberapa file seperti .<i>Mid, .Midi,  .Kar, .Rmi </i>dll. Silahkan di download  dan install di komputer : </div><br /><u><a href="http://www.ziddu.com/download/16719109/vkaraoke.exe.html" rel="nofollow" target="_blank" title="Download Vanbasco">Unduh  VanBascoSekarang</a> </u>atau kunjungi website resminya untuk info terbarunya<i> http://vanbasco.com</i><br /><br />Nah sekarang untuk mendapatkan musiknya bisa menyalin file dari CD  karaoke / Midi yang sudah anda punya, atau kalau belum punya cari aja  dengan mbah google dengan kata kunci<u> <i>"download midi gratis"</i></u> pasti muncul banyak deh....! </div>

komputer VanBasco Software Karaoke dan Organ Tunggal

Apakah anda adalah seorang yang suka atau gemar menyayi terutama dengan Karaoke dan Juga Organ Tunggal , jika ya anda memasuki halaman yang ...

Csstools Blogger Template NEW

Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on"><b>Advanced CSS3 Menu Genrator</b>, sebuah tamplate untuk blogger yang  memiliki fitur Online Generator yaitu css3 Navigasi Menu Generator, tool  ini saya buat pada blog platform Blogger sehingga mudah dalam  penginstallan karena tidak membutuhkan hosting sendiri untuk menjalankan  tool menu generator ini.<br /><br />Apakah fungsi dasar dari template ini dihilangkan? : Tidak. Saya tidak  menghilangkan fungsi asli daripada template ini, template ini berfungsi  sebagaimana mestinya yang lain bisa melakukan posting menambahkan widget  dll, Template ini memang beda dari template lain yang pernah ada dan  yang saya buat sebelumnya, seperti saya jelaskan diatas bahwa template  ini memiliki fungsi layaknya sebuah Website yaitu Online Menu <b><i>Generator dengan CSS3</i></b> yang  saya digabungkan kedalam template Blogspot.<br /><br />Tool Menu Generator sengaja saya buat bagi siapa saja yang ingin membuat  blog yang memiliki fitur Generator, Tool ini saya buat menggunakan kode  Javascript. dan selanjutnya juga akan saya tambahkan fitur generator  lainnya seperti Button Generator, Color Picker Generator dan  fungsi-fungsi lain yang mungkin untuk ditambahkan atau diconvert ke  blogger.<br /><br />Secreen shoot : klik gambar utk memperbesar!<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivlwwVydkeZrjTCE_xLboEXQv7HU-KBlb7-7_zIHptpGQrmyh-AHXUFxlS_XlaIwR-qzjA39kniPKhQO4cXz2VJ-v7TzhTfU64SSTUU2L0FDly_7tfqYi0D3dW3vp_64MtrCPm2PYjq6J_/s1600/css3menumaker.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivlwwVydkeZrjTCE_xLboEXQv7HU-KBlb7-7_zIHptpGQrmyh-AHXUFxlS_XlaIwR-qzjA39kniPKhQO4cXz2VJ-v7TzhTfU64SSTUU2L0FDly_7tfqYi0D3dW3vp_64MtrCPm2PYjq6J_/s320/css3menumaker.png" width="320" /></a></div><br /><b>Nama Project : Csstools Blogger Template</b><br /><b>Platform : Blogspot</b><br /><b>Versi : 1.0 <i>beta</i></b><br /><b>Demo homepage : <a href="http://dev.templatemaxs.com/css3menumaker/" rel="nofollow" target="_blank">Csstools Blogger Template</a></b><br /><b>Tool demo : <a href="http://dev.templatemaxs.com/css3menumaker/" target="_blank">Menu Maker Demo</a></b><br /><b>Fitur : </b><br /><ul style="text-align: left;"><li><b><span style="color: #38761d;">Advanced CSS3 Generator</span></b></li><li><b>Page tabview</b></li><li><b>Easy Color Picker by Stefan Petre</b></li><li><b>Radio Slider dngan jquery ui</b></li><li><b>Full Control setting</b></li><li><b>Grab CSS code dan HTML code</b></li><li><b>Easy control</b></li><li><b>Button Maker<i> <span style="color: #cc0000;">(coming soon)</span></i></b></li><li><b>Color Gradient generator <span style="color: #cc0000;"><i>(coming soon)</i></span></b></li><li><b>Rounded corner generator <span style="color: #cc0000;"><i>(coming soon)</i></span></b></li><li><b>Box shadow generator<i> <span style="color: #cc0000;">(coming soon)</span></i></b></li><li><b>dll</b></li></ul><div><div style="text-align: center;"><b>Untuk informasi mengenai tool diatas silahkan Hubungi Saya disini</b></div></div><div><b>Deskripsi :</b></div><div>Tools generator berplatform blogspot yang sangat mudah digunakan dengan  pengaturan-pengaturan menu seperti merubah warna, model menu, ataupun  dropdown model.</div></div>

edit template Csstools Blogger Template NEW

Advanced CSS3 Menu Genrator , sebuah tamplate untuk blogger yang memiliki fitur Online Generator yaitu css3 Navigasi Menu Generator, tool ...

Photoshop Spot Blogger Template

Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on"><img alt="Photoshop Spot Blogger Template" class="latest_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHxeEq_JqLDyivdUrsZKrHWL3aESvYlWytsFkpkwOhtlJv30ckZj8ZzE3V4giJtYnoaeJzBbEaVwnLMsTQ92EUx_ktQi7UqF2zcGz7iHt7Frr1x7YTj8Vjye1XJkGshEtLYz4AA3BxuO8a/s400/Photoshop-Spot.jpg" /><br /><br /><div class="dmdl"><a class="demo" href="http://www.templatemaxs.com/p/frame.html?sumber=http://photoshopspot-demo.blogspot.com/" rel="nofollow">Live Demo</a>  <a class="download" href="http://www.templatemaxs.com/p/frame.html?sumber=http://www.box.com/s/2pdf89gdujphlqkuzhgn" rel="nofollow">Download Theme </a></div><b>TEMPLATE INFORMATIONS</b><br />   <table><tbody><tr><td class="td1">Template Name</td><td>Photoshop Spot</td></tr><tr><td class="td1">Author</td><td><a href="http://www.templatemaxs.com/search/label/By%20Us?max-rerults=8" rel="nofollow">By Us</a> / <a href="http://www.templatemaxs.com/" target="_blank">Templatemaxs.com</a></td></tr><tr><td class="td1">Descriptions</td><td>Template Type : <b>Photoshop Spot</b> is a free blogger template design for template  personal blog and have feature  </td></tr></tbody></table></div>

edit template Photoshop Spot Blogger Template

Live Demo Download Theme TEMPLATE INFORMATIONS Template Name Photoshop Spot Author By Us / Templatemaxs.com Descriptions Template Typ...

Apps-Zone V2 Blogger Template

Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on"><img alt="Apps-Zone V2 Blogger Template" class="latest_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKTks6Kle-dHr9zsCLRynVrlVeKqAxCQTFF7AkWA6LiqsG5KxIahJ3q8hcgquOitB4w8d86zSupbh6g4lfsKmsfCeOG9QQDwcNlBGkvgsFmXO-_vOxIzPpmdayuek-YdwhpAiLysmDd5g7/s400/Apps-Zone-V.2.jpg" /><br /><br /><div class="dmdl"><a class="demo" href="http://www.templatemaxs.com/p/frame.html?sumber=http://appszonev2-demo.blogspot.com/" rel="nofollow">Live Demo</a>  <a class="download" href="http://www.templatemaxs.com/p/frame.html?sumber=http://www.box.com/s/5jj11vzcjfsq87jtklx7" rel="nofollow">Download Theme </a></div><b>TEMPLATE INFORMATIONS</b><br />   <table><tbody><tr><td class="td1">Template Name</td><td>Apps-Zone V2</td></tr><tr><td class="td1">Author</td><td><a href="http://www.templatemaxs.com/search/label/By%20Us?max-rerults=8" rel="nofollow">By Us</a> / <a href="http://www.templatemaxs.com/" target="_blank">Templatemaxs.com</a></td></tr><tr><td class="td1">Descriptions</td><td>Template Type : <b>Apps-Zone V2</b> is a free blogger template design for template  personal blog.</td></tr></tbody></table></div>

edit template Apps-Zone V2 Blogger Template

Live Demo Download Theme TEMPLATE INFORMATIONS Template Name Apps-Zone V2 Author By Us / Templatemaxs.com Descriptions Template Type ...

Cekula - Template Blogger Untuk Sekolah

Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFLc1ml6OS5sJNx36HxaV073pkEKPmQ5qPYJiBz22W1keTRV4L052eLzZZIVd_x3-vXaQ7imtw3MhAYYG_8Xgap5-g8-lDLpBU7PcWAF93xhEUsS5kvu6wsNrMXL-AjKyCF75oQjbmLPio/s1600/template+blogger+sekolah.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Template Blogger Untuk Sekolah" border="0" height="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFLc1ml6OS5sJNx36HxaV073pkEKPmQ5qPYJiBz22W1keTRV4L052eLzZZIVd_x3-vXaQ7imtw3MhAYYG_8Xgap5-g8-lDLpBU7PcWAF93xhEUsS5kvu6wsNrMXL-AjKyCF75oQjbmLPio/s640/template+blogger+sekolah.png" width="640" /></a></div><br /><div class="dmdl"><a class="demo" href="http://www.templatemaxs.com/p/frame.html?sumber=http://cekula-demo.blogspot.com/" rel="nofollow">Live Demo</a>  <a class="download" href="http://www.templatemaxs.com/p/frame.html?sumber=http://www.box.com/s/aecljnk0d0wcvm27u667" rel="nofollow">Download Template</a></div><div class="table-post"><b>TEMPLATE INFORMATIONS</b><br /><table> <tbody><tr><td class="td1">Template Name</td><td>Cekula Blogger Template</td></tr><tr><td class="td1">Author</td><td><a href="http://www.templatemaxs.com/search/label/By%20Us?max-rerults=8" rel="nofollow">By Us</a> / <a href="http://www.templatemaxs.com/" target="_blank">Templatemaxs.com</a></td></tr><tr><td class="td1">Descriptions</td><td><br />Cekula blogger template yaitu sebuah template blogger untuk sekolah yang  secara cuma-cuma dibagikan untuk dipakai, template ini juga bebas untuk  di sebar luaskan, dibagikan dan di modifikasi dengan catatan tidak  mengilangkan Tautan pembuat aslinya.<br />Dengan tampilan Template yang rapi beserta Halaman Tata letak yang rapi agar enak untuk dipandang.<br /><br /><b>Fitur :</b><br />- Logo gambar atau logo teks.<br />- Navigasi menu tanpa edit code<br />- Easy slideshow dengan Coin Slider tanpa edit kode<br />- Auto readmore diperbarui<br />- Artikel berhubungan dengan gambar<br />- 2 Kolom Layout<br />- 2 Block Sidebar dan 2 Kolom sidebar kecil<br />- Tata letak Blog dan Tata letak Admin layout Rapi</td></tr></tbody></table></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpVjR35UbUfBZ94U3x_FiC5nveXE6rKUSKfxAgUum6ot28GAiowVn40j5M2QC91hhiwqwhB4jMZOBGp9bNMiNrDbfmlS-B6_5FXzOBI-7MNVesaHH-WSWAGvtOWMDNWKaf_8oKNUpJrb7u/s1600/admin+layout+template+sekolah.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="326" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpVjR35UbUfBZ94U3x_FiC5nveXE6rKUSKfxAgUum6ot28GAiowVn40j5M2QC91hhiwqwhB4jMZOBGp9bNMiNrDbfmlS-B6_5FXzOBI-7MNVesaHH-WSWAGvtOWMDNWKaf_8oKNUpJrb7u/s400/admin+layout+template+sekolah.jpg" width="400" /></a></div><b><span style="font-family: Georgia, Times New Roman, serif; font-size: medium;"><i><br /></i></span></b><b><span style="font-family: Georgia, Times New Roman, serif; font-size: medium;"><i>Cara Setting Cekula Template</i></span></b><br />Silahkan install dulu templatenya, panduan install template ada disini. <br /><br /><b><span style="color: #990000;">A. Setting Logo / Judul Blog</span></b><br />1. Buatlah sebuah logo dengan format PNG,JPEG atau GIF (PNG disarankan). ukuran logo idealnya yaitu 275px X 75px.<br />2. Lalu Masuk ke tata letak<br />3. Pada bagian (Header) klik Edit (lihat gambar dibawah ini)<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk5cZPdlpB-vQ737C1Kzk2fbM40G2tRfnuYr3vX_9D3PpW7fWuyShJ0vZo_82ul8iwD0k85T6NOhnYSnrUbr42poyCFZbkpf908L8FwmgpjFIoUPWWAWlceRz46QnbBbK-axY7deLi3isn/s1600/template+skolah+blogger.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk5cZPdlpB-vQ737C1Kzk2fbM40G2tRfnuYr3vX_9D3PpW7fWuyShJ0vZo_82ul8iwD0k85T6NOhnYSnrUbr42poyCFZbkpf908L8FwmgpjFIoUPWWAWlceRz46QnbBbK-axY7deLi3isn/s1600/template+skolah+blogger.jpg" /></a></div><br />- klik tombol browser untuk memilih logo yang akan diunggah<br />- klik juga<i> "selain judul dan keterangan"</i><br />4. Jika sudah klik Simpan<br /><br /><b><span style="color: #cc0000;">B. Mengatur Menu</span></b><br /><br /><ol><li>Masih di halaman tata letak</li><li>Klik edit pada bagian "Daftar Link"</li><li>Masukkan link beserta nama link satu persatu</li><li>Kalau sudah klik Simpan</li></ol><br /><b><span style="color: #cc0000;">C. Mengatur Tampilan Slideshow</span></b><br /><br /><ol><li>Buatlah gambar dengan ukuran Lebar 935px X 300px, dengan format PNG, JPG atau GIF</li><li>Masih di halaman tata letak</li><li>Klik edit pada bagian widget "Slide 1, Slide 2 dan seterusnya" akan mncul halaman seperti dibawah ini<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDdA9X2mgU2UV6RzDP3YJZfTTiQLmVYPvGm-tSEg9ygKgEvBuru_V35eAH5PQvt-Su7FnxTr5hLjMZ0I6snYHDHSaiy3A9mzCKjvz8mhnDyw-WeUnVirqh46dSBjh5jJI2uJKRcAZIZOdW/s1600/template+blogger+sekolah+2.png"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDdA9X2mgU2UV6RzDP3YJZfTTiQLmVYPvGm-tSEg9ygKgEvBuru_V35eAH5PQvt-Su7FnxTr5hLjMZ0I6snYHDHSaiy3A9mzCKjvz8mhnDyw-WeUnVirqh46dSBjh5jJI2uJKRcAZIZOdW/s1600/template+blogger+sekolah+2.png" /></a><br />- Keterangan Gambar / Caption : Isilah dengan informasi tentang gambar<br />- Hubungan / Link : Masukkan Link dimana gambar akan diarahkan<br />- Dari Komputer anda : Klik <b>"Browser"</b> untuk memilih gambar<br />- Hilangkan tanda cek pada <b>"Susutkan agar sesuai" </b></li><li>Simpan</li><li>Slide dapat menampilkan hingga 7 gambar slide dan minimal 2 gambar harus diunggah untuk dapat dapat menjalankan slideshow gambar</li></ol><div>Untuk penambahan Gadget lainnya silahkan isi dengan gadget yang sekiranya menarik, dan berguna bagi pengunjung blog.</div>Pengatuan lainnya yaitu penambahan Daftar link dan juga Teks Manual  sebagai informasi tentang blog pada bagian Bawah atau Footer .<br /><br />Template ini akan Insyaallah akan di cek dan diperbaiki setiap 1 bulan  sekali, untuk mendapatkan update mengenai Template Blogger Sekolah  diatas anda bisa membookmark halaman ini atau berlangganan melalui email  dibawah posting ini.<br />Ada pertanyaan mengenai Cekula Template silahkan tinggalkan komentar. </div>

edit template Cekula - Template Blogger Untuk Sekolah

Live Demo Download Template TEMPLATE INFORMATIONS Template Name Cekula Blogger Template Author By Us / Templatemaxs.com Descriptions Cek...

Kumpulan SEO Friendly Blogger Template Terbaru

Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: left;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><b><span style="color: #783f04;">1. Grade Blogger Template<strong><span class="Apple-converted-space"> </span>SEO<span class="Apple-converted-space"> </span></strong>Modified</span></b></div></div><div style="text-align: center;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><b><span style="color: #783f04;"><br /></span></b></div></div><div class="separator" style="clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfmSTb1gYbt9vIgmqGcHXa-8bZFbFfLZg____bpf0VrS5YWPl43ZsaisDIlIRTQxFTkkLvAlchJ5BAv3BtxCQQ3dEiqyWX7VirDt1IXHlA0b3_WTlbGKC4TZKpHbVibu7eN9dJCCzg3ow/s1600/Grade+Blogger+Template.jpg" style="margin-left: 1em; margin-right: 1em;" title="Grade Blogger Template<strong> SEO </strong>Modified"><img alt="Grade Blogger Template<strong> SEO </strong>Modified" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfmSTb1gYbt9vIgmqGcHXa-8bZFbFfLZg____bpf0VrS5YWPl43ZsaisDIlIRTQxFTkkLvAlchJ5BAv3BtxCQQ3dEiqyWX7VirDt1IXHlA0b3_WTlbGKC4TZKpHbVibu7eN9dJCCzg3ow/s400/Grade+Blogger+Template.jpg" style="cursor: move;" width="400" /></a></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="text-align: center;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><b><a href="http://adf.ly/7pft5">DOWNLOAD</a></b> </div></div><div style="text-align: center;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">Password : www.iptek-4u.blogspot.com</div></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="text-align: left;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><b><span style="color: #783f04;">2. Nively<strong><span class="Apple-converted-space"> </span>SEO<span class="Apple-converted-space"> </span></strong>Friendly Modified</span></b></div></div><div style="text-align: center;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><b><span style="color: #783f04;"><br /></span></b></div></div><div class="separator" style="clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhshti_oYt1xycZDWweKhOIjWcnsDrSWNTwSbF8dqviGLpHQXllkf-40pjveMMDbL4xk5O6KloVBzw2z2PBxuVBWw2Vli_9gaXSELsmxsWhxp8mRAEdPwQ5N3l0JZ14Xh6cRDaUWMT7FX0/s1600/Nively.jpeg" style="margin-left: 1em; margin-right: 1em;" title="Nively<strong> SEO </strong>Friendly Modified"><img alt="Nively<strong> SEO </strong>Friendly Modified" border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhshti_oYt1xycZDWweKhOIjWcnsDrSWNTwSbF8dqviGLpHQXllkf-40pjveMMDbL4xk5O6KloVBzw2z2PBxuVBWw2Vli_9gaXSELsmxsWhxp8mRAEdPwQ5N3l0JZ14Xh6cRDaUWMT7FX0/s400/Nively.jpeg" style="cursor: move;" width="400" /></a></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="text-align: center;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><b><a href="http://adf.ly/7pfxN">DOWNLOAD</a></b> </div></div><div style="text-align: center;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">Password : www.iptek-4u.blogspot.com</div></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="text-align: left;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><b><span style="color: #783f04;">3. Zoom Magazine<strong><span class="Apple-converted-space"> </span>SEO<span class="Apple-converted-space"> </span></strong>Friendly Modified</span></b></div></div><div class="separator" style="clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzy6wEYceCH-c3dzSR7lRFo03JxWl0f0xwq_XbcwvcDm2vLbMyyq4PuXwXzquRmQcezC84XshyfkMeZmgZ3NAXhY1CGOUxPiPj2tCfC-uiOHBtPc0UQLug1s-px_DUlI7LwRzoun7i3OE/s1600/Zoom+Magazine.jpg" style="margin-left: 1em; margin-right: 1em;" title="Zoom Magazine<strong> SEO </strong>Friendly Modified"><img alt="Zoom Magazine<strong> SEO </strong>Friendly Modified" border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzy6wEYceCH-c3dzSR7lRFo03JxWl0f0xwq_XbcwvcDm2vLbMyyq4PuXwXzquRmQcezC84XshyfkMeZmgZ3NAXhY1CGOUxPiPj2tCfC-uiOHBtPc0UQLug1s-px_DUlI7LwRzoun7i3OE/s400/Zoom+Magazine.jpg" style="cursor: move;" width="400" /></a></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="text-align: center;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><b><a href="http://adf.ly/7pg01">DOWNLOAD</a></b> </div></div><div style="text-align: center;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">Password : www.iptek-4u.blogspot.com</div></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="text-align: left;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><b><span style="color: #783f04;">4. Super<strong><span class="Apple-converted-space"> </span>SEO<span class="Apple-converted-space"> </span></strong>iTablet Modified iptek-4u</span></b></div></div><div style="text-align: center;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><b><span style="color: #783f04;"><br /></span></b></div></div><div class="separator" style="clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRJD9vqkyiuwTzGYkfMVhuTeCiV6gekWPJoQBf6aqBrQsSFJNsx4jyxXP8tfuum1aZ93OlojO6CIelfeLfP3vzPvtPQgDSdARz5dh2uJ_JmcRYefeZH2Og8d6ZGIX46Zw6q3JF4zfhz_0/s1600/itablet.jpeg" style="margin-left: 1em; margin-right: 1em;" title="Super<strong> SEO </strong>iTablet Modified iptek-4u"><img alt="Super<strong> SEO </strong>iTablet Modified iptek-4u" border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRJD9vqkyiuwTzGYkfMVhuTeCiV6gekWPJoQBf6aqBrQsSFJNsx4jyxXP8tfuum1aZ93OlojO6CIelfeLfP3vzPvtPQgDSdARz5dh2uJ_JmcRYefeZH2Og8d6ZGIX46Zw6q3JF4zfhz_0/s400/itablet.jpeg" style="cursor: move;" width="400" /></a></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="text-align: center;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><b><a href="http://adf.ly/7pg32">DOWNLOAD</a></b> </div></div><div style="text-align: center;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">Password : www.iptek-4u.blogspot.com</div></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="text-align: left;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><b><span style="color: #783f04;">5. Wire Magazine Super<strong><span class="Apple-converted-space"> </span>SEO<span class="Apple-converted-space"> </span></strong>Friendly Modified iptek-4u</span></b></div></div><div class="separator" style="clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWKvkUoVL7ywtYKEZKlCl2YyxbLOXj5PhzTktqO56OkXXUcx6jV9yOihDGpVqttJGgnSHDBvwab4-ty-At5aFtodMd99wUgXVq-xgNJjylGpZ_lNnKvFlS6OUYPnqTjiMP0P9TWik5ovA/s1600/wire+magazine.jpeg" style="margin-left: 1em; margin-right: 1em;" title="Wire Magazine Super<strong> SEO </strong>Friendly Modified iptek-4u"><img alt="Wire Magazine Super<strong> SEO </strong>Friendly Modified iptek-4u" border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWKvkUoVL7ywtYKEZKlCl2YyxbLOXj5PhzTktqO56OkXXUcx6jV9yOihDGpVqttJGgnSHDBvwab4-ty-At5aFtodMd99wUgXVq-xgNJjylGpZ_lNnKvFlS6OUYPnqTjiMP0P9TWik5ovA/s400/wire+magazine.jpeg" style="cursor: move;" width="400" /></a></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="text-align: center;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><b><a href="http://adf.ly/7pg6c">DOWNLOAD</a></b> </div></div><div style="text-align: center;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">Password : www.iptek-4u.blogspot.com</div></div><div style="text-align: center;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="text-align: left;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span style="color: #783f04;"><b>6. WorldSym Best<strong><span class="Apple-converted-space"> </span>SEO<span class="Apple-converted-space"> </span></strong>Friendly Template</b></span></div></div><div class="separator" style="clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX27J-t5hck8kd2y1lGT7qiH2rlIKRQN2HB0Cuv6Tvxb6H5bXWDqnT2BdVi74Q8gBKYaSuSp4Sts1iQlc54D-Tc26ykeIExAFNSVlQsgDyM0yPV0EG7-Q9bIAsUxGh96hAa1-27rO8fT8/s1600/WorldSym.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX27J-t5hck8kd2y1lGT7qiH2rlIKRQN2HB0Cuv6Tvxb6H5bXWDqnT2BdVi74Q8gBKYaSuSp4Sts1iQlc54D-Tc26ykeIExAFNSVlQsgDyM0yPV0EG7-Q9bIAsUxGh96hAa1-27rO8fT8/s400/WorldSym.jpg" style="cursor: move;" width="400" /></a></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><b><a href="http://adf.ly/7phA5">DOWNLOAD</a></b> </div></div><div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">Password : www.iptek-4u.blogspot.com</div></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="text-align: left;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><b><span style="color: #783f04;">7. Best<strong><span class="Apple-converted-space"> </span>SEO<span class="Apple-converted-space"> </span></strong>Friendly White Gold Modified Template </span></b></div></div><div class="separator" style="clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3fpAuxoyZEINJnPRtj5Pp4qaVdEXmEa_gC-mzz338aYQBpuyocHx_FOFB_vhGsXQowNxZubK70_bTQD21h6XEQLDdYqomU97mcbdO6ezcRmUBJPJ1yEdYzmzZ6s-sFxCplbESkRBGmP8/s1600/white-gold-blogger-template.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="296" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3fpAuxoyZEINJnPRtj5Pp4qaVdEXmEa_gC-mzz338aYQBpuyocHx_FOFB_vhGsXQowNxZubK70_bTQD21h6XEQLDdYqomU97mcbdO6ezcRmUBJPJ1yEdYzmzZ6s-sFxCplbESkRBGmP8/s400/white-gold-blogger-template.jpg" style="cursor: move;" width="400" /></a></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><b><a href="http://adf.ly/7phDz">DOWNLOAD</a></b> </div></div><div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">Password : www.iptek-4u.blogspot.com</div></div></div></div>

edit template Kumpulan SEO Friendly Blogger Template Terbaru

1. Grade Blogger Template SEO Modified DOWNLOAD Password : www.iptek-4u.blogspot.com 2. Nively SEO Friendly Modified DOWNLOAD Pa...

Variasi Efek hujan salju di blog (Update)

Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on">Efek hujan salju di blog,  mungkin sudah bisa membayangkan seperti apa hujan salju, tidak jauh  berbeda dari aslinya efek dari hujan salju ini karena memiliki tingkah  laku yang hampir persis hujan salju beneran <i>"walaupun belum pernah liat hujan salju yang beneran sih cuma liat di tipi aja".</i> jadi jika anda memasang efek hujan salju  ini blog anda akan ada butiran-butiran putih melayang berjatuhan secara  bergantian layaknya hujan salju, tetapi efek ini menarik diterapkan  pada blog yang memiliki latar belakang selain putih, karena warna  daipada efek salju ini berwarna putih jika latar blog anda putih tidak  keliatan "percuma dong jadinya". Tampilan yang menarik bisa dilihat pada  tampilan blog yang memiliki latar Biru muda, Hijau muda ataupun warna  yang muda selain putih! <br /><br /><a href="http://khusus-demo.blogspot.com/" rel="nofollow" target="_blank"><b>Lihat Demo</b></a><br /><br /><b>Cara membuat efek tersebut :</b><br /><br /><ol><li>Masuk ke Blogger</li><li>Klik <b>Tanda anak panah</b></li><li><b>Klik Template </b></li><li>Klik <b>Edit HTML >> Proceed (Lanjutkan)</b></li><li>Salin dan tempel kode berikut diatas <span style="color: #38761d;"></head></span></li><div><form name="copy"><div align="center"> </div><div align="center"><textarea cols="55" name="txt" rows="100" style="border: 1px solid #EAEAEA; height: 144px; width: 400px;" wrap="VIRTUAL"><script  type='text/javascript'>   //<![CDATA[    //Configure below to change URL path to the snow image   var  snowsrc="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjIjPC94QLqCUv0WP-mbFYRAt9B-dgGVMrJrHoJR9gnYc63oCnIXE8fbYUPRCEaRDlRUKs2st97sGLJ0gELzY7GDlvdj63WN75eHvjErgxFALQPKgfwTe2BcVEs3LiyQYPl19jlFdNjHyy/s320/salju.png"    // Configure below to change number of snow to render   var no = 15;   // Configure whether snow should disappear after x seconds (0=never):   var hidesnowtime = 0;   // Configure how much snow should drop down before fading  ("windowheight" or "pageheight")   var snowdistance = "pageheight";  ///////////Stop Config//////////////////////////////////    var ie4up = (document.all) ? 1 : 0;   var ns6up = (document.getElementById&&!document.all) ? 1 : 0;   function iecompattest(){  return (document.compatMode &&  document.compatMode!="BackCompat")? document.documentElement :  document.body  }    var dx, xp, yp;    // coordinate and position variables   var am, stx, sty;  // amplitude and step variables   var i, doc_width = 800, doc_height = 600;       if (ns6up) {     doc_width = self.innerWidth;     doc_height = self.innerHeight;   } else if (ie4up) {     doc_width = iecompattest().clientWidth;     doc_height = iecompattest().clientHeight;   }    dx = new Array();   xp = new Array();   yp = new Array();   am = new Array();   stx = new Array();   sty = new Array();   snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" :  snowsrc   for (i = 0; i < no; ++ i) {       dx[i] = 0;                        // set coordinate variables     xp[i] = Math.random()*(doc_width-50);  // set position variables     yp[i] = Math.random()*doc_height;     am[i] = Math.random()*20;         // set amplitude variables     stx[i] = 0.02 + Math.random()/10; // set step variables     sty[i] = 0.7 + Math.random();     // set step variables   if (ie4up||ns6up) {       if (i == 0) {         document.write("<div id=\"dot"+ i +"\" style=\"POSITION:  absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT:  15px;\"><a href=\"http://dynamicdrive.com\"><img  src='"+snowsrc+"' border=\"0\"><\/a><\/div>");       } else {         document.write("<div id=\"dot"+ i +"\" style=\"POSITION:  absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT:  15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");       }     }   }    function snowIE_NS6() {  // IE and NS6 main animation function     doc_width = ns6up?window.innerWidth-10 :  iecompattest().clientWidth-10;   doc_height=(window.innerHeight &&  snowdistance=="windowheight")? window.innerHeight : (ie4up &&  snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up  && !window.opera && snowdistance=="pageheight")?  iecompattest().scrollHeight : iecompattest().offsetHeight;     for (i = 0; i < no; ++ i) {  // iterate for every dot       yp[i] += sty[i];       if (yp[i] > doc_height-50) {         xp[i] = Math.random()*(doc_width-am[i]-30);         yp[i] = 0;         stx[i] = 0.02 + Math.random()/10;         sty[i] = 0.7 + Math.random();       }       dx[i] += stx[i];       document.getElementById("dot"+i).style.top=yp[i]+"px";       document.getElementById("dot"+i).style.left=xp[i] +  am[i]*Math.sin(dx[i])+"px";       }     snowtimer=setTimeout("snowIE_NS6()", 10);   }   function hidesnow(){   if (window.snowtimer) clearTimeout(snowtimer)   for (i=0; i<no; i++)  document.getElementById("dot"+i).style.visibility="hidden"  }     if (ie4up||ns6up){     snowIE_NS6();   if (hidesnowtime>0)   setTimeout("hidesnow()", hidesnowtime*1000)   } //]]></script>

Klw sudah simpan dan lihat hasilnya.

Silahkan lihat hasilnya akan tetapi sedikit menambah beban blog, menarik atau tidak tergantung anda yang menilai, jika merasa kurang menarik anda bisa menghilangkan efek salju tersebut dengan menghapus kode yang telah terpasang.
Seperti itulah tutorial sederhana Cara Pasang Hujan Salju di blog.

widget blogspot Variasi Efek hujan salju di blog (Update)

Efek hujan salju di blog, mungkin sudah bisa membayangkan seperti apa hujan salju, tidak jauh berbeda dari aslinya efek dari hujan salju i...

Kumpulan Template Transparan Untuk Blogger

Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span style="font-family: Arial,Helvetica,sans-serif;">Hello Sobat Blogger , kembali lagi dengan Saya di Tutorial Blogz . Dan pada Kesempatan kali ini , Saya akan Share Tentang<span class="Apple-converted-space"> </span><b><i>Kumpulan Template Transparan Untuk Blogger</i><span class="Apple-converted-space"> </span></b>.  Saya mengetahui Template ini sejak Saya Berkunjung Ke Blog Seseorang  yang Memiliki Template tersebut ... , Menurut saya Sangat menarik untuk  Sobat yang menginginkan Template tersebut . Saya akan berbagi Beberapa  Template Transparan , tapi Sebelum itu Mari kita baca Basmalah terlebih  dahulu hehehe <a href="http://www.blogger.com/post-edit.g?blogID=5300553733500263889&postID=8078153919460848446" name="more"></a></span></div><div style="font-family: Arial, Helvetica, sans-serif; text-align: center;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span style="font-size: xx-small;"><b>Template Transparan</b><span class="Apple-converted-space"> </span></span><span style="font-size: xx-small;"><b>[1]</b></span></div></div><div class="separator" style="clear: both; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1P0vEVRXpcTSgJ13fhLtx2TldTcnPkWQEh9APluQChcFhYcMetFICjcKOLUTjGKZDRpNVqHeZ7t3iGa9qOTuPPz_C14a_XxVYAuhtdAk5iWZVqPrRK1WdxfRiBrN3R_BVSmapEAOhI8A6/s1600/SS+Template+__-%5B__J___.__m____.__K__%5D-T+%5BTransparan+1%5D.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="130" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1P0vEVRXpcTSgJ13fhLtx2TldTcnPkWQEh9APluQChcFhYcMetFICjcKOLUTjGKZDRpNVqHeZ7t3iGa9qOTuPPz_C14a_XxVYAuhtdAk5iWZVqPrRK1WdxfRiBrN3R_BVSmapEAOhI8A6/s200/SS+Template+__-%5B__J___.__m____.__K__%5D-T+%5BTransparan+1%5D.PNG" style="cursor: move; opacity: 1;" width="200" /></a></div><div style="font-family: Arial, Helvetica, sans-serif; text-align: center;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span style="font-size: xx-small;"><a href="https://sites.google.com/site/rakasajmk/download-1/download-5/1.%20Template%20%D2%92%D1%8C-%5B%CC%85%CC%B2J%CC%85%CC%B2%CC%B2.%CC%85%CC%B2m%CC%85%CC%B2%CC%B2%CC%B2.%CC%85%CC%B2K%CC%85%CC%B2%5D-%E2%84%A2%20%5BTransparan%201%5D.rar?attredirects=0&d=1" style="color: lime;" target="_blank"><b>DOWNLOAD</b></a></span></div></div><div style="font-family: Arial, Helvetica, sans-serif; text-align: center;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> <span class="Apple-converted-space"> </span><span style="font-size: xx-small;"><b>Template Transparan</b><span class="Apple-converted-space"> </span></span><span style="font-size: xx-small;"><b>[2]</b></span></div></div><div class="separator" style="clear: both; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTzyiTYGh8URuLDmh3GzxnsfrGKWAyaCtTOQc4oXlTXNAAlKYxYL5sGhRqVtLZ1JXOc3uT2oPli33UO7rDFy7ORkEZRKs_H22uQC7wM8aiv-i9qqwr6ThtaTAk7wZ6Ad6QjAHllzyvQaf9/s1600/2.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="130" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTzyiTYGh8URuLDmh3GzxnsfrGKWAyaCtTOQc4oXlTXNAAlKYxYL5sGhRqVtLZ1JXOc3uT2oPli33UO7rDFy7ORkEZRKs_H22uQC7wM8aiv-i9qqwr6ThtaTAk7wZ6Ad6QjAHllzyvQaf9/s200/2.jpg" style="cursor: move; opacity: 1;" width="200" /></a></div><div style="font-family: Arial, Helvetica, sans-serif; text-align: center;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> <span style="font-size: xx-small;"><a href="https://sites.google.com/site/rakasajmk/download-1/download-5/2.%20Template%20%D2%92%D1%8C-%5B%CC%85%CC%B2J%CC%85%CC%B2%CC%B2.%CC%85%CC%B2m%CC%85%CC%B2%CC%B2%CC%B2.%CC%85%CC%B2K%CC%85%CC%B2%5D-%E2%84%A2%20%5BTransparan%202%5D.rar?attredirects=0&d=1" style="color: lime;" target="_blank"><b>DOWNLOAD</b></a></span></div></div><div style="font-family: Arial, Helvetica, sans-serif; text-align: center;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span style="font-size: xx-small;"><b>Template Transparan</b> </span><span style="font-size: xx-small;"><b>[3]</b></span></div></div><div class="separator" style="clear: both; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOohnN2DMo3ZdQ4wLa_Dds9XgD9fzr32jdLpC_FLEZMF5PaqTXzORoTqQ_3_d___8Mou6uMWVikdd3x-FHT3FgVAt-RrDen7IcIVoNLV8lY7sVMcxdevwY5PJwEkj6BXYov0o12FRzUpEE/s1600/3.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="130" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOohnN2DMo3ZdQ4wLa_Dds9XgD9fzr32jdLpC_FLEZMF5PaqTXzORoTqQ_3_d___8Mou6uMWVikdd3x-FHT3FgVAt-RrDen7IcIVoNLV8lY7sVMcxdevwY5PJwEkj6BXYov0o12FRzUpEE/s200/3.jpg" style="cursor: move; opacity: 1;" width="200" /></a></div><div style="font-family: Arial, Helvetica, sans-serif; text-align: center;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> <b><span style="font-size: xx-small;"><a href="https://sites.google.com/site/rakasajmk/download-1/download-5/3.%20Template%20%D2%92%D1%8C-%5B%CC%85%CC%B2J%CC%85%CC%B2%CC%B2.%CC%85%CC%B2m%CC%85%CC%B2%CC%B2%CC%B2.%CC%85%CC%B2K%CC%85%CC%B2%5D-%E2%84%A2%20%5BTransparan%203%5D.rar?attredirects=0&d=1" style="color: lime;" target="_blank"><b>DOWNLOAD</b></a></span></b></div></div><div style="font-family: Arial, Helvetica, sans-serif; text-align: center;"><div style="text-align: center;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span style="font-size: xx-small;"><b>Template Transparan</b><span class="Apple-converted-space"> </span><b>[4]</b></span></div></div></div><div class="separator" style="clear: both; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYHmWJ9FtV2TQIvke4XPEyfZLwaHRmCjaPV2fly5KVTpr6qA4P75SkndZjkZEvsO1qIu2G3Uui0yALywP20FHdLGZlJHB-6W7o3DTuDmCQuTxOWWqjEUpyrEqayolaqQzfICwOECMUOSMt/s1600/4.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="130" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYHmWJ9FtV2TQIvke4XPEyfZLwaHRmCjaPV2fly5KVTpr6qA4P75SkndZjkZEvsO1qIu2G3Uui0yALywP20FHdLGZlJHB-6W7o3DTuDmCQuTxOWWqjEUpyrEqayolaqQzfICwOECMUOSMt/s200/4.jpg" style="cursor: move; opacity: 1;" width="200" /></a></div><div style="font-family: Arial, Helvetica, sans-serif; text-align: center;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> <b><b><span style="font-size: xx-small;"><a href="https://sites.google.com/site/rakasajmk/download-1/download-5/4.%20Template%20%D2%92%D1%8C-%5B%CC%85%CC%B2J%CC%85%CC%B2%CC%B2.%CC%85%CC%B2m%CC%85%CC%B2%CC%B2%CC%B2.%CC%85%CC%B2K%CC%85%CC%B2%5D-%E2%84%A2%20%284%29.rar?attredirects=0&d=1" style="color: lime;" target="_blank"><b>DOWNLOAD</b></a></span></b></b></div></div><div style="font-family: Arial, Helvetica, sans-serif; text-align: center;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div></div><div style="font-family: Arial, Helvetica, sans-serif; text-align: left;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">Itulah Beberapa Template Transparan , Semoga Bermanfaat<span class="Apple-converted-space"> </span><img id="new" src="http://benjamin0331.googlepages.com/blink.png" style="border-color: initial; border-style: initial; border-width: 0px; margin: 0px; padding: 0px;" /></div></div></div>

edit template Kumpulan Template Transparan Untuk Blogger

Hello Sobat Blogger , kembali lagi dengan Saya di Tutorial Blogz . Dan pada Kesempatan kali ini , Saya akan Share Tentang Kumpulan Templat...

Cara Membuat Efect Sound pada Blog

Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><img border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7sApMvhe9aV67KYafpeff97NrvGBpQktRsE_-u6_hunWiQ1V0t3-nierun5PEXB0HY8RGY3wUWqE58-MaSVFir0uffUwmfGDGH154M-4_H3noufTFri2UBn_JzOPg2vjiMUngWErXPDE/s320/CaraMembuatEfectSoundpadaBlog.png" width="159" /></div><br />Masih di artikel tutorial blog share Cara Membuat Efect Sound pada Blog cekidot<br /><br />Silahkan sobat Copy Paste script  di bawah ini simpan di blog sobat<br /><br /><br /><span style="color: blue;"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" width="0" src="<span style="color: red;">http://www.swfcabin.com/swf-files/1307046207.swf</span>" height="0" type="application/x-shockwave-flash"></embed></span><br /><br />Untuk penyimpanan kode script di atas dengan cara silahkan log in  terlebih dahulu di blog sobat >> klik Rancangan >> klik ADD  Gadget >> klik HTML/Javascript , kemudian paste script diatas ,  simpan dan lihat hasilnya semoga bermanfaat</div>

tutorial blog Cara Membuat Efect Sound pada Blog

Masih di artikel tutorial blog share Cara Membuat Efect Sound pada Blog cekidot Silahkan sobat Copy Paste script di bawah ini simpan di blo...

Cara Membuat Link Berkedip Bintang

Unknown 0

tutorial blog Cara Membuat Link Berkedip Bintang

Silahkan Log in ke blogs sobat >> klik Rancangan >> klik Edit Html >> Centang Expand Template Widget , kemudian silahkan...

Menampilkan Widget Di Halaman Tertentu

Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on">Hai sobat blogger, bagaimanakah kabar Anda sekalian ? semoga dalam  keadaan sehat dan selalu ceria. Pada tulisan kali ini, saya akan  membagikan ilmu yang sudah saya pelajari kepada Anda yaitu masih tentang  blogger dan topik yang saya bahas kali ini adalah seputar "Menampilkan  widget pada halaman tertentu" yang sering digunakan pada template  megazine, misalnya anda ingin menampilkan widget dihalaman post saja  atau tidak ada hanya dihalaman post.<br /><br />Nah langsung saja kita pelajari bersama-sama.<span class="fullpost"><br /><br />Langkah pertama yang harus Anda lakukan adalah masuk menu "<span style="font-weight: bold;">Design</span>" kemudian masuk ke bagian "<span style="font-weight: bold;">Edit HTML</span>" lalu centang kotak "<span style="font-weight: bold;">Expand widget templates</span>"<br /><br />lalu cari code widgetnya seperti ini<br /></span><br /><div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 255, 229) none repeat scroll 0% 0%; border-left: 8px solid rgb(204, 255, 230); padding: 3px;"><br /><b:widget id='HTML1' locked='false' title='<span style="font-weight: bold;">Pesan</span>' type='HTML'><br /><b:includable id='main'><br /><br /><br /><b:if cond='data:title != &quot;&quot;'><br /><h2 class='title'><data:title/></h2><br /></b:if><br /><div class='widget-content'><br /><data:content/><br /></div><br /><br /><b:include name='quickedit'/><br /><br /></b:includable><br /></b:widget></div><br />Untuk mempermudah pencarian silahkan masukkan judul widget seperti "<span style="font-weight: bold;">Pesan</span>" kedalam kotak pencarian browser (ctrl + F)<br /><br />Kemudian tambah code<br /><br /><span style="color: #006600;"><b:if cond='data:blog.url == data:blog.homepageUrl'></span><br /><br />dan ditutup dengan code <span style="color: #006600;"></b:if></span> untuk menempatkan di hanya halaman depan saja<br /><br />dan ditempatkan seperti dibawah ini<br /><br /><div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 255, 229) none repeat scroll 0% 0%; border-left: 8px solid rgb(204, 255, 230); padding: 3px;"><br /><b:widget id='HTML1' locked='false' title='<span style="font-weight: bold;">Pesan</span>' type='HTML'><br /><b:includable id='main'><br /><span style="color: #006600;"><b:if cond='data:blog.url == data:blog.homepageUrl'></span><br /><br /><b:if cond='data:title != &quot;&quot;'><br /><h2 class='title'><data:title/></h2><br /></b:if><br /><div class='widget-content'><br /><data:content/><br /></div><br /><br /><b:include name='quickedit'/><br /><span style="color: #006600;"></b:if></span><br /></b:includable><br /></b:widget></div><br />Perhatikan penempatan code yang <span style="color: #006600;">berwarna hijau</span> !<br /><br />kemudian <span style="font-weight: bold;">save</span>.<br /><br />Dan dibawah ini adalah code yang bisa digunakan untuk penempatan lainya<br /><br />Untuk menempatkan di halaman depan/index digunakan code<br /><div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 255, 229) none repeat scroll 0% 0%; border-left: 8px solid rgb(204, 255, 230); color: #006600; padding: 3px;"><b:if cond='data:blog.pageType == data:blog.homepageUrl'></div><br /><br />Untuk menempatkan di halaman Archive saja<br /><div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 255, 229) none repeat scroll 0% 0%; border-left: 8px solid rgb(204, 255, 230); color: #006600; padding: 3px;"><b:if cond='data:blog.pageType == "archive"'></div><br /><br />Untuk menempatkan dihalaman item/posting saja digunakan code<br /><div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 255, 229) none repeat scroll 0% 0%; border-left: 8px solid rgb(204, 255, 230); color: #006600; padding: 3px;"><b:if cond='data:blog.pageType == "item"'></div><br /><br />Dan untuk pada halaman pages atau static page blogger digunakan<br /><div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 255, 229) none repeat scroll 0% 0%; border-left: 8px solid rgb(204, 255, 230); color: #006600; padding: 3px;"><b:if cond='data:blog.pageType == "static_page"'></div><br />Dan untuk tambahan, jika Anda ingin menempatkan di halaman tertentu dengan menggunakan URL gunakan code dibawah ini<br /><div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 255, 229) none repeat scroll 0% 0%; border-left: 8px solid rgb(204, 255, 230); color: #006600; padding: 3px;"><b:if cond='data:blog.url == "<span style="color: #660000;">URL_HERE</span>"'></div><br /><br />Ganti code <span style="color: #990000;">URL_HERE</span> dengan <span style="font-weight: bold;">URL</span> yang ingin anda tampilkan.<br /><br />Dan untuk pengecualian, misalnya anda tidak menempatkan widget hanya di halaman depan saja dengan cara mengganti tanda <span style="color: #006600; font-weight: bold;">=</span><span style="font-weight: bold;"> </span>pertama dengan tanda <span style="color: #660000; font-weight: bold;">!</span><br /><br />Contoh<br /><br /><div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(255, 255, 229) none repeat scroll 0% 0%; border-left: 8px solid rgb(204, 255, 230); color: #006600; padding: 3px;"><b:if cond='data:blog.pageType <span style="color: #660000; font-weight: bold;">!</span>= data:blog.homepageUrl'></div><br />Nah tidak terlalu sulit kan? semoga bermanfaat bagi Anda.<br /><br />Sekian silahkan berkomentar jika ada pertanyaa, :D<br /><br /><span style="font-weight: bold;">NB :</span> Code diatas juga dapat di aplikasikan ke fungsi-fungsi blogger lainya yang akan saya bahas di waktu selanjutnya</div>

tutorial blog Menampilkan Widget Di Halaman Tertentu

Hai sobat blogger, bagaimanakah kabar Anda sekalian ? semoga dalam keadaan sehat dan selalu ceria. Pada tulisan kali ini, saya akan membag...

Cara Menyimpan File di Google Site

Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on"><b>Google Site selain bisa kita gunakan untuk membangun website juga  bisa kita manfaatkan untuk menyompan file seperti pdf, jpg, mp3 dll.</b><br /><a href="http://www.blogger.com/null" name="more"></a><br />Caranya akan saya jelaskan secara detail seperti dibawah ini :<br /><br />1. Login ke <a href="https://sites.google.com/" rel="nofollow" target="_blank">https://sites.google.com/</a> menggunakan akun google.com<br />2. Setelah masuk ke google site klik <b>CREATE</b>.<br /><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKqtLIoQxZIpFtPL8oIvcPseH5DbEUiHnJBdXcdNPIkSqhxpAN5wxvvTEDx-6bUyBT6IsWxnK3RFm0p6pjA-X_aNnPsoJKEC796kDyLxqfBPuHXPZqsa6A6e52j8-VVKNmb8MwRpbN/s1600/site1.PNG" style="margin-left: 1em; margin-right: 1em;"><img alt="Google Site - Free Blog Titorial" border="0" height="244" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKqtLIoQxZIpFtPL8oIvcPseH5DbEUiHnJBdXcdNPIkSqhxpAN5wxvvTEDx-6bUyBT6IsWxnK3RFm0p6pjA-X_aNnPsoJKEC796kDyLxqfBPuHXPZqsa6A6e52j8-VVKNmb8MwRpbN/s320/site1.PNG" title="Free Blog Titorial" width="320" /></a></div><br />3. Pilih Blank Template, isi nama website misalnya "DATAKU" kemudian klik <b>CREATE SITE</b>.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKgjV-k7ifSLEvQAQU0WRh7Af5ID0jYpQd1DlO2a8bt1Kmcb_aq8p8HglyiqmPj5FaEc3KyJEF9Tk1RrG8hTPpBh154q_3ykp7N8YkeRexBoVmmOxB3mdaIMy2VBsUUyS5m4nIG-d1/s1600/site2.PNG" style="margin-left: 1em; margin-right: 1em;"><img alt="Google Site - Free Blog Titorial" border="0" height="318" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKgjV-k7ifSLEvQAQU0WRh7Af5ID0jYpQd1DlO2a8bt1Kmcb_aq8p8HglyiqmPj5FaEc3KyJEF9Tk1RrG8hTPpBh154q_3ykp7N8YkeRexBoVmmOxB3mdaIMy2VBsUUyS5m4nIG-d1/s320/site2.PNG" title="Free Blog Titorial" width="320" /></a></div><br />4. Isikan kode captcha lalu <b>CREATE SITE</b>.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjQQZN4FY5KxiLODPm3cIMBJdQgO_-YGXlqIDHikk5XZENcUhRqGHD4sLWw4OakkCuejOWgTCnbRArQkHUjER7ugZbTTWY2R3tksmujBd7_FuNdxaroUOwLrgDGmCL5lBpCL4LVxcM/s1600/site3.PNG" style="margin-left: 1em; margin-right: 1em;"><img alt="Google Site - Free Blog Titorial" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjQQZN4FY5KxiLODPm3cIMBJdQgO_-YGXlqIDHikk5XZENcUhRqGHD4sLWw4OakkCuejOWgTCnbRArQkHUjER7ugZbTTWY2R3tksmujBd7_FuNdxaroUOwLrgDGmCL5lBpCL4LVxcM/s320/site3.PNG" title="Free Blog Titorial" width="275" /></a></div><br />5. Setelah site jadi klik <b>More</b> lalu pilih <b>Manage Site</b>.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXuy-3swqNnquLClb3RSHBrEEyCWrgBXJ7i2xaYm6_LItUoOHE2fmdmLUDJLhHWcwzjTx5UAT7WeHemygU6Hm3C1M0_YjzruB8NBPyWH6NcvpxWyXysEAKqmy-COGqErhgr1xT46Kh/s1600/site4.PNG" style="margin-left: 1em; margin-right: 1em;"><img alt="Google Site - Free Blog Titorial" border="0" height="211" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXuy-3swqNnquLClb3RSHBrEEyCWrgBXJ7i2xaYm6_LItUoOHE2fmdmLUDJLhHWcwzjTx5UAT7WeHemygU6Hm3C1M0_YjzruB8NBPyWH6NcvpxWyXysEAKqmy-COGqErhgr1xT46Kh/s320/site4.PNG" title="Free Blog Titorial" width="320" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt6dfa40pH_KbqtbkQWBEJgmCZ7un_I5mzKWJAAARbbBrDXP_cKYqVduA41g2-rUBYBTo0-JU2XVPwK5Hg8b1DbRBqX8yqH2kPkzh8Mv80KzALItqCJq6SS4rOtWkOoUR8NXOXEY4k/s1600/site5.PNG" style="margin-left: 1em; margin-right: 1em;"><img alt="Google Site - Free Blog Titorial" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt6dfa40pH_KbqtbkQWBEJgmCZ7un_I5mzKWJAAARbbBrDXP_cKYqVduA41g2-rUBYBTo0-JU2XVPwK5Hg8b1DbRBqX8yqH2kPkzh8Mv80KzALItqCJq6SS4rOtWkOoUR8NXOXEY4k/s320/site5.PNG" title="Free Blog Titorial" width="210" /></a></div><br />6. Pilih <b>Attachment</b> pada sidebar.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT8UrzncwTVlRyhdSsQyd3UgSgyfe1O5mGAC5mhYb_r7FmSFbKHs6oL4pbCw_ksiL8_FHUwr50tJH4j9Ojttk_xyoIxJ7sgEXStF-A1fGxU7K71UeTkuHBJzhD2Tkf5928GuDVjnfu/s1600/site6.PNG" style="margin-left: 1em; margin-right: 1em;"><img alt="Google Site - Free Blog Titorial" border="0" height="313" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT8UrzncwTVlRyhdSsQyd3UgSgyfe1O5mGAC5mhYb_r7FmSFbKHs6oL4pbCw_ksiL8_FHUwr50tJH4j9Ojttk_xyoIxJ7sgEXStF-A1fGxU7K71UeTkuHBJzhD2Tkf5928GuDVjnfu/s320/site6.PNG" title="Free Blog Titorial" width="320" /></a></div><br />7. Klik <b>Upload</b>, lalu pilih file yang akan di upload kemudian <b>Open</b>.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6yHHtawZ3TROqOleqj8O1jAp1nqQsVPhCVMAm3HTT8ThpZT_NC9lWOIaO_qtSlALz6eVWClBLedz8_EkalHl9gsti6fOKTHGLTMXwuNjj27TFm0xoG5ahS_0V9Y1iXLMXn3yflhiN/s1600/site7.PNG" style="margin-left: 1em; margin-right: 1em;"><img alt="Google Site - Free Blog Titorial" border="0" height="192" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6yHHtawZ3TROqOleqj8O1jAp1nqQsVPhCVMAm3HTT8ThpZT_NC9lWOIaO_qtSlALz6eVWClBLedz8_EkalHl9gsti6fOKTHGLTMXwuNjj27TFm0xoG5ahS_0V9Y1iXLMXn3yflhiN/s320/site7.PNG" title="Free Blog Titorial" width="320" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkBEtZBeVOOgosfj3i1Wx_qG-F7OMIdJC1LHK9EGCfFO0a_GKiAQXvOJSMc6ZPhFDr_-3ZgxQ-eJHPeBnHx3DqozD0F9bmKLGqQ32TySHcrDohUNh3EP_1IXzmQnR9CBb99Hy0Gq2u/s1600/site8.PNG" style="margin-left: 1em; margin-right: 1em;"><img alt="Google Site - Free Blog Titorial" border="0" height="219" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkBEtZBeVOOgosfj3i1Wx_qG-F7OMIdJC1LHK9EGCfFO0a_GKiAQXvOJSMc6ZPhFDr_-3ZgxQ-eJHPeBnHx3DqozD0F9bmKLGqQ32TySHcrDohUNh3EP_1IXzmQnR9CBb99Hy0Gq2u/s320/site8.PNG" title="Free Blog Titorial" width="320" /></a></div><br />8. Setelah proses upload selesai. Klik kanan pada link <b>download</b>, pilih <b>Copy Link Location</b> untuk mendapatkan link downloadnya.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinTu7mC78a3tc5VudSzWWFFESRJKy2tJn97wbozikd9XjS-NCI8GXWAkJQebHL9-unjF_xM6JOphYMCTogPx8OiDVIhDf8Day3RU2YOzMb7Odc79uwFfBC3tSwywTW-46hu-lu10gn/s1600/site9.PNG" style="margin-left: 1em; margin-right: 1em;"><img alt="Google Site - Free Blog Titorial" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinTu7mC78a3tc5VudSzWWFFESRJKy2tJn97wbozikd9XjS-NCI8GXWAkJQebHL9-unjF_xM6JOphYMCTogPx8OiDVIhDf8Day3RU2YOzMb7Odc79uwFfBC3tSwywTW-46hu-lu10gn/s320/site9.PNG" title="Free Blog Titorial" width="320" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZfgJvXtrkuZiv3Zxz8jeX5f05h296hAPSq3t0GqpJlztlPEDmV1qSFnXFDuVBqfaplqCqhrOhAFjIVW2DHrI9QvX1GSgjNkrFZpqO9c5JgotPsla_Ngp6WGr6yJFgTR4zv_OliW2A/s1600/site10.PNG" style="margin-left: 1em; margin-right: 1em;"><img alt="Google Site - Free Blog Titorial" border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZfgJvXtrkuZiv3Zxz8jeX5f05h296hAPSq3t0GqpJlztlPEDmV1qSFnXFDuVBqfaplqCqhrOhAFjIVW2DHrI9QvX1GSgjNkrFZpqO9c5JgotPsla_Ngp6WGr6yJFgTR4zv_OliW2A/s320/site10.PNG" title="Free Blog Titorial" width="320" /></a></div><br />Contoh alamat download gambar yang saya upload diatas adalah <a href="https://sites.google.com/site/dataku000/Blue%20hills.jpg?attredirects=0&d=1" rel="nofollow" target="_blank">https://sites.google.com/site/dataku000/Blue%20hills.jpg?attredirects=0&d=1</a>.<br /><br />Demikian <b>cara menyimpan file di google site</b>, semoga bermanfaat.<br /></div>

tutorial blog Cara Menyimpan File di Google Site

Google Site selain bisa kita gunakan untuk membangun website juga bisa kita manfaatkan untuk menyompan file seperti pdf, jpg, mp3 dll. Cara...

Drink Press WordPress Theme | Tutorial Blog

Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on"><h1>Drink Press WordPress Theme</h1><div style="text-align: left;"><span style="font-size: medium;">Template Details :</span></div><table cellpadding="0" cellspacing="0" class="Table-Post2" id="AutoNumber1" style="height: 152px;"><tbody><tr align="left"><td class="Table-Post2" height="25" width="20%">Platform Type</td><td class="Table-Post2" height="25" width="56%">WordPress Theme</td></tr><tr align="left"><td class="Table-Post2" height="25" width="20%">Template Name </td><td class="Table-Post2" height="25" width="56%"><b>Drink Press WordPress Theme</b></td></tr><tr align="left"><td class="Table-Post2" height="25" width="20%"><span class="cut">Descriptions</span></td><td class="Table-Post2" height="25" width="56%">Drink  Press WordPress Theme is free wordpress theme, pattern style with  maroon background, slide show ready, right sidebar, 2 columns, 3 columns  footer.</td></tr><tr align="left"><td class="Table-Post2" height="25" width="20%">Template Author</td><td class="Table-Post2" height="25" width="56%">http://buymythemes.com</td></tr><tr align="left"><td class="Table-Post2" height="25" width="20%">Designer</td><td class="Table-Post2" height="25" width="56%">I Putu Eka Ariyasa</td></tr></tbody></table><a href="http://www.blogger.com/null" name="more"></a><img alt="Drink Press WordPress Theme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY5E9KoQbR9YH4vzSWnMrQRHtygA8qvTz06bv2Ut162Im0zPph2dMsxHFHg6ry1iybI9C23yTPoFM4NY14_bH7Sjrgyb9Dn-f4JyWr0FIUsakri931gi275cyt3hCeyOUKPPdE88Jqsvc/s320/Wordpress-Theme-Drink-Press.jpg" style="cursor: pointer; height: 250px; width: 300px;" /><ul><li><a class="livedemo" href="http://demo.templatebloggers.com/?view=whyloan.com/wordpress/?themedemo=Drink-Press" rel="nofollow">Demo</a></li><li><a class="download" href="http://download.probloggertemplate.com/?go=dl4files.com/drink-press.html" rel="nofollow">Download</a></li></ul></div>

theme wordpres Drink Press WordPress Theme | Tutorial Blog

Drink Press WordPress Theme Template Details : Platform Type WordPress Theme Template Name Drink Press WordPress Theme Descriptions Drink P...

Cara Mencari Keyword Populer | Tutorial Blog

Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on"><h1><br /></h1>Buat Sobat yang sudah lama di dunia blogging pastinya tahu betul apa  fungsi keyword. Akan lebih baik jika kita menggunakan keyword yang lagi  booming atau populer saat ini, karena dengan menggunakan keyword yang  lagi populer maka pengunjung kita dari search engine akan meningkat,  tentu saja harus di sertai isi konten yang bagus dan penerapan seo on  page. Karena itu pula kita perlu mencari tahu Keyword yang lagi populer  saat ini. <a href="http://www.blogger.com/null" name="more"></a><div style="text-align: left;">Dibawah ini beberapa situs yang dapat Anda gunakan untuk mencari keyword yang lagi populer :</div><ul><li><div style="text-align: left;">Adwords.</div>Tempat ini untuk mencari keyword abadi dan sangat saya sarankan buat  anda yang ingin cari traffik abadi lewat search engine google. <div style="text-align: left;"><a href="https://adwords.google.com/select/KeywordToolExternal">keyword populer by google adwords</a></div></li><li><div style="text-align: left;">Google Insight.</div>Situs ini untuk mencari keyword musiman lewat google insight dimana kita  akan tahu keyword yang sering diketikkan orang 7 hari terakhir, sebulan  terakhir ataupun setahun terakhir. <div style="text-align: left;"><a href="http://www.google.com/insights/search/">keyword populer by google insight</a></div></li><li><div style="text-align: left;">News Google</div><div style="text-align: justify;">Situs satu ini untuk mencari keyword topik beberapa hari terakhir yang meledak dan sangat booming.</div><div style="text-align: left;"><a href="http://news.google.co.id/">keyword populer by google news</a></div></li><li><div style="text-align: left;">Berita populer di yahoo indonesia</div><div style="text-align: justify;">Nie tempat buat anda cari keyword populer lewat yahoo indonesia.</div><div style="text-align: left;"><a href="http://www.tutorialdigital.com/2010/03/obama-populer-trending-topik-di-yahoo.html" rel="nofollow">keyword populer yahoo indonesia</a></div></li><li><div style="text-align: left;">Alexa</div><div style="text-align: justify;">Untuk mencari keyword populer yang ada di alexa secara realtime setiap detik update silakan kunjungi :</div><div><a href="http://www.alexa.com/hoturls">keyword populer by alexa</a></div><div>berlaku untuk keyword bahasa inggris.</div></li><li><div style="text-align: left;">News Feedjit</div><div style="text-align: justify;">Tempat ini buat mencari keyword populer yang ada di feedjit secara realtime update setiap detik.</div><div style="text-align: left;"><a href="http://feedjit.com/news/ID/jakarta/0/60/lang-id/" rel="nofollow">keyword populer by feedjit </a></div></li><li><div style="text-align: left;">Twitter</div><div style="text-align: justify;">Buat mencari keyword populer di twitter yang jadi trending topik di twitter. silakan kunjungi halaman :</div><div><a href="http://www.twitter.com/" rel="nofollow">keyword populer by twitter</a>.</div></li></ul></div>

tips vs trick Cara Mencari Keyword Populer | Tutorial Blog

Buat Sobat yang sudah lama di dunia blogging pastinya tahu betul apa fungsi keyword. Akan lebih baik jika kita menggunakan keyword yang lag...

Membuat Link Membesar Saat disentuh Kursor

Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on"><h1>Membuat Link Membesar Saat disentuh Kursor | Tutorial Blog</h1><div style="text-align: justify;">Tutorial kali ini tentang trik atau cara untuk membuat blog menjadi  lebih menarik. "Membuat Link Membesar Saat disentuh Kursor". Maksudnya  link yang pada saat dilintasi cursor mouse akan menjadi besar  tulisannya, Selain cara ini Anda juga bisa Membuat Gambar Membesar Saat disentuh Cursor, Membuat Link Berkedip Saat Disentuh Cursor, Membuat Link Berwarna Warni, dan lain-lain.</div><a href="http://www.blogger.com/null" name="more"></a><div style="text-align: justify;">Buat Sobat yang ingin memasang trik ini silakan ikuti tutorial dibawah ini.</div><br /><div style="text-align: left;">Cara Membuat Link Membesar Saat disentuh Kursor :</div><ul><li>Masuk ke akun blogger sobat.</li><li>Pilih <span style="color: blue;"><b>Template</b></span> > <span style="color: blue;"><b>Edit HTML</b></span>.</li><li>Ceklis / Centang <span style="color: red;"><i>Expand Widget Template</i></span>.</li><li>Cari kode a:hover { </li><li>Ganti kode font-size dengan ukuran yang lebih besar.<br />Contoh :<br /><div style="border-color: blue; border-style: inset; border-width: 2pt; padding: 10px; text-align: left; width: 400px;">a:hover {<br />color:#d2691e;<br />font-size:10px;<br />font-style:italic;<br />cursor:wait;<br />}</div>ganti dengan<br /><div style="border-color: blue; border-style: inset; border-width: 2pt; padding: 10px; text-align: left; width: 400px;">a:hover {<br />color:#d2691e;<br />font-size:<b><span style="color: blue;">19px</span></b>;<br />font-style:italic;<br />cursor:wait;<br />}</div></li><li>Terakhir klik <span style="color: blue;"><b>Simpan Template</b></span>. </li></ul><div style="text-align: left;">Selamat Mencoba dan Semoga Berhasil...</div></div>

widget blogspot Membuat Link Membesar Saat disentuh Kursor

Membuat Link Membesar Saat disentuh Kursor | Tutorial Blog Tutorial kali ini tentang trik atau cara untuk membuat blog menjadi lebih menari...

Cara Membuat Kolom Widget di Bawah Header Blog

Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;"><div dir="ltr" style="text-align: left;"><div dir="ltr" style="text-align: left;"><div dir="ltr" style="text-align: left;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNFQ6OoUPn1KLWrnZn94K_N1FEnNb3_KQPZCJOJ6uBKGQ1pZCZ-dfupIUOpd5G4ofKEha3hDJECobLkET2OpYNGrJElbZfwtGfpc2-6rYQqvm0diABXRlJauwySpmeRum6O_H7Cnu9v9k/s1600/Untitled.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Cara Membuat Kolom Widget di Bawah Header" border="0" height="108" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNFQ6OoUPn1KLWrnZn94K_N1FEnNb3_KQPZCJOJ6uBKGQ1pZCZ-dfupIUOpd5G4ofKEha3hDJECobLkET2OpYNGrJElbZfwtGfpc2-6rYQqvm0diABXRlJauwySpmeRum6O_H7Cnu9v9k/s200/Untitled.png" title="Cara Membuat Kolom Widget di Bawah Header" width="200" /></a></div>Template yang sobat gunakan tidak menyediakan kolom widget yang sesuai  dengan keinginan sobat? Kolom widget di bawah header blog sobat hanya  tersedia satu kolom sedangkan sobat membutuhkan yang tiga kolom? Tenang,  bisa sobat buat dengan cara ini.<br /><a href="http://www.blogger.com/null" name="more"></a><br />Kolom widget di bawah header ini bisa dibuat dengan mudah. Jumlahnya  bisa 1, 2, atau 3 pilih sesuai keinginan sobat, atau mau pasang  ketiga-tiganya juga tidak apa-apa. Untuk ukuran juga bisa diatur dengan  mudah jika sobat ingin mengganti ukuran yang saya tetapkan.<br />Oke, tak usah panjang lebar. Mari sobat simak langkah-langkahnya.<br /><br />Cara Membuat Kolom Widget di Bawah Header pada Blog:<br />1. Login ke akun Blogger sobat.<br />2. Masuk pada bagian Template.<br />3. Cari kode <b>]]></b:skin></b>. Gunakan Tombol ctrl+F<br />4. Masukan kode berikut diatas kode <b>]]></b:skin></b>.<br /><br /><div style="background: #f2f2f2; border: 2px solid #0000FF; height: 40px; overflow: auto; padding: 15px;">#underheader { clear:both; } .underheader-widget { <br />padding:0px 10px 10px 10px; }</div></div><br />5. Kemudian cari kode <b><div id='main-wrapper'> </b>atau <b><div id='main-wpr'> </b>atau<b> </b>sejenisnya. Setiap template memiliki elemen yang berbeda. Namun pada umumnya ditulis dengan kode <b><div id='main-wrapper'>. </b>Sobat  harus berusaha mencari elemen ini jika memang kode elemen pada template  sobat berbeda  dengan kode elemen yang saya contohkan.<br />6. Pilihlah beberapa kode di bawah ini dan kemudian letakan di atas kode <b><div id='main-wrapper'></b> atau <b><div id='main-wpr'></b>.<br /><br /><ul style="text-align: left;"><li>Satu Kolom Widget.</li></ul><br /><div style="background: #f2f2f2; border: 2px solid #0000FF; height: 120px; overflow: auto; padding: 15px;"><div id='underheader'><br /><div id='box1' style='width: 100%; float: left; <br />margin:0; text-align: left;'><br /><b:section class='header' id='col1' preferred='yes' <br />style='float:left;'/><br /></div><br /></div></div></div><ul style="text-align: left;"><li>Dua Kolom Widget.</li></ul></div><div dir="ltr" style="text-align: left;"></div><div style="background: #f2f2f2; border: 2px solid #0000FF; height: 120px; overflow: auto; padding: 15px;"><div id='underheader'><br /><div id='box1' style='width: 50%; float: left; margin:0; text-align: left;'><br /><b:section class='header' id='col1' preferred='yes' style='float:left;'/><br /></div><br /><div id='box2' style='width: 50%; float: left; margin:0; text-align: left;'><br /><b:section class='header' id='col2' preferred='yes' style='float:left;'/><br /></div><br /></div></div><div dir="ltr" style="text-align: left;"></div><div dir="ltr" style="text-align: left;"> </div><ul style="text-align: left;"><li>Tiga Kolom Widget.</li></ul></div><div dir="ltr" style="text-align: left;"></div><div style="background: #f2f2f2; border: 2px solid #0000FF; height: 120px; overflow: auto; padding: 15px;"><div id='underheader'><br /><div id='box1' style='width: 30%; float: left; margin:0; text-align: left;'><br /><b:section class='header' id='col1' preferred='yes' style='float:left;'/><br /></div><br /><div id='box2' style='width: 40%; float: left; margin:0; text-align: left;'><br /><b:section class='header' id='col2' preferred='yes' style='float:left;'/><br /></div><br /><div id='box3' style='width: 30%; float: left; margin:0; text-align: left;'><br /><b:section class='header' id='col3' preferred='yes' style='float:left;'/><br /></div><br /></div></div><div dir="ltr" style="text-align: left;"></div><div dir="ltr" style="text-align: left;"> </div><br />#Keterangan, untuk ukuran sobat bisa ubah pada nilai "width".<br /><br />7. Klik simpan, selesai dan sobat lihat hasilnya.<br />Contoh hasil pemasangan dua kolom widget.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia19EhmYrcvXqwt6Q2cI7OO8ZO7Lg_0s9I7jRaq0U0Q2Sp4zB-aKP2mzizIkPJ_CKxbRXwXk8Ihps8YdB_mrYH1OOFdeK-0PBhepE8BYeOgaPwpEdV4uRmx2sDF9HPHGBLOq5SyhtyDtI/s1600/Untitled1.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Kolom Widget di Bawah Header" border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia19EhmYrcvXqwt6Q2cI7OO8ZO7Lg_0s9I7jRaq0U0Q2Sp4zB-aKP2mzizIkPJ_CKxbRXwXk8Ihps8YdB_mrYH1OOFdeK-0PBhepE8BYeOgaPwpEdV4uRmx2sDF9HPHGBLOq5SyhtyDtI/s400/Untitled1.png" title="Cara Membuat Kolom Widget di Bawah Header" width="400" /></a></div></div>

edit template Cara Membuat Kolom Widget di Bawah Header Blog

Template yang sobat gunakan tidak menyediakan kolom widget yang sesuai dengan keinginan sobat? Kolom widget di bawah header blog sobat hany...

Membuat Tampilan Kolom Widget Blog Berbeda pada Halaman Tertentu

Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrzodvqPvQ2E_WTYntoutwkeE1jalRdySaSzee-0y2NVQkeqXL77KiyWB61QtJC0t5-Uet7LkYYjYbrk-p_pFXa-trsSw-7hwp1EfX5YOJjXr4BSgts8WqaTqOB6ucHUeKVGm0zeiqGFs/s1600/Untitled.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Membuat Tampilan Kolom Widget Blog Berbeda pada Halaman Tertentu" border="0" height="130" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrzodvqPvQ2E_WTYntoutwkeE1jalRdySaSzee-0y2NVQkeqXL77KiyWB61QtJC0t5-Uet7LkYYjYbrk-p_pFXa-trsSw-7hwp1EfX5YOJjXr4BSgts8WqaTqOB6ucHUeKVGm0zeiqGFs/s200/Untitled.png" title="Membuat Tampilan Kolom Widget Blog Berbeda pada Halaman Tertentu" width="200" /></a></div>Rasanya saya sudah jarang membuat posting baru pada blog tercinta ini.  Hari ini saya mengunjungi Blog teman dan melihat kolom widget yang  berubah tampilan ketika beralih dari satu halaman ke halaman lain. Saya  pun tertarik untuk mengetahui cara membuatnya, coba diterapkan pada Blog  saya, dan membuat posting tentang hal tersebut.<br /><a href="http://www.blogger.com/null" name="more"></a>Ternyata agak sulit dalam membuat perubahan kolom widget yang memuat sederetan widget ini, tidak semudah pada satu buah widget.  Namun akhirnya akan mengerti dan mudah menerapkanya jika sobat teliti  dalam menyimak tutorialnya. Perubahan widget yang saya maksud ini sering  disebut <i>tampilan template dinamis</i>, bisa dikatakan perubahan  tampilan dan jumlah kolom widget. Namun pengertian tadi tentunya  sebagian sobat Blogger masih belum memahaminya dengan jelas.<br />OK, saya contohkan sebuah kasus.<br />Mungkin sobat pernah melihat sebuah Blog, pada homepage blog tersebut  menampilkan 3 kolom widget yaitu kolom posts, sidebar kanan, dan sidebar  kiri. Namun ketika sobat beralih pada salah satu halaman posting,  sidebar kiri menghilang. Sehingga hanya terdapat kolom posts dan sidebar  kanan. Bagusnya lagi kolom posts bertambah lebar hingga tidak ada ruang  kosong di sebelah kiri.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjCNeJotbHKullOYoDnHbRX2q2QOsQI_4-NIjVDB0qhiw637F_vZdzEMeTLkhTNQ5e66RRfvPxul4MVzyI3W7gWwufiBDHh-PufPdcFG6tMI5Q5NkWm8g64-qxvmVff_mw1gIpEUrvbeo/s1600/Untitled1.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Tampilan Kolom Widget Blog Berbeda pada Halaman Tertentu" border="0" height="130" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjCNeJotbHKullOYoDnHbRX2q2QOsQI_4-NIjVDB0qhiw637F_vZdzEMeTLkhTNQ5e66RRfvPxul4MVzyI3W7gWwufiBDHh-PufPdcFG6tMI5Q5NkWm8g64-qxvmVff_mw1gIpEUrvbeo/s400/Untitled1.png" title="Membuat Tampilan Kolom Widget Blog Berbeda pada Halaman Tertentu" width="400" /></a></div><br />OK, sangat berguna ya jika ada sederetan widget yang tidak perlu  ditampilkan ketika pengunjung membaca artikel di Blog sobat. Sebenarnya  mudah untuk menerapkan hal ini, sobat hanya perlu menambahkan kode yang  tidak terlalu banyak pada template blog yang bisa dikatakan berfungsi  sebagai sebuah perintah.<br /><br />Langsung saja kita menuju ke langkah-langkah penerapnya:<br />1. Login ke akun Blogger sobat.<br />2. Masuk ke bagian Template dan klik Edit Template.<br />3. Dengan tombol ctrl+F, cari kode <b>]]></b:skin></b> dan perhatikan kode-kode diatasnya yang cukup banyak. Default-nya (sebelum sobat menambah kode CC tambahan) tepat diatas kode <b>]]></b:skin></b><i><b> </b></i>terdapat kode-kode CSS kolom widget, kurang lebih seperti berikut. <br /><div style="background: #f2f2f2; border: 2px solid #708090; height: 160px; overflow: auto; padding: 15px;">/* -- Main -- */<br /><span style="color: red;"><b>#main-wrapper</b></span>{float:left;width:650px;margin:0;padding:0}<br />/* -- End Main -- */<br /><br />/* -- Sidebar -- */<br /><span style="color: red;"><b>#sidebar-kiri</b></span> {float:left;width:230px;display:inline;margin:0;}<br /><span style="color: red;"><b>#sidebar-wrapper</b></span>{float:right;width:320px;display:inline;margin:0;}<br />/* -- End Sidebar -- */</div>Sobat harus memahami elemen-elemen kolom widget seperti yang saya beri  tanda berwarna merah diatas, dan mengetahui elemen-elemen kolom widget  pada template Blog sobat. Karena kode-kode elemen pada setiap template  biasanya memiliki  penulisan yang berbeda-beda.<br /><br />Sekarang kita belajar membuat sebuah kode untuk perintah membuat kolom widget berbeda.<br /><ul style="text-align: left;"><li>Perintah letak perubahan. </li></ul>Perintah untuk merubah halaman homepage saja. <br /><div style="background: #f2f2f2; border: 2px solid #708090; height: 10px; overflow: auto; padding: 15px;"><b:if cond='data:blog.url == data:blog.homepageUrl'></div><br />Perintah untuk merubah semua halaman kecuali homepage.  <br /><div style="background: #f2f2f2; border: 2px solid #708090; height: 10px; overflow: auto; padding: 15px;"><b:if cond='data:blog.url != data:blog.homepageUrl'></div><br />Perintah untuk merubah halaman posting saja<br /><div style="background: #f2f2f2; border: 2px solid #708090; height: 10px; overflow: auto; padding: 15px;"><span style="font-family: Times, Times New Roman, serif;"><b:if cond='data:blog.pageType == &quot;item&quot;'></span></div><br />Perintah untuk merubah semua halaman kecuali halaman posting.<br /><div style="background: #f2f2f2; border: 2px solid #708090; height: 10px; overflow: auto; padding: 15px;"><span style="font-family: Times, Times New Roman, serif;"><b:if cond='data:blog.pageType != &quot;item&quot;'></span></div><br />Perintah untuk merubah sebuah halaman tertentu saja<br /><div style="background: #f2f2f2; border: 2px solid #708090; height: 10px; overflow: auto; padding: 15px;"><span style="font-family: Times, Times New Roman, serif;"><b:if cond='data:blog.pageType == &quot;<span style="color: red;"><b>url-halaman</b></span>&quot;'></span></div><br />Perintah untuk merubah semua halaman kecuali sebuah halaman tertentu.<br /><div style="background: #f2f2f2; border: 2px solid #708090; height: 10px; overflow: auto; padding: 15px;"><span style="font-family: Times, Times New Roman, serif;"><b:if cond='data:blog.pageType != &quot;<span style="color: red;"><b>url-halaman</b></span>&quot;'></span><span style="font-family: Times, Times New Roman, serif;"></span></div><br />#Pilihlah perintah mana yang sobat perlukan.<br /><br />Selanjtnya sobat membuat kode dengan urutan: <i>keterangan penambahan CSS</i>, <i>perintah letak perubahan</i>,  <span style="color: red;"><i>elemen yang akan diedit dan </i><i>kode perubahan tampilan</i></span>, akhiri dengan <b></b:if> </b>dan<b> </b><b></style>. </b><br />Untuk <span style="color: red;"><i>elemen yang akan diedit dan </i><i>kode perubahan tampilan </i><span style="color: black;">khususnya jika sobat akan merubah tampilan kolom posts</span></span><span style="color: red;"></span>,  agar lebih kompleks copy paste dahulu dari kode tampilan elemen  asalnya. Karena kolom tidak hanya memuat posting saja, juga memuat  comments dan lain-lain. Jika ini tidak dilakukan, maka kemungkinan sobat  hanya merubah tampilan posting sedangkan tampilan comments tidak,  sehingga hasilnya akan berantakan. <br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAUERkWqPcXXjBDlsl9YZfuoPi0rr4A0rlY2D05AIvDrmttk4cAzBUqJCqIi2iKdz3ofFCjI1Ut40QyuBXEsGeefxu4RWvFmq0ELXsP_jMWy8DoabQriF0Us0l0ei08zY_pZPM5_flp1k/s1600/Untitled2.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="127" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAUERkWqPcXXjBDlsl9YZfuoPi0rr4A0rlY2D05AIvDrmttk4cAzBUqJCqIi2iKdz3ofFCjI1Ut40QyuBXEsGeefxu4RWvFmq0ELXsP_jMWy8DoabQriF0Us0l0ei08zY_pZPM5_flp1k/s400/Untitled2.png" width="400" /></a></div><br />Perhatikan contoh pembuatan kode-nya. <br /><div style="background: #f2f2f2; border: 2px solid #708090; height: 550px; overflow: auto; padding: 15px;"><span style="color: blue;"><b><style type='text/css'>      </b></span><br /><b><b:if  cond='data:blog.pageType != &quot;item&quot;'></b>        <br /><span style="color: red;">a img{border-width:0}</span><br /><span style="color: red;">.post-body img{border:1px solid #ccc;margin:5px}</span><br /><span style="color: red;">#main-wrapper a:hover{color:#c13a10;text-decoration:underline}</span><br /><span style="color: red;">a:link,a:visited,#main .post-body a:link,#main .post-body a:visited{color:#346ba4;text-decoration:none}</span><br /><span style="color: red;">a:hover,#main .post-body a:hover{color:#999;}</span><br /><span style="color: red;">#main-wrapper a:link,#main-wrapper a:visited{text-decoration:none}</span><br /><span style="color: red;">#main-wrapper{float:left;width:420px;margin:0;padding:0}</span><br /><span style="color: red;">.post h3 a:hover{color:#A91B33;text-decoration:none}</span><br /><span style="color: red;">.post-body{line-height:1.6em;margin:0;text-align: justify;}</span><br /><span style="color: red;">.post img{padding:5px}</span><br /><span style="color: red;">.post h2, .post h2 a {color: #444;font-family: Arial;font-weight: 400;margin: 0 0 5px;padding: 10px 0 0;}</span><br /><span style="color: red;">.post blockquote{border-left:3px solid #DDD;margin:5px 0 5px 10px;padding:0 10px;color:#888;text-align:left;}</span><br /><span style="color: red;">.post blockquote p{margin:0;padding:0 0 15px}</span><br /><span style="color: red;">.post,.comments{background:#FFF top  no-repeat;float:left;border-bottom:1px solid #DDD;width: 400px;margin:0 0  10px;padding-left:10px;padding-right:10px;padding-bottom:10px;border:  1px solid #ccc;}</span><br /><span style="color: red;">.post h3,.post h3 a  {color:#444;font-size:17px;font-family:Georgia, Tiles New  Roman;font-weight:400;margin:0 0 5px;padding:10px 0 0}</span><br /><b></b:if></b>       <br /><b><b:if cond='data:blog.pageType ==  &quot;item&quot;'> </b>      <br /><span style="color: red;">#Sidebar-kiri {  display:none;}       </span><br /><b></b:if></b>       <br /><span style="color: blue;"><b></style></b></span></div>Keterangan:<br />warna biru, <i>keterangan penambahan CSS</i><br />warna hitam,<i> <i>perintah letak perubahan</i></i><br />warna merah,<i> <i>elemen yang akan diedit dan </i><i>kode perubahan tampilan</i></i><br /><br />Kode diatas jika diartikan sederhananya seperti ini.<br /><br /><b><style type='text/css'></b> <span style="color: blue;"><i>--- Saya menambahkan perintah baru</i></span><br /><b><b:if cond='data:blog.url == data:blog.homepageUrl'></b> <i><span style="color: blue;">--- Pada halaman homepage</span></i><br />a img{border-width:0}<br />.post-body img{border:1px solid #ccc;margin:5px}<br />#main-wrapper a:hover{color:#c13a10;text-decoration:underline}<br />a:link,a:visited,#main .post-body a:link,#main .post-body a:visited{color:#346ba4;text-decoration:none}<br />a:hover,#main .post-body a:hover{color:#999;}<br />#main-wrapper a:link,#main-wrapper a:visited{text-decoration:none}<br /><b>#main-wrapper{float:left;<span style="color: red;">width:420px</span>;margin:0;padding:0}</b> <span style="color: blue;"><i>--- Lebar konten menjadi 420px</i></span><br />.post h3 a:hover{color:#A91B33;text-decoration:none}<br />.post-body{line-height:1.6em;margin:0;text-align: justify;}<br />.post img{padding:5px}<br />.post h2, .post h2 a {color: #444;font-family: Arial;font-weight: 400;margin: 0 0 5px;padding: 10px 0 0;}<br />.post blockquote{border-left:3px solid #DDD;margin:5px 0 5px 10px;padding:0 10px;color:#888;text-align:left;}<br />.post blockquote p{margin:0;padding:0 0 15px}<br /><b>.post,.comments{background:#FFF top no-repeat;float:left;border-bottom:1px solid #DDD;<span style="color: red;">width: 400px</span>;margin:0 0 10px;padding-left:10px;padding-right:10px;padding-bottom:10px;border: 1px solid #ccc;}<span style="color: blue;"> </span></b><i><span style="color: blue;">--- Lebar comments menjadi 400px</span></i><br />.post h3,.post h3 a {color:#444;font-size:17px;font-family:Georgia,  Tiles New Roman;font-weight:400;margin:0 0 5px;padding:10px 0 0}<br /><b></b:if></b><br /><b><b:if cond='data:blog.url != data:blog.homepageUrl'></b> <span style="color: blue;"><i>--- pada semua halaman kecuali homepage</i></span><br /><b>#sidebar-kiri {<span style="color: red;">display:none;</span>}</b><span style="color: blue;"><i> --- sidebari-kiri jangan ditampilkan</i></span><br /><b></b:if><br /></style> <span style="color: blue;"><i>--- </i></span></b><span style="color: blue;"><i>selesai</i></span><br /><br /><span style="color: blue;"><span style="color: black;">OK, silakan sobat  memulai pembuatan kode perintah perubahan tampilan kolom widget sesuai  dengan yang sobat butuhkan, tentunya dengan cara yang telah saya  jelaskan diatas.</span></span><br /><span style="color: blue;"><span style="color: black;">Untuk </span></span><span style="color: blue;"><span style="color: black;"><span style="color: red;"><i>kode perubahan tampilan</i></span>,  saya hanya bisa mencontohkan sedikit saja. Sobat bisa membuat perubahan  tampilan yang lebih bagus lagi. Selain menghilangkan dan merubah ukuran  widget, juga bisa merubah warna-warna, jenis font, gaya border dan  lain-lain. Silakan sobat cari tau lagi lebih banyak tentang kode  tersebut.</span></span><br /><span style="color: blue;"><span style="color: black;"><br /></span></span><span style="color: blue;"><span style="color: black;">4. Selanjutnya, letakan kode yang baru sobat buat tepat di bawah kode <b>]]></b:skin>.</b></span></span><br /><span style="color: blue;"><span style="color: black;">5. Jika kode telah dibuat dan diletakan pada template sobat, silakan klik Simpan Template.</span></span><br /><span style="color: blue;"><span style="color: black;"><b> </b></span></span><br /><br /><span style="color: blue;"><span style="color: black;">Selesai,  pembahasan saya kali ini mungkin agak berbelit-belit. Saya hanya berdoa  semoga sobat mengerti dan sukses diterapkan pada Blog sobat.</span></span><br /><span style="color: blue;"><span style="color: black;"><br /></span></span><span style="color: blue;"><span style="color: black;">Contoh/screenshot hasil dari Membuat Tampilan Kolom Widget Blog Berbeda pada Halaman Tertentu dengan cara diatas.</span></span><br /><br /><span style="color: blue;"><span style="color: black;">Homepage, terdapat tiga kolom widget termasuk sidebar kiri.</span></span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjriX64af4-qV82YSq8wroL_UeNV5LEgrdUi1VYJZC-3Gf7veaXkBeKhDgoPH8XVL5C4EAj7cglP5WQAxiDvQgvvSZrn5yxX7rtyKfYW45kMNl-y0t_TQgVAm6TwLy3di-dkzSXPTDyTRg/s1600/Untitled3.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjriX64af4-qV82YSq8wroL_UeNV5LEgrdUi1VYJZC-3Gf7veaXkBeKhDgoPH8XVL5C4EAj7cglP5WQAxiDvQgvvSZrn5yxX7rtyKfYW45kMNl-y0t_TQgVAm6TwLy3di-dkzSXPTDyTRg/s320/Untitled3.png" width="320" /></a></div><br /><span style="color: blue;"><span style="color: black;">Namun pada halaman posting, sidebar kiri menghilang dan kolom posts bertambah lebar.</span></span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5TT2rivpeE8rg7J5vJaCpcMUJEkPfLbUZKu78SQFVD79Ax2CGx9rVS3QllD04rRGwQPuo4QOEKnWtyrtlrEuCn9bY5HTcJQ-ABSgOAPHC-dh5enxTSSteAHqWcqIi-Xhp7rIyEWJQZew/s1600/Untitled4.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="205" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5TT2rivpeE8rg7J5vJaCpcMUJEkPfLbUZKu78SQFVD79Ax2CGx9rVS3QllD04rRGwQPuo4QOEKnWtyrtlrEuCn9bY5HTcJQ-ABSgOAPHC-dh5enxTSSteAHqWcqIi-Xhp7rIyEWJQZew/s320/Untitled4.png" width="320" /></a></div></div></div>

edit template Membuat Tampilan Kolom Widget Blog Berbeda pada Halaman Tertentu

Rasanya saya sudah jarang membuat posting baru pada blog tercinta ini. Hari ini saya mengunjungi Blog teman dan melihat kolom widget yang ...

Membuat Widget Blog Hanya Tampil Pada Halaman Tertentu

Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;"><div dir="ltr" style="text-align: left;"><div dir="ltr" style="text-align: left;"><div dir="ltr" style="text-align: left;"><div dir="ltr" style="text-align: left;"><div dir="ltr" style="text-align: left;"><div dir="ltr" style="text-align: left;"><div dir="ltr" style="text-align: left;"><div dir="ltr" style="text-align: left;"><div dir="ltr" style="text-align: left;"><div dir="ltr" style="text-align: left;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOg1CE2NIA9HRmFpm207F_hiMX9gjHmCKUHxDaeLHkXXRXVKaRaqgSxOB6NlWVvd6gBPfSujW0kPrTwX1BM6ThyphenhyphenfqFFHtodUAIgMtX4CyR98XliKFBH90x15yvx5eimDZ7w_2e9uZkT1c/s1600/Untitled.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Membuat Widget Blog Hanya Tampil Pada Halaman Tertentu" border="0" height="141" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOg1CE2NIA9HRmFpm207F_hiMX9gjHmCKUHxDaeLHkXXRXVKaRaqgSxOB6NlWVvd6gBPfSujW0kPrTwX1BM6ThyphenhyphenfqFFHtodUAIgMtX4CyR98XliKFBH90x15yvx5eimDZ7w_2e9uZkT1c/s200/Untitled.png" title="Membuat Widget Blog Hanya Tampil Pada Halaman Tertentu" width="200" /></a></div>Membuat Widget Blog Hanya Tampil Pada Halaman Tertentu ini memiliki  alasan tertentu. Seperti ketika sebuah widget sekiranya tidak perlu  ditampilkan di halaman konten, agar pengunjung fokus dalam membaca  artikel blog sobat. Atau karena memang widget perlu ditampilkan pada  halaman tertentu untuk kebutuhan pengunjung blog, dan dihilangkan karena  pada halama lain terlalu banyak memuat widget. Atau apalah alasanya  masih banyak lagi.<br /><a href="http://www.blogger.com/null" name="more"></a>Tidak seperti artikel kemarin yang bisa dibilang memiliki fungsi menampilkan kolom widget atau sederetan widget hanya tampil pada halaman tertentu. Untuk yang akan saya bahas kali ini hanya melibatkan satu buah widget saja.<br />OK, kita mulai pada langkah-langkahnya.<br />1. Login ke akun Blogger sobat.<br />2. Pastikan sobat telah memasang widget yang akan sobat tampilkan pada halaman tertentu saja.<br />3. Ketahuilah widget id-nya, dengan cara masuk Tata Letak>>  Sentuhkan cursor di tulisan Edit pada widget terkait>> perhatikan  tulisan di sudut kiri bawah layar monitor, terdapat nama widget id.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkyYkrkA9auM8xX0280bpJss2yEn7f4hGFDcK1baUO-7AFpHL8P2tdAiok2SgGfEnLvre1tX1qNqsv9v9FUNYx3xXgEh-VVbS55rU-FFtD5GpUVQUs7No-2vHYt2Azpd4Pdjq1mopQvG4/s1600/Untitled1.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Widget Blog Hanya Tampil Pada Halaman Tertentu" border="0" height="178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkyYkrkA9auM8xX0280bpJss2yEn7f4hGFDcK1baUO-7AFpHL8P2tdAiok2SgGfEnLvre1tX1qNqsv9v9FUNYx3xXgEh-VVbS55rU-FFtD5GpUVQUs7No-2vHYt2Azpd4Pdjq1mopQvG4/s400/Untitled1.png" title="Membuat Widget Blog Hanya Tampil Pada Halaman Tertentu" width="400" /></a></div><br />Disini saya mencontohkan pada widget terjemahan. Perhatikan gambar diatas, telah diketahui nama widget id-nya adalah <i><b>Translate1</b></i>.<br />4. Setelah widget id diketahui, selanjutnya sobat masuk ke bagian Template>> Edit HTML.<br />5. Template perlu di-expand. Karena telah tidak ada opsi "expand  template widget", maka beginilah cara meng-expand-nya. Cari widget-id  terkait dengan tombol ctrl+F, lalu perhatikan terdapat kode <i><b><widget>...</widget></b></i>. Klik pada bagian "titik-titik" diantar kode tersebut. Lalu akan terdapat kode <i><b><b:includable>...</b:includable>, </b></i>klik juga pada bagian "titik-titik" diantar kode tersebut.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU57rpyi38PMMG8Z7KfBIOjjDyEOiHzW9AN0K4KcWxRhIe1xDMMsY6ysd_bifBxpDVMU0f5mc9u7cHZKkbTokzQ8ZwCGiRRiKaRse5FvMrVDXexFiMXoDepqmkte6wwvrjii_Bo7U3e4w/s1600/Untitled2.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Widget Blog Hanya Tampil Pada Halaman Tertentu" border="0" height="155" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU57rpyi38PMMG8Z7KfBIOjjDyEOiHzW9AN0K4KcWxRhIe1xDMMsY6ysd_bifBxpDVMU0f5mc9u7cHZKkbTokzQ8ZwCGiRRiKaRse5FvMrVDXexFiMXoDepqmkte6wwvrjii_Bo7U3e4w/s400/Untitled2.png" title="Membuat Widget Blog Hanya Tampil Pada Halaman Tertentu" width="400" /></a></div><br />6. Pilihlah letak halaman yang sobat inginkan, simak kode-kode berikut.<br /><br />Menampilkan widget hanya pada HomePage.</div><div style="background: #f2f2f2; border: 2px solid #708090; height: 50px; overflow: auto; padding: 15px;"><b><span style="color: red;"><b:if cond='data:blog.url == data:blog.homepageUrl'><br />...</span></b><span style="color: red;"><b>................................................................................</b></span><b><span style="color: red;">.............................................................</b:if></span></b></div><br />Menampilkan widget di semua halaman kecuali homepage.</div></div><div style="background: #f2f2f2; border: 2px solid #708090; height: 50px; overflow: auto; padding: 15px;"><b><span style="color: red;"><b:if cond='data:blog.url != data:blog.homepageUrl'></span></b><br /><b><span style="color: red;">.</span><span style="color: red;"><span style="color: red;">...............................................................................................................................................</b:if></span> </span></b></div><br />Menampilkan widget hanya pada halaman Archive.</div><div style="background: #f2f2f2; border: 2px solid #708090; height: 50px; overflow: auto; padding: 15px;"><b><span style="color: red;"><b:if cond='data:blog.pageType == &quot;archive&quot;'><span style="color: red;"><span style="color: red;"> <br />................................................................................................................................................</b:if></span></span></span></b></div><br />Menampilkan widget di semua halaman kecuali halaman archive. </div><div style="background: #f2f2f2; border: 2px solid #708090; height: 50px; overflow: auto; padding: 15px;"><b><span style="color: red;"><b:if cond='data:blog.pageType != &quot;archive&quot;'></span></b><span style="color: red;"><b><span style="color: red;"><span style="color: red;"><span style="color: red;"> </span></span></span></b></span><br /><span style="color: red;"><b><span style="color: red;"><span style="color: red;"><span style="color: red;">................................................................................................................................................</b:if></span></span></span></b> </span></div><br />Menampilkan widget hanya di halaman posting.</div><div style="background: #f2f2f2; border: 2px solid #708090; height: 50px; overflow: auto; padding: 15px;"><b><span style="color: red;"><b:if cond='data:blog.pageType == &quot;item&quot;'></span><br /><span style="color: red;"><span style="color: red;"><span style="color: red;"><span style="color: red;">................................................................................................................................................</b:if></span></span></span></span></b></div><br />Menampilkan widget di semua halaman, kecuali halaman posting.</div><div style="background: #f2f2f2; border: 2px solid #708090; height: 50px; overflow: auto; padding: 15px;"><b><span style="color: red;"><b:if cond='data:blog.pageType != &quot;item&quot;'></span></b><span style="color: red;"><b><span style="color: red;"><span style="color: red;"><span style="color: red;"><span style="color: red;"> </span></span></span></span></b></span><br /><span style="color: red;"><b><span style="color: red;"><span style="color: red;"><span style="color: red;"><span style="color: red;">................................................................................................................................................</b:if></span></span></span></span></b> </span></div><br />Menampilkan widget hanya di halaman tertentu.</div><div style="background: #f2f2f2; border: 2px solid #708090; height: 50px; overflow: auto; padding: 15px;"><b><span style="color: red;"><b:if cond='data:blog.pageType == &quot;<span style="color: blue;">urlhalamantertentu</span>&quot;'></span><br /><span style="color: red;"><span style="color: red;"><span style="color: red;"><span style="color: red;"><span style="color: red;">................................................................................................................................................</b:if></span></span></span></span></span></b></div><i>kode berwarna biru ubah dengan url halaman</i><br /><br />Menampilkan widget di semua halaman kecuali halaman tertentu.</div><div style="background: #f2f2f2; border: 2px solid #708090; height: 50px; overflow: auto; padding: 15px;"><b><span style="color: red;"><b:if cond='data:blog.pageType != &quot;</span></b><b><span style="color: red;"><span style="color: blue;"><b><span style="color: red;"><span style="color: blue;">urlhalamantertentu</span></span></b></span>&quot;'></span><br /><span style="color: red;"><span style="color: red;"><span style="color: red;"><span style="color: red;"><span style="color: red;">................................................................................................................................................</b:if></span></span></span></span></span></b></div><i>kode berwarna biru ubah dengan url halaman</i><br /><br />7. Terapkan salah satu kode diatas sesuai dengan letak halaman yang sobat inginkan.<br />Saya akan mencontohkan penerapan kode yang pertama, pada widget  terjemahan yang sebelumnya telah diketahui widget id-nya dan di-expand  template widget-nya.<br />Letakan kode <b><span style="color: red;"><b:if cond='data:blog.url == data:blog.homepageUrl'> </span></b><span style="color: red;"><span style="color: black;">di bawah kode <b><i><span style="color: blue;"><b:includable id='main'></span>, </i></b>dan kode <b><span style="color: red;"><span style="color: red;"><span style="color: red;"><span style="color: red;"><span style="color: red;"></b:if> </span></span></span></span></span></b></span></span><span style="color: red;"><span style="color: red;"><span style="color: red;"><span style="color: red;"><span style="color: red;"><span style="color: black;">di atas kode <span style="color: blue;"><i><b></b:includable></b></i></span></span></span></span></span></span></span><span style="color: red;">. <span style="color: black;">Sehingga kurang lebih hasilnya akan seperti berikut.</span></span></div><br /><div style="background: #f2f2f2; border: 2px solid #708090; height: 420px; overflow: auto; padding: 15px;">          <b:widget id='<b><i>Translate1</i></b>' locked='false' title='Translate' type='Translate'><br />            <span style="color: blue;"><b><b:includable id='main'></b></span><br /><span style="color: blue;"><b><b><span style="color: red;"><b:if cond='data:blog.url == data:blog.homepageUrl'></span></b> </b></span><br />  <b:if cond='data:title != &quot;&quot;'><br />    <h2 class='title'><data:title/></h2><br />  </b:if><br />  <div id='google_translate_element'/><br />  <script><br />    function googleTranslateElementInit() {<br />      new google.translate.TranslateElement({<br />        pageLanguage: &#39;<data:pageLanguage/>&#39;,<br />        autoDisplay: &#39;true&#39;,<br />        layout: google.translate.TranslateElement.InlineLayout.<data:layout/><br />      }, &#39;google_translate_element&#39;);<br />    }<br />  </script><br />  <script src='//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'/><br />  <b:include name='quickedit'/><br /><span style="color: red;"><span style="color: black;"><b><span style="color: red;"><span style="color: red;"><span style="color: red;"><span style="color: red;"><span style="color: red;"></b:if></span></span></span></span></span></b></span></span> <br /><span style="color: blue;"><b></b:includable></b></span><br />          </b:widget></div><br />8. Jika telah selesai menerapkan kode-kodenya, silakan klik Simpan Template.<br /><br />Maka hasilnya akan seperti berikut.<br />Pada HomePage widget terjemahan ditampilkan.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi956l8Ja6dk2hl6fSCjWFqcSOeGqxVDZAfE1-EOMDMXeTN7vYbEboAIPLarODz9tMFbmVpDP9hmLVVDHe5qwt0bEakWpSJST4z606qt0tWa-_6cCwk63zJLeGstq9Dx-QVoS78J_vfrfM/s1600/Untitled3.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Widget Blog Hanya Tampil Pada Halaman Tertentu" border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi956l8Ja6dk2hl6fSCjWFqcSOeGqxVDZAfE1-EOMDMXeTN7vYbEboAIPLarODz9tMFbmVpDP9hmLVVDHe5qwt0bEakWpSJST4z606qt0tWa-_6cCwk63zJLeGstq9Dx-QVoS78J_vfrfM/s400/Untitled3.png" title="Membuat Widget Blog Hanya Tampil Pada Halaman Tertentu" width="400" /></a></div><br />Sedangakan pada halaman lain widget terjemahan tidak ditampilkan.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBf0TNQ711XRM2ZxGSzrtebDWLdgcWCBIk_Hws_hHnpvzWYDC6JQODTyDavMwq8vztqbQEXlo1y1_R6b16Kx_6VvWmndsrfmAWLaAwebfxD9lQYg1aHDE-VANMYYM5C7zPwumREfNoUxQ/s1600/Untitled4.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Widget Blog Hanya Tampil Pada Halaman Tertentu" border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBf0TNQ711XRM2ZxGSzrtebDWLdgcWCBIk_Hws_hHnpvzWYDC6JQODTyDavMwq8vztqbQEXlo1y1_R6b16Kx_6VvWmndsrfmAWLaAwebfxD9lQYg1aHDE-VANMYYM5C7zPwumREfNoUxQ/s400/Untitled4.png" title="Membuat Widget Blog Hanya Tampil Pada Halaman Tertentu" width="400" /></a></div></div></div>

edit template Membuat Widget Blog Hanya Tampil Pada Halaman Tertentu

Membuat Widget Blog Hanya Tampil Pada Halaman Tertentu ini memiliki alasan tertentu. Seperti ketika sebuah widget sekiranya tidak perlu di...

Support Play

1500+ free Font pack for windows

Cara update video/graphic driver

VanBasco Software Karaoke dan Organ Tunggal

Csstools Blogger Template NEW

Photoshop Spot Blogger Template

Apps-Zone V2 Blogger Template

Cekula - Template Blogger Untuk Sekolah

Kumpulan SEO Friendly Blogger Template Terbaru

Variasi Efek hujan salju di blog (Update)

Kumpulan Template Transparan Untuk Blogger

Cara Membuat Efect Sound pada Blog

Cara Membuat Link Berkedip Bintang

Menampilkan Widget Di Halaman Tertentu

Recent Post Dengan Thumbnail

Cara Menyimpan File di Google Site

Drink Press WordPress Theme | Tutorial Blog

Cara Mencari Keyword Populer | Tutorial Blog

Membuat Link Membesar Saat disentuh Kursor

Cara Membuat Kolom Widget di Bawah Header Blog

Membuat Tampilan Kolom Widget Blog Berbeda pada Halaman Tertentu

Membuat Widget Blog Hanya Tampil Pada Halaman Tertentu

Terpopuler: