Cara Membuat Permalink Yang SEO Friendly

Sumber Gambar  : Google Images

Assalammualaikum Wr. Wb

   Hai kawan, setelah beberapa waktu yang lalu Syahroonix telah memposting tentang Cerita Profesor Bodoh Yang Sombong. Kini Syahroonix ingin berbagi tentang Cara Membuat Permalink Yang SEO Friendly. Seperti judulnya di artikel ini Syahroonix akan membahas tentang Cara Membuat Permalink Yang SEO Friendly. Jadi, disini Syahroonix akan memberi tahu kawan-kawan tentang cara membuat sebuah permalink yang SEO. Kalau masalah SEO kawan sudah tahu kan? Apa? kalian belum tahu? Ok, kalau memang kalian belum tahu maka Syahroonix akan memberi tahu kalian apa itu SEO. Jadi, SEO itu adalah singkatan dari Search Engine Optimizer atau Optimasi Mesin Pencari. Semakin SEO blog atau Web kalian. Maka, semakin besar kemungkinan blog atau web kalian berada di peringkat pertama pada pencarian seperti Google, Yahoo, ataupun yang lainnya. Lebih tepat lagi kalau disebut SEO On Page. Kalau permalink kalian sudah tahu kan? Belum juga? Owh ok ok tenang. Kalau memang belum tahu, maka Syahroonix dengan gratis memberi tahu kalian juga kok. Jadi permalink adalah singkatan dari Permanen Link. Permalink itu adalah sebuah element yang wajib dimiliki oleh sebuah blog. Ok, untuk menghemat waktu kita langsung saja membahas topik inti dari artikel ini.

    Kalau kalian memang benar-benar ingin tahu cara membuat permalink yang SEO On Page, maka lakukan tutorial dibawah ini dengan baik dan benar.

Langkah Pertama

Seperti yang sering Syahroonix katakan. Langkah pertama yang harus kalian lakukan adalah log in ke Blogger dengan akun kalian sendiri. Jangan menggunakan akun Orang yah kawan? Nanti Disangka maling lagi. :)

Langkah Kedua

Setelah kalian berhasil masuk, langsung deh kalian masuk ke Template dan langsung klik EDIT HTML. Tidak perlu centang Expand Widget Templates yah kawan.

Langkah Ketiga

Pencet CTRL+F atau F3 di keyboard dan langsung ketik kode ]]></b:skin>

Langkah Keempat

Setelah ketemu kode ]]></b:skin>, letakkan kode dibawah ini tepat diatas kode ]]></b:skin>

    <!--Syahroonix Blog | Berbagi Segala Hal Permalink-->

    .permalink-Syahroonixblog {border: 2px solid #EEE; padding: 5px; background: #fff;-moz-border-radius:5px;

    }

    .permalink-Syahroonixblog a {background:none;

    }

    img.float-right {margin: 5px 0px 0 10px;

    }

    img.float-left {margin: 5px 10px 0 0px;

    }

    <!--Syahroonix Blog | Berbagi Segala Hal Permalink-->

Langkah Kelima

Jangan dulu klik Save Template kawan, masih ada beberapa langkah lagi. Setelah itu, kalian cari lagi kode <data:post.body/>

Keterangan :

Jika di template Snixi ada lebih dari 1 kode <data:post.body/>, coba saja cara keenam di semua kode <data:post.body/> yang ada satu per satu yah Snixi.

Langkah Keenam

Setelah ketemu kode <data:post.body/> tadi, kalian sisipkan kode dibawah ini tepat di bawah kode <data:post.body/> ini.

    <div class='permalink-Syahroonixblog' style='padding:5px 5px 5px 5px; overflow: auto; width: auto; height: auto; text-align: justify;'><small>Anda telah membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda juga bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>. Anda boleh menyebarluaskan atau mengcopy artikel <strong><data:blog.pageName/></strong> ini jika memang bermanfaat bagi Anda, namun dengan catatan jangan lupa untuk mencantumkan link sumbernya.</small></div>

