Buat Contact Form Dengan Google Docs

Posted By Mas Doyok 27 November 2009 Labels: 9 comments
Banyak sekali alternatif untuk membuat contact form, salah satunya tentu saja dengan layanan email me form yang sudah banyak sekali digunakan. Namun, fasilitas gratisan tersebut seringkali mengalami error pada kode captcha yang tidak keluar. Lantas bagaimana solusinya? Gunakan Google Docs yang jelas lebih stabil dan terpercaya karena di bawah besutan google.com


Dasar Membuat Form

- Login ke docs.google.com dengan akun gmail Anda
- Pada bagian kiri atas klik Create New Item



Pada Untitled Form isikan Judul form Anda.
Pada Kotak di bawahnya yang lebih besar, isikan deskripsi atau keterangan mengenai kontak form Anda
Pada Question Title, isikan label atau pertanyaan untuk isian
Pada Help Text, isikan petunjuk pengisian atau keterangan cara pengisian
Question Type, pilih jenis isian data yang bisa dimasukkan
Centang Make this a required question jika ingin menjadikan itu sebagai pertanyaan yang wajib di jawab
Jika sudah selesai klik Done.




- Untuk menambahkan item baru, klik Add Item di bagian atas.

Mengganti Tema
Jika Anda ingin memilih background atau tema contact form Anda, klik menu Theme: Plain (Berarti Anda masih dalam keadaan standart dan menggunakan tema bernama Plain)
Klik salah satu template dan kemudian klik Apply.


Pesan Terima Kasih
Jika pengunjung selesai submit data, maka akan ada pesan terima kasih yang muncul. Nah, kita bisa mengubahnya dengan kata-kata kita sendiri.
- Klik More Actions
- Edit Confirmation
- Edit pesan terima kasih sesuai keinginan,jika sudah klik Save




Embed
Untuk meletakkan pada postingan Anda, caranya mudah sekali.
- Klik More Actions
- Klik Embed
- Akan keluar jendela kecil berisi script yang bisa Anda masukkan di postingan Anda.


Semoga bermanfaat. Membuat komunikasi dengan pelanggan Anda lebih lancar.
Thanks buat blogger MasDoyok

Setting Adsense for Domains untuk Domain CO.CC

Posted By NdyTeeN 23 November 2009 Labels: 5 comments
http://get-banner.lookup.co.cc/banner_img/cocc300_250b.gifSetting Adsense for Domains untuk Domain CO.CC - Nih bagi yang sudah dapat account Adsense silahkan mencoba Adsense for Domains. Sebelumnya saya sudah posting renew domain co.cc. Salah satu cara menghasilkan duit gratis dari internet ada Adsense for Domains. Kenapa begitu? Karena layanan ini sudah termasuk dalam fitur Google Adsense. Terus apa Domain Parking itu? Kalo belum silahkan googling aja dengan keyword “domain parking” pasti Anda akan disuguhkan ratusan artikel yang menerangkan tentang apa itu domain parking, prosfek bisnis domain parking bahkan sampai tatacara bagaimana memulai domain parking berserakan. Bagi anda yang mau cari serba gratisan ada solusinya yaitu pake aja domain co.cc. Tidak perlu repot-repot membeli domain. Daftar yang gratisan aja seperti domain gratisan dari co.cc. Bagaimana caranya setting domain dari co.cc di Adsense Domain Parking?? Mudah saja..Bagi yang belum punya domain di co.cc, tinggal daftar saja dan bagi yang sudah punya, tinggal ganti pada menu setup.


Pada Posting ini akan dibahas memasukkan domain.co.cc di akun adsense dan cara mensetting adsense for domain untuk domain.co.cc di akun co.cc. Siapa tahu Anda bermaksud terjun dibisnis ini (domain parking) dan mempunyai banyak domain.co.cc yang sudah tidak Anda update lagi, daripada dibiarkan begitu saja mending dimanfaatkan untuk mengeruk recehan didunia maya ini.
Ok, langsung saja, pertama login di akun adsense Anda:
1. klik AdSense Setup seperti halnya Anda akan membuat slot iklan adsense baru.
2. klik AdSense for Domains
3. Klik Add new Domains untuk memasukkan domain.co.cc Anda





