- 6:49 LucasWojciechowski
- 7:00 Erik Vicujnik
- 7:03 Greg Dyce
- 7:31 Dave Rutherford
- 7:35 Kristen Marchant
- 7:46 Chris Morton
- 8:00 Vance Lai
- 8:08 Craig Kingston
- 8:20 Rachel Hartviksen
- 8:27 Patrick Campbell
- 8:29 Brandon Shrigley
- 8:39 Alex Zorzitto
- 8:50 Kathleen G
- 9:01 Mike Piazza
- 9:26 Jeff Playford
- 9:37 Mark Potvin
- 9:42 Nicole Shrigley
- 9:47 Mike Francis
- 9:48 Ed Shrigley
- 9:59 Kevin Post
- 10:00 Kevin Wolfe
- 10:01 Juan Padron
- 10:02 Helen Stubbs
- 10:24 Candice Shrigley
- 10:26 Mike Hamilton
- 10:46 Amy Hartman
- 11:18 Natalie Veras
- 11:31 Gail Delanghe
- 11:58 Janet Willard
- 12:11 Fun Run
- 12:11 Fun Run
- 12:46 Fun Run
- 12:55 Fun Run
- 14:04 Fun Run
- 14:40 Fun Run
- 14:41 Fun Run
Tuesday, 31 July 2012
H+P Summer Time Trial Results
Monday, 30 July 2012
Cara Memasang Meta Tag Blog Blogger
Untuk memasang meta tag di blog blogger sangat lah gampang, sobat hanya membutuhkan beberapa kode meta tag yang siap ditanam dalam tubuh blog sobat. Yang selanjutnya sobat bisa menyesuaikan meta tag berikut dengan data-data blog sobat.
Untuk memulai memasang meta tag ke dalam blog blogspot sobat, silahkan untuk mengikuti langkah-langkah berikut:
1. Silahkan login ke akun blogger sobat.
2. Jika sobat memiliki banyak blog dalam satu akun blogspot sobat, silahkan untuk mengklik blog mana saja yang ingin sobat tambah meta tag.
3. Klik Template
4. Selanjutnya Edit HTML => Lalu jika muncul gambar seperti berikut, klik "Proceed"
5. Selanjutnya carilah kode <title><data:blog.pagetitle/></title> atau <b:include data="blog" name="all-head-content"> atau <title><data:blog.pageName/> - <data:blog.title/></title> atau <title><data:blog.title/></title>
6. Jika sobat telah menemukan salah satu dari kode di atas (cukup satu lho!), silahkan untuk meletakkan kode meta tag berikut di bawahnya:
<meta content='index, follow' name='robots'/>
<meta content='NgeBlog Aja' name='title'/>
<meta content='Blog Kumpulan Cara Membuat Blog di Blogger, Blog Trik Blogger, Tips Edit Blog, Trik Google' name='description'/>
<meta content='cara membuat blog, membuat blog di blogger, trik blogger, tips edit blog, trik google' name='keywords'/>
<meta content='Rini Puji Astuti' name='author'/>
<meta content='global' name='distribution'/>
<meta content='general' name='rating'/>
<meta content='translate' name='google'/>
<meta content='id' name='language'/>
<meta content='ID' name='geo.country'/>
<meta content='NgeBlog Aja' name='copyright'/>
=> Sobat harus mengganti bagian2 yang telah saya tandai dengan warna biru dengan data2 milik sobat, di antaranya:
NgeBlog Aja: Adalah judul blog saya, silahkan sobat untuk menggantinya dengan judul blog sobat, ex: Blognya si Adul, blognya si Tukul, dll
Blog Kumpulan Cara Membuat Blog di Blogger, Blog Trik Blogger, Tips Edit Blog, Trik Google: Ini adalah deskripsi blog sobat, sobat bisa menggantinya dengan deskripsi blog sobat. Misalnya: Blog kumpulan ebook gratis, blog kumpulan software gratis, dll
Cara membuat blog, membuat blog di blogger, trik blogger, tips edit blog, trik google: Ini adalah keywords atau kata-kata kunci yang terkandung di dalam blog sobat. Gunakan koma untuk memisahkan kata kunci satu dengan kata kunci lainnya. Misal: software gratis, tutorial blogger, download komik naruto, dll
Rini Puji Astuti: Ini adalah author atau penulis blog. Jika nama sobat adalah Taufik, maka silahkan ganti Iqbal dengan Taufik.
NgeBlog Aja: Yang terakhir adalah Copyright, silahkan untuk mengganti dengan jdul blog sobat (boleh sama dengan title/judul blog).
7. Selanjutnya kliklah "simpan template"/"save template"
Selesai!!!
Jika sobat memiliki masalah dalam memasang meta tag di dalam blog sobat, silahkan untuk meninggalkan komentar atau kirim pertanyaan ke saya melalui menu "kontak". Terima kasih.. :D
Semoga tutorial sederhana ini bermanfaat bagi sobat.
Tags: meta tag google, blogger blogspot meta tag, cara pasang meta tag, meta tag gampang tag blog , Tips dan Trik , trik belajar blog
Saturday, 28 July 2012
Cara Membuat/Menampilkan Status Off/Online Yahoo Messenger
Ok Langsung aja, Contohnya akan seperti ini, jika status kamu offline maka gambarnya akan seperti ini :
trus jika kamu online maka iconya akan berubah seperti ini:
Cara buatnya sangat gampang kamu tinggal copy script berikut ini trus kamu pasang di sidebar kamu, udah tahu kan cara pasanganya, itu lho seperti kalo km masang "page element", Masuk ke "Page Element" trus "Add a Gadget --> HTML/Javascript".
<a href="ymsgr:sendIM?andre"> <img src="http://opi.yahoo.com/online?u=andre&m=g&t=2&l=us"/>
</a>
Ganti text yang warna merah (andre) dengan id YM kamu.
perhatikan angka "2", itu bisa kamu ganti dengan angka yang lain dan hasilnya gambar yang ditampilkan akan berbeda-beda.
gimana? gampang kan? Tips dan Trik , trik belajar blog , trik komputer
Tuesday, 24 July 2012
Membuat Navigasi Ala Google di Blogspot
Diblog pun bisa seperti ini,Sudah paham kan? Jika sobat berminat untuk membuatnya, silahkan ikuti tutorial berikut:
1. Login ke akun blogger sobat.
2. Pergi ke tab rancangan, lalu edit HTML.
3. Cari kode ]]></b:skin> kemudian taruh kode berikut ini TEPAT di atasnya:
#nav a,#nav a:visited,.blk a{color:#000}
#nav a{display:block}
#nav .b a,#nav .b a:visited{color:#20c}
#nav .i{color:#a90a08;font-weight:bold}
.csb,.ss{background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/pagenavi/nav_logo7.png) no-repeat 0 0;height:26px;display:block}
.ss{background-position:0 -88px;position:absolute;left:0;top:0}
.cps{height:18px;overflow:hidden;width:114px}
.mbi{width:13px;height:13px;background-position:-91px -74px;margin-right:3px}
#nav td{padding:0;text-align:center}
4. Sekarang cari lagi kode </body>.
5. Jika sudah ketemu, copy dan paste kode berikut TEPAT di atasnya:
<script type='text/javascript'>
var home_page_url = location.href;
var pageCount=10;
var displayPageNum=6;
var upPageWord ='Previous';
var downPageWord ='Next';
function showpageCount(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
htmlMap[htmlMap.length]='/';
postNum++;
for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {
var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'&max-results='+pageCount;
}
var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
var banyaknomer = htmlMap.length -1 ;
postNum=postNum-1;
};
for(var p =0;p< banyaknomer;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
upPageHtml = '<a href="/"><span class="csb ch" style="background-position: 0pt 0pt; margin-left: auto; width: 44px;"></span><div style="margin-right: 8px;">'+ upPageWord +'</a></td>';
}else{
upPageHtml = '<a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: 0pt 0pt; margin-left: auto; width: 44px;"></span><div style="margin-right: 8px;">'+ upPageWord +'</a></td>';
}
fFlag++;
}
if(p==(thisNum-1)){
if(p==0){
html += '<span class="csb" style="background-position: -26px 0pt; width: 18px;"></span></td><td class="cur"><span class="csb" style="background-position: -44px 0pt; width: 16px;"></span>'+thisNum+'</td>';
}else{
html += '<td class="cur"><span class="csb" style="background-position: -44px 0pt; width: 16px;"></span>'+thisNum+'</td>';
}
}else{
if(p==0){
html += '<td><a href="/"><span class="csb ch" style="background-position: -60px 0pt; width: 16px;"></span>1</a></td>';
}else{
html += '<td><a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: -60px 0pt; width: 16px;"></span>'+ (p+1) +'</a></td>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<td class="b"> <a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: -76px 0pt; margin-right: 34px; width: 66px;"></span>'+ downPageWord +'</a></td>';
eFlag++;
}
}
}
if(thisNum>1){
html = ''+upPageHtml+' '+html +' ';
}
html2 = '<table id="nav" style="margin: auto auto 1.4em; border-collapse: collapse;text-align: center; direction: ltr;" align="center"><tbody><tr valign="top"><td class="b">Page ('+(postNum-1)+') </td><td class="b">';
html3 = '</tr></tbody></table>';
html = html2+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}else{
html += '<td class="b"><span class="csb" style="background-position: -76px 0pt; width: 42px;"></span></td>';
}
if(postNum==1) postNum++;
html += html3+ '</div>';
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
function showpageCount2(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
var labelHtml = '<a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
var thisUrl = home_page_url;
htmlMap[htmlMap.length]=labelHtml;
postNum++;
for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {
var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount;
itemCount++;
}
var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
var banyaknomer = htmlMap.length -1 ;
postNum=postNum-1;
};
for(var p =0;p< banyaknomer;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
upPageHtml = labelHtml +'<span class="csb ch" style="background-position: 0pt 0pt; margin-left: auto; width: 44px;"></span><div style="margin-right: 8px;">'+ upPageWord +'</a></td>';
}else{
upPageHtml = '<a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: 0pt 0pt; margin-left: auto; width: 44px;"></span><div style="margin-right: 8px;">'+ upPageWord +'</a></td>';
}
fFlag++;
}
if(p==(thisNum-1)){
if(p==0){
html += '<span class="csb" style="background-position: -26px 0pt; width: 18px;"></span></td><td class="cur"><span class="csb" style="background-position: -44px 0pt; width: 16px;"></span>'+thisNum+'</td>';
}else{
html += '<td class="cur"><span class="csb" style="background-position: -44px 0pt; width: 16px;"></span>'+thisNum+'</td>';
}
}else{
if(p==0){
html = '<td>'+labelHtml+'<span class="csb ch" style="background-position: -60px 0pt; width: 16px;"></span>1</a></td>';
}else{
html += '<td><a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: -60px 0pt; width: 16px;"></span>'+ (p+1) +'</a></td>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<td class="b"> <a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: -76px 0pt; margin-right: 34px; width: 66px;"></span>'+ downPageWord +'</a></td>';
eFlag++;
}
}
}
if(thisNum>1){
if(!isLablePage){
html = ''+upPageHtml+' '+html +' ';
}else{
html = ''+upPageHtml+' '+html +' ';
}
}
html2 = '<table id="nav" style="margin: auto auto 1.4em; border-collapse: collapse;text-align: center; direction: ltr;" align="center"><tbody><tr valign="top"><td class="b">Page ('+(postNum-1)+') </td><td class="b">';
html3 = '</tr></tbody></table>';
html = html2+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}else{
html += '<td class="b"><span class="csb" style="background-position: -76px 0pt; width: 42px;"></span></td>';
}
if(postNum==1) postNum++;
html += html3+ '</div>';
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
</script>
<script type='text/javascript'>
var thisUrl = home_page_url;
if (thisUrl.indexOf("/search/label/")!=-1){
if (thisUrl.indexOf("?updated-max")!=-1){
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"));
}else{
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"));
}
}
var home_page = "/";
if (thisUrl.indexOf("?q=")==-1 && thisUrl.indexOf(".html")==-1){
if (thisUrl.indexOf("/search/label/")==-1){
document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')
}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')
}
}
</script>
6. Save template, dan lihat hasilnya! index halaman , Tips dan Trik , trik belajar blog
Monday, 23 July 2012
Mengenal Gejala HIV Aids dan Pencegahannya
HIV adalah kepanjangan dari Human Immunodeficiency Virus yaitu Virus yang menyebabkan turunnya dayatahan tubuh manusia. Virus ini menginfeksi limfosit manusia yang mengakibatkan lama kelamaan terjadi penurunan jumlahlimfosit manusia. Limfosit ini termasuk kelompok sel darah putih yang sangat berperan penting dalam tubuh manusia. AIDS kepenjangan dari Acquired Immunodeficiency Syndrome. Pada awalnya virus HIV akan masuk ke dalam tubuh manusia dan bertahan di dalam tubuh manusia sekitar 3 sampai 10 tahun, dan setelah jangka waktu itu bisa berkembang menjadi AIDS.
Orang yang terinfeksi HIV pada awalnya tidak menunjukan gejala secara jelas, Orang yang terinfeksi virus HIV mungkin tidak terlihat bahkan tidak merasa sakit. Namun pada orang dewasa apabila menderita gejala seperti Batuk kering atau flu yang tidak kunjung sembuh-sembuh, dan terinfeksi TB paru yang tidak sembuh sembuh setelah pengobatan (rentan bisa tertular HIV), diare, sariawan atau sakit tenggorokan yang tidak sembuh sembuh sampai bulanan,lemah, ruam pada kulit yang tidak sembuh-sembuh, pembengkakan kelenjar tidak sembuh-sembuh, berat badan yang terus turun harus diwaspadai dan sebaiknya dilakukan pemeriksaan screening untuk HIV, yaitu dengan pemeriksaan CD4. CD 4 adalah sebuah marker atau penanda yang berada di permukaan sel-sel darah putih manusia, terutama sel-sel limfosit. CD 4 pada orang dengan sistem kekebalan yang menurun menjadi sangat penting, karena berkurangnya nilai CD4 dalam tubuh manusia menunjukkan berkurangnya sel-sel darah putih atau limfosit yang seharusnya berperan dalam memerangi infeksi yang masuk ke tubuh manusia. Pada orang dengan sistem kekebalan yang baik, nilai CD4 berkisar antara 1400-1500.
Sedangkan pada orang dengan sistem kekebalan yang terganggu (misal pada orang yang terinfeksi HIV) nilai CD 4 semakin lama akan semakin menurun (bahkan pada beberapa kasus bisa sampai nol). HIV menjadi AIDS membutuhkan jangka waktu yang lama. HIV akan berkembang menjadi AIDS jika penderita tersebut menunjukkan tes HIV positif dengan strategi pemeriksaan yang sesuai dengan sekurang-kurangnya 2 gejala mayor dan 1 gejala minor, dan gejala ini bukan disebabkan oleh keadaan lain yang tidak berkaitan dengan infeksi HIV. Gejala mayornya adalah berat badan menurun lebih dari 10% dalam 1 bulan, diare kronis yang berlangsung lebih dari 1 bulan, demam berkepanjangan lebih dari 1 bulan, penurunan kesadaran dan gangguan neurologis, demensia/ HIV ensefalopati. Sedangkan gejala minornya adalah batuk menetap lebih dari 1 bulan, kelainan kulit (dermatitis generalisata),herpes zostermultisegmental dan herpes zoster berulang, kandidias orofaringeal, herpes simpleks kronis progresif, limfadenopati generalisata, infeksi jamur berulang pada alat kelamin wanita.
Penularan HIV cukup sulit, tidak seperti influenza yang menular melalui udara, namun penularannya melalui hubungan seksual .darah ,produk darah, jaringan dan organ (transfusi, transplantasi, penggunaan ulang jarum suntik,semprit, alat medik dan instrumen tusuk lainnya ), penularan dari ibu ke anak pada saat mengandung atau menyusui. Penularan melalui air liur,keringat, airmata tidak terbukti, sebab virus ini lemah jika berada di luar tubuh dan akan mati pada suhu 60 derajat.
Cara pencegahan HIV adalah mengindari semua kegiatan yang dapat mempertukarkan cairan yang berpotensi terinfeksi.Orang yang terkena HIV dapat melakukan rutinitas normal seperti biasanya, hanya saja dia akan merasa tubuh yang lemah akibat dari daya tahan tubuh nya tersebut. Faktor risiko penularan HIV adalah pekerja Seks (Wanita, Pria termasuk Waria dan Lelaki Suka Lelaki), berganti-ganti pasangan , riwayat Infeksi Menular Seksual (IMS), jenis pekerjaan yang beresiko tinggi, misalnya: orang yang karena pekerjaannya berpindah-pindah tempat (supir, pelaut), migran, tuna wisma, pekerja bar/salon, riwayat transfusi darah dan produk darah. Menghindari free sex juga merupakan salah satu langkah yang harus kita lakukan. Menjauh dari narkoba, karena saat mengkonsumsi narkoba para pencandu sering menggunakan jarum suntik non steril secara bergantian yang memudahkan penularan virus HIV.
Bagi tenaga kesehatan sebaiknya cuci tangan pakai sabun dengan air mengalir sebelum dan sesudah mengambil darah, menggunakan sarung tangan disposable, hati-hati dalam menggunakan jarum. Jarum dan alat tajam yg telah dipakai langsung dibuang ke dalam wadah tahan tusukan tanpa menutupnya kembali / jika harus ditutup kembali (metode satu tangan). Jika ada percikan darah di meja / lantai bersihkan segera. Semoga informasi ini bermanfaat.
Thursday, 19 July 2012
Cara Membuat Random Post / Postingan Mengacak
Random Post adalah semua postingan yang terdapat di blog kita, ditampilkan secara mengacak, membuatnya mudah, tinggal tambah gadget di element halaman blog kita, terserah mau di letakan di mana saja :
1. Login ke Blogger
2. Kemudian klik Tata Letak lalu Elemen Halaman
3. Ketika sudah berada di Elemen Halaman klik Tambah Gadget
4. Lalu pilih HTML/JavaScript
5. Langkah selanjutnya masukkan kode dibawah ini :
<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>
Note : Angka 10 adalah jumlah postingan yang akan ditampilkan secara acak, dan bisa di ganti berapa saja jumlah postingan yang mau di tampilkan secara acak.
Terimakasih sudah mampir di blog ini. salam tipnya ngeblog aja... Tips dan Trik , trik belajar blog
Monday, 16 July 2012
Cara Mengirimkan Update Blog ke Facebook Fanpage
Trik ini termasuk salah satu trik yang dapat di golongkan dalam kategori mudah, kenapa saya bilang demikian? karena saya sudah bisa hee… waktu belum bisa ya sama aja susahnya.. ckckck
Beberapa bulan yang lalu saya mencoba browse untuk mencari tips mengirimkan update blog ke facebook namun kebanyakan tidak menghasilkan konten yang jelas dan sebagaian besar berbelit. Maka dari itu, saya ingin berbagi untuk anda semua dengan harapan dapat membantu kesulitasn dalam mengirimkan update otomatis ke fanpage facebook.
Sesuai dengan temanya, tentunya anda harus memiliki fanpage di facebook, namun bagi anda yang belum membuatnya anda dapat membaca tips membuat fanpage di facebook cara-membuat-facebook-fanpage-untuk-blog.
Setelah resmi anda memiliki fanpage untu blog hee , langkah selanjutnya adalah memanfaatkan aplikasi RSS.Graffiti sebagai media untuk membantu rencana anda :-0. Untuk mensingkronkan aplikasi ini dengan fanpage anda, maka ikuti langkah berikut ini:
- Login ke account facebook anda
- Pada bagian search ketik RSS. Graffiti
- Pilih RSS Grafiiti dan klik [Ke Aplikasi]
- Pilih [izinkan] untuk menuju halaman RSS graffiti
- Pehatikan gambar di bawah ini, apabila anda sudah mempunyai fanpage maka akan tampil namun perlu di singkronkan.
- Setelah funpage anda berwarna hijau, maka langkah selanjutnya klik [add feed]. Isi feed url dengan url blog anda dan Source name dengan Nama blog anda.
- Atur pada tab Schedule. Tab ini berguna untuk memerintahkan aplikasi ini untuk memeriksa halaman feed yang dituju. Pada kolom update frequency diatur as soon as possible. Apabila pengaturan sudah selesai dan selanjutnya klik [Save]
Cara Menggabungkan Komentar Facebook Dengan Komentar Blogger
Gimana ? Bagus kan, selain menarik.. komentar yang saya pakai ini kelihatan lebih rapih, dan teratur.. jadi yang gak punya blog pun masih teteup bisa berkomentar, cukup punya facebook aja hehe.. kalo yang pake akun google juga bisa lewat komentar bloggernya.. hehe..
Okelah, Kalau anda tertarik ingin membuatnya, silakan ikuti langkah muda Cara Menggabungkan Komentar Facebook Dengan Komentar Blogger dibawah ini:
pilih Rancangan, Edit html, centang Expand Template Widget, Hmm.. untuk menghindari kegagalan dalam pemasangan, mending kamu backup/download dulu template asli kamu buat jaga-jaga.. :) caranya klik tulisan 'Download Template Lengkap'
Oke selanjutnya Ctrl + F pada Keyboard sobat, Lalu cari code di bawah ini :
<div class="comments" id="comments">
Setelah ketemu Silahkan Copy dan Paste code berikut di bawahnya :
<div onclick="'javascript:commentToggle(" class="comments-tab" id="fb-comments" title="Comments made with Facebook">
<img class="comments-tab-icon" src="http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png" />
<fb:comments-count href="data:post.url"> Comments
</fb:comments-count></div>
<div onclick="'javascript:commentToggle(" class="comments-tab inactive-select-tab" id="blogger-comments" title="Comments from Blogger">
<img class="comments-tab-icon" src="http://www.blogger.com/img/icon_logo32.gif" /> <data:post.numcomments> Comments
</data:post.numcomments></div><div class="clear">
</div>
<div class="comments-page" id="fb-comments-page">
<b:if cond="data:blog.pageType == "item"">
<div id="fb-root">
<fb:comments href="data:post.url" num_posts="2" width="400">
</fb:comments></div>
<div class="comments comments-page" id="blogger-comments-page">
NB: witdh='400' sesuaikanlah dengan Lebar Halaman Artikel Blog masing-masing
Cari kode lalu letakkan kode dibawah ini diatasnya
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"><br /> <script src="'http://code.jquery.com/jquery-latest.js'/"><br /> <meta content="MASUKKAN ID FB SOBAT BLOGGER" property="'fb:admins'/"><br /> <script type="'text/javascript'"><br /> function commentToggle(selectTab) {<br /> $(".comments-tab").addClass("inactive-select-tab");<br /> $(selectTab).removeClass("inactive-select-tab");<br /> $(".comments-page").hide();<br /> $(selectTab + "-page").show();<br /> }<br /> </script>
NB: Ganti tulisan yang berwarna merah dengan ID Facebook kamu, Contoh ID Facebook saya: http://facebook.com/TipnyaNgeBlogAja (jangan lupa di add hehe..)mudah bukan ? hehe..
cari kode ini /* Comment atau #comments
NB: Sesuaikan dengan yang ada di Blog, jika tidak Ketemu juga silahkan Cari Code yang semirip Mungkin
Lalu Letakkan Code Berikut di Bawah nya
.comments-page { background-color: #f2f2f2;}
#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;}
Silahkan Klik Pratinjau dulu apakah Peletakan Code sudah Benar Atau tidak, Jika tidak ada masalah Silahkan Klik SIMPAN
Mudah kan ? hehe.. Okelah, demikian tutorial Cara Menggabungkan Komentar Facebook Dengan Komentar Blogger selamat mencoba dan semoga berhasil :D jangan lupa tinggalkan komentar, terima kasih :) Informasi , Tips dan Trik
Sunday, 15 July 2012
cara Membuat Judul Post Blog Berkedip
Jika diantara sobat masih ada yang belum tahu tentang cara membuat Link teks berkedip ini, caranya seperti contoh dibawah:
Contoh seperti :
OK, selanjutnya postingan ini akan berisikan artikel tentag Cara Pasang Judul Post Berkedip.
Caranya seperti berikut:
1. Login ke blog sobat
2. Kemudian Pilih Rancangan
3. Klik Edit HTML
4. Download Template (backup selalu template sobat)
5. Kemudian Centangkan "(Expand Widget)"
6. Cari kode seperti berikut::
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3></b:if>
7. Kemudian ganti dengan Kode di bawah ini :
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><blink><data:post.title/></blink></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
8. Klik Simpan Template
9. Selesai.
Selamat ngeblog Aja sobat ! Informasi , Tips dan Trik
Cara Pasang Tombol Share ke Social Bookmarking
Dan pada trik kali ini saya akan menjelaskan bagaimana memasang tombol sharing dan tombol submit ke social bookmarking ke dalam blog. Dengan sobat blogger memasang tombol submit/share ke situs social bookmarking seperti ini, akan memudahkan siapapun untuk share artikel/posting sobat langsung ke media bookmarking bila dirasa bermanfaat bagi yang lainnya, ini akan sangat bermanfaat untuk meningkatkan reputasi dan akan meningkatkan pengunjung ke blog sobat. Tombol share/submit yang akan dibuat disini saya rasa sangat lengkap mulai dari facebook, twiiter, digg, stumbleupon, ma.gnolia, delicious, furl, technorati, simpy, spurl, reddit, mybloglog, blogcatalog, dan masih banyak lagi. Untuk tampilannya adalah sebagai berikut :
Nha jika sobat tertarik dan berminat memasang tombol tersebut, berikut saya akan jabarkan caranya memasang ke blog sobat, check it
1. Pertama, login dulu ke Blog sobat
2. Masuk ke tab Rancangan (Design/Layout) -> Edit HTML
3. Klik pada Expand Widget Templates
4. Kemudian Carilah kode berikut ini
<data:post.body/>
atau
<p><data:post.body/></p>
(Note: Gunakan CTRL+F untuk mempermudah pencarian)
Kode ini biasanya ada 2 buah, pilihlah yang lebih bawah
5. Setelah ketemu, letakkan kode ini setelah kode <data:post.body/>
<div style="border-top:0px solid #ccc;border-bottom:3px solid #FE9A2E; padding:10px 0px 10px 0px;margin:15px 0px 7px 0px;width:100%;float:left;height:23px;">
<div style="float:right;">
<span class="st_twitter_hcount" displaytext="Tweet"><span class="st_facebook_hcount" displaytext="Share"><span class="st_email_hcount" displaytext="Email"><span class="st_sharethis_hcount" displaytext="Share">
<script src="http://w.sharethis.com/button/buttons.js" type="text/javascript"><script type="'text/javascript'">stLight.options({publisher:'63b83a98-def5-427f-ac7c-4b24bcff910d'});</script>
</span></span></span></span></div>
</div>
6. Selesai, SAVE TEMPLATE anda dan lihat hasilnya
Note: Jika anda telah memasang readmore, tombol submit ini akan terlihat jika posting tampil fullpost Informasi , Modifikasi , Tips dan Trik
Saturday, 14 July 2012
Cara Mudah Membersihkan File Yang Tidak Diperlukan di Windows
Semua file-file tersebut di atas dapat dihapus secara manual, dengan masuk ke menu atau sub menunya yang menyediakan pilihan untuk menghapus, atau hapus langsung melalui file eksplorer. Misalnya untuk menghapus Cookies di Firefox kita masuk ke menu Options, kemudian pilih Tab Privacy, kemudian pilih Remove Cookies.
Cara menghapus seperti contoh di atas tentunya tidaklah praktis, karena kita harus melakukannya secara manual.
Saat ini sudah banyak tools untuk keperluan menghapus file-file temporary, cookies, history, cache, dll seperti tersebut diatas, salah satunya yang gratis adalah ATF-Cleaner.
Tool ini menurut saya sangat bagus, mudah digunakan dan praktis, tinggal dieksekusi /dijalankan filenya (standalone), kemudian akan tampil jendela ATF Cleaner, kemudian kita dapat memilih file apa yang akan kita hapus, dengan pilihan : Windows Temp, Current user temp, All user temp, Cookies, Temporary internet files, History, Prefetch, Java cache, dan Recycle Bin, atau kalau mau menghapus semua kita tinggal pilih Select All. Setelah memilih, kita tinggal klik pada tombol Empty Selected.
Ukuran filenya sangat kecil, dibawah 50KB, untuk all Windows dapat didownload disini.
Semoga bermanfaat. trik komputer
Cara Membuat Widget Melayang atau popup di Halaman Blog
- Login Ke blogger
- Pilih Rancangan
- Pada elemen halaman klik ''Tambah widget''
- Dan pilih Widget HTML/Javascript
- Copy dan pastekan code di bawah ini:
- Trus Simpan.
<style type="text/css">
#gb{ position:fixed; top:0px;left:0px; z-index:+1000; } * html #gb{position:relative;} .gbcontent{ border:2px solid #bb0000; background:#eeeeee; padding:5px; }
</style> <script type="text/javascript">
function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} }
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()">
</div>
<div class="gbcontent">
<div style="text-align: right;">
<a href="javascript:showHideGB()"> .:[Close][Klik 2x]:. </a> </div>
<center> tempatkan iklan bannr atau widget di sini</center> <script type="text/javascript">
var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div>
</div>
NB :Pada kode yang berwarna biru di atas, adalah nilai pengaturan untuk posisi, background,dan border widget tersebut. Untuk yang berwarna merah adalah letak script sobat entah itu script Iklan,banner,gambar atau widget lain misal facebook fanspage.
SELAMAT MENCOBA
Salam Buat Temen-temen yang selalu setia kunjungi blog ini.
Tipnya Ngeblog Aja akan selalu share trik dan tips seputar Blogger dan Sebagainya. Tips dan Trik
Friday, 13 July 2012
Cara Membuat dan Memasang Widget Kode-kode warna di Blogspot
Jika anda adalah seorang blogger widget kode warna yang satu ini sangat pantas anda miliki sebab akan sangat membantu sobat dalam mencari kode warna sesuai keinginan.Tanpa harus dijelaskan saya yakin sobat juga sudah pada tahu kegunaannya.Jika sobat hendak mencari kode-kode warna sobat bisa mendapatkannya di halaman ini tapi, apabila sobat tidak ingin bolak-balik silakan pasang widget kode warna di blog sobat.
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:
Get Widget Pertama
<form id="hcc" name="hcc">
<table align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0" style="border-collapse: collapse;"><tbody>
<tr><td>
<table align="center" border="0" cellpadding="0" cellspacing="1" style="width: 375px;"><tbody>
<tr height="24"> <td bgcolor="#190707" onclick="Barva(this.bgColor)"></td> <td bgcolor="#2a0a0a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#3b0b0b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#610b0b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#8a0808" onclick="Barva(this.bgColor)"></td> <td bgcolor="#b40404" onclick="Barva(this.bgColor)"></td> <td bgcolor="#df0101" onclick="Barva(this.bgColor)"></td> <td bgcolor="#ff0000" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fe2e2e" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fa5858" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f78181" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f5a9a9" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f6cece" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f8e0e0" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fbefef" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#191007" onclick="Barva(this.bgColor)"></td> <td bgcolor="#2a1b0a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#3b240b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#61380b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#8a4b08" onclick="Barva(this.bgColor)"></td> <td bgcolor="#b45f04" onclick="Barva(this.bgColor)"></td> <td bgcolor="#df7401" onclick="Barva(this.bgColor)"></td> <td bgcolor="#ff8000" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fe9a2e" onclick="Barva(this.bgColor)"></td> <td bgcolor="#faac58" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f7be81" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f5d0a9" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f6e3ce" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f8ece0" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fbf5ef" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#181907" onclick="Barva(this.bgColor)"></td> <td bgcolor="#292a0a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#393b0b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#5e610b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#868a08" onclick="Barva(this.bgColor)"></td> <td bgcolor="#aeb404" onclick="Barva(this.bgColor)"></td> <td bgcolor="#d7df01" onclick="Barva(this.bgColor)"></td> <td bgcolor="#ffff00" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f7fe2e" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f4fa58" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f3f781" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f2f5a9" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f5f6ce" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f7f8e0" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fbfbef" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#101907" onclick="Barva(this.bgColor)"></td> <td bgcolor="#1b2a0a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#243b0b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#38610b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#4b8a08" onclick="Barva(this.bgColor)"></td> <td bgcolor="#5fb404" onclick="Barva(this.bgColor)"></td> <td bgcolor="#74df00" onclick="Barva(this.bgColor)"></td> <td bgcolor="#80ff00" onclick="Barva(this.bgColor)"></td> <td bgcolor="#9afe2e" onclick="Barva(this.bgColor)"></td> <td bgcolor="#acfa58" onclick="Barva(this.bgColor)"></td> <td bgcolor="#bef781" onclick="Barva(this.bgColor)"></td> <td bgcolor="#d0f5a9" onclick="Barva(this.bgColor)"></td> <td bgcolor="#e3f6ce" onclick="Barva(this.bgColor)"></td> <td bgcolor="#ecf8e0" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f5fbef" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#071907" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0a2a0a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b3b0b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b610b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#088a08" onclick="Barva(this.bgColor)"></td> <td bgcolor="#04b404" onclick="Barva(this.bgColor)"></td> <td bgcolor="#01df01" onclick="Barva(this.bgColor)"></td> <td bgcolor="#00ff00" onclick="Barva(this.bgColor)"></td> <td bgcolor="#2efe2e" onclick="Barva(this.bgColor)"></td> <td bgcolor="#58fa58" onclick="Barva(this.bgColor)"></td> <td bgcolor="#81f781" onclick="Barva(this.bgColor)"></td> <td bgcolor="#a9f5a9" onclick="Barva(this.bgColor)"></td> <td bgcolor="#cef6ce" onclick="Barva(this.bgColor)"></td> <td bgcolor="#e0f8e0" onclick="Barva(this.bgColor)"></td> <td bgcolor="#effbef" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#071910" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0a2a1b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b3b24" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b6138" onclick="Barva(this.bgColor)"></td> <td bgcolor="#088a4b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#04b45f" onclick="Barva(this.bgColor)"></td> <td bgcolor="#01df74" onclick="Barva(this.bgColor)"></td> <td bgcolor="#00ff80" onclick="Barva(this.bgColor)"></td> <td bgcolor="#2efe9a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#58faac" onclick="Barva(this.bgColor)"></td> <td bgcolor="#81f7be" onclick="Barva(this.bgColor)"></td> <td bgcolor="#a9f5d0" onclick="Barva(this.bgColor)"></td> <td bgcolor="#cef6e3" onclick="Barva(this.bgColor)"></td> <td bgcolor="#e0f8ec" onclick="Barva(this.bgColor)"></td> <td bgcolor="#effbf5" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#071918" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0a2a29" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b3b39" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b615e" onclick="Barva(this.bgColor)"></td> <td bgcolor="#088a85" onclick="Barva(this.bgColor)"></td> <td bgcolor="#04b4ae" onclick="Barva(this.bgColor)"></td> <td bgcolor="#01dfd7" onclick="Barva(this.bgColor)"></td> <td bgcolor="#00ffff" onclick="Barva(this.bgColor)"></td> <td bgcolor="#2efef7" onclick="Barva(this.bgColor)"></td> <td bgcolor="#58faf4" onclick="Barva(this.bgColor)"></td> <td bgcolor="#81f7f3" onclick="Barva(this.bgColor)"></td> <td bgcolor="#a9f5f2" onclick="Barva(this.bgColor)"></td> <td bgcolor="#cef6f5" onclick="Barva(this.bgColor)"></td> <td bgcolor="#e0f8f7" onclick="Barva(this.bgColor)"></td> <td bgcolor="#effbfb" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#071019" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0a1b2a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b243b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b3861" onclick="Barva(this.bgColor)"></td> <td bgcolor="#084b8a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#045fb4" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0174df" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0080ff" onclick="Barva(this.bgColor)"></td> <td bgcolor="#2e9afe" onclick="Barva(this.bgColor)"></td> <td bgcolor="#58acfa" onclick="Barva(this.bgColor)"></td> <td bgcolor="#81bef7" onclick="Barva(this.bgColor)"></td> <td bgcolor="#a9d0f5" onclick="Barva(this.bgColor)"></td> <td bgcolor="#cee3f6" onclick="Barva(this.bgColor)"></td> <td bgcolor="#e0ecf8" onclick="Barva(this.bgColor)"></td> <td bgcolor="#eff5fb" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#070719" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0a0a2a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b0b3b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b0b61" onclick="Barva(this.bgColor)"></td> <td bgcolor="#08088a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0404b4" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0101df" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0000ff" onclick="Barva(this.bgColor)"></td> <td bgcolor="#2e2efe" onclick="Barva(this.bgColor)"></td> <td bgcolor="#5858fa" onclick="Barva(this.bgColor)"></td> <td bgcolor="#8181f7" onclick="Barva(this.bgColor)"></td> <td bgcolor="#a9a9f5" onclick="Barva(this.bgColor)"></td> <td bgcolor="#cecef6" onclick="Barva(this.bgColor)"></td> <td bgcolor="#e0e0f8" onclick="Barva(this.bgColor)"></td> <td bgcolor="#efeffb" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#100719" onclick="Barva(this.bgColor)"></td> <td bgcolor="#1b0a2a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#240b3b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#380b61" onclick="Barva(this.bgColor)"></td> <td bgcolor="#4b088a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#5f04b4" onclick="Barva(this.bgColor)"></td> <td bgcolor="#7401df" onclick="Barva(this.bgColor)"></td> <td bgcolor="#8000ff" onclick="Barva(this.bgColor)"></td> <td bgcolor="#9a2efe" onclick="Barva(this.bgColor)"></td> <td bgcolor="#ac58fa" onclick="Barva(this.bgColor)"></td> <td bgcolor="#be81f7" onclick="Barva(this.bgColor)"></td> <td bgcolor="#d0a9f5" onclick="Barva(this.bgColor)"></td> <td bgcolor="#e3cef6" onclick="Barva(this.bgColor)"></td> <td bgcolor="#ece0f8" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f5effb" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#190718" onclick="Barva(this.bgColor)"></td> <td bgcolor="#2a0a29" onclick="Barva(this.bgColor)"></td> <td bgcolor="#3b0b39" onclick="Barva(this.bgColor)"></td> <td bgcolor="#610b5e" onclick="Barva(this.bgColor)"></td> <td bgcolor="#8a0886" onclick="Barva(this.bgColor)"></td> <td bgcolor="#b404ae" onclick="Barva(this.bgColor)"></td> <td bgcolor="#df01d7" onclick="Barva(this.bgColor)"></td> <td bgcolor="#ff00ff" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fe2ef7" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fa58f4" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f781f3" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f5a9f2" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f6cef5" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f8e0f7" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fbeffb" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#190710" onclick="Barva(this.bgColor)"></td> <td bgcolor="#2a0a1b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#3b0b24" onclick="Barva(this.bgColor)"></td> <td bgcolor="#610b38" onclick="Barva(this.bgColor)"></td> <td bgcolor="#8a084b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#b4045f" onclick="Barva(this.bgColor)"></td> <td bgcolor="#df0174" onclick="Barva(this.bgColor)"></td> <td bgcolor="#ff0080" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fe2e9a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fa58ac" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f781be" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f5a9d0" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f6cee3" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f8e0ec" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fbeff5" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="10"> <td></td> </tr>
<tr height="24"> <td bgcolor="#000000" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b0b0b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#151515" onclick="Barva(this.bgColor)"></td> <td bgcolor="#1c1c1c" onclick="Barva(this.bgColor)"></td> <td bgcolor="#2e2e2e" onclick="Barva(this.bgColor)"></td> <td bgcolor="#424242" onclick="Barva(this.bgColor)"></td> <td bgcolor="#585858" onclick="Barva(this.bgColor)"></td> <td bgcolor="#6e6e6e" onclick="Barva(this.bgColor)"></td> <td bgcolor="#848484" onclick="Barva(this.bgColor)"></td> <td bgcolor="#a4a4a4" onclick="Barva(this.bgColor)"></td> <td bgcolor="#bdbdbd" onclick="Barva(this.bgColor)"></td> <td bgcolor="#d8d8d8" onclick="Barva(this.bgColor)"></td> <td bgcolor="#e6e6e6" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f2f2f2" onclick="Barva(this.bgColor)"></td> <td bgcolor="#ffffff" onclick="Barva(this.bgColor)"></td> </tr>
</tbody></table>
</td></tr>
</tbody></table>
<table align="center" border="0" cellpadding="0" cellspacing="2"><tbody>
<tr height="25"> <td id="vzorec" width="30"></td> <td valign="bottom">Kode Warna yg dipilih: <input id="barva" maxlength="7" name="barva" size="9" style="font-family: Arial; font-size: 22px; height: 30px; width: 115px;" type="text" /></td> </tr>
</tbody></table>
</form>
<script src="https://sites.google.com/site/tipnyangeblogaja/salju.js" type="text/javascript">
</script>
Hasilnya Sebagai Berikut:
Get Widget Kedua
<style type="text/css">
#codewarna {
width: 400px;
height:400px;
</style>
<div id="codewarna">
<embed type="application/x-shockwave-flash" src="http://www.2createawebsite.com/build/color.swf" width="100%" height="100%" quality="best"></embed><br /><a href="http://tipnya.blogspot.com/">Get Widget</a></div>
Silakan pasang script di atas ke postingan atau sidebar blog sobat dan lihat hasil contohnya dibawah ini:
Get Widget Ketiga
<style type="text/css">
#codewarna {
width: 400px;
height:400px;
</style>
<div id="codewarna">
<embed type="application/x-shockwave-flash" src="http://www.2createawebsite.com/build/col.swf" width="100%" height="100%" quality="best"></embed><br /><a href="http://tipnya.blogspot.com/">Get Widget</a></div>
Silakan pasang script di atas ke postingan atau sidebar blog sobat dan lihat hasil contohnya dibawah ini:
Ternyata Mudah Bukan selamat mencoba dan semoga berhasil saran dan kritik anda saya terima melalui komentar di blog ini. Kode warna , widget colour
Cara Memasang Tombol Subcribe By Email
Cara memasang Tombol berlangganan via Email
saya asumsikan sobat sudah punya akun di feedburner kalo belum punya klik di sini
Langkah selanjutnya pasang kode berikut pada sidebar maupun di akhir postingan.
saya memiliki 2 feedburner anda bisa sesuaikan mana yang sobat suka.
<style>
.blogonol-email{background:url(http://i53.tinypic.com/ztdik0.png) no-repeat 0px 12px; width:260px; padding:10px 0 0 55px; float:left; font-size:1.4em; font-weight:bold; margin:0 0 10px 0; color:#686B6C}
.blogonol-emailsubmit{background:#9B9895; cursor:pointer; color:#fff; border:none; padding:3px; text-shadow:0 -1px 1px rgba(0,0,0,0.25); -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; font:12px sans-serif}
.blogonol-emailsubmit:hover{background:#E98313}
.textarea{padding:2px; margin:6px 2px 6px 2px; background:#f9f9f9; border:1px solid #ccc; resize:none; box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px; width:140px; color:#666}
</style>
<div class="blogonol-email">
Subscribe via Email
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=NgeblogAja', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == "") {this.value = "Langganan Melalui Email";}" onfocus="if (this.value == "Langganan Melalui Email") {this.value = "";}" value="Ketik Email Anda" type="text" />
<input type="hidden" value="NgeblogAja" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="blogonol-emailsubmit" value="Submit" type="submit" />
</form>
</div>
NB : Tulisan yang berwarna merah dapat disesuaikan dengan templatet sobat yang berwarna Biru ganti sesukamu.
Lihat hasilnya di bawah ini
Ini feed yang selanjutnya:
<div style="border: 1px solid #d8d8d8; background: #ffffff; margin: 0 0 5px; padding: 3px; width: 300px; -moz-border-radius: 6px;"> <div style="font-weight: bold; color: #ff0000; padding: 10px 10px;">GET UPDATES VIA EMAIL</div> <div style="padding-left: 10px;">Dapatkan artikel-artikel terbaru lainnya langsung melalui email Anda:</div> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=NgeblogAja', 'popupwindow', 'scrollbars=yes,width=300,height=300');return true" target="popupwindow"> <div style="padding-left: 10px; padding-bottom: 10px; padding-top: 10px;"><input style="width: 160px; height: 18px;" onfocus="if (this.value == "Ketik email anda disini...") {this.value = ""}" onblur="if (this.value == "") {this.value = "Ketik email anda disini...";}" type="text" name="email" value="Ketik email anda disini..." /> <input type="hidden" name="uri" value="NgeblogAja" /><input type="hidden" name="loc" value="en_US" /><input style="background: #9b9b9b; color: #fff; font-size: 11px; font-family: Arial,Tahoma,Verdana; margin-left: 5px; border: 1px solid #fff; padding: 3px 5px 3px 5px; font-weight: bold; -moz-border-radius: 5px;" type="submit" value="SUBCRIBE" /></div> </form> <div style="padding-left: 10px;"><a href="http://feeds.feedburner.com/NgeblogAja" rel="nofollow"><img style="border: 0;" src="http://feeds.feedburner.com/~fc/Efelinna?bg=ff9900&fg=000033&anim=0" alt="" width="88" height="26" /></a></div> </div>
NB : Tulisan yang berwarna merah adalah warna background dan lebar dapt disesuaikan dengan templatet sobat yang berwarna Biru gantilah dengan id feedburner sobat.
Lihat hasilnya di bawah ini