Keterangan :
Kata-kata yang ada dalam permalink dapat kalian ubah sesuai keinginan kalian masing-masing.

Langkah Ketujuh

Setelah selesai, barulah kalian dapat mengklik tombol Simpan Template atau Save Template

Lihatlah hasilnya sekarang.

Selamat Mencoba.

    Mungkin hanya ini yang dapat Syahroonix sampaikan kali ini dalam artikel Cara Membuat Permalink Yang SEO Friendly. Sebelumnya Syahroonix mohon maaf untuk kesalahan-kesalahan dari artikel ini. Peringatan : Ini adalah artikel asli milik Syahroonix, kalian diperbolehkan mengcopy artikel ini tapi jangan mengklaim bahwa ini adalah artikel milik kalian. Dan, apabila kalian mengcopy artikel ini tolong sertakan pula link sumber asli dari blog ini. Biasakan juga untuk menghargai hasil karya orang lain dengan minimal meninggalkan komentar baiknya di kolom komentar. Bila ada waktu luang, sempatkanlah membaca artikel lain di blog ini dan juga klik iklan yang ada di blog ini untuk mendukung blog ini tetap update. Terima kasih.

Tags : cara membuat permalink seo, cara membuat kotak permalink seo keren, cara membuat permalink di blog, cara membuat permalink blog di bawah postingan, cara membuat kotak bacaan dibawah postingan, cara membuat permalink seo di bawah postingan blog, cara membuat permalink seo keren di bawah postingan blog, cara membuat permalink di blog seo, cara membuat permalink yang seo di blog, tutorial membuat permalink, tutorial membuat permalink seo, tutorial membuat permalink seo, tutorial membuat permalink seo di blog, how to make seo permalink below post

Sumber Artikel : Syahroonix Blog | BerbagiSegala Hal

Read More Cara Membuat Permalink Yang SEO Friendly

Cara Memasang Kotak Komentar Facebook Disebelah Komentar Blog

Sumber Gambar   :  Google Images

Hai Kawan, hari ini Syahroonix akan berbagi pengetahuan dengan kalian. Kali ini Syahroonix akan berbagi tentang Cara Memasang Kotak Komentar Facebook Disebelah Komentar Blog. Di artikel ini Syahroonix akan memberi tahu cara membuat kotak komentar yang berada di sebelah komentar blog. Ini adalah salah satu Tutorial Blog dari saya yang mungkin bermanfaat. Kalian pernah melihat kan ada komentar facebook di dekat komentar blog? Bila kalian ingin seperti itu juga, silahkan lihat caranya di bawah ini.

Cara Memasang Kotak Komentar Facebook Disebelah Komentar Blog hanya memerlukan 10 langkah yang tidak terlalu sulit untuk dilakukan. Siap? Ok.

Langkah Pertama
Kalian hanya perlu log in lah ke blog kalian atau ke sini http://blogger.com/

Langkah Kedua
Masuk ke menu Template dan klik Edit HTML. Kalau kalian nggak paham, lihat gambar dibawah ini.

1.

2.

Langkah Ketiga

Centang kotak Expand Widget Templates seperti pada gambar dibawah ini.

Langkah Keempat

Silahkan kalian tekan CTRL+F dihidung kalian sendiri. Ehh, Di keyboard kalian maksudnya hehe. Lalu carilah kode ]]></b:skin>

Langkah Kelima

Kalau kalian sudah berhasil menemukan kodenya, simpanlah kode dibawah ini diatas kode ]]></b:skin> tadi.

