Les nouveautés et Tutoriels de Votre Codeur | SEO | Création de site web | Création de logiciel

Seo Master present to you: SEO Tutorial, kita akan bikin kotak shoutbox (buku tamu) dengan menggunakan fasilitas gratisan yang disediakan oleh oggix.com. Sebenarnya banyak penyedia shoutbox dan mereka memberikannya secara cuma-cuma tapi di tutorial ini kita pilih oggix.com> kenapa? Karena di oggix emang lebih mudah bikin shoutbox (paling tidak itu yang saya rasa). Sebelumnya kita masuk ke http://oggix.com/

untuk masuk dan daftar jadi member dulu, tenang daftarnya gratis ko. Klik register, kemudian isi form yang ada;

* Email/username : (isi dengan alamat email kamu. Alamat email ini sekaligus jadi username buat login di oggix nantinya)
* Password : (kode rahasia -hanya kamu yg tahu-)
* Confirm Password : (ulangi lagi kode rahasia tadi, yang sama ya)
* Name : (isi dengan nama kamu, jangan nama tetangga!)
* Website Title : (isi dengan judul atau tema Blog kamu)
* Website Url : (isi dengan alamat blog kamu yang akan pake shoutbox nantinya)
* Website Description : (Isi dengan penjelasan singkat mengenai Blog kamu, sedikit saja!)
* Country : (pilih negara kamu -Indonesia-)
* Security Code : (kamu liat nomor ? -biasanya tiga digit- ketik ulang di kotak bawahnya)


Setelah semua diisi klik Register dibawahnya.
Ok, tinggal login sekarang; Isi username/alamat email dan passwordnya kemudian klik login. Kita akan bikin shoutbox sekarang.

Setelah masuk ke oggix, kita akan dapetin tool-tool (alat2) disebelah kiri sebagai menu; ada Home, Avatar, Intall Shoutbox dan sebagainya ke bawah.

Karena kita akan bikin Shoutbox maka kita pilih (klik) Install Shoutbox lalu klik HTML Code. Yang kita perlukan hanya lima langkah untuk dapetin shoutbox.

1. Set shoutbox configuration (Menyetel konfigurasi)
2. Choose shoutbox type (Memilih tipe yang kita suka)
3. Choose shoutbox color (Memilih warna)
4. Choose shoutbox template (Memilih tampilan)
5. Copy and paste the HTML codes to your HTML page where you want to put the shoutbox (Dan terakhir copas alias copy-paste ke blogger baru)

1. Set shoutbox configuration (Menyetel konfigurasi)
ada:

* Enable Smilies, klik yes jika pengen pake (ikon) smile jika tidak ya klik no.
* Enable Avatar, sama seperti diatas.
* Shoutbox Time, pilih standar waktu tempat kamu tinggal. Jika kamu tinggal di bagian barat wilayah Indonesia pilih "GMT+7 Bangkok, Jakarta"
* TimeStamp, gaya tampilan tanggal dan jam kamu pengen seperti apa? atur aja!
* Flood Control, banyaknya pesan yang ditampilkan di shoutbox sisanya di hide tapi bisa dibuka juga.

Setelah klik next...

2. Choose shoutbox type (Memilih tipe yang kita suka)

Kalo udah nemuin tipe yang serasi alias cocok bin pas ama kita, klik aja Choose Thiss>>nya ga usah ragu dah.

3. Choose shoutbox type (Memilih tipe yang kita suka)

Milih warna kadang gampang kadang susah, tergantung! Warna yang kita pengen ada nggak? Atau justru kita ga tau apa warna yg kita pengen?!? Waaaaah bahaya boss. Ya udah, kira2 pilih warna yang sesuai dengan warna Blog kamu, atau justru pilih warna yang justru ga sesuai dengan warna Blog kamu... Biar kontras gituh! Kan mudah dapet perhatian... Itu semua terserah kamu. Choose This>> Kalo dah nemuin warna yang cocok.

