MatrixAdapt | Logiciel de gestion d'Entreprise, Création et référencement des sites web

Seo Master present to you: Tabel merupakan salah satu assesoris yang mungkin dapat menjadikan blog kamu tampil lebih menawan. Tapi karena caranya yang agak sedikit sulit, tidak jarang hal ini diabaikan. Tabel dalam optimasi suatu blog berfungsi untuk menguraian kata-kata atau kalimat dalam bentuk kotak-kotak agar lebih mudah dimengerti dan dipahami. Coba ambil contoh dalam postingan menampilkan kode HTML dalam postingan. Sekarang mari kita tela`ah secara seksama sebuah illustrasi di bawah ini.

Aku mempunyai 4 (empat) teman dari kelas yang berbeda beda. Si A dan B di kelas 6 kegemarannya makan bakso. Si C berada di kelas 4 sukanya sepak bola. Sedangkan si D di kelas 5, hobbynya tidur melulu.

Dari kalimat di atas seandainya kita buat ke dalam tabel mungkin bentuknya seperti ini.

Nama Temanku	Kelas	Hobby
A	6	Makan bakso
B	6	Makan bakso
C	4	Sepak bola
D	5	Tidur

Nah, selanjutnya bagaimana trik SEO membuat tabel seperti di atas ke dalam blog kamu. Singkat kata berikut kode untuk membuat tabel dalam blog.

<table border="1" width="300">
<tr bgcolor="#E0F8E0"><td align="center"><b>Nama Temanku</b></td><td align="center"><b>Kelas</b></td><td align="center"><b>Hobby</b></td&gt;</tr>
<tr><td align="center">A</td><td align="center">6</td><td align="left">Makan bakso</td&gt;</tr>
<tr><td align="center">B</td><td align="center">6</td><td align="left">Makan bakso</td&gt;</tr>
<tr><td align="center">C</td><td align="center">4</td><td align="left">Sepak bola</td&gt;</tr>
<tr><td align="center">D</td><td align="center">5</td><td align="left">Tidur</td&gt;</tr>
</table>

Catatan :

1. Kode dasar dalam tabel adalah <table> ... </table>.
2. Kode untuk membuat baris tabel <tr> ... </tr>.
3. Kode untuk membuat kolom tabel <td> ... </td>, ingat satu baris bisa terdiri dari beberapa kolom.
4. Kode umum yang menyertai dalam kode tabel adalah width (...px), border (...px), align (center, left, right) dan bgcolor (kode warna/#......).

Selamat membuat tabel dalam blog...2013, By: Seo Master

Seo Master present to you: Bagi anda yang ingin Menampilkan Kode HTML dalam Postingan dan tips dan trik Menampilkan Kode HTML dalam Postingan semoga tutorial di bawah ini bisa membantu anda semua.

Menampilkan dalam postingan tidak seperti menulis kode biasa. Jika dalam postingan kamu memasukkan kode originalnya, maka yang tampil dalam postingan adalah hasil terjemahan bahasa HTML dari kode tersebut. Coba copy kode berikut dan langsung paste dalam entry (postingan) blog kamu :

<b>"Kok, kodenya ngga muncul???"</b>

Hasilnya mungkin seperti ini "Kok, kodenya ngga muncul???"

Di bawah ini merupakan 2 (dua) trik blogger praktis agar kodenya muncul dalam postingan :

Pertama adalah dengan cara manual, yaitu merubah karakter-karakter kode tertentu. Mari kita lihat karakter-karakter yang perlu diganti :

Kode	Ganti Kode dengan
<	&lt;
>	&gt;
"	&quot;

Kedua adalah dengan memparse kode HTML yang akan kamu masukkan dengan menggunakan layanan situs online. Silakan kamu kunjungi :

http://www.centricle.com/tools/html-entities

Masukkan kode yang akan kamu parse, kemudian tekan "Encode" atau jika ingin mengembalikan ke kode semula tekan "Decode".

Atau

http://www.blogcrowds.com/resources/parse_html.php

Masukkan kode yang akan diparse, namun kali ini kamu hanya menekan tombol "Parse".
Selamat Menikmati.2013, By: Seo Master

Cara Mengganti Background Header Blog memang sangat mudah. Ini adalah artikel pelengkap dari artikel Cara mengganti background blog. Bisa anda baca Cara mengganti background blog

Kan rasanya kurang enak kalau hanya mengganti background blog saja. Sedangkan background header blog masih dalam keadaan kurang menarik. Jadi, mari kita coba bahas cara mengganti background header blog ini...

Cara memasang iklan link di blog yang aman itu seperti apa? Ini adalah beberapa pertanyaan yang sering ditanyakan oleh mereka yang ingin membuka lapak iklan di blognya, atau bisa juga kita sebut blog bersponsor.


Sudah dinyatakan dengan tegas oleh Google bahwa mereka akan menjatuhkan penalty kepada blog yang menjual pagerank di halaman-halaman blognya. Hanya saja banyak orang yang tidak

Cara membuat email google baru yang biasa disebut juga dengan gmail sangat mudah. Pada dasarnya membuat akun email di gmail sama saja anda mendaftar untuk sebuah akun yang bisa dipergunakan untuk mengakses semua produk Google.


Sebelumnya saya sebenarnya sudah pernah menuliskan cara membuat email baru di Google, tapi berhubung saya mau membuka sebuah kategori baru yaitu GOOGLE, maka saya

Seo Master present to you: Menu Horizontal yang bagaimana lagi nih SEO? Kalau sebelumnya SEO telah memposting trik blogger Membuat Menu Horizontal Menggunakan CSS, maka di posting ini kita akan membuat menu horizontal menggunakan javascript. Kamu silakan memilih, apakah memakai menu horizontal yang menggunakan kode CSS atau dirombak ke javascript. Dan kalau OB ditanya "mana yang lebih baik?" Semua berpulang kepada penilaian masing-masing individu, karena tiap menu horizontal memiliki kelebihan serta kekurangannya.

Supaya ke ingin tahuan tak lekang dimakan waktu dan ruang, berikut :

* Login dulu ke account blogger kamu.
* Pilih tab Tata Letak --> Edit HTML --> centang "Expand Template Widget".

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

* Cari Kode ]]></b:skin> dan Copy-Paste (copas) kode berikut di atasnya.

Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

/* navbar
================== */

#bg_nav
{
background: #ffffff;
width: 660px;
height:29px;
margin:0;
padding:0;
border:1px solid #333;
}
#navright
{
width: 200px;
float: right;
margin: 0px;
padding: 3px 5px 0 0;
}
#navright a img
{
border: none;
margin: 0px;
padding: 3px 5px 0 0;
}
#navleft
{
width: 440px;
float: left;
margin: 1px;
padding: 0px;
}
ul.MenuBarHorizontal
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: auto;
}
ul.MenuBarActive
{
z-index: 1000;
}
ul.MenuBarHorizontal li
{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 12px Arial, Helvetica, sans-serif;
position: relative;
text-align: left;
cursor: pointer;
width: 100px;
float: left;
text-transform: uppercase;
border-right: 1px solid #333;
}
ul.MenuBarHorizontal ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 100px;
position: absolute;
left: -1000em;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
left: auto;
}
ul.MenuBarHorizontal ul li
{
width: 100px;
border: 1px solid #CCC;
}
ul.MenuBarHorizontal ul ul
{
position: absolute;
margin: -5% 0 0 95%;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
left: auto;
top: 0;
}


ul.MenuBarHorizontal ul
{
border: 1px solid #FFF;
}
ul.MenuBarHorizontal a
{
display: block;
cursor: pointer;
background-color: #FFF;
padding: 0.5em;
color: #000;
text-decoration: none;
}
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
background-color: #c06000;
color: #FFF;
}
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
background-color: #c06000;
color: #FFF;
}


ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
background-image: url(http://www.geocities.com/asmara.4477/icon/tridown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
background-image: url(http://www.geocities.com/asmara.4477/icon/tri.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
background-image: url(http://www.geocities.com/asmara.4477/icon/SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
background-image: url(http://www.geocities.com/asmara.4477/icon/SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}


ul.MenuBarHorizontal iframe
{
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
}

@media screen, projection
{
ul.MenuBarHorizontal li.MenuBarItemIE
{
display: inline;
f\loat: left;
background: #FFF;
}
}

Catatan :

1. Sesuaikan terlebih dulu kode yang berwarna hijau kedap-kedip dengan lebar (width) template kamu.
2. Kemudian sesuaikan lebar (width) pada #navright dan #navleft agar menu horizontal kamu tidak berantakan.
3. Ganti kode yang berwarna merah dengan kode warna sesuai template blog kamu.
4. Kode warna biru merupakan lebar tiap menu dalam navigasi horizontal. Ex : jika lebar (width) #navleft 440px berarti bisa memuat 4 buah menu yang memiliki lebar 100px (warna biru).


* Kemudian cari lagi kode </head>, dan copas kode berikut di atasnya.

<script src='http://www.geocities.com/asmara.4477/script/SpryMenuBar.js' type='text/javascript'/>

* Untuk ketiga kalinya cari kode di bawah ini.

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

... dan seterusnya ...

</b:section>
</div>

* Kalau sudah ketemu, copas kode berikut tepat di bawah kode yang berwarna hijau atau berwarna merah (sesuaikan dengan template blog kamu).

<div id='bg_nav'>
<div id='navleft'>
<ul class='MenuBarHorizontal' id='MenuBar1'>
<li><a href='http://alamat blog kamu'>Home</a></li>
<li><a class='MenuBarItemSubmenu' href='Edit me'>Item 2</a>
<ul>
<li><a href='Edit me'>Item 2.1</a></li>
<li><a href='Edit me'>Item 2.2</a></li>
<li><a href='Edit me'>Item 2.3</a></li>
</ul>
</li>
<li><a class='MenuBarItemSubmenu' href='Edit me'>Item 3</a>
<ul>
<li><a href='Edit me'>Item 3.1</a></li>
<li><a href='Edit me'>Item 3.2</a></li>
<li><a class='MenuBarItemSubmenu' href='Edit me'>Item 3.3</a>
<ul>
<li><a href='Edit me'>Item 3.3.1</a></li>
<li><a href='Edit me'>Item 3.3.2</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='Edit me'>Item 4</a></li>
</ul>
<script type='text/javascript'>
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"http://www.geocities.com/asmara.4477/icon/SpryMenuBarDownHover.gif", imgRight:"http://www.geocities.com/asmara.4477/icon/SpryMenuBarRightHover.gif"});
</script>
</div>

<div id='navright'>
<form action='http://alamat blog kamu search' id='searchform' method='get' name='searchform'>
<input id='s' name='q' type='text' value=''/> <input id='searchsubmit' type='submit' value='Search'/> </form>
</div>

</div><!-- akhir bg_nav -->

Catatan :

1. Ganti kode yang berwarna merah dengan alamat yang akan kamu tuju.
2. Kode yang berwarna hijau merupakan kode tambahan jika kamu ingin membuat menu turunan pertama.
3. Sedangkan kode yang berwarna biru adalah struktur kode HTML apabila kamu ingin menambahkan menu turunan, baik pertama (warna biru saja) maupun kedua (warna biru kedap-kedip).
4. Ganti juga yang ada tulisan "Item plus angka-angka" dengan teks kamu sendiri.
5. Jika kamu telah menggunakan trik menu horizontal menggunakan kode CSS terdahulu, silakan ganti semua kode CSS, masukkan javascript, dan rombak kode HTML-nya.

* Jangan lupa disimpan.

Selamat membuat menu navigasi horizontal menggunakan javascript...

Wacana Yang Berkaitan :
Membuat Menu Horizontal Menggunakan CSS2013, By: Seo Master

Template blog yang SEO Friendly adalah template yang dibuat menurut standar Search Engine. Berhubung tadi malam tidak ada kerjaan jadi saya coba memodifikasi satu versi template blogspot untuk dijadikan lebih SEO Friendly. Template blog gratis ini sudah dioptimisasi untuk anda semua dan desain kali ini saya bagi menjadi 5 variasi warna. Jadi silahkan dipilih warna mana yang menjadi favorit

Seo Master present to you: Menu horizontal merupakan kumpulan beberapa link yang diletakkan secara horizontal dan biasanya ditempatkan di bawah header. Pada kesempatan ini, kita akan mengulas trik blogger tentang membuat menu horizontal secara sederhana. Mengapa dikatakan sederhana? Karena jika kita optimasi lebih mendalam, ternyata terdapat beberapa varian dari menu horizontal tersebut. Fungsi dari trik blogger ini adalah sebagai salah satu navigasi dalam blog agar memberikan layanan kemudahan shortcut link bagi pengunjung blog kamu.


Singkat kata, berikut langkah membuat menu horizontal dalam blog kamu :

* Login ke account blogger kamu.
* Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

* Cari Kode kode ]]></b:skin> dan Copy-Paste (copas) kode berikut di atasnya.

Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

/* navbar
================== */

#bg_nav {
background: #ffffff;
width: 850px;
height: 29px;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
color: #000000;
font-weight: bold;
margin: 0px auto 0px;
padding: 0px;
border-top: 1px solid #000000;
border-bottom: 1px solid #ffffff;
overflow: hidden;
}
#bg_nav a, #bg_nav a:visited {
color: #000000;
font-size: 11px;
text-decoration: none;
text-transform: uppercase;
padding: 0px 0px 0px 3px;
}

#bg_nav a:hover {
color: #000000;
text-decoration: underline;
padding: 0px 0px 0px 3px;
}

#navleft {
width: 500px;
float: left;
margin: 0px;
padding: 0px;
}
#navright {
width: 220px;
font-size: 11px;
float: right;
margin: 0px;
padding: 3px 5px 0px 0px;
}
#navright a img {
border: none;
margin: 0px;
padding: 3px 5px 0px 0px;
}

#nav {
margin: 0px;
padding: 0px;
list-style: none;
}
#nav ul {
margin: 0px;
padding: 0px;
list-style: none;
}

#nav a, #nav a:visited {
background: #ffffff;
color: #000000;
display: block;
font-weight: bold;
margin: 0px;
padding: 8px 15px 8px 15px;
border-left: 1px solid #ffffff;
}
#nav a:hover {
background: #c06000;
color: #000000;
margin: 0px;
padding: 8px 15px 8px 15px;
text-decoration: none;
}

#nav li {
float: left;
margin: 0px;
padding: 0px;
}
#nav li li {
float: left;
margin: 0px;
padding: 0px;
width: 150px;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #ffffff;
width: 160px;
float: none;
margin: 0px;
padding: 7px 30px 7px 10px;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
#nav li li a:hover, #nav li li a:active {
background: #c06000;
padding: 7px 30px 7px 10px;
}

#nav li ul {
position: absolute;
width: 10em;
left: -999em;
}

#nav li:hover ul {
left: auto;
display: block;
}
#nav li:hover ul, #nav li.sfhover ul {
left: auto;
}

Catatan :

1. Agar menu horizontal sesuai dengan template blog, kamu perlu mengganti kode-kode yang berwarna hijau dan merah.
2. Khusus untuk kode yang berwarna hijau, sangat penting disesuaikan dengan lebar blog kamu.
3. Untuk kode pewarnaan, kamu bisa melihatnya di kode warna ini.

* Kemudian cari kembali kode seperti di bawah ini.

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

... dan seterusnya ...

</b:section>
</div>

* Copas kode berikut tepat di bawah kode yang berwarna hijau atau berwarna merah (sesuaikan dengan template blog kamu).

<div id='bg_nav'>

<div id='navleft'>
<div id='nav'>
<ul>
<li><a href='http://Alamat_Blog_Kamu.blogspot.com/'>home</a></li>
<li><a href='http://Link_yang_dituju'>Nama</a></li>
<li><a href='http://Link_yang_dituju'>Nama</a></li>
<li><a href='http://Link_yang_dituju'>Nama</a></li>
<li><a href='http://Link_yang_dituju'>Nama</a></li>
</ul>
</div>
</div>

<div id='navright'>

<form action='http://Alamat_Blog_Kamu.blogspot.com/search' id='searchform' method='get' name='searchform'> <input id='s' name='q' type='text' value=''/> <input id='searchsubmit' type='submit' value='Cari'/>
</form>

</div>

</div><!-- akhir bg_nav -->

* Jangan lupa disimpan

Selamat membuat menu horizontal...

Wacana Yang Berkaitan :
Varian Menu Horizontal menggunakan Javascript2013, By: Seo Master

salam every one, this is a topic from google web master centrale blog: Webmaster Level: Beginner to Intermediate

To help you avoid common mistakes webmasters face with regard to search engine optimization (SEO), I filmed a video outlining five common mistakes I’ve noticed in the SEO industry. Almost four years ago, we also gathered information from all of you (our readers) about your SEO recommendations and updated our related Help Center article given your feedback. Much of the same advice from 2008 still holds true today -- here’s to more years ahead building a great site!


If you’re short on time, here’s the gist:

Avoid these common mistakes

1. Having no value proposition: Try not to assume that a site should rank #1 without knowing why it’s helpful to searchers (and better than the competition :)

2. Segmented approach: Be wary of setting SEO-related goals without making sure they’re aligned with your company’s overall objectives and the goals of other departments. For example, in tandem with your work optimizing product pages (and the full user experience once they come to your site), also contribute your expertise to your Marketing team’s upcoming campaign. So if Marketing is launching new videos or a more interactive site, be sure that searchers can find their content, too.

3. Time-consuming workarounds: Avoid implementing a hack rather than researching new features or best practices that could simplify development (e.g., changing the timestamp on an updated URL so it’s crawled more quickly instead of easily submitting the URL through Fetch as Googlebot).

4. Caught in SEO trends: Consider spending less time obsessing about the latest “trick” to boost your rankings and instead focus on the fundamental tasks/efforts that will bring lasting visitors.

5. Slow iteration: Aim to be agile rather than promote an environment where the infrastructure and/or processes make improving your site, or even testing possible improvements, difficult.

Six fundamental SEO tips

1. Do something cool: Make sure your site stands out from the competition -- in a good way!

2. Include relevant words in your copy: Try to put yourself in the shoes of searchers. What would they query to find you? Your name/business name, location, products, etc., are important. It's also helpful to use the same terms in your site that your users might type (e.g., you might be a trained “flower designer” but most searchers might type [florist]), and to answer the questions they might have (e.g., store hours, product specs, reviews). It helps to know your customers.

3. Be smart about your tags and site architecture: Create unique title tags and meta descriptions; include Rich Snippets markup from schema.org where appropriate. Have intuitive navigation and good internal links.

4. Sign up for email forwarding in Webmaster Tools: Help us communicate with you, especially when we notice something awry with your site.

5. Attract buzz: Natural links, +1s, likes, follows... In every business there's something compelling, interesting, entertaining, or surprising that you can offer or share with your users. Provide a helpful service, tell fun stories, paint a vivid picture and users will share and reshare your content.

6. Stay fresh and relevant: Keep content up-to-date and consider options such as building a social media presence (if that’s where a potential audience exists) or creating an ideal mobile experience if your users are often on-the-go.

Good luck to everyone!

Written by Maile Ohye, Developer Programs Tech Leadthis is a topic published in 2013... to get contents for your blog or your forum, just contact me at: devnasser@gmail.com

Seo Master present to you: Sebenarnya banyak sekali rupa serta bentuk animasi kursor yang mungkin kamu dapatkan, baik melalui website penyedia layanan javascript atau saat kamu blog walking. Ceritanya pas jalan-jalan ke SEO blog dan menggerakkan kursor, tiba-tiba muncul serangkaian kata atau kalimat yang selalu mengikuti kursor tersebut. Bentuknya seperti ular-ularan meliuk dan melingkar, tapi anehnya tidak mematuk. Ia cuma mengikuti saja atau istilah kerennya "follow".

Kembali ke trik blogger kursor ular-ularan...
Nah, kamu pasti penasaran tentang cara membuatnya. Ngga, tuh!!! Ha.. ha.. gitu aja manyun. OK, ini dia triknya.

* Login ke account blogger kamu.
* Pilih Tata Letak --> Edit HTML.

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

* Cari kode </head>

Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

* Kalau sudah ketemu, copas kode berikut diatasnya.

<style type='text/css'>
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #000;
/* End Optional */

/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type='text/javascript'>
//<![CDATA[
/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/

;(function(){

// Your message here (QUOTED STRING)
var msg = "Masukkan teks kamu disini";

/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */

// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

////////////////////// Stop Editing //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement :

document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +

'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();
//]]>
</script>

Catatan :

1. Ganti kode yang berwarna merah berturut-turut dengan gaya teks, tebal tidaknya teks (bold atau normal), jenis font (arial, times new roman, verdana, georgia, de-el-el), dan warna teks
2. Ganti tulisan yang berwarna merah dan berkedap-kedip dengan teks yang akan kamu tampilkan (mengikuti kursor).
3. Ganti kode yang berwarna hijau, apabila kamu ingin merubah ukuran teks.

* Jangan lupa disimpan.


Selamat main ular-ularan...2013, By: Seo Master

salam every one, this is a topic from google web master centrale blog: this is a topic published in 2013... to get contents for your blog or your forum, just contact me at: devnasser@gmail.com

Seo Master present to you: Ayo kita belajar bersama-sama mengupas trik blogger merubah tanggal posting menjadi icon kalender.

Langkah I :

• Login ke account blogger kamu.
• Pilih Pengaturan --> Format
• Dalam halaman Format, ganti Format Header Tanggal menjadi seperti ini mm.dd.yyyy (bulan.hari.tahun), ex: 6.02.2009.
• Simpan Setelan

Langkah II:

• Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".

Cari kode CSS di bawah ini, letaknya antara <head> ... </head>.

h2.date-header {
...
}

atau

.date-header {
...
}

• Kalau sudah ketemu, copas kode berikut tepat dibawah kode CSS di atas.
  

.dateblock {
background: url("http://i647.photobucket.com/albums/uu191/ariamsi/Icon/bluecalend3.gif") no-repeat;
margin: 0 10px 0 0;
font-weight: bold;
width: 33px;
height: 36px;
/*position: absolute;
top: 0;
left: 0;*/
float: left;
text-align: center;
}

.month {
font-size: 8px;
width: 34px;
margin: 0 auto;
padding-top: 2px;
text-transform: uppercase;
color: #fff;
}

.day {
color:#3366CC;
font-size: 12px;
width: 34px;
margin: 0 auto;
padding-top: 2px;
}

Catatan:

1. Silakan ganti kode yang berwarna merah dengan kode warna di sini.
2. Silakan pilih image background untuk icon kalender kamu dengan mengganti kode yang berwarna hijau dengan nama file di bawah image berikut.

greencalend3.gif

yellowcalend3.gif

orangecalend3.gif

pinkcalend3.gif

ungucalend3.gif

redcalend3.gif


* Kemudian lakukan copas kode di bawah ini dan letakkan di atas kode </head>.

<script type='text/javascript'>
//<![CDATA[
function date_replace(date) {
var da = date.split('.');
var day = da[1], mon = da[0], year = da[2];
var month =
['0','Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep', 'Oct','Nov','Dec'];
document.write("<div class='month'>"+month[mon]+"</div> <div class='day'>"+day+"</div>");
}
//]]>
</script>

* Terakhir cari kode di bawah ini.

<data:post.dateHeader/>

* Dan ganti dengan kode berikut.

<div class='dateblock'>
<script>date_replace('<data:post.dateHeader/>');</script>
</div>

* Jangan lupa disimpan.

Catatan Penting :
Apabila menggunakan trik blogger ini, tanggal posting (date header) dalam template blog kamu harus berada di atas judul posting (post title) atau posting (post).
Jika 1 atau 2 baris paragraf postingan kamu ikut masuk menjorok ke dalam, maka perlu penambahan kode pada CSS .post-body. Kode tambahannya adalah padding-top:10px; (ubah nilainya sampai baris paragraf postingan kamu berada di bawah icon tanggal).

Selamat merubah tampilan tanggal posting...2013, By: Seo Master

salam every one, this is a topic from google web master centrale blog: this is a topic published in 2013... to get contents for your blog or your forum, just contact me at: devnasser@gmail.com

salam every one, this is a topic from google web master centrale blog: this is a topic published in 2013... to get contents for your blog or your forum, just contact me at: devnasser@gmail.com

salam every one, this is a topic from google web master centrale blog: Após o registo de um domínio e criação de um site, a maioria dos webmasters quer ver o seu site indexado e aparecer nas primeiras posições no Google. Desde que iniciámos o suporte a webmasters de língua Portuguesa em 2006, vimos grande especulação acerca da forma como o Google indexa e avalia os sites. O mercado de língua Portuguesa, ainda numa fase de desenvolvimento em relação a SEO, é um dos maiores geradores de conteúdo na internet, por isso decidimos clarificar algumas das questões mais pertinentes.

Notámos como prática comum entre webmasters de língua Portuguesa a tendência para entrar em esquemas massivos de troca de links e a implementação de páginas única e exclusivamente para este fim, sem terem em consideração a qualidade dos links, a origem ou o impacto que estes terão nos seus sites a longo termo; outros temas populares englobam também uma preocupação excessiva com o PageRank ou a regularidade com que o Google acede aos seus sites.

Geralmente, o nosso conselho para quem pretende criar um site é começar por considerar aquilo que têm para oferecer antes de criar qualquer site ou blog. A receita para um site de sucesso é conteúdo original, onde os utilizadores possam encontrar informação de qualidade e actualizada correspondendo às suas necessidades.

Para clarificar alguns destes temas, compilámos algumas dicas para webmasters de língua Portuguesa:

• Ser considerado autoridade no assunto. Ser experiente num tema guiará de forma natural ao seu site utilizadores que procuram informação especificamente relacionada com o assunto do site. Não se preocupe demasiado com back-links ou PageRank, ambos irão surgir de forma natural acompanhando a importância e relevância do seu site. Se os utilizadores considerarem a sua informação útil e de qualidade, eles voltarão a visitar, recomendarão o seu site a outros utilizadores e criarão links para o mesmo. Isto tem também influência na relevância do seu site para o Google – se é relevante para os utilizadores, certamente será relevante para o Google na mesma proporção.
  

• Submeta o seu conteúdo no Google e mantenha-o actualizado frequentemente. Este é outro ponto chave que influencia a frequência com que o seu site é acedido pelo Google. Se o seu conteúdo não é actualizado ou se o seu site não é relevante, o mais certo é o Google não aceder ao seu site com a mesma frequência que você deseja. Se acha que o Google não acede ao seu site de uma forma constante, talvez isto seja uma dica para que actualize o site mais frequentemente. Além disso na Central do Webmaster o Google disponibiliza as Ferramentas para Webmasters, ferramentas úteis que o ajudarão na indexação.
  

• Evite puras afiliações. Na América Latina há uma quantidade massiva de sites criados apenas para pura afiliação, tais como as lojas afiliadas do mercadolivre. Não há problema em ser afiliado desde que crie conteúdo original e de qualidade para os utilizadores, um bom exemplo é a inclusão de avaliação e críticas de produtos de forma a ajudar o utilizador na decisão da compra.
  

• Não entre em esquemas de troca de links. Os esquemas de troca de links ou negócios que prometem aumentar a visibilidade do seu site com o mínimo de esforço, podem levar a um processo de correcção por parte do Google. As nossas Directrizes de Ajuda do Webmaster mencionam claramente esta prática na secção "Directrizes de Qualidade – princípios básicos". Evite entrar neste tipo de esquemas e não crie páginas apenas para troca de links. Tenha em mente que não é o número de links que apontam para o seu site que conta, mas a qualidade e relevância desses links.
  

• Use o AdSense de forma correcta. Monetizar conteúdo original e de qualidade levará a uma melhor experiência com o AdSense comparado com directórios sem qualquer tipo de qualidade ou conteúdo original. Sites sem qualquer tipo de valor levam os utilizadores a abandoná-los antes mesmo de estes clicarem em qualquer anúncio.

Lembre-se que o processo de indexação e de acesso ao seu site pelo Google engloba muitas variáveis e em muitos casos o seu site não aparecerá no índice tão depressa quanto esperava. Se não está seguro acerca de um problema particular, considere visitar as Directrizes de Ajuda do Webmaster ou peça ajuda na sua comunidade. Na maioria dos casos encontrará a resposta que procura de outros utilizadores mais experientes. Um dos sítios recomendados para começar é o Grupo de Discussão de Ajuda a Webmasters que monitorizamos regularmente.this is a topic published in 2013... to get contents for your blog or your forum, just contact me at: devnasser@gmail.com

salam every one, this is a topic from google web master centrale blog: Webmaster Level: All

The single best way to make Google aware of all your videos on your website is to create and maintain a Video Sitemap. Video Sitemaps provide Google with essential information about your videos, including the URLs for the pages where the videos can be found, the titles of the videos, keywords, thumbnail images, durations, and other information. The Sitemap also allows you to define the period of time for which each video will be available. This is particularly useful for content that has explicit viewing windows, so that we can remove the content from our index when it expires.

Once your Sitemap is created, you can can submit the URL of the Sitemap file in Google Webmaster Tools or through your robots.txt file.

Once we have indexed a video, it may appear in our web search results in what we call a Video Onebox (a cluster of videos related to the queried topic) and in our video search property, Google Videos. A video result is immediately recognizable by its thumbnail, duration, and a description.

As an example, this is what a video result from CNN.com looks like on Google:


We encourage those of you with videos to submit Video Sitemaps and to keep them updated with your new content. Please also visit our recently updated Video Sitemap Help Center, and utilize our Sitemap Help Forum. If you've submitted a Video Sitemap file via Webmaster Tools and want to share your experiences or problems, you can do so here.

Posted by Nelson Lee, Product Manager Video Search this is a topic published in 2013... to get contents for your blog or your forum, just contact me at: devnasser@gmail.com

Seo Master present to you: 2013, By: Seo Master

salam every one, this is a topic from google web master centrale blog: Vanessa's been posting a lot lately, and I'm starting to feel left out. So here my tidbit of wisdom for you: I've noticed a couple of webmasters confused by "blocked by robots.txt" errors, and I wanted to share the steps I take when debugging robots.txt problems:

A handy checklist for debugging a blocked URL

• Your site may not have a robots.txt file at all (and therefore, allows access to all pages), but a URL on the site may redirect to a different site, which does have a robots.txt file. In this case, you may see URLs blocked by robots.txt for your site (even though you don't have a robots.txt file).
• Your site may prompt for registration after a certain number of page views. You may have the registration page blocked by a robots.txt file. In this case, the URL itself may not redirect, but if Googlebot triggers the registration prompt when accessing the URL, it will be redirected to the blocked registration page, and the original URL will be listed in the crawl errors page as blocked by robots.txt.
  

Good luck debugging! And by the way -- unrelated to robots.txt -- make sure that you don't have "noindex" meta tags at the top of your web pages; those also result in Google not showing a web site in our index.this is a topic published in 2013... to get contents for your blog or your forum, just contact me at: devnasser@gmail.com

salam every one, this is a topic from google web master centrale blog: Webmaster level: All

Webmaster Tools now has a new download option for exporting your data directly to a Google Spreadsheet. The download option is available for most of our data heavy features, such as Crawl errors, Search queries, and Links to your site. If you enjoy digging into the data from Webmaster Tools but don’t want to use Python scripts or the API, we’ve added new functionality just for you. Now when you click a download button from a Webmaster Tools feature like Search queries, you'll be presented with the "Select Download Format" option where you can choose to download the data as "CSV" or "Google Docs."


Choosing "CSV" initiates a download of the data in CSV format which has long been available in Webmaster Tools and can be imported into other spreadsheet tools like Excel. If you select the new “Google Docs” option then your data will be saved into a Google Spreadsheet and the newly created spreadsheet will be opened in a new browser tab.

We hope the ability to easily download your data to a Google Spreadsheet helps you to get crunching on your site's Webmaster Tools data even faster than you could before. Using only a web browser you can instantly dive right into slicing and dicing your data to create customized charts for detecting significant changes and tracking longer term trends impacting your site. If you've got questions or feedback please share it in the Webmaster Help Forum.

Written by Jonathan Simon, Webmaster Trends Analystthis is a topic published in 2013... to get contents for your blog or your forum, just contact me at: devnasser@gmail.com

salam every one, this is a topic from google web master centrale blog: Webmaster level: all

Protecting users’ privacy is a priority for us and it’s helped drive recent changes. Helping users save time is also very important; it’s explicitly mentioned as a part of our philosophy. Today, we’re happy to announce that Google Web Search will soon be using a new proposal to reduce latency when a user of Google’s SSL-search clicks on a search result with a modern browser such as Chrome.

Starting in April, for browsers with the appropriate support, we will be using the "referrer" meta tag to automatically simplify the referring URL that is sent by the browser when visiting a page linked from an organic search result. This results in a faster time to result and more streamlined experience for the user.

What does this mean for sites that receive clicks from Google search results? You may start to see "origin" referrers—Google’s homepages (see the meta referrer specification for further detail)—as a source of organic SSL search traffic. This change will only affect the subset of SSL search referrers which already didn’t include the query terms. Non-HTTPS referrals will continue to behave as they do today. Again, the primary motivation for this change is to remove an unneeded redirect so that signed-in users reach their destination faster.

Website analytics programs can detect these organic search requests by detecting bare Google host names using SSL (like "https://www.google.co.uk/"). Webmasters will continue see the same data in Webmasters Tools—just as before, you’ll receive an aggregated list of the top search queries that drove traffic to their site.

We will continue to look into further improvements to how search query data is surfaced through Webmaster Tools. If you have questions, feedback or suggestions, please let us know through the Webmaster Tools Help Forum.

Posted by John Mueller, Webmaster Trends Analyst, Switzerland
this is a topic published in 2013... to get contents for your blog or your forum, just contact me at: devnasser@gmail.com

salam every one, this is a topic from google web master centrale blog: Webmaster level: All

Security checks are nobody's cup of tea. We've never seen people go through airport baggage checks for fun. But while security measures are often necessary, that doesn't mean they have to be painful. In that spirit, we’ve implemented several major improvements to make the Google Site Verification process faster, more straightforward, and perhaps even a pleasure to use—so you can get on with the tasks that matter to you.

New verification method recommendations


You’ll quickly notice the changes we’ve made to the verification page, namely the new tabbed interface. These tabs allow us to give greater visibility to the verification method that we think will be most useful to you, which is listed in the Recommended Method tab.


Our recommendation is just an educated guess, but sometimes guesses can be wrong. It’s possible that the method we recommend might not work for you. If this is the case, simply click the "Alternate methods" tab to see the other verification methods that are available. Verifying with an alternate method is just as powerful as verifying with a recommended method.

Our recommendations are computed from statistical data taken from users with a similar configuration to yours. For example, we can guess which verification methods might be successful by looking at the public hosting information for your website. In the future we plan to add more signals so that we can provide additional customized instructions along with more relevant recommendations.

New Google Sites Are Automatically Verified
For some of you, we’ve made the process even more effortless—Google Sites administrators are now automatically verified for all new sites that they create. When you create a new Google Site, it’ll appear verified in the details page. The same goes for adding or removing owners: when you edit the owners list in your Google Site's settings, the changes will automatically appear in Webmaster Tools.

One thing to note is that we’re unable to automatically verify preexisting Google Sites at this time. If you’d like to verify your older Google Sites, please continue to use the meta tag method already available.

We hope these enhancements help get you through security even faster. Should you get pulled over and have any questions, feel free to check out our Webmaster Help Forums.


Written by Kevin Marshall, Konstantin Roslyakov, Ian Porteous (Software Engineers)this is a topic published in 2013... to get contents for your blog or your forum, just contact me at: devnasser@gmail.com

salam every one, this is a topic from google web master centrale blog: Webmaster Level: All

In our ongoing effort to help you find more high-quality websites in search results, today we’re launching an algorithmic change that looks at the layout of a webpage and the amount of content you see on the page once you click on a result.

As we’ve mentioned previously, we’ve heard complaints from users that if they click on a result and it’s difficult to find the actual content, they aren’t happy with the experience. Rather than scrolling down the page past a slew of ads, users want to see content right away. So sites that don’t have much content “above-the-fold” can be affected by this change. If you click on a website and the part of the website you see first either doesn’t have a lot of visible content above-the-fold or dedicates a large fraction of the site’s initial screen real estate to ads, that’s not a very good user experience. Such sites may not rank as highly going forward.

We understand that placing ads above-the-fold is quite common for many websites; these ads often perform well and help publishers monetize online content. This algorithmic change does not affect sites who place ads above-the-fold to a normal degree, but affects sites that go much further to load the top of the page with ads to an excessive degree or that make it hard to find the actual original content on the page. This new algorithmic improvement tends to impact sites where there is only a small amount of visible content above-the-fold or relevant content is persistently pushed down by large blocks of ads.

This algorithmic change noticeably affects less than 1% of searches globally. That means that in less than one in 100 searches, a typical user might notice a reordering of results on the search page. If you believe that your website has been affected by the page layout algorithm change, consider how your web pages use the area above-the-fold and whether the content on the page is obscured or otherwise hard for users to discern quickly. You can use our Browser Size tool, among many others, to see how your website would look under different screen resolutions.

If you decide to update your page layout, the page layout algorithm will automatically reflect the changes as we re-crawl and process enough pages from your site to assess the changes. How long that takes will depend on several factors, including the number of pages on your site and how efficiently Googlebot can crawl the content. On a typical website, it can take several weeks for Googlebot to crawl and process enough pages to reflect layout changes on the site.

Overall, our advice for publishers continues to be to focus on delivering the best possible user experience on your websites and not to focus on specific algorithm tweaks. This change is just one of the over 500 improvements we expect to roll out to search this year. As always, please post your feedback and questions in our Webmaster Help forum.

Posted by Matt Cutts, Distinguished Engineerthis is a topic published in 2013... to get contents for your blog or your forum, just contact me at: devnasser@gmail.com

Seo Master present to you:

Kevin

Marcin

Jared

By Jared Goralnick, Marcin Kwietniewski, and Kevin Nilson, with Scott Knaster and Domenica Liberti, Google I/O Team

Google I/O 2012 is fast approaching, and to help energize you for three packed days of demos, announcements and developer fun, we chatted with a few attendees to see what excites them about this year's agenda, and to get some tips on how to make the most of the event.

For today's post we talked with 3 developers about how they use Google technologies and how Google I/O helps them learn and code.


Jared Goralnick, Founder and CEO, AwayFind

What do you do and what’s your general approach to Google I/O?
My job is to help our engineers get things done, and to grow AwayFind's user base. Google I/O for me is a chance to meet with Googlers and independent software vendors that are pushing the limits of the technologies we work with, mainly Gmail and Google Apps. The people I’ve met at Google I/O in years past have helped my team on both technical and business issues.

What Google technologies do you use in your products?
AwayFind delivers mobile alerts for priority emails. That means we use:

• OAuth for single sign-on via Google accounts and to connect to our users' Gmail and Google Calendar data.
• Google Apps Marketplace to provision entire Google Apps domains at once.
• a Gmail contextual gadget to deeply integrate into the Gmail UI for Google Apps Marketplace users.
• a Chrome extension to integrate into the Gmail UI for people who sign up outside of the Google Apps Marketplace.
• An Android app for push delivery of urgent alerts, and to manage AwayFind on-the-go.
• Google Wallet as part of our Android in-app purchase.

What are the most valuable parts of Google I/O for you? Any advice for new attendees?
It's the unique group of people that make the difference for me at Google I/O. While there will be specific events I'll attend like Wednesday’s "Android Apps in Google Play" and Friday's "Designing for the Other Half," it's the Office Hours and the Sandbox that really excite me.

For anyone who will be attending for the first time, I recommend highlighting the talks or labs that you really want to attend (last year’s Android app was a big help for this). But even more importantly, be sure to list out the questions you really need answered and the people you'd really like to meet.

How is Google I/O different from other conferences you attend?
Google I/O attendees know how to work with the Google ecosystem to build products and businesses. For 3 days this summer, I'll be surrounded by experts and I can ask tough questions of people who have real experience. No other conference offers such a deep dive into the world where my team and my customers spend most of their days.

And it's fun. The afterparty is a chance to be a happy geek. The keynote is energetic. And everyone seems to be in a good mood with free food (and plenty of candy).


Marcin Kwietniewski, Software Engineer, Wave Accounting

Have you been to Google I/O before? What’s your overall perspective on this year’s event?
Not only is this my first Google I/O, I'm a bit of an outsider in the web dev world — I was in database systems and video-processing software until recently. So from that perspective I often find myself asking questions like this:

If we can create brilliant technology that allows me to use my phone to take HD video of a cat and share it with a billion people online, why do small business owners still have to burn a quarter of their time doing administrative tasks instead of, you know, running the business?

So you're saying you hate cats? (Just kidding.) Seriously, what kinds of products are you working on?
My company, WaveAccounting.com, is building smarter, better business tools. Our free online accounting application has had a quarter of a million small businesses sign up in a year and a half. We're launching Wave Payroll soon, too, and we hope to see the same kind of fireworks there.

What are you hoping to learn at I/O?
I'll be at the Google Drive SDK session to see how Wave can use Google Drive to enable easier collaboration between our customers and their accountants — specifically, the ability to share receipts, tax documents, and so on.

At Wave we're currently exploring how to separate the permissions for our various services, so I’ll be at the OAuth session, too. Specifically, I’m looking forward to Python samples for managing user identity and data access within an application.

And as a relative newcomer in the web world, the session about visual design is going to be awesome for me. I haven’t had much design experience before Wave, and though we have great UI/UX people who do most of that work, I still often work very directly on user-facing parts of our application, so I expect to learn a lot from the visual design pros.

At Wave we’re already taking advantage of Google OpenID, and our apps are on the Chrome Web Store and the Google Apps Marketplace. But my marketing colleagues at Wave have me on the lookout for new ways of leveraging the Google ecosystem to drive traffic.

And I'll be absorbing as much Android know-how as possible. Our mobile apps are in progress.

It sounds like you’re very business-focused, but please don’t forget to have fun at I/O too.
Absolutely! I've heard great things about the camaraderie at I/O, and the events from last year look like a blast. I'm looking forward to some fun as well as the mental challenges.


Kevin Nilson, VP Engineering, just.me, and user group leader

Tell us what you do and which technologies you use.
I am the VP of Engineering of just.me, a mobile startup in the social space. At just.me we are building iPhone, Android, HTML5 Mobile, and HTML5 Web applications. At just.me I code on the Android app, the server-side SpringMVC, and a bit on the HTML5. I/O is great because it has great coverage of modern development tools.

I am also the leader of the Silicon Valley Google Technology User Group. I find I/O a great place to get a preview of what possible topics I may want to have throughout the year. If you enjoy I/O, but want to learn more and meet with developers from your community I recommend looking at https://developers.google.com/groups/ to find a local group. If you don’t find a local group you can always start one yourself.

What are you looking forward to most at I/O?
I am most excited about the Android sessions. I'd love to start leveraging all of the ICS features in the just.me app. I will also squeeze in some Google Maps sessions. I seem to find myself using Google Maps on some project every year, so I like keeping up-to-date with Maps.

I also enjoy attending hands-on sessions at I/O. Historically Bootcamp has been my favorite part of I/O. I love sitting in a 1-2 hour session and learning the basics of something I have never done before. The Code Labs this year look great.

As a Google I/O veteran, tell us what it feels like to attend I/O.
I/O has great energy, because it brings developers from all backgrounds. Most conferences I attend, all developers are from very similar backgrounds. I really enjoy the hallway and lunchtime conversations with developers of diverse backgrounds.

I/O also pulls together experts from many different areas. I think the speaker quality at I/O is better than other conferences. Many of the speakers are on the core development teams of the products and others are directly involved in specs.

You're active in the developer community. How does I/O help with that?
I lead the Silicon Valley Google Technology User Group. I/O is the place to meet group leaders from around the world. The group lounge is a great place to relax and meet other developers.


Not coming to Google I/O 2012 in person? Not a problem. Watch the keynote and dozens of other sessions streamed live at developers.google.com/io.


Jared Goralnick is Founder at AwayFind, where he helps people to stop checking their email. You can also find him mentoring at 500 Startups, hosting the Inbox Love conference, and tripping over his own feet on the swing dance floor. Follow Jared at @technotheory.

Marcin Kwietniewski is a Software Engineer (Python/Django) at Wave Accounting. In addition to his new adventures in web development, he's traded in spare time pursuits like puzzles, sci-fi novels and ballroom dancing in favor of his beautiful 16-month-old daughter. Follow Marcin at @marcin_kw.

Kevin Nilson is VP of Engineering at Just.Me. Kevin has spoken at conferences such as JavaOne, Devoxx, JAX, Silicon Valley Code Camp, and AjaxWorld. Kevin is the leader of the Silicon Valley Web Developer Java User Group, Silicon Valley Google Technology Users Group and Silicon Valley JavaScript Meetup. Follow Kevin on Google+ and Twitter.

Edited and posted by Scott Knaster and Domenica Liberti, Google I/O Team.

2013, By: Seo Master