<!--Facebook Comment Syahroonix Blog--> .comments-page { background-color: #;} #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;}

Langkah Keenam

Setelah kalian selesai memasang kode diatas dengan baik dan benar sekarang carilah kode </head>

Langkah Ketujuh
Kalian letakkan kode dibawah ini tepat diatas kode </head>



<!--Facebook Comment Syahroonix Blog--> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <script src='http://code.jquery.com/jquery-latest.js'/> <meta content='ID Facebook Kamu' property='fb:admins'/> <script type='text/javascript'> function commentToggle(selectTab) { $(".comments-tab").addClass("inactive-select-tab"); $(selectTab).removeClass("inactive-select-tab"); $(".comments-page").hide(); $(selectTab + "-page").show(); } </script>

Langkah Kedelapan

Kawan-kawan jangan terkecoh, gantilah kata ID Facebook Kamu dengan Id facebook asli kalian. Kalau cara mengetahuinya gampang kok. Kalian hanya butuh log in ke Facebook Kalian masing-masing dan masuklah ke Profil kalian. Lihatlah link profil kalian. Misal : http://www.facebook.com/123456

Angka 123456 itulah yang dimaksud ID facebook kalian. Jadi masukkan nomer itu, hanya nomornya jangan dengan linknya yah kawan.

Langkah Kesembilan

Sedikit lagi berhasil nih kawan, sekarang kalian hanya butuh untuk mencari <div class='comments' id='comments'> lalu masukkan kode dibawah ini tepat dibawah kode <div class='comments' id='comments'>

<!--Facebook Comment Syahroonix Blog--> <div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'> <img class='comments-tab-icon' alt="Cara Memasang Kotak Komentar Facebook Disebelah Komentar Blog" src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png' title="Cara Memasang Kotak Komentar Facebook Disebelah Komentar Blog"/> <fb:comments-count expr:href='data:post.url'/> Comments </div> <div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'> <img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments </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 expr:href='data:post.url' num_posts='5' width='630'/> </b:if> </div> <div class='comments comments-page' id='blogger-comments-page'>

Peringatan :
1. kan ada kode kayak gini di langkah sembilan. <fb:comments expr:href='data:post.url' num_posts='5' width='630'/>
* Angka 5 = banyaknya komentar yang akan tampil dilayar
* Angka 630 = lebarnya kotak komentar Facebook
2. Kalau waktu kalian lagi nyari kode <div class='comments' id='comments'> dan menemukan lebih dari 1, maka simpan kode yang ada di langkah sembilan di bawah semua kode <div class='comments' id='comments'>

Langkah Kesepuluh
Klik Simpan Template atau Save

Taraaaaaaa, kalau semuanya dilakukan dengan benar maka hasilnya akan seperti ini kawan:

Selamat Mencoba.

Mungkin hanya itu yang dapat Syahroonix bagikan tentang Cara Memasang Kotak Komentar Facebook Disebelah Komentar Blog. Ingat, ini adalah konten Tutorial Blog asli milik saya, kalian boleh mengcopy-nya tapi jangan mengklaim kalau ini adalah artikel milik kalian. Dan, kalau kamu mengcopy artikel ini jagan lupa memasang link sumber asli blog ini. Biasakan juga untuk menghargai karya orang lain dengan minimal meninggalkan komentar baiknya di bawah dan kalau bisa bacalah artikel lain dari blog ini dan klik iklan yang ada di blog ini untuk mendukung blog ini.

Tags : Memasang kotak komentar facebook, komentar facebook, kotak komentar facebook disebelah komentar blog, komentar blog dan facebook, cara memasang kotak komentar facebook disebelah komentar blog, cara membuat komentar facebook, di sebelah komentar blog, cara membuat komentar facebook di blog, cara membuat kotak komentar facebook di bawah postingan blog, cara memasang kotak komentar fb di blog, cara membuat kotak komentar facebook di blog, cara membuat kotak komentar fb di blog

Sumber  : Syahroonix Blog | Berbagi Segala Hal

Read More Cara Memasang Kotak Komentar Facebook Disebelah Komentar Blog

Cara Membuat Menu Social Share Sederhana Dengan CSS 3

Assalammualaikum Wr. Wb

   Hai kawan, setelah sebelumnya Syahroonix sudah sharing tentang Cara Submit Ke 20+ Websites. Kali ini Syahroonix akan memberi tahu tentang Cara Membuat Menu Social Share Sederhana Dengan CSS 3. Di artikel ini Syahroonix ingin berbagi hal yang sedikit merujuk ke arah untuk berbagi pula kawan.

  Ok kawan, kalau kalian mau tahu seperti apa widget ini, silahkan lihat di link di bawah ini :

 http://demp-widget-syahroonix-blog.blogspot.com/2013/03/demo-cara-membuat-social-share-menu.html

Bagaimana bagus kan widget ini? Nah, kalian semua bisa kok memiliki widget ini. Caranya juga mudah, ikuti saja tutorialnya di bawah ini.

Langkah Pertama
Seperti biasa, yang pertama kali harus kalian lakukan adalah log in dengan akun kalian tentunya. Jangan lupa OK?

Langkah Kedua
Kalian langsung OTW ke Template atau Design dan langsung klik Edit HTML. Kali ini centang juga Expand Widget Templates.

Langkah Ketiga
Kalian tekan CTRL+F atau F3 lalu carilah kode ]]></b:skin>