4. Choose shoutbox template (Memilih tampilan)

Memilih tampilan ini berhubungan dengan style kita... dengan gaya dan kepribadian kita! Blogger bilang tampilan shoutbox menggambarkan kepribadian blogger tersebut, wallahu a'lam benar tidaknya, yang jelas jangan salam milih tampilan (tapi ntar dilain waktu bisa di ubah ko, tenang ajah) . Ok seperti biasa Choose This>> kalo dah menemukan tampilan buat shoutbox kamu.

5. Copy and paste the HTML codes to your HTML page where you want to put the shoutbox

Beres sudah... Sekarang tinggal masukkan kode tersebut ke blogger kamu, blogger baru! Caranya? Setelah login ke blogger dengan account google kita klik Layout-Template-Page Element. Lalu klik Add a Page Element di bagian (sidebar) kanan, tunggu sebentar lalu pilih HTML/JavaScript - ADD TO BLOG. Pada Title kita tuliskan "Buku Tamu" atau kata-kata lain yang lebih kamu sukai, misalkan "Jejak Blogger" atau yg lebih formal "Silahkan Tinggalkan Pesan Anda" atau what everlah, terserah kamu ajah. Pada Content, kamu paste kode yang dari oggix tadi.

Ingat: Kodenya jangan diubah-ubah kecuali kamu tahu bagian mana saja yang bisa diubah dan bagian mana yg tidak boleh diubah.

Klik Save . Selesai deh…..
2013, By: Seo Master
Seo Master present to you: form.php
<pre>
<html>
<head>
<title>Personal INFO</title>
</head>
<body>

<?php if($_REQUEST['err']) {?>
<br />
<div style="border:1px solid red;text-align:center;width:600px;margin:auto;color:red;">
    <?php
    echo $err=$_REQUEST['err'];
    ?>       
</div>   
<?php } ?>



<?php if($_REQUEST['succes']) {?>
<br />
    <div style="border:1px solid green; background:#00FFCC;text-align:center;width:800px;margin:auto;color:green;">
    <?php
    echo $succes=$_REQUEST['succes'];
    ?>       
    </div>
<?php } ?>


<br />
<form method="post" action="form-action.php">
<table  align="center" bgcolor="#CCCCCC";>

    <tr>
        <td>First Name:</td>
            <td><input type="text" size="12" maxlength="12" name="Fname">
           
            <td>Last Name:</td>
    <td><input type="text" size="12" maxlength="36" name="Lname">
            </td>
    </tr>
   
    <tr>

        <td><input type="hidden"  name="id"></td>
    </tr>
   
   
    <tr>
        <td>Gender:</td>
       
        <td><input type="radio" value="Male" name="gender">Male</td>
        <td><input type="radio" value="Female" name="gender">Female</td>
    </tr>
    <tr>

        <td>Please choose type of residence</td>

        <td><input type="checkbox" value="Burger" name="food[]">Burger</td>
        <td><input type="checkbox" value="Pizza" name="food[]">Pizza</td>
        <td><input type="checkbox" value="Chicken" name="food[]">Chicken</td>

    </tr>
   
    <tr>
        <td>Your comments:</td>
        <td><textarea rows="5" cols="20" name="quote"></textarea></td>
    </tr>
   
    <tr>
        <td>Select a Level of Education:</td>
   
        <td><select name="education">
        <option value="Jr.High">Jr.High</option>
        <option value="HighSchool">HighSchool</option>
        <option value="College">College</option></select></td>
    </tr>

    <tr>
    <td>Select your favorite time of day:</td>
    <td>
    <select name="TofD" size="3">
    <option value="Morning">Morning</option>
    <option value="Day">Day</option>
    <option value="Night">Night</option></select>
    </td>
    <tr>
    <tr>
<td><input style="margin-left:150px;"  type="submit" value="login" name="submit"></td></tr>
</tr>
</table>
</form>
</pre>

