Tips kali ini yaitu cara Membuat Header Menjadi Dua Bagian, Header blog sangat penting agar blog terlihat bagus maka headerpun diperlukan,jika blog tanpa header layaknya manusia tanpa kepala. he he..







Disamping untuk mempercantik blog, header biasanya berisi tentang judul blog serta deskripsi blog, dan bahkan header bisa berfungsi untuk menempatkan iklan juga.

Nah,INFONETMU kali ini akan memberikan tips tentang cara membagi header menjadi dua bagian.Ikuti langkah-langkah dibawah ini:

1. Seperti biasa dalam keadaan log in pada account sobat
2. Klik rancangan
3. Klik Edit HTML
   
4. Bisa Download Template Lengkap jika khawatir gagal
5. Sekarang cari kode CSS seperti yang mirip beikut:

   ---

   /* Header
   ----------------------------------------------- */
   #header-wrapper {
   width:930px;
   margin:0 auto 10px;
   border:1px solid $bordercolor;
   }
   #header-inner {
   background-position: center;
   margin-left: auto;
   margin-right: auto;
   }
   #header {
   margin: 5px;
   border: 1px solid $bordercolor;
   text-align: center;
   color:$pagetitlecolor;
   }

   ---

6. Ganti kode diatas dengan kode dibawah ini:

   ---

   /* Header
   ----------------------------------------------- */
   #header-wrapper {
   width:930px;
   margin:0 auto 0px;
   background:#ffff;
   height:180px;
   }
   #header-one {
   width:50%;
   background-position: left;
   margin-left: auto;
   margin-right: auto;
   float:left;
   }
   #header {
   margin: 0px;
   text-align: left;
   color:$pagetitlecolor;
   }
   #header_two{
   width:50%;
   float:left;
   padding-top:10px;
   }

   ---

   Perhatikan kode yang berwarna merah pada bagian awal, sesuaikan lebar atau angka width dengan lebar header template sobat.
7. Sekarang cari kode seperti berikut:

   ---

   <div id='header-wrapper'>
   <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
   <b:widget id='Header1' locked='true' title='Tempat Eksperimen Kecil (Header)' type='Header'/>
   </b:section>
   </div>

   ---

8. Setelah menemukan kode diatas, sisipkan kode warna merah berikut dengan penempatan yang menyarupai contoh dibawah ini:

   ---

   <div id='header-wrapper'>
   <div id='header-one'>
   <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
   <b:widget id='Header1' locked='true' title='Tempat Eksperimen Kecil (Header)' type='Header'/>
   </b:section>
   </div>
   <div id='header_two'>
   <b:section class='header' id='header2' preferred='yes'/>
   </div>
   </div>

   ---

9. Klik Simpan Template
10. Selesai
    

Untuk melihat hasil, klik elemen halaman, jika tampilan header sobat-sobat sekalian serupa screenshoot diatas, berarti kamu berhasil. Silahkan isi kolom baru dengan ragam widget atau ads.

Demikian sedikit tips tentang cara membuat header menjadi dua bagian.semoga berguna.
Baca Juga artikel dibawah ini ya.

• Membuat Iklan Melayang Di atas Header
• Download Gratis Gambar Header Blog
• Membuat header menjadi dua kolom
• Menghilangkan judul pada header blog
• Membuat dua element dibawah header
  

» Read More...

Yang saya maksud dengan Cara Memasang Emoticon Di Blog otomatis adalah memasang emoticon atau smile pada postingan blog secara otomatis hanya kita mengetikkan simbolnya maka nanti akan tampil gambar emoticon yang kamu inginkan, terkadang jika kita menulis kita ingin memberi sebuah emosi secara tertulis, nah jika hanya menggunakan simbol-simbol smile atau emoticon namun tanpa gambar maka emosi pada tulisan kamu akan kurang hidup.



Sebelumnya INFONETMU telah tulis Memasang emoticon pada posting blogger juga Cara memasang emoticon pada komentar blog namun cara yabg satu ini dijamin gak ribet dan sangat mudah, cocok dipasang di srmu blog kamu. ikuti tutorialnya dibawah ini:

1. Login ke blogger kamu.
2. Klik Rancangan/design.
3. Klik edit HTML.
4. Copy paste kode berikut dan letakkan tepat dibawah kode ]]></b:skin>
   

   <script src='http://louislim2.googlepages.com/addSmiley.js' type='text/javascript'/>

5. Lalu simpan template kamu.
   

Icon smile ini akan tampil secara otomatis pada blog kita setiap kali kita mengetikan standar kode dari icon tersebut.

Standar kode smile yang bisa digunakan :

:) or :-)
:D or :-D
:$ or :-$
:( or :-(
:p or :-p
;) or ;-)
:k or :-k
:@ or :-@
:# or :-#
:x or :-x
:o or :-o

Silahkan test dengan mengetikkan simbol-simbol diatas, lalu postinglah. maka simbol-simbol yang kamu tulis tadi akan otomatis jadi gambar emoticon.

Demikian tutorial singkat tentang cara memasang emoticon di blog otomatis,semoga berguna!

» Read More...

Tags: 10 Fakta Fisika yang Belum Kita Ketahui - Kumpulan Fakta Menarik - Fakta-fakta Heboh di Dunia/Kejadian Menarik/Peristiwa Heboh di Dunia.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Ternyata banyak sekali hal unik dan menarik di fisika. Menurut Marcus Crown, penulis We Need to Talk About Kevin, berikut 10 fakta aneh dalam fisika :

1. Jika matahari terbuat dari pisang.

Matahari panas karena beratnya yang luar biasa, sekitar bermiliar-miliar ton dan membuatnya menjadi inti tekanan kolosal. Tekanan besar menimbulkan temperatur besar. Jika matahari terbuat dari pisang, maka beratnya akan bermiliar-miliar ton dan memiliki efek yang sama dengan matahari.

2. Semua materi pembuat ras manusia dapat masuk dalam kotak gula.

Atom merupakan 99,9999999999999999% ruang kosong. Jika semua atom dipaksa bersatu dan menghilangkan ruang di antaranya seperti kotak gula, maka massanya sekitar 10 kali massa manusia hidup. Hal ini serupa yang terjadi pada bintang netron, massa super padat peninggalan supernova.

3. Peristiwa di masa depan dapat mempengaruhi peristiwa di masa lalu.

Keanehan dunia kuantum didokumentasikan. Tetapi keanehan itu semakin aneh. Menurut eksperimen fisikawan John Wheeler dan peneliti lain pada 2007, perubahan partikel masa kini dapat mengubah partikel pada masa lalu.

4. Hampir sebagian besar semesta menghilang

Kemungkinan terdapat lebih dari 100 miliar galaksi di kosmos. Setiap galaksi memiliki 10 juta bintang. Matahari kita memiliki berat bermiliar-miliar ton. Materi ini merupakan materi terlihat di semesta.

Materi lain disebut ‘materi gelap’. Materi ini masih butuh penjelasan dan tampaknya materi ini merupakan perluasan semesta.

5. Benda dapat bergerak lebih cepat dari cahaya.

Kecepatan cahaya konstan pada ruang hampa adalah 300 ribu km/detik, dan cahaya tak selalu melewati ruang hampa. Dalam air, foton bergerak sepertiga kecepatan awal. Dalam reaktor nuklir, beberapa partikel dipaksa bergerak dalam kecepatan tinggi bahkan lebih cepat dari cahaya.

6. Ada jumlah tak terbatas saat menulis dan membaca

Menurut standar model kosmologi saat ini, jumlah semesta yang dapat dihitung pun tak ada batasnya seperti buih. Namun, jumlah kemungkinan sejarah terbatas karena jumlah peristiwa terjadi juga terbatas.

7. Lubang Hitam tidak hitam

Lubang hitam memang sangat gelap, tapi tak hitam. Mereka bersinar dan memberi sedikit spektrum cahaya, temasuk cahaya yang dapat dilihat.