Langkah Keempat
Setelah kode ]]></b:skin> ketemu, maka sisipkan kode dibawah ini diatas kode ]]></b:skin>

<!--Syahroonix Blog | Berbagi Segala Hal-->
#social_nav_horizontal {     margin-left: 100px;     font-family: Futura, Verdana, Sans-Serif;     font-size: 18px;     color: #8E9090;     height: 100px; } #social_nav_horizontal h3 {     display: inline;     padding: 0 10px;     border-bottom: dashed 1px #ccc; } #social_nav_horizontal ul {     margin: 0;     padding: 0;     margin-top: 20px; } #social_nav_horizontal ul li {     float: left;     padding: 5px 0 0 5px;     margin-left: 5px;     list-style-type: none; } #social_nav_horizontal ul li a {     padding: 4px 0 0 28px;     height: 32px;     color: #999;     text-decoration: none;     line-height: 1.45em; } #social_nav_horizontal ul li a:hover {     color: #6DCAFF;     text-decoration: underline; } .delicious {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSD-Gv7LaSyLAOJ9Fn3-p_OJongqahYZNoMUN143Q2CvLlwXnC_bxaRK1X0Iy0mz4IWiuB4OuUSZCnhFPLM1wXMuuxmy2PQLhqa371dgVMiHNq8TS-NARMIxJqHOy8NASgex-plZVKd4Q/s1600/delicious.png)no-repeat;     background-position: 0 -1px; } .facebook {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKWpbIYy4lXUm9TAu9ZyNRkxtq8dQslt3KY_qHh0AuynRA8SdK5W9anS3AliJSNRibZ_pOfNRIUvryDcegTV0kH9sXgQGG-5HMis-Y22X7zEV-nvXSHskYHsAjtzIXf0yCxLVySKgu75w/s1600/facebook.png)no-repeat;     background-position: 0 -1px; } .stumbleupon {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu5XQXa7I1fPS5wLXFHp3emsuSRYQB4Ids7QS1cCkbx3rZ5j5DPzFCtMW35nWdRBF5qgLGpbLfqfdeGXXFoMHOl6N67RDehqdXQNqY983tYknIx4LVpWKPpeZg9N2SYDc0Wtua0y6llTo/s1600/stumbleupon.png)no-repeat;     background-position: 0 -1px; } .twitter {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBA9RV74bRchdMvkvJ8YE0CF3pKWo-OTLgqzGi6TKQ0OhGtNBqvTQBJI5GMoCPWcoaQ1To2ztG4fTDQd59mV__OsOvAIf616BbGoaJdJgg4_KKMnGewdLCPuhDXIWxqi5FrvFUcLMqERg/s1600/twitter.png)no-repeat;     background-position: 0 -1px; }
<!--Syahroonix Blog | Berbagi Segala Hal-->

Maka nanti hasilnya akan seperti ini :

<!--Syahroonix Blog | Berbagi Segala Hal-->