form-action.php
<pre>
<?php
mysql_connect("localhost","root","") or die (mysql_error());
mysql_select_db("formexample") or die (mysql_error());


if(isset($_REQUEST['submit']))
{
   
   
        $Fname = $_POST["Fname"];
        $Lname = $_POST["Lname"];
        $gender = $_POST["gender"];
        $food = $_POST["food"];
        $quote = $_POST["quote"];
        $education = $_POST["education"];
        $TofD = $_POST["TofD"];
       

        if(empty($Fname))
            {
                $error="First Name cannot be empty";   
           
            }
        else if    (empty($Lname))
        {
            $error="Last Name cannot be empty";   
       
        }
       
        else if    (empty($gender))
        {
            $error="Gender cannot be empty";   
       
        }
        else if    (empty($food))
        {
            $error="Food cannot be empty";   
       
        }
       
        else if    (empty($quote))
        {
            $error="Quote cannot be empty";   
       
        }
        else if    (empty($education))
        {
            $error="Education cannot be empty";   
       
        }
        else if    (empty($TofD))
        {
            $error="Favorite time cannot be empty";   
       
        }
       
   
        if($error==NULL)
        {       
            $data="";
            $data=implode(",",$food);
   
            $query="insert into form values('','$Fname','$Lname','$gender','$data','$quote','$education','$TofD')";
            $result=mysql_query($query);
            if($result)
            {
            $succes = "Succesfuly added your information";
            }
           
            ?>
            <body onLoad="document.myform.submit(); ">
            <form name="myform" method="post" action="form.php?&succes=<?php echo $succes; ?>"></form>
            </body>
           
            <?php
        }
        else
        {
        ?>
        <body onLoad="document.myform.submit(); ">
            <form name="myform" method="post" action="form.php?&err=<?php echo $error; ?>"></form>
        </body>
   
       
        <?php
        }
       
}

?>
</pre>2013, By: Seo Master
salam every one, this is a topic from google web master centrale blog: Webmaster Level: Intermediate to Advanced

What are the benefits of submitting feeds like Video Sitemaps and mRSS vs. the benefits of Facebook Share and RDFa? Is one better than the other? Let’s start the discussion.

Functionality of feeds vs. on-page markup

Google accepts information from both video feeds, such as Video Sitemaps and mRSS, as well as on-page markup, such as Facebook Share and RDFa. We recommend that you use both!

If you have limited resources, however, here’s a chart explaining the pros and cons of each method. The key differentiators include:
  • While both feeds and on-page markup give search engines metadata, Video Sitemaps/mRSS also help with crawl discovery. We may find a new URL through your feed that we wouldn’t have easily discovered otherwise.

  • Using Video Sitemaps/mRSS requires that the search engine support these formats and not all engines do. Because on-page markup is just that -- on the page -- crawlers can gather the metadata through organic means as they index the URL. No feed support is required.

 Feeds
(Video Sitemaps & mRSS)
On-page markup
(Facebook Share & RDFa)
Accepted by Google
Helps search engines discover new URLs with videos (improves discovery and coverage)
Provides structured metadata (e.g. video title and description)
Allows search engines without sitemap/mRSS support to still obtain metadata information (allows organic gathering of metadata)
Incorporates additional metadata like “duration”


If you’re further wondering about the benefits of specific feeds (Video Sitemaps vs. mRSS), we can help with clarification there, too. First of all, you can use either. We’re agnostic. :) One benefit of Video Sitemaps is that, because it’s a format we’re actively enhancing, we can quickly extend it to allow for more specifications.

All this said, if you’re going to start from scratch, Video Sitemaps is our recommended start.

 Video SitemapsmRSS
Accepted by Google
Been around for a long, long time and pretty widely accepted
Extremely quick for Google Video Search team to extend


“Starving” to start conversation about feeds or on-page markup? Join us in the Sitemaps section of the Webmaster discussion forum.

this is a topic published in 2013... to get contents for your blog or your forum, just contact me at: devnasser@gmail.com
Powered by Blogger.