Tahap selanjutnya adalah mensetting A record dan CNAME pada domain.co.cc Anda.
1. Login pada akun domain.co.cc Anda untuk memanage domain.
2. Pilih Domain.co.cc Anda yang akan di setup untuk Adsense for domains (klik Setup)
3. Dari tiga pilihan setup pilih setup kedua (Zone Records).
4. Pada Zone Records ada pengisian Host, TTL, Type dan Value. Perhatikan screenshoot berikut:



5. Masukan A record Google Adsense. Pada HOST biarkan kosong nanti akan otomatis terisi nama domain.co.cc Anda tanpa www, pada TTL biarkan pada 1D, pada TYPE pilih A dan pada VALUE masukan destination untuk Google Adsense (216.239.32.21) lalu klik SETUP. Ulangi untuk A record selanjutnya hanya berbeda destinationnya saja (216.239.34.21 – 216.239.36.21 – 216.239.38.21) hingga seperti terlihat pada screenshoot dibawah ini,

6. Lalu masukan CNAME dari Google Adsense. Pada HOST ketik www (otomatis akan masuk nama domain Anda menjadi www.domainanda.co.cc), untuk TTL biarkan pada 1D, pada TYPE pilih CNAME dan pada VALUE masukan destination untuk Google Adsense yang berisi ID publisher (perhatikan screenshoot diatas) setelah semua terisi klik SETUP. Jika berhasil akan terlihat seperti screenshoot dibawah ini,

Nah sudah selesai. Tinggal menunggu di Approve oleh Google Adsense. Kita tidak usah menunggu lama, maksimal 48 jam. Saya kemarin beberapa jam sudah di approve. Ini contoh Adsense for Domains untuk co.cc




Renew Domain Setting co.cc

Posted By NdyTeeN 18 November 2009 Labels: 4 comments
http://get-banner.lookup.co.cc/banner_img/cocc300_250b.gifRenew Domain Setting co.cc - Bagi yang blognya disetting ke domain co.cc anda bisa renew atau mensetting kembali. Bisa dikatakan konfirmasi kembali domainnya. Dulu sempat beredar isu-isu yang mengatakan bahwa domain co.cc itu tidak selamanya gratis dan hanya bisa dipake selama 1 tahun saja. Tapi kali ini saya memberikan informasi bahwa co.cc bisa dijadikan gratis selamanya atau benar-benar gratis. Perlu diketahui bahwa untuk merenew domain co.cc secara gratis ada peraturan yang harus dipenuhi yaitu " Domain yang di renew bukan domain yang digunakan untuk perusahaan atau komersil, fasilitas ini hanya untuk blog pribadi atau non profit. Jika terbukti melanggar MUNGKIN pihak co.cc akan mensuspend domain." Coba lihat gambar preview co.cc dan bisa anda pahami.



Nah untuk renew domain ikuti langkah berikut :

1. Login ke co.cc
2. Akan ada pemberitahuan misalnya seperti gambar dibawah ini, lalu klik Renew


3. Setelah ini pilih option Personal > Continue. Sebelumnya anda centang keterangan dibawah Personal.





Nah proses renew domain co.cc selesai. anda bisa memakainya kembali domain anda tanpa harus membayar alias 0$. Tapi harus diingat peraturan tadi diatas. Apabila anda berbuat curang pihak co.cc akan bertindak tegas :)

Selamat mencoba.

Sexy Social Bookmark Part II

Posted By NdyTeeN 13 November 2009 Labels: 19 comments
Sexy Social Bookmark Part II - Masih ingat dengan tutorial yang sudah pernah saya post dulu yaitu Sexy Social Bookmark. Mencoba mengingatkan bagi yang sudah memasang tutorial ini atau yang belum pernah sama sekali. Rasanya blogger semakin tidak puas dengan apa yang sudah dimilikinya. Selalu saja mengotak-atik templatenya biar terlihat indah dan tidak bosan dipandang. Kali ini saya akan memberikan tutorial yang mantap dan luar biasa. tidak apa-apalah kalau bombastis sedikit. Sexy Social Bookmark kali ini terlihat lebih elegant, stylist dan tutorial ini akan saya lakukan dengan langkah sederhana.