8. Penjelasan mendasar dari semesta tak termasuk masa lalu, kini atau masa depan

Menurut teori relativitas, tak ada hal seperti masa kini atau masa depan atau masa lalu. Bingkai waktu sangat relatif. Waktu kita sama karena kita bergerak pada kecepatan yang sama. Jika kita bergerak pada kecepatan berbeda, kita akan menemukan bahwa kita menua lebih cepat.

9. Partikel dapat mempengaruhi sisi lain semesta dalam sekejab

Ketika elektron bertemu kembaran antimateri, keduanya akan hancur dalam kilatan energi dan dua foton akan terbang dari ledakan itu. Kembaran itu akan mulai berputar pada arah sebaliknya, dan secara instan kembaran di sisi lain semesta juga ikut berputar.

10. Semakin cepat bergerak, semakin berat

Jika Anda berlari dengan cepat, berat Anda akan bertambah. Tak permanen, tapi secara sesaat akan menambah sedikit berat. Menurut teori relativitas, massa dan energi adalah sama. Semakin banyak energi yang dikeluarkan, semakin berat massanya.

Sumber: http://palingseru.com/7209/10-fakta-fisika-yang-mungkin

» Read More...

Sedikit penjelasan Facebook Insight, Facebook insight adalah salah satu layanan dan aplikasi pengembang dari Facebook.com,fungsinya untuk melihat, mengamati,mengetahui ,menelaah,meneleti dan memahami berbagai konten populer dan sedang hangat dibicarakan.

Manfaat dari Facebook Insights dapat dimanfaatkan oleh para pemilik Facebook dan pengembang aplikasi untuk mengetahui perkembangan peningkatan kinerja platform, bisnis, serta aplikasi dengan akurat sesuai dengan kebutuhan para penggunanya.
Ok sudah mengerti,kita lanjut.Nah,Kita akan memanfaatkan wawasan facebook (facebook insight ) ini untuk mengetahui klik suka,bagikan,halaman populer,CTR suka,CTR bagikan ,demografi,dll di blog yang kita miliki dari facebook.com.

Experiment kali ini (ceileh bahasanya :D ) yang akan kita lakukan adalah mengintegrasikan blog kita dengan facebook insight,berikut cara-caranya:

1. Meluncur/masuk ke http://www.facebook.com/insights/
2. Klik tombol "Insights for Your Website"atau "wawasan untuk website anda"(Akun fb yg sudah menggunakan bahasa indonesia)


3. Setelah muncul pop up window, isikan data berupa nama domain, pilih account atau page yg ingin di kaitkan (link). Dalam contoh berikut, saya pilih link dengan akun Facebook saya. 4.Jangan klik "Get insights" dulu, masuk terlebih dahulu ke blog yang anda punya klik >> rancangan >> edit html >> kemudian paste kode tadi dibawah tag <b:include data="blog" name="all-head-content">

5. Copy meta tag (meta property) seperti yg dicontohkan pada gambar di atas.
6. Letakkan meta tag di bawah kode ini:
<b:include data="blog" name="all-head-content">
Contoh punya saya:

<b:include data="blog" name="all-head-content">
<meta property="fb:admins" content="1736321788" />


klik ctrl+F untuk pencarian cepat ,hasilnya seprti ini:


6. Simpan template.
7. Kembali ke halaman Facebook Insights, kemudian klik "Get Insights".



Untuk melihat Facebook Insights blog/website atau halaman Facebook, klik "Select Insight" dan pilih nama website/page pada menu dropdown yg muncul.
Dan hasilnya akan seperti ini:
ini adalah contoh facebook insight dari blog saya :www.face-book3.blogspot.com


Sekian Cara Mengetahui Klik Suka,Bagikan,FB komentar untuk Blog Via Facebook Insight

» Read More...