#social_nav_horizontal {     margin-left: 100px;     font-family: Futura, Verdana, Sans-Serif;     font-size: 18px;     color: #8E9090;     height: 100px; } #social_nav_horizontal h3 {     display: inline;     padding: 0 10px;     border-bottom: dashed 1px #ccc; } #social_nav_horizontal ul {     margin: 0;     padding: 0;     margin-top: 20px; } #social_nav_horizontal ul li {     float: left;     padding: 5px 0 0 5px;     margin-left: 5px;     list-style-type: none; } #social_nav_horizontal ul li a {     padding: 4px 0 0 28px;     height: 32px;     color: #999;     text-decoration: none;     line-height: 1.45em; } #social_nav_horizontal ul li a:hover {     color: #6DCAFF;     text-decoration: underline; } .delicious {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSD-Gv7LaSyLAOJ9Fn3-p_OJongqahYZNoMUN143Q2CvLlwXnC_bxaRK1X0Iy0mz4IWiuB4OuUSZCnhFPLM1wXMuuxmy2PQLhqa371dgVMiHNq8TS-NARMIxJqHOy8NASgex-plZVKd4Q/s1600/delicious.png)no-repeat;     background-position: 0 -1px; } .facebook {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKWpbIYy4lXUm9TAu9ZyNRkxtq8dQslt3KY_qHh0AuynRA8SdK5W9anS3AliJSNRibZ_pOfNRIUvryDcegTV0kH9sXgQGG-5HMis-Y22X7zEV-nvXSHskYHsAjtzIXf0yCxLVySKgu75w/s1600/facebook.png)no-repeat;     background-position: 0 -1px; } .stumbleupon {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu5XQXa7I1fPS5wLXFHp3emsuSRYQB4Ids7QS1cCkbx3rZ5j5DPzFCtMW35nWdRBF5qgLGpbLfqfdeGXXFoMHOl6N67RDehqdXQNqY983tYknIx4LVpWKPpeZg9N2SYDc0Wtua0y6llTo/s1600/stumbleupon.png)no-repeat;     background-position: 0 -1px; } .twitter {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBA9RV74bRchdMvkvJ8YE0CF3pKWo-OTLgqzGi6TKQ0OhGtNBqvTQBJI5GMoCPWcoaQ1To2ztG4fTDQd59mV__OsOvAIf616BbGoaJdJgg4_KKMnGewdLCPuhDXIWxqi5FrvFUcLMqERg/s1600/twitter.png)no-repeat;     background-position: 0 -1px; }
<!--Syahroonix Blog | Berbagi Segala Hal-->

]]></b:skin>

Langkah Kelima
Kalian cari lagi kode <data:post.body/>

Langkah Keenam
Setelah kode diatas ketemu, maka sisipkan kode dibawah ini, tepat dibawah kode <data:post.body/> Biasanya ada lebih dari 1 kode seperti itu. Kalau memang ada lebih dari 1, maka pasang kode dibawah, dibawah kedua kode <data:post.body/> 

    <!--Syahroonix Blog | Berbagi Segala Hal-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>     <div id="social_nav_horizontal">                              <h3> Bookmark or Share This Post </h3>
                             <ul>
                                 <li> <a class="delicious" href="http://del.icio.us/post?url=Your website title" title="Share this on del.icio.us">Delicious</a>
                                 </li><li><a class="facebook" href="http://www.facebook.com/sharer.php?u=http://yourwebsite.com">Facebook</a></li>
                                 <li><a class="stumbleupon" href="http://www.stumbleupon.com/submit? url=http://www.yoursite.com/"> Stumble</a></li>
                                 <li><a class="twitter" href="http://twitter.com/home?status=Your Website Title- http://yourwebsite.com@TwitterUserName">Twitter</a></li>
                             </ul>
             </div>
     </b:if>
    <!--Syahroonix Blog | Berbagi Segala Hal-->

Kalau benar maka hasilnya akan seperti ini kawan:

<data:post.body/> 
    <!--Syahroonix Blog | Berbagi Segala Hal-->

<b:if cond='data:blog.pageType == &quot;item&quot;'>     <div id="social_nav_horizontal">                              <h3> Bookmark or Share This Post </h3>
                             <ul>
                                 <li> <a class="delicious" href="http://del.icio.us/post?url=Your website title" title="Share this on del.icio.us">Delicious</a>
                                 </li><li><a class="facebook" href="http://www.facebook.com/sharer.php?u=http://yourwebsite.com">Facebook</a></li>
                                 <li><a class="stumbleupon" href="http://www.stumbleupon.com/submit? url=http://www.yoursite.com/"> Stumble</a></li>
                                 <li><a class="twitter" href="http://twitter.com/home?status=Your Website Title- http://yourwebsite.com@TwitterUserName">Twitter</a></li>
                             </ul>
             </div>
     </b:if>

    <!--Syahroonix Blog | Berbagi Segala Hal-->

Langkah Ketujuh
Klik Simpan Template atau Save Template

Sekarang lihatlah hasilnya, kalau semua tutorialnya dilakukan dengan benar maka hasilnya pasti sama seperti contoh diatas. Selamat Mencoba

Mungkin hanya itu saja yang akan Syahroonix sampaikan kali ini dalam artikel Cara Membuat Menu Social Share Sederhana Dengan CSS 3. Apabila ada kesalahan dalam artikel ini Syahroonix mengucapkan mohon maaf. Ini adalah artikel asli milik Saya, kalian boleh mengcopy artikel ini. Tapi jangan mengklaim bahwa ini adalah artikel milik kalian. Dan, bila kalian mengcopy artikel ini jangan lupa sertakan link sumber asli dari blog ini. Biasakanlah untuk menghargai karya orang lain dengan minimal meninggalkan komentar baiknya di kolom komentar. Bila ada waktu luang, sempatkanlah untuk membaca artikel lain di blog ini dan klik iklan yang ada di blog ini untuk mendukung blog ini tetap Update.

Tags : cara membuat share di bawah postingan, cara membuat tombol share keren, cara membuat tombol share seo dengan CSS, cara membuat tombol social share keren, cara membuat tombol social share yang bagus, cara membuat tombol social share yang keren dan seo, cara membuat tombol social share yang keren dan seo

Sumber Artikel : Syahroonix Blog | Berbagi Segala Hal

Read More Cara Membuat Menu Social Share Sederhana Dengan CSS 3

Cara Membuat Link Yang Seo Friendly

Assalammualaikum Wr. Wb

 Hai kawan, kali ini Syahroonix dalam aritkel Cara Membuat Link Yang Seo Friendly akan menjelaskan kepada kalian tentang Cara Membuat Link Yang Seo Friendly. Kalau masalah SEO sih kalian udah pada tahu dan faham kan? Iya kalau begitu tanpa basa-basi lagi Let's Go To The Topic.

  Jadi kawan, mari kita belajar bagaimana Cara Membuat Link Yang Seo Friendly itu sebenarnya. Kita belajar dari cara membuat link yang biasa terlebih dahulu yah kawan.

A. Membuat link dengan cara biasa
Kalau kalian membuat link dengan cara biasa, maka kode yang digunakan pastilah seperti dibawah ini.

<li><a href='URL Kalian'>Tulisan</a></li>

Dan kalau kalian membuat link dengan cara seperti itu, ini adalah link yang kurang disukai oleh mesin pencari karena terlalu singkat. mari kita ambil contoh, misalkan kalian ingin membuat sebuah link dengan Kata :

Syahroonix Blog | Berbagi Segala Hal

Dan link yang dituju adalah

http://syahroonix-blog.blogspot.com/

Maka kalian akan menuliskan link tersebut dengan kode seperti ini :

<li><a href='http://syahroonix-blog.blogspot.com/'>Syahroonix Blog | Berbagi Segala Hal</a></li> 

Dan hasilnya akan seperti ini : 

