Cara Membuat Widget Parse HTML

5:41 PM Unknown No comments

Cara membuat widget parse HTML - Ya widget parse HTML pasti diperlukan bagi sobat blogger
yang sering membuat postingan tutorial blog atau tips blogging. Karena biasanya
sobat akan menyertakan penulisan kode atau script HTML pada saat menuliskan
artikelnya. Parse HTML ini maksudnya supaya kode atau script yang kita tulis
dalam format HTML tersebut bisa muncul atau terlihat pada postingan, jadi harus
diconvert atau di-parse dulu maksudnya. Nah seperti apa cara membuat widget
parse HML ini ? Berikut saya share cara membuat widget parse HTML untuk anda.





Untuk membuat widget parse HTML sobat tinggal copy
script dibawah ini :




<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/102462998830435293579/post-Code.xml&amp;up_grows=10&amp;up_conv1=1&amp;up_conv2=1&amp;up_conv3=1&amp;up_conv4=1&amp;up_conv5=1&amp;synd=open&amp;w=315&amp;h=200&amp;title=Post-Code%3A+code+converter&amp;border=http%3A%2F%2Fwww.gmodules.com%2Fig%2Fimages%2F&amp;output=js">
</script>




Kemudian paste di dalam postingan sobat (jangan lupa
pilih opsi edit HTML), sehingga hasilnya akan terlihat seperti ini :










Nah silahkan sobat coba sendiri ya cara membuat widget parse HTML ini biar ngga pusing lagi harus memparsing kode HTML untuk
postingan secara online. Selamat Mencoba.

Read more »

Posted in: ,

Cara Membuat Widget Random Post

5:40 PM Unknown No comments


Cara Membuat Random Post


Tips blogging kali ini saya ingin berbagi tentang
bagaimana cara membuat widget random post, topik usang tapi masih banyak dicari
oleh para newbie. Widget Random Post atau posting acak adalah satu dari sekian
banyak pilihan widget yang bisa kita pasang di sidebar blog kita. Pada widget
random post ini semua posting yang ada di blog, baik posting lama maupun
postingan terbaru akan ditampilkan secara acak setiap kali kita membuka tab
baru. Seperti apa cara membuat widget random post ini, ikuti langkah-langkahnya
seperti dibawah ini :




  • Login ke dashboard blogger anda.

  • Pilih Rancangan >> Elemen Laman >>
    Tambah gadget (Add gadget) pilih HTML/JavaScript.

  • Copy script dibawah ini dan paste pada gadget
    yang baru dibuat tadi.




<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

  • Simpan dan preview hasilnya dengan mengklik Pratinjau.

  • Selesai


Dengan adanya widget random post ini maka setiap pengunjung blog anda juga dapat langsung melihat postingan apa saja  yang ada di blog sobat. OK sobat, demikian langkah singkat cara membuat widget random post dari saya. Selamat mencoba untuk anda dan salam blogger.



Read more »

Posted in: ,

Mengatasi Error Google rich snippets Blog Wordpress

7:54 AM Unknown 1 comment

Mengatasi Error Google rich snippets Blog Wordpress
Mengatasi Error Google rich snippets Blog Wordpress, Hampir sama dengan blogspot atau blogger dalam memasang rating bintang google rich snippets di hasil pencarian google kadang terjadi masalah wahtu di test di google rich snippets testing tool. adapun beberapa instruksi di google rich snippets yang error diberitahu dengan kata2 dibawah ini:
Warning: Missing required field "entry-title".
Warning: Missing required field "updated".
Warning: Missing required hCard "author".
Nah, itulah pemberitahuan error yang biasa terjadi, lalu  bagaimana Mengatasi Error Google rich snippets Blog Wordpress tersebut? Disc-Snutz akan bahas satu persatu.
  1. Warning: Missing required field "entry-title".
    adalah pemberitahuan kode title blog wp kamu yang kurang tepat.
  2. Warning: Missing required field "updated".
    adalah pemberitahuan kode time yang kuarang tepat
  3. Warning: Missing required hCard "author".
    adalah kode author wp yang tidak ada atau tidak tepat