SNMPTN Undangan 2012 - Informasi SNMPTN Jalur Undangan - Sebagai salah satu jalur masuk ke perguruan tinggi negeri, SNMPTN Undangan menjadi pilihan siswa di sekolah. Jalur ini memberikan kesempatan lebih besar bagi siswa yang berprestasi di sekolah untuk masuk ke perguruan tinggi negeri tanpa melalui tes apa-apa.
Yang menjadi patokan utama kelulusan dalam SNMPTN Undangan adalah nilai rapor. Hal ini menjadi bukti kepercayaan panitia SNMPTN Undangan pada sekolah bersangkutan. Yang pasti, siswa harus lulus pada UN 2012 agar bisa diterima. Jika nantinya siswa telah diterima di SNMPTN Undangan, tapi tidak lulus pada ujian nasional, maka secara otomatis siswa dinyatakan gugur pada SNMPTN Undangan 2012.

Berikut ini adalah informasi Seleksi Nasional Masuk Perguruan Tinggi Negeri (SNMPTN) Jalur Undangan tahun lalu. Setidaknya informasi ini dapat menjadi patokan bagaimana pelaksanaan SNMPTN Undangan 2012 ini. Kebetulan tahun lalu saya dipercayakan oleh kepala sekolah untuk mendaftarkan siswa dalam proses SNMPTN Undangan ini.

SNMPTN Undangan 2012

Tata Cara Pendaftaran SNMPTN Undangan 2012