Widget ini terdiri dari 18 social bookmark yang memudahkan pengunjung untuk sharing dan bookmark post kita yaitu :
  • Stumbleupon
  • Digg
  • Reddit
  • Delicious
  • Yahoobuzz
  • Blinklist
  • Technorati
  • Facebook
  • Twitter
  • Myspace
  • Mixx
  • Scriptstyle
  • Designfloat
  • Comfeed
  • Newsvine
  • Linkedin
  • Google
  • Friendfeed
Sebelum mengerjakan tutorial ini ada baiknya kita lihat demonya dolo, apakah sesuai dengan keinginan anda atau tidak. Lihat demonya : Demo

Configuration Setting :

Step 1 : 

Masuk ke blogger acount anda, dan pilih Dashboard >> layout >> Edit html dan sebelumnya anda centang Expand Widget Templates

Expand Widget Templates

Temukan kode : ]]></b:skin>

Kemudian letakkan kode berikut ini diatas kode ]]></b:skin>

/* start share the love css by ndyteens.blogspot.com
----------------------------------------------- */
div.sexy-bookmarks{margin:20px 0 0 0; border: 0;outline: none;clear:both !important} 
div.sexy-bookmarks-expand{height:29px; overflow:hidden} 
.sexy-bookmarks-bg-sexy, .sexy-bookmarks-bg-love{background-image:url('http://lh5.ggpht.com/_GxuemnBfQlA/SvxFy8eFI5I/AAAAAAAAAZ4/0G0ri60pGps/sexytrans.png') !important; background-repeat:no-repeat} 
div.sexy-bookmarks-bg-love{padding:26px 0 0 10px; background-position:left -1148px !important} 
div.sexy-bookmarks ul.socials{width:100% !important; margin:0 !important; padding:0 !important; float:left} 
div.sexy-bookmarks ul.socials li{display:inline !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:60px !important; cursor:pointer !important; padding:0 !important} 
div.sexy-bookmarks ul.socials li:before, div.sexy-bookmarks ul.socials li:after, div.sexy-bookmarks ul.socials li a:before, div.sexy-bookmarks ul.socials li a:after{content:none !important} 
div.sexy-bookmarks ul.socials a{display:block !important; width:60px !important; height:29px !important; text-indent:-9999px !important; background-color:transparent !important} 
div.sexy-bookmarks ul.socials a:hover{background-color:transparent !important} 
.sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumbleupon, .sexy-stumbleupon:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoobuzz, .sexy-yahoobuzz:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-scriptstyle, .sexy-scriptstyle:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-comfeed, .sexy-comfeed:hover, .sexy-newsvine, .sexy-newsvine:hover, .sexy-linkedin, .sexy-linkedin:hover, .sexy-google, .sexy-google:hover, .sexy-friendfeed, .sexy-friendfeed:hover{background:url('http://lh6.ggpht.com/_GxuemnBfQlA/SvxFygDbmtI/AAAAAAAAAZ0/WDiaBJxqRYw/sexysprite.png') no-repeat !important;border: 0;outline: none;} 
.sexy-digg{background-position:-980px bottom !important} 
.sexy-digg:hover{background-position:-980px top !important} 
.sexy-reddit{background-position:-700px bottom !important} 
.sexy-reddit:hover{background-position:-700px top !important} 
.sexy-stumbleupon{background-position:-630px bottom !important} 
.sexy-stumbleupon:hover{background-position:-630px top !important} 
.sexy-delicious{background-position:-1190px bottom !important} 
.sexy-delicious:hover{background-position:-1190px top !important} 
.sexy-yahoobuzz{background-position:-1120px bottom !important} 
.sexy-yahoobuzz:hover{background-position:-1120px top !important} 
.sexy-blinklist{background-position:-1260px bottom !important} 
.sexy-blinklist:hover{background-position:-1260px top !important} 
.sexy-technorati{background-position:-560px bottom !important} 
.sexy-technorati:hover{background-position:-560px top !important} 
.sexy-myspace{background-position:-770px bottom !important} 
.sexy-myspace:hover{background-position:-770px top !important} 
.sexy-twitter{background-position:-490px bottom !important} 
.sexy-twitter:hover{background-position:-490px top !important} 
.sexy-facebook{background-position:-1330px bottom !important} 
.sexy-facebook:hover{background-position:-1330px top !important} 
.sexy-mixx{background-position:-840px bottom !important} 
.sexy-mixx:hover{background-position:-840px top !important} 
.sexy-scriptstyle{background-position:-280px bottom !important} 
.sexy-scriptstyle:hover{background-position:-280px top !important} 
.sexy-designfloat{background-position:-1050px bottom !important} 
.sexy-designfloat:hover{background-position:-1050px top !important} 
.sexy-newsvine{background-position:left bottom !important} 
.sexy-newsvine:hover{background-position:left top !important} 
.sexy-google{background-position:-210px bottom !important} 
.sexy-google:hover{background-position:-210px top !important} 
.sexy-comfeed{background-position:-420px bottom !important} 
.sexy-comfeed:hover{background-position:-420px top !important} 
.sexy-linkedin{background-position:-70px bottom !important} 
.sexy-linkedin:hover{background-position:-70px top !important} 
.sexy-friendfeed{background-position:-1750px bottom !important} 
.sexy-friendfeed:hover{background-position:-1750px top !important} 
.sexy-link{ margin-left:25px; float:left} 
.sexy-link A{padding:10px 0; width:470px; text-align:right; border:0; outline:none}
/* end share the love css by ndyteens.blogspot.com
----------------------------------------------- */
Step 2 :