Peringatan diatas menunjukkak bahwa kurang tepatnya kode title, time,dan author blog wordpress kamu,Nah untuk Mengatasi Error Google rich snippets Blog Wordpress seperti diatas tambahkan kode php untuk ketiganya juga, adapun 3 kode php yang biasa dipakai pada blog wordpress kamu biasanya seperti dibawah ini.
  1. <?php the_title();  ?>
    Ini adalah kode untuk title blog wordpress kamu
  2. <?php the_date();?>
    Kode nomer dua ini kode untuk time posting blog wordpress kamu
  3. <?php the_author(); ?>
    Dan yang ini untuk author
Lalu Untuk mengatasi error tersebut tambahkan kode pada berwarna merah diatas nah, kode tambahanya saya beri warna hijau yah.

<span itemprop="itemreviewed"><span class="entry-title"><?php the_title();  ?> </span></span>
<span class="updated"><time itemprop="dtreviewed" datetime="<?php the_date('F j, Y'); ?>"><?php the_date();?></span></time>
<span class="vcard author"><span class="fn"><span itemprop="reviewer"><?php the_author(); ?></span></span></span>

Demikian cara Mengatasi Error Google rich snippets Blog Wordpress kamu.mudah kok. selamat mencoba!

NB:
setelah kamu memasang kode tambahan diatas, kamu dapat mudah juga memasang rating bintang google rich snippets di hasil pencarian google tanpa plugin, caranya tambahkan sebagai berikut

1. Buka single php theme wordpress kamu,dan letakkan kode brikut ini dibawah kode <?php get_header(); ?>
<div itemscope itemtype="http://data-vocabulary.org/Review">
2.Lalu letakkan kode </div> dibawah kode <?php endif; ?> Lalu simpan

Read more »

Posted in:

Menampilkan Breadcrumb pada hasil pencarian Google Wordpress

3:37 PM Unknown No comments

Menampilkan Breadcrumb pada hasil pencarian Google Wordpress, judul yang sangat panjang,namun kontentnya sangat sedikit, langsung saja kemarin Disc Snutz juga tulis berkaitan dengan Cara Membuat Breadcrumb di Wordpres manual tanpa plugin,namun hal tersebut terlihat sulit bagi yang baru mengenal wordpress, nah kali ini mungkin akan lebih mudah, dan disamping itu Breadcrumb ini akan tampil pada search result atau hasil pencarian google.Seperti yang terlihat pada gambar dibawah ini,maaf ini cuma contoh.

Menampilkan Breadcrumb pada hasil pencarian Google Wordpress

Nah,pada gambar diatas ditunjukkan adanya breadcrumbs yang terindex google, lalu bisakah blog wordpress mempunyai breadcrumb pada hasil pencarian google juga? tentu bisa, dengan bantuan plugin akan lebih mudah lagi,dan disini saya pilih plugin RDFa Breadcrumb, langsung saja berikut langkah2nya Menampilkan Breadcrumb pada hasil pencarian Google Wordpress dengan plugin.
  1. Install plugin RDFa Breadcrumb atau klik disini
  2. Silahkan masuk ke appearance >> editor >> single php.
  3. Cari kode Cari kode yang biasa digunakan untuk menampilkan judul postingan. kode yang biasa dibuat judul postingan biasanya seperti ini <h2><?php the_title(); ?></h2> kalau tidak ketemu,ganti h2 dengan h1 karena tag heading untuk judul blog wordpress berbeda-beda juga, kalau sudah ketemu letakkan kode berikut tepat diatas kode <h2><?php the_title(); ?></h2>
    <?php if(function_exists(‘rdfa_breadcrumb’)){ rdfa_breadcrumb(); } ?>
  4. Lal;u simpan atau update file.
    sekarang cek di salah satu postingan kamu,akan ada breadcrumb yang berada diatas judul posting. 
  5. Cek salah satu Urlmu di google rich snippets testing tool.
  6. Selesei.

Demikian cara Menampilkan Breadcrumb pada hasil pencarian Google Wordpress semoga bermanfaat.
Read more »

Posted in: ,

Cara Menambah Widget Chatbox atau Buku Tamu Ke Halaman Blog

8:01 AM Unknown 1 comment