1. Kepala sekolah login ke laman http://undangan.snmptn.ac.id. Kemudian memilih menu SEKOLAH. Pada tahun 2011 lalu, sekolah harus mendaftarkan profil sekolah untuk pertama kali. Kepala sekolah melengkapi data sekolah, mulai dari tahun pendirian, NSS, alamat sekolah, profil kepala sekolah, kemudian mengupload scan Sertifikat Akreditasi sekolah. Hal ini hanya dilakukan sekali. Setelah melengkapi data, kepala sekolah akan mendapatkan username dan password.
2. Kepala sekolah dapat login dengan menggunakan username dan password yang telah ia pilih. Jika lupa dengan password, bisa mengirimkan request untuk mereset password lewat form yang disediakan.
3. Kepala sekolah mengisikan daftar kelas XII (rombongan belajar) yang ada di sekolah, juga memilih tipe kelas yang ada. SNMPTN Tahun 2012 ini, siswa yang boleh mendapatkan rekomendasi adalah siswa dengan peringkat terbaik dan konsisten selama semester 3, 4 dan 5. Sekolah dengan Akreditasi A, 50% siswa terbaiknya dapat didaftarkan pada SNMPTN Jalur Undangan. Sekolah dengan Akreditasi B 30%, sekolah dengan akreditasi C 15%. Sekolah dengan kategori RSBI dan Unggulan, sepertinya masuk di Akreditasi A, sehingga hanya 50% saja yang dapat didaftarkan. Ini sedikit berbeda dengan SNMPTN tahun sebelumnya.
4. Setelah daftar kelas tercantum pada database, langkah selanjutnya adalah kepala sekolah memasukkan satu demi satu nama siswa pada masing-masing kelas. Untuk mempermudah proses ini, sistem telah memberikan pilihan untuk mengupload daftar nama siswa lewat template microsoft excel yang disediakan. Dengan cara ini, kepala sekolah hanya perlu mengisi daftar nama siswa lewat excel kemudian menguploadnya secara langsung. Otomatis nama siswa akan tercantum di dalamnya. Salah satu hal penting dalam pengisian nama siswa ini adalah pengisian dilakukan berdasarkan urutan peringkat kelas. Ini artinya, siswa terbaik pertama berada pada urutan nomor 1, siswa terbaik kedua berada pada urutan nomor 2, dan seterusnya. Setelah selesai semua kelas, baru dapat dilakukan finalisasi data. Pemberian rekomendasi hanya dapat dilakukan jika data siswa pada tiap-tiap kelas telah final. Setelah final, data siswa pada tiap kelas tidak dapat diubah. Jika terjadi kesalahan dalam pengisian form ini, silakan ajukan permintaan reset data pada helpdesk SNPMTN Jalur Undangan.
5. Oke. Saya anggap bapak kepala sekolah sudah mengisi daftar kelas dan daftar nama siswa berdasarkan peringkat. Langkah selanjutnya adalah memberikan rekomendasi. Pemberian rekomendasi ini adalah langkah yang sedikit ribet. Karena kepala sekolah harus menginput nilai raport setiap mata pelajaran masing-masing siswa secara manual. Tahun lalu belum ada sistem input nilai lewat excel. Ribetnya karena nilai yang harus dimasukkan adalah nilai dari kelas X hingga kelas XII semester 2. Artinya ada 5 semester. Hufh ... 
6. Setelah daftar nilai keseluruhan siswa pada masing-masing kelas selesai, bapak kepala sekolah dapat melakukan finalisasi. Biasanya di langkah ini akan ada form untuk memilih menerima beasiswa Bidik Misi. Secara otomatis siswa yang penghasilan orang tuanya kurang dari 1,2juta per bulan akan mendapatkan pilihan beasiswa Bidik Misi. Siswa dapat memilih untuk menerima atau tidak. Setelah itu, baru finalisasi data. Sama seperti langkah sebelumnya, finalisasi data hanya dapat dilakukan sekali. Jika ada kesalahan dalam memberikan rekomendasi, maka kepala sekolah dapat meminta helpdesk untuk mereset data. 
7. Setelah finalisasi data, maka akan muncul nomor pendaftaran dan password setiap siswa yang sudah direkomendasi. Kepala sekolah boleh memberikan nomor ini pada siswa agar mereka dapat melakukan pendaftaran sendiri.
8. Setelah menerima nomor pendaftaran dan password, siswa secara mandiri mendaftar SNMPTN Undangan 2012 dengan mengakses laman utama SNMPTN Undangan, kemudian memilih form SISWA. Pada tahap ini, siswa mengisi lebih banyak data tentang dirinya. Termasuk data orang tua, tempat tinggal, mengupload foto diri dan foto sertifikat (jika ada), kemudian memilih jurusan. Siswa dapat memilih 2 PTN dengan masing-masing PTN dapat memilih 2 jurusan. Ini artinya siswa berhak memilih 2 jurusan berbeda. Wow.
9. Setelah semua data lengkap, maka siswa dapat mencetak Kartu Peserta SNMPTN Jalur Undangan 2012.
10. Setelah tahap pendaftaran SNMPTN Undangan via online, siswa yang tidak memilih beasiswa Bidik Misi atau penghasilan orang tuanya lebih dari batas minimal, wajib membayar biaya pendaftaran sebesar Rp. 175.000 pada bank-bank yang telah ditentukan. Sedangkan bagi siswa yang terintegrasi dengan Bidik Misi, hanya perlu menunggu waktu pengumuman.

Demikian informasi awal pendaftaran SNMPTN Undangan 2012. Kita tunggu saja bagaimana prosedur pendaftarannya setelah ada pengumuman resmi dari pihak terkait. SNMPTN Undangan 2012 | Informasi SNMPTN Jalur Undangan.

Sumber: http://meetabied.blogspot.com/2011/12/snmptn-undangan-2012-informasi-snmptn.html

» Read More...

Dibawah ini contoh tampilan cbox

Sebelum Memberi gambar background pada Cbox, silahkan kamu masuk cbox.

Pada menu Look & Feel   kamu pilih style presets

Selanjutnya pada Style Preset   pilih tampilan Transparent / tembus pandang kemudian Save.

- Kemudian masuk ke blogger dan pilih Tata Letak klik Elemen Laman pilih Tambah Gadget dan pilih Html/Javascript, dan masukan kode cbox dibawah ini:

Ganti kode dalam kotak yang berwarna kuning dengan kode dibawah ini!

<div id="cboxdiv" style="text-align: center; line-height: 0;background-position:center;background:url(url gambar kamu);width:220px;height:350px;background-repeat:no-repeat;">