Masih dikode ]]></b:skin> 
Letakkan kode script berikut dibawah kode ]]></b:skin>
<script src='http://sites.google.com/site/freshthemesgallery/javascript/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function() {
// xhtml 1.0 strict way of using target _blank
jQuery(&#39;.sexy-bookmarks a.external&#39;).attr(&quot;target&quot;, &quot;_blank&quot;);
// this block sets the auto vertical expand when there are more than
// one row of bookmarks.
var sexyBaseHeight=jQuery(&#39;.sexy-bookmarks&#39;).height();
var sexyFullHeight=jQuery(&#39;.sexy-bookmarks ul.socials&#39;).height();
if (sexyFullHeight&gt;sexyBaseHeight) {
jQuery(&#39;.sexy-bookmarks-expand&#39;).hover(
function() {
jQuery(this).animate({
height: sexyFullHeight+&#39;px&#39;
}, {duration: 400, queue: false});
},
function() {
jQuery(this).animate({
height: sexyBaseHeight+&#39;px&#39;
}, {duration: 400, queue: false});
}
);
}
// autocentering
if (jQuery(&#39;.sexy-bookmarks-center&#39;)) {
var sexyFullWidth=jQuery(&#39;.sexy-bookmarks&#39;).width();
var sexyBookmarkWidth=jQuery(&#39;.sexy-bookmarks:first ul.socials li&#39;).width();
var sexyBookmarkCount=jQuery(&#39;.sexy-bookmarks:first ul.socials li&#39;).length;
var numPerRow=Math.floor(sexyFullWidth/sexyBookmarkWidth);
var sexyRowWidth=Math.min(numPerRow, sexyBookmarkCount)*sexyBookmarkWidth;
var sexyLeftMargin=(sexyFullWidth-sexyRowWidth)/2;
jQuery(&#39;.sexy-bookmarks-center&#39;).css(&#39;margin-left&#39;, sexyLeftMargin+&#39;px&#39;);
}
});
</script>

Step 3 :

Ada tiga alternatif tempat pemasangan widget ini:
Kamu bisa letakkan di bawah kode

  •  <p class='post-footer-line post-footer-line-1'> yaitu letaknya persis dibawah label author.
  •  <p class='post-footer-line post-footer-line-2'> yaitu letaknya persis ditengah-tengah antara label author dan label Category.
  • <p class='post-footer-line post-footer-line-3'> yaitu letaknya persis dibawah label
Letakkan kode berikut ini dibawah salah satu kode diatas sesuai yang anda pilih :
<div class='sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-bg-love' style='margin:20px 0 0 0 !important; padding:25px 0 0 10px !important; height:29px;/*the height of the icons (29px)*/ display:block !important; clear:both !important;'>
  <ul class='socials'>
  <li class='sexy-delicious'><a class='external' expr:href='&quot;http://del.icio.us/post?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on del.icio.us'>Share this on del.icio.us</a></li>
  <li class='sexy-digg'><a class='external' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Digg this!'>Digg this!</a></li>
  <li class='sexy-stumbleupon'><a class='external' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'>Stumble upon something good? Share it on StumbleUpon</a></li>
  <li class='sexy-reddit'><a class='external' expr:href='&quot;http://reddit.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Reddit'>Share this on Reddit</a></li>
  <li class='sexy-google'><a class='external' expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Add this to Google Bookmarks'>Add this to Google Bookmarks</a></li>
  <li class='sexy-twitter'><a class='external' expr:href='&quot;http://twitter.com/home?status=Reading: &quot; + data:blog.title + &quot; - &quot; + data:post.url + &quot; (@NAME)&quot;' rel='nofollow' title='Tweet This!'>Tweet This!</a></li>
  <li class='sexy-facebook'><a class='external' expr:href='&quot;http://www.facebook.com/share.php?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Facebook'>Share this on Facebook</a></li>
  <li class='sexy-mixx'><a class='external' expr:href='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url' rel='nofollow' title='Share this on Mixx'>Share this on Mixx</a></li>
  <li class='sexy-comfeed'><a class='external' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='nofollow' title='Subscribe'>Subscribe</a></li>
  <li class='sexy-yahoobuzz'><a class='external' expr:href='&quot;http://buzz.yahoo.com/submit/?submitUrl=&quot; + data:post.url' rel='nofollow' title='Buzz up!'>Buzz up!</a></li>
  <li class='sexy-linkedin'><a class='external' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Linkedin'>Share this on Linkedin</a></li>
  <li class='sexy-designfloat'><a class='external' expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Submit this to DesignFloat'>Submit this to DesignFloat</a></li>
  <li class='sexy-technorati'><a class='external' expr:href='&quot;http://technorati.com/faves?add=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Technorati'>Share this on Technorati</a></li>
  <li class='sexy-scriptstyle'><a class='external' expr:href='&quot;http://scriptandstyle.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Submit this to Script &amp; Style'>Submit this to Script &amp; Style</a></li>
  <li class='sexy-myspace'><a class='external' expr:href='&quot;http://www.myspace.com/Modules/PostTo/Pages/?u=http&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Post this to MySpace'>Post this to MySpace</a></li>
  <li class='sexy-blinklist'><a class='external' expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Blinklist'>Share this on Blinklist</a></li>
  <li class='sexy-friendfeed'><a class='external' expr:href='&quot;http://friendfeed.com/?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on FriendFeed'>Share this on FriendFeed</a></li>
  <li class='sexy-newsvine'><a class='external' expr:href='&quot;http://www.newsvine.com/_tools/seed&amp;save?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Seed this on Newsvine'>Seed this on Newsvine</a></li>
  </ul>
  <div style='clear:both;'/>
  </div>
  <div class='sexy-link'> <font size='1px'>Widget by <a href='http://www.cssreflex.com/' title='Web Design Blog, Blogger Hacks and Blogger templates'>Css Reflex </a>|<a href='http://www.tutzone.org/' title='Tutorials, Rare Downloads, Link Heaven, Tips Tricks, Hacks, Make How, Blogger Tricks And Tutorials, Internet, News, And Many More'> TutZone</a> | Brought to you by : </font><a href='http://www.ndyteens.blogspot.com' target='_blank' title='Blogger templates'><font size='2'>NdyTeeN</font></a></div>

Selesai, dan klik SAVE TEMPLATE