Senang dapat Berjumpa Lagi dengan sahabt-sahabat blogger Disc Snutz Tutorial Blogspot. Pada Tutorial kali ini kita akam mempelajari bagaimana cara menambahkan buku tamu kehalaman blog anda dan manfaatnya bagi blog.

Widget chatbox atau buku tamu ini hapir semua pengguna Blogger memasang widget chatbox ini dihalaman blognya karena chatbox sangat banyak memberikan manfaat pada blog kita terutama selain dapat mempercantik tampilan blog, chatbox atau buku tamu ini dapat mendatangkan pengunjung kehalaman blog anda dan yang paling penting menurut Disc Snutz Tutorial Blogspot yaitu sebagai saran untuk saling berkomunikasi dan silahturahmi antara pengunjung dengan admin blog.

Buku tamu yang sangat populer dan paling banyak digunakan yaitu CBox dan Shoutmix. karena Shoutmix akan menonaktifkan layanan Free atau gratisnya jadi disini Disc Snutz Tutorial Blogspot Hanya akan menjelakan cara membat buku tamu menggunakan layanan gratis CBox

Berikut lankah-langkah untuk membuat Buku tamu pada halaman blog :

Langkah 1 : Mendapatkan kode buku tamu dari ChatBox
  1. Kunjungi halaman resmi CBox disini  www.cbox.ws
  2.  Klik Sign Up


  3.  Setelah itu anda akan diminta untuk mengisi formulis pendaftaran seperti ini


  4. Isi data yang diminta seperti gambar dibawah ini kemudian klik Create My Cbox

    5. Klik gambar untuk memperbesar

  5. Apabila data yang anda isi sudah benar akan ada pesan seperti berikut (lihat yang didalam kotak merah)


  6. Kemudian buka Email yang anda gunakan untuk mendaftar Cbox Karena ada Email konfirmasi pendaftaran anda yang dikirim oleh Cbox
  7. Klik Link konfirmasi tersebut untuk mengaktifkan akun Cbox anda


  8. Setelah Email konfirmasi tersebut anda klik, anda akan mendapatkan pesan seperti berikut ini


    9. Akun anda sekarang sudah aktif dan anda bisa masuk ke akun CBox anda

  9. Sekarang Sign in Ke akun Cbox anda menggunakan Username dan Pasword yang sudah anda buat saat mendaftar tadi untuk mendapatkan Kode ChatBox atau bukutamu anda
  10. Setelah anda masuk anda langsung dihadapkan ke halaman berikut 


  11. Copy kode buku tamu yang diberikan
Sekarang anda sudah mendapatkan Kode buku tamu anda

NB :
Jika anda ingin melakukan pengaturan Seperti Lebar Kotak ChatBox Klik pada Bagian Look & Feel >> Layout Option kemudian untuk mengganti style cheatBox anda masuk ke Look & Feel >> Style Presents

Langkah 2 : Memasang kode kehalaman Blog
  1. Silahkan anda masuk ke akun blogger anda
  2. Pilih Tata Letak


  3. Klik Tambah Gatget/Widget


  4. Pilih HTLM/JavaScript


  5. Paste Kode ChatBox tadi pada Box HTML/JavaScript yang tersedia


  6. Klik Simpan
  7. Selesai dan Lihat Hasilnya
Read more »

Posted in:

Tehnik Membuat Menu Dropdown Horizontal Plus Search Enggine Blog M.1

7:06 AM Unknown No comments

Sory ni sobat sepertinya Posting Disc Tutorial Blogspot kali ini harus diawali dengan curhat. sudah hampir dua bulan ini saya mengerjakan Proyek Akhir dan Tugas Akhir Sekripsi namun sampai BAB I masih belum selesai-selesai gak tau kenapa pikiran saya selalu tertuju sama Blogger. Semenit saja tidak ngeblog prasaan  menjadi gk jelas mungkinkah sobat blogger ada yang mengalami hal yang sama ?.Saya sebenarnya sudah berusaha agar tidak memikirkan blog untuk sementara ini tetapi tetap saja saya tidak bisa hu.....kalu begini terus kapan lulusnya bahaya bisa-bisa jadi veteran dikampus.