ada kode yang berwarna hijau silahkan ganti dengan url gambar yang kamu inginkan dan ukuran yang berwarna merah silahkan sesuaikan dengan ukuran cbok kamu. 

Dan lihat hasilnya

Ada beberapa gambar background yang bisa kamu pakai juga.

http://www.bestiphonewallpapers.com/bulkupload/081109/Cartoon/PinkHelloKitty.jpg
http://www.dreamstime.com/blue-background-thumb2315107.jpg
http://www.dreamstime.com/floral-background-thumb4863792.jpg

https://lh3.googleusercontent.com/-OA7Lq3E5Hnk/TenMyOZV4hI/AAAAAAAAAOY/yr5PvtgcHpU/s640/dragon_black.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidRMLQUbBCSBHnmcRUdMZq_jmTmmofE3Gp2BdaNh281AwcVcgKI8vcWAeLzcABaR4p-sD5flAPjZLRXb0la0va_I5GRjHa6GCbg4KtTcOH0mVe_RjUCSi6MNoBysbhwT4qNoOtxDXiW14/ 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigdhtZy8Nb_e_Lec6VvZB8gw5jFGMffTog3v410xV-kdN9ZnRgvX6QXwe9HGRlzUiyqTM4otNl2uhPHS2VyFkdTp-Z7kNeKWbtSJdAF_MvGFJpCpcKurDOWEUbClWTTHox8WLajLiTWedV/ 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOG3c099QqjulLRtmuGf0IT0RKEUIj6LrZMyZ21W6h1Ii7VdlZLSLh3WW-djmUypDaToOFJQwlveKVd-2YXFH4XJHsql9NP_d0FtkPhVF3NoVcpulSD2yhPYOS-tt5Hw-vsupVqOX1DBQ/s512/BlackWarGreymon_Pixel_by_kizokuro.gif

 

selamat mencoba.

info http://infonetmu.blogspot.com/2011/10/memberi-gambar-background-pada-cbox.html

» Read More...

Cara Membuat NewsTicker/Berita Berjalan Keren. newsticker atau berita berjalan bisa kita buat agar blog kita tampil lebih keren, disamping itu berita berjalan atau newsticker bisa ditampilkan dari recent post blog kita,dan akhirnya pembacapun bisa melihat apa saja berita terbaru dari blog kita. lihat gambar dibawah ini!

Nah, sudah jelas kan yang INFONETMU maksud,kalo belum jelas lihat demonya di blog saya yang lain yaitu INFONETGUE ya.

Dari gambar diatas mungkin sudah banyak yang tahu kalo itu mirip dengan newsticker dari gaya template sporty magazine 2 dari borneo template. karena memang banyak yang suka dengan gaya tersebut maka saya akan share pada teman-teman blogger yang lain bagaimana cara membuatnya.

Untuk Membuat Newsticker/berita berjalan keren seperti mirip sporty magazine 2 ikuti langkah-langkah dibawah ini:

1. Login ke blogger/blogspot kamu.
2. Klik Rancangan atau design.
3. Klik edit HTML.
4. Beri ceck / centang pada kotak yang berada pada pojok template kamu.
   Dan jangan lupa download template kamu untuk berjaga-jaga agar jika terjadi kesalahan bisa dibackup.