Syahroonix Blog | Berbagi Segala Hal

 Sebenarnya kawan, mesin pencari tidak terlalu menyukai link yang seperti ini. Coba kalian bandingkan dengan cara yang kedua.

B. Membuat link dengan cara SEO
Bila kita menggunakan cara ini sebenarnya tidak jauh berbeda sih kawan, tapi manfaatnya itu loh.

Kita ambil cara yang sama yah kawan, bila pada saat  kita menggunakan cara biasa dengan rumus kode seperti ini :

 <li><a href='URL Kalian'>Tulisan</a></li>

Coba kalian ganti kode diatas dengan kode ini :

<li><a alt="Tulisan" href='URL Kalian' title='Tulisan'>Tulisan</a></li>

Dan dengan contoh yang sama dengan cara pertama maka hasil kode tersebut adalah :

<li><a a;t="Tulisan" href='http://syahroonix-blog.blogspot.com/' title='Syahroonix Blog | Berbagi Segala Hal'>Syahroonix Blog | Berbagi Segala Hal</a></li>

Maka hasilnya adalah seperti ini :

Syahroonix Blog | Berbagi Segala Hal

 Memang sih perbedaannya cuma dari kodenya dimana kode pertama tidak pake title sedangkan kode kedua pake. Tapi, perbandingannya itu beda jauh banget loh kawan. Mesin pencari lebih menyukai link yang tidak berujung pada tulisan tapi masih ada title yang menyambungkan tulisan tersebut kawan.

Jadi bagaimana kawan, dari penjelasan diatas apakah kalian dapat memahaminya. Kalau kalian mau bukti. Buatlah contoh dari kedua cara tersebut. Lalu kalian sorot link yang menggunakan cara pertama, link dengan cara pertama tidak memiliki sambungan atau lanjutan yang memperjelas link kalian. Sedangkan dengan cara kedua kita dapat mengetahui dengan jelas apa tujuan dari link tersebut kawan.

(Sebelumnya mohon maaf kepada  para SEO Master kalau artikel ini tidak benar adanya. Karena ini hanya menurut pribadi. Bila ada kata-kata yang tidak benar, mohon kritiknya dari para SEO Master. Karena kritik membangun dari para SEO Master-lah yang membuat Syahroonix menjadi blogger yang lebih baik lagi)    

Mungkin begitu saja artikel tentang Cara Membuat Link Yang Seo Friendly yang dapat Syahroonix tulis. Ini adalah artikel asli milik saya, kalian boleh mengcopy-nya tapi jangan mengklaim kalau ini adalah artikel milik kamu. Dan kalau kamu mengcopy artikel ini, jangan lupa taruh link sumber asli blog ini di blog atau situs kalian. Biasakan untuk menghargai hasil karya orang lain dengan minimal meninggalkan komentar baiknya dibawah dan jangan lupa membaca artikel lain di blog ini dan klik iklan yang ada untuk mendukung blog ini. Terima kasih.

Tags : Cara membuat link seo, membuat link seo, cara membuat link seo friendly, tips membuat link seo friendly, tips membuat link seo, cara membuat link disukai mesin pencari, tips jitu membuat link seo friendly, tips ampuh membuat link yang seo, tips jitu membuat link yang seo, tips ampuh membuat link yang seo friendly, seo friendly tips, membuat blog seo

Sumber : Syahroonix Blog | Berbagi Segala Hal

Read More Cara Membuat Link Yang Seo Friendly

Cara Membuat Gambar Berjalan Dengan Jquery

Hai kawan, kali ini Syahroonix akan berbagi tentang Cara Membuat Koleksi Gambar Berjalan Dengan Jquery. kalian yang suka koleksi gambar-gambar di blog harus coba widget yang satu ini. Ini akan membuat gambar-gambar kalian terlihat bagus dengan melihatnya satu per satu. Kalau kalian mau tahu seperti apa widget tersebut. Silahkan kalian lihat di : http://demp-widget-syahroonix-blog.blogspot.com/2013/03/demo-gambar-bergerak-jquery.html.

Ok, bagaimana jadinya kawan? tertarik tidak untuk mencoba widget ini? Kalau kalian tertarik, kalian boleh mengikuti caranya dibawah ini :

Langkah Pertama
Seperti biasa, yang harus kalian lakukan adalah Log in ke akun Blogger kalian dengan akun kalian sendiri. Jangan minjem akun orang OK.

Langkah Kedua
Setelah Log in, kalian langsung OTW ke Template lalu klik Edit HTML dan tidak perlu centang Expand Widget Templates

Langkah Ketiga
Carilah kode </head> dengan memanfaatkan CTRL+F atau F3

Langkah Keempat
Setelah kode </head> nya ketemu, masukkan kode dibawah ini diatas kode </head> tadi.

<script type="text/javascript" src="http://tutorialforyou.googlecode.com/files/crawler.js"> </script>

Langkah Kelima
Setelah itu, yang perlu kalian lakukan hanya mengklik Save Template.

Langkah Keenam
Eitts, belum selesai kawan. Setelah itu, pergilah kalian ke Tata Letak atau Layout dan pilih Tambah Gadget atau Add Gadget lalu pilih menu HTML/Javascript

Langkah Ketujuh
Biarkan form judul kosong, kecuali apabila kalian mau mengisi-nya. Itu terserah. Di kolom kode masukkan kode di bawah ini.

 <script type="text/javascript">
marqueeInit({
uniqueid: 'image-marquee',
style: {
'padding': '2px',
'width': '468px',
'height': 'auto'
},
inc: 2, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
moveatleast: 4,
neutral: 150,
savedirection: true,
    random: true
});
</script>
<div class="marquee" id="image-marquee">
<img src="http://img222.imageshack.us/img222/8854/waterox.jpg" /><img src="http://img405.imageshack.us/img405/7314/cocovv.jpg" /><img src="http://img853.imageshack.us/img853/5038/bonsaiy.jpg" />
</div>

Keterangan :
Kalau kalian ingin merubah gambarnya dengan gambar kalian , kalian hanya perlu mengganti url gambarnya.Misal :  <img src="http://img222.imageshack.us/img222/8854/waterox.jpg" />. Gantilah url yang berwarna hijau dengan url gambar kalian. Dan kalau kalian ingin menambahkan gambar yang kalian mau, tinggal masukkan kode ini   <img src="URL GAMBAR SNIXI" /> dibawah kode <img src="http://img853.imageshack.us/img853/5038/bonsaiy.jpg" /> atau kalian atur-atur saja sesuka hati kalian.

Langkah Kedelapan
Klik Simpan Widget atau Save. Dan lihatlah hasilnya di blog atau website kalian.

Mungkin begitu saja dari Syahroonix tentang artikel Cara Membuat Koleksi Gambar Berjalan Dengan Jquery.  Ingatlah ini adalah artikel asli milik saya, anda boleh mengcopy-nya tapi jangan mengklaim kalau ini adalah artikel milik anda. Kalaupun anda mengcopy ini jangan sampai lupa untuk menyisipkan link asli dari blog ini. Biasakan juga untuk menghargai hasil karya orang lain dengan minimal meninggalkan komentar baiknya dibawah. Dan jangan lupa untuk membaca artikel lain di blog ini dan mengklik iklan yang ada untuk mendukung blog ini. Terima kasih.

Tags :  Cara membuat gambar berjalan, cara membuat gambar bergerak, membuat gambar bergerak dengan jquery, cara membuat gambar berjalan kesamping dengan jquery, membuat efek gambar berjalan dengan jquery, cara membuat efek gambar bergerak ke samping dengan efek jquery, cara membuat efek gambar keren dengan jquery, membuat efek gambar dengan jquery


Sumber artikel : Syahroonix Blog | Berbagi Segala Hal
 Sumber kode : Tutorial-4u

Read More Cara Membuat Gambar Berjalan Dengan Jquery