Buat Sahabat Disc Mohon doanya ya semoga Skripsi saya cepat kelar !

Kembali Resep Tutorialnya. Master Chip Disc Tutorial Blogspot Saat ini  akan Menyampaikan Resep Tehnik Membuat Menu Dropdown Horizontal Plus Search Enggine Blog M.1 . Untuk Mendapatkan Resep Menu Dropdown tidaklah sesulit yang sobat bayangkan. apabila sobat tau triknya dalam 5 menit sobat bisa memasang menu dropdown pada halaman blog sobat. Menu Dropdown memang banyak sekali di gunakan oleh para blogger karena dapat membantu para visitor mencari apa yang mereka butuhkan dan dapat pula mempercantik tampilan pada blog sobat.Fungsi lainnya silahkan sobat cari sendiriya.

Ok Langsung saja kita bahas langkah-langkahnya.
  1. Tetap Seperti biasa anda harus login ke akun blogger anda
  2. Pilih menu "Template"


  3. Klik Tombol Edit HTML


  4. Klik Tombol Proceed atau Tombol Lanjutkan  kemudian akan muncul halaman Edit HTML seperti berikut


  5. Jangan lupa Centang Expand Template Widget.


  6. Sekarang silahkan anda Download lengkap template anda untuk mengantisifasi kesalahan Saat anda melakukan Edit HTML. 
  7. Sekarang Cari kode ]]></b:skin> (gunakan tombol CTRL + F3 u/ memudahkan pencarian kode)
  8. Sudah Ketemu Copas Kode Berikut dan letakan diatas kode ]]></b:skin> 
    9. /* Menu Horizontal Dropdown
    ----------------------------------------------- */
    #menuwrapperpic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBmNnuFg8Rxf4qSHgCUbwSjrc0F5gYdFDVY5BfJw6chqXh37NewSeMzjOs6JoaaK88MuwmLYlTibnCAymJqpr6Vck7a7fZUJO-PiP-R0yfaENjxVgmj8xL13XqXih1-60k1SYq4Q2_qgc/s1600/nav.png) repeat-x;width:960px;margin:0 auto;padding:0 auto}
    #menuwrapper{width:960px;height:30px;margin:0 auto}.menusearch{width:300px;float:right;margin:0 auto;padding:0 auto}
    .clearit{clear:both;height:0;line-height:0.0;font-size:0}
    #menubar{width:100%}
    #menubar,#menubar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0}
    #menubar a{display:block;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;text-shadow: 0px 1px 1px #000;color:#f2f1f1;border-right:1px solid #666;padding:9px 10px 8px}
    #menubar a.trigger{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGT1J9qxM0puvWBkXkJsiVgCqaMuHJ4i6Xb03ATP0icYyYARNt5kl5gO0ZvghhxWJaLlYU917QqW_Opd1YKkOQCwYrsy2GbzAyzh9gm0HIndqPxbey8G7PpMJ9JnQjYtclw2HDBoYJlSA/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:9px 24px 8px 10px}
    #menubar li{float:left;position:static;width:auto}
    #menubar li ul,#menubar ul li{width:170px}
    #menubar ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px}
    #menubar li ul{z-index:100;position:absolute;display:none;background:#222;padding-bottom:5px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)}
    #menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{background-color:#222;color:#E98C0A}
    #menubar li:hover ul,#menubar li.hvr ul{display:block}
    #menubar li:hover ul a,#menubar li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none}
    #menubar li ul li.hr{border-bottom:1px solid #444;border-top:1px solid #000;display:block;font-size:1px;height:0;line-height:0;margin:4px 0}
    #menubar ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}
  9. Kemudian Cari kode Berikut
    10. <div id='header-wrapper'>    
    .............
    </b:section>
        </div>

    Jika Tidak Ketemu Kode Diatas Cari Kode Yang Ini

    <div class='header-outer'>
        ...............................
    </b:section>
        </div>
  10. Setelah anda menemukan salah satu kode diatas Copas Kode Dibawah ini dan letakan dibawah kode diatas.
    11. <div id='menuwrapperpic'>
    <div id='menuwrapper'>
    <ul id='menubar'>
    <li><a href='/'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic2UyXuQ07iFBpt0d90pcpj76B78IUwrB-JLp7INgQr-Q20K1ZkgaXeTuz54KjnjMvEzq5H5pDQYgCi5NcuI1o8N9-eomL8iPPyBUWZ18vfpBsrY4yxS4qJT_bIwz53onvwDkP0AED8c8/s1600/home_white.png' style='padding:0px;'/></a></li>
    <li><a href='#'>About Us</a></li>
    <li><a class='trigger' href='#'>Contact Us</a>
    <ul>
    <li><a href='#'>Goggle +</a></li>
    <li class='hr'/>
    <li><a href='#'>Contact on Facebook</a></li>
    <li class='hr'/>
    <li><a href='#'>Contact on Twitter</a></li>
    </ul>
    </li>
    <li><a href='#'>Sport</a></li>
    <li><a href='#'>Culture</a></li>
    <li><a class='trigger' href='#'>Entertainment</a>
    <ul>
    <li><a href='#'>Music</a></li>
    <li class='hr'/>
    <li><a href='#'>Movie</a></li>
    <li class='hr'/>
    <li><a href='#'>Television</a></li>
    </ul>
    </li>
    <li><a href='#'>Health</a></li>
    <li><a class='trigger' href='#'>More</a>
    <ul>
    <li><a href='#'>Themes</a></li>
    <li class='hr'/>
    <li><a href='#'>Tutorial</a></li>
    <li class='hr'/>
    <li><a href='#'>Resource</a></li>
    <li class='hr'/>
    <li><a href='#'>Advertise</a></li>
    <li class='hr'/>
    <li><a href='#'>Javascript</a></li>
    </ul>
    </li>
    </ul>
    <div class='menusearch'>
    <div style='float:right;padding:4px 8px 0 0;'>
    <form action='http://www.google.com/search' method='get' target='_blank'>
    <input name='sitesearch' style='display:none;' value='http://URL-blog.blogspot.com'/>
    <input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' style='width:170px;border:none;padding:4px 10px; font:12px Arial;color:#666; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1CnJKsftsPGZ_-wRlEwbyseZd6JfGraflfWIimF7HGIFEx4ZVIC6qF7Ik3FbN3oMD2iO44ntyRQOMwW2xRGUR7m49XDEF10NnO9cd37AZ7XH2GA3uLTm7GuOxtNkZocvIls9t7z0w-Uk/s1600/field-bg.gif) no-repeat;' type='text' value='Search on this site...'/><input align='top' id='search-btn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAjkXwbd7yensIshYTFyKO3YPSJo3NyPlsJApc5CI32Z_tz112A5abNC1aoRGo3e5bKllJOhRlVFDuDV7FnkuJEpS7ybozuP3n0bkCJfZCesz8xs7I634zPnoyWZ_KQwIySQQz1wYZ_Lk/s1600/bg_search.gif' type='image' value='Search'/>
    </form>
    </div>
    </div>
    <br class='clearit'/>
    </div>
    <div style='clear:both;'/>
    </div>
  11. Sehingga Susunannya Menjadi Seperti Ini
    12. <div id='header-wrapper'>    
    .............
    </b:section>
        </div>


    <div id='menuwrapperpic'>
    <div id='menuwrapper'>
    <ul id='menubar'>
    <li><a href='/'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic2UyXuQ07iFBpt0d90pcpj76B78IUwrB-JLp7INgQr-Q20K1ZkgaXeTuz54KjnjMvEzq5H5pDQYgCi5NcuI1o8N9-eomL8iPPyBUWZ18vfpBsrY4yxS4qJT_bIwz53onvwDkP0AED8c8/s1600/home_white.png' style='padding:0px;'/></a></li>
    <li><a href='#'>About Us</a></li>
    <li><a class='trigger' href='#'>Contact Us</a>
    <ul>
    <li><a href='#'>Goggle +</a></li>
    <li class='hr'/>
    <li><a href='#'>Contact on Facebook</a></li>
    <li class='hr'/>
    <li><a href='#'>Contact on Twitter</a></li>
    </ul>
    </li>
    <li><a href='#'>Sport</a></li>
    <li><a href='#'>Culture</a></li>
    <li><a class='trigger' href='#'>Entertainment</a>
    <ul>
    <li><a href='#'>Music</a></li>
    <li class='hr'/>
    <li><a href='#'>Movie</a></li>
    <li class='hr'/>
    <li><a href='#'>Television</a></li>
    </ul>
    </li>
    <li><a href='#'>Health</a></li>
    <li><a class='trigger' href='#'>More</a>
    <ul>
    <li><a href='#'>Themes</a></li>
    <li class='hr'/>
    <li><a href='#'>Tutorial</a></li>
    <li class='hr'/>
    <li><a href='#'>Resource</a></li>
    <li class='hr'/>
    <li><a href='#'>Advertise</a></li>
    <li class='hr'/>
    <li><a href='#'>Javascript</a></li>
    </ul>
    </li>
    </ul>
    <div class='menusearch'>
    <div style='float:right;padding:4px 8px 0 0;'>
    <form action='http://www.google.com/search' method='get' target='_blank'>
    <input name='sitesearch' style='display:none;' value='http://URL-blog.blogspot.com'/>
    <input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' style='width:170px;border:none;padding:4px 10px; font:12px Arial;color:#666; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1CnJKsftsPGZ_-wRlEwbyseZd6JfGraflfWIimF7HGIFEx4ZVIC6qF7Ik3FbN3oMD2iO44ntyRQOMwW2xRGUR7m49XDEF10NnO9cd37AZ7XH2GA3uLTm7GuOxtNkZocvIls9t7z0w-Uk/s1600/field-bg.gif) no-repeat;' type='text' value='Search on this site...'/><input align='top' id='search-btn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAjkXwbd7yensIshYTFyKO3YPSJo3NyPlsJApc5CI32Z_tz112A5abNC1aoRGo3e5bKllJOhRlVFDuDV7FnkuJEpS7ybozuP3n0bkCJfZCesz8xs7I634zPnoyWZ_KQwIySQQz1wYZ_Lk/s1600/bg_search.gif' type='image' value='Search'/>
    </form>
    </div>
    </div>
    <br class='clearit'/>
    </div>
    <div style='clear:both;'/>
    </div>
  12. Kemudian Klik Simpan Template dan selesai........!

Keterangan : 
 #  Ganti Dengan URl yang ingin anda masukan ke Menu Dropdown
width:960px; Panjang Menu Drop Down Horizontal yang bisa nda sesuaikan dengan template blog anda
http://URL-blog.blogspot.comGanti Dengan URL Blog atau Alamat Blog anda

Read more »

Posted in: ,

Cara memesang Efek Salju pada halaman Blog

6:49 AM Unknown 1 comment

Efek
Banyak cara yang dapat kita lakukan untuk mempercantik halaman blog seperti pada tutorial sebelumnya yaitu dengan menambahkan widget welcome spiderman. dengan widget ini setiap pengunjung yang datang  akan disambut oleh superhiro ini sebagai ucapan selamat datang kepada pengunjung.

Nah kali ini Disc Snutz Tutorial Blogspot kembali membahas tetang cara untuk mempercantik halaman blog dengan cara menambahkan efek salju yang bertaburan dihalaman blog anda

Untuk memasang Efek Salju Pada Halaman Blog anda sangat mudah hanya perlu langkah-langkah sederhana sebagai berikut :
  1.  Pastikan sobat blogger sudah masuk ke akun bloggernya masing-masing
  2. Pilih Menu Tata Letak Atau Menu layout
  3. Klik Tambah Gadget atau Add a Gadged
  4. Pilih HTML/JavaScript
  5. Copy Kode-Kode Berikut (Pilih salah satu sesuai keiginan anda)
    • Untuk salju berwarna kuning
      • <script src="http://agungosx.googlepages.com/saljukuning.js" type="text/javascript"></script>
    • Untuk salju berwarna Merah
      • <script src="http://agungosx.googlepages.com/saljumerah.js"<br /> type="text/javascript"></script>
    • Untuk salju berwarna Hijau Muda
      • <script src="http://agungosx.googlepages.com/greensalju.js"<br /> type="text/javascript"></script>
    • Untuk salju berwarna Hijau Tua
      • <script src="http://dapur-tutorial-blogspor.googlecode.com/files/greensalju.js"<br /> type="text/javascript"></script>
    • Untuk salju berwarna Ungu
      • <script src="http://agungosx.googlepages.com/saljuijotua.js"<br /> type="text/javascript"></script>
    • Untuk salju berwarna Ping
      • <script src="http://dapur-tutorial-blogspot5.googlecode.com/files/pinksalju.js"<br /> type="text/javascript"></script>
    • Untuk salju berwarna Biru Muda
      • <script src="http://dapur-tutorial-blogspot7.googlecode.com/files/saljubirumuda.js"<br /> type="text/javascript"></script>
    • Untuk salju berwarna Biru Tua
      • <script src="http://dapur-tutorial-blogspot6.googlecode.com/files/saljubiru.js"<br /> type="text/javascript"></script>
    • Untuk salju berwarna Hitam
      • <script src="http://agungosx.googlepages.com/saljuhitam.js"<br /> type="text/javascript"></script>
    • Untuk salju berwarna Orange
      • <script src="http://agungosx.googlepages.com/saljuorange.js"<br /> type="text/javascript"></script>
    • Untuk salju berwarna Coklat
      • <script src="http://agungosx.googlepages.com/saljucoklat.js"<br /> type="text/javascript"></script>
    • Untuk salju berwarna Putih
      • <script src="http://agungosx.googlepages.com/saljuputih.js"<br /> type="text/javascript"></script>
  6. Letakan Kode diatas kedalam Box HTML/JavaScript yang sudah anda pilih tadi
  7. Klik Simpan
  8. Selesai dan lihat hasilnya
Demikian Tutorial Blog tetang Cara memesanga Efek Salju pada halaman Blog semoga bisa bermanfaat
Read more »

Posted in:

Cara Buat Animasi Teks Berjalan Menggunakan Widget Dari Widgeo.net

6:36 AM Unknown No comments

Nah Disc Snutz Tutorial Blogspot juga ada kabar gembira ternyata hapir satu tahun pakum blog ini masih tetap mendapat perhatian dari bah google. berkat hadiah tersebut blog Disc Turial Blogspot Kini Naik Satu Pringkat Ke Pringkat 2. dari sini ada sebuah hikmah yang saya dapat yaitu meskipun blog tidak di Update secara continue asalkan konten blognya berisi konten hasil ketikan berdasarkan imajinasi kita sendiri maka akan tetap dijaga oleh bah google.

Pada kesempatan ini Disc Tutorial Blogspot Akan menyampaikan menu sederhana yaitu Cara Membuat Teks Berjalan Menggunakan Widget Dari Widgeo.net yang hasilnya seperti dibawah ini :

Jika sobat Blogger Disc Tutorial Blogspot juga ingin memasang Widget Teks Berjalan yang keren seperti itu caranya mudah dengan langkah-langkah sebagai berikut :
  1. Kunjungi webnya di Widgeo.net
  2. Ada akan menjumpai halaman web Widgeo.net seperti berikut
  3. Jika sudah Flash Massage

    4. Keterangan :
    • No.1 silahkan masukan Teks atau tulisan yang sobat inginkan
    • No.2 adalah model-model widgetnya silahkan pilih sesuai kriteria sobat
    • No.3 adalah ukuran widget silahkan sesuaikan
    • No.4 adalah kategori blog sobat silahkan sesuaikan
    • No.5 Pilih No
  4. Jika semua sudah diatur centang kotak kecil yang ditunjuka anak panah kemudian klik tombol Get Widget
  5. Tunggu beberapa saat akan muncul kode untuk menampilkannya kehalaman blog seperti berikut
  6. Sekarang Copy code tersebut masukan kehalaman blog anda dengan cara menambahkan Widget HTML/JavaScript -->Paste Code --> Simpan
  7. Selesai deh
Mudahkan untuk menambahkan animasi teks berjalan kehalaman blog sobat. Disc Tutorial Blogspot berharap bisa bermanfaat buat sahabat-sahabat blogger.
    Read more »

    Posted in:

     
    Penanggung Jawab Handika Septian Akniagara | Supported by Artikel Terkait Blog