5. Cari kode ]]></b:skin> dan copy paste kode berikut dan letakkan tepat diatas kode ]]></b:skin>
   

   /* News Ticker Wrapper */
   .newspic {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi2P2WuYHkHSKBZ3VyNoB2uTJnF_8ORhrDpJSadVDK3ckipxUDAjvT39cFd8MUa3kd2NRaDJQX5v2uL6iMvM34UU7I4Ze_WKpEbuGslnshrL3YzL4kdnEEgYWk7T2Wnkic4naUYZeIaxM/s1600/headline.png) no-repeat top left;width:940px;margin:0 auto;padding:0 auto;height:28px;color:#ff0000;}
   .news {width: 940px;margin:0 auto;padding:0 auto;line-height: 1.4em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}
   .news a:link{color:#ff0000;font-weight: bold;text-decoration:none}
   .news a:visited{color:#ddd;font-weight: bold;text-decoration:none}
   .news a:hover{color:#fff;font-weight: bold;text-decoration:underline}

6. Lalu Cari Lago kode </head> dan letakkan kode berikut tepat diatas kode </head>
   

   <script src='http://www.google.com/jsapi?key=ABQIAAAA4qkT5i26SQ6NmgJd5KQemhRQ_a6zv5_Bim3H_GL4gaueIFZ15xRdt8jcAUk8ZHokIVo-TBZgYVbkzw' type='text/javascript'/>
   <script type='text/javascript'>
   //<![CDATA[
   var gfeedfetcher_loading_image="indicator.gif";google.load("feeds","1");function gfeedfetcher(c,a,b){this.linktarget=b||"";this.feedlabels=[];this.feedurls=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";this.sortstring="date";document.write('<div id="'+c+'" class="'+a+'"></div>');this.feedcontainer=document.getElementById(c);this.itemcontainer="<li>"}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a){this.itemcontainer="<"+a.toLowerCase()+">"};gfeedfetcher.prototype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.innerHTML='<img src="'+gfeedfetcher_loading_image+'" /> INFONETGUE';var a=this;for(var b=0;b<this.feedurls.length;b++){var c=new google.feeds.Feed(this.feedurls[b]);var d=(this.feedlimit<=this.feedurls.length)?1:Math.floor(this.feedlimit/this.feedurls.length);if(this.feedlimit%this.feedurls.length>0&&this.feedlimit>this.feedurls.length&&b==this.feedurls.length-1){d+=(this.feedlimit%this.feedurls.length)}c.setNumEntries(d);c.load(function(e){return function(f){a._fetch_data_as_array(f,e)}}(this.feedlabels[b]))}};gfeedfetcher._formatdate=function(a,c){var d=new Date(a);var b=(c.indexOf("datetime")!=-1)?d.toLocaleString():(c.indexOf("date")!=-1)?d.toLocaleDateString():(c.indexOf("time")!=-1)?d.toLocaleTimeString():"";return"<span class='datefield'>"+b+"</span>"};gfeedfetcher._sortarray=function(a,b){var b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.sort(function(e,d){var g=e[b].toLowerCase();var f=d[b].toLowerCase();return(g<f)?-1:(g>f)?1:0})}else{try{a.sort(function(e,d){return new Date(d.publishedDate)-new Date(e.publishedDate)})}catch(c){}}};gfeedfetcher.prototype._fetch_data_as_array=function(b,a){var d=(!b.error)?b.feed.entries:"";if(d==""){alert("Google Feed API Error: "+b.error.message)}for(var c=0;c<d.length;c++){b.feed.entries[c].ddlabel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetcher.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._displayresult(this.feeds)}};gfeedfetcher.prototype._displayresult=function(a){var e=(this.itemcontainer=="<li>")?"<ul>\n":"";gfeedfetcher._sortarray(a,this.sortstring);for(var c=0;c<a.length;c++){var d='<a href="'+a[c].link+'" target="'+this.linktarget+'" class="titlefield">'+a[c].title+"</a>";var b=/label/i.test(this.showoptions)?'<span class="labelfield">['+this.feeds[c].ddlabel+"]</span>":" ";var g=gfeedfetcher._formatdate(a[c].publishedDate,this.showoptions);var f=/description/i.test(this.showoptions)?"<br />"+a[c].content:/snippet/i.test(this.showoptions)?"<br />"+a[c].contentSnippet:"";e+=this.itemcontainer+d+" "+b+" "+g+"\n"+f+this.itemcontainer.replace("<","</")+"\n\n"}e+=(this.itemcontainer=="<li>")?"</ul>":"";this.feedcontainer.innerHTML=e};
   var gfeedfetcher_loading_image="indicator.gif";function gfeedrssticker(d,b,a,c){this.tickerid=d;this.delay=parseInt(a);this.mouseoverBol=0;this.itemsperpage=1;this.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer="<div>";this.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new gfeedfetcher;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.itemsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(this.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var c=this;gfeedfetcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage>=a.length)?1:this.itemsperpage;var b=a.slice(this.messagepointer,this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,this.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tickerdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperpage;if(window.attachEvent){window.attachEvent("onunload",function(){c.tickerdiv.onmouseover=c.tickerdiv.onmouseout=null})}setTimeout(function(){c._rotatemessage()},this.delay)};function formatrssmessage(d,b,f,g){var c=(f=="<li>")?"<ul>\n":"";for(var e=0;e<d.length;e++){var h='<a href="'+d[e].link+'" target="'+g+'" class="titlefield">'+d[e].title+"</a>";var j=/label/i.test(b)?'<span class="labelfield">['+d[e].ddlabel+"]</span>":" ";var k=gfeedfetcher._formatdate(d[e].publishedDate,b);var a=/description/i.test(b)?"<br />"+d[e].content:/snippet/i.test(b)?"<br />"+d[e].contentSnippet:"";c+=f+h+" "+j+" "+k+"\n"+a+f.replace("<","</")+"\n\n"}c+=(f=="<li>")?"</ul>\n":"";return c}gfeedrssticker.prototype._rotatemessage=function(){var b=this;if(this.mouseoverBol==1){setTimeout(function(){b._rotatemessage()},100)}else{var a=this.feeds.slice(this.messagepointer,this.messagepointer+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoptions,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+this.itemsperpage>this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;setTimeout(function(){b._rotatemessage()},this.delay)}};
   //]]></script>

7. Dan langkah terakhir Peletakkan kode HTML untuk newstickernya, kamu bisa meletakkan ditempat yang kamu inginkan. dan disini sebagai contoh saya akan meletakkanya dibawah menu navigasi horisontal. silahkan cari kode <div id='navigation'> dan setelah kode <div id='navigation'> ditutup dengan kode </div> letakkan kode berikut tepat dibawah kode </div>
   

   <div class='newspic'>
   <div class='news'>
   <div style='float:left;padding:5px 60px 5px 7px;font:bold 14px Arial;color:#333;text-transform:none;'>
   Berita Terbaru :
   </div><div style='float:left;width:680px;padding:4px 0; position:relative; overflow:hidden;'>
   <script type='text/javascript'>
   var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 4000, &quot;_new&quot;)
   cssfeed.addFeed(&quot;Sabar Muanas&quot;, &quot;http://infonetgue.blogspot.com/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feed
   cssfeed.displayoptions(&quot;date&quot;) //show the specified additional fields
   cssfeed.setentrycontainer(&quot;div&quot;) //Wrap each entry with a DIV tag
   cssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by date
   cssfeed.entries_per_page(1)
   cssfeed.init()
   </script>
   </div>
   </div><div style='clear:both;'/>
   </div>

   
   Ganti URL berwarna merah dengan URL blog kamu.
   
8. Nah, Sekarang simpan template kamu.
   

Keterangan:
Kode menu navigasi berbeda-beda, jika tidak menemukan kode pada nomor 7 coba kamu cari kode <div id='content-wrapper'> dan letakkan kode HTML newsticker (yang ada pada nomor 7 ) letakkan tepat diatas kode <div id='content-wrapper'>

Demikian cara membuat newsticker / berita berjalan keren, jika kamu berhasil maka akan ada berita terbaru dari recent post blog kamu yang bergerak atau berubah-ubah layaknya yang ada pada template gaya sporty magazine 2.

BACA JUGA!

• Cara Membuat Berita Berjalan Di Blog
• Cara Membuat Recent Post Berjalan
  

Kalo artikel infonetmu ini berguna tolong klik tombol google+ dibawah yah..silahkan copy paste juga di blog kamu gak apa-apa asal cantumkan link saya. semoga berguna.

» Read More...