0 Kumpulan Turotial Blog

---

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

---

 , meskipun koleksinya belum banyak tapi mudah-mudahan bisa membantu khususnya bagi anda yang sedang belajar membuat blog dengan platform /Blogspot, sebelumnya saya mohon maaf kalau ada satu atau beberapa tutorial yang mungkin tidak bisa digunakan atau tidak bisa bekerja dengan baik lagi dikarenakan oleh beberapa faktor, tetapi saya akan berusaha untuk meng-edit dan update kembali agar bisa digunakan dan berfungsi lagi

http://chakhraby.blogspot.com/2012/11/cara-membuat-custom-url-permalink.html
http://chakhraby.blogspot.com/2012/11/cara-pasang-flash-di-blog.html
http://chakhraby.blogspot.com/2012/11/mengganti-older-posts-dengan-angka.html
http://chakhraby.blogspot.com/2012/11/mengganti-older-posts-dengan-angka.html
http://chakhraby.blogspot.com/2012/11/cara-membuat-favicon-di-blog.html
http://chakhraby.blogspot.com/2012/11/membuat-link-naik-turun.html
http://chakhraby.blogspot.com/2012/11/cara-memasang-wp-culumus-pada-blog.html
http://chakhraby.blogspot.com/2012/11/meningkatkan-alexa-rank.html
http://chakhraby.blogspot.com/2012/11/tips-mempercepat-loading-blog.html
http://chakhraby.blogspot.com/2012/11/membuat-daftar-isi-postingan.html
http://chakhraby.blogspot.com/2012/11/rubah-blog-anda-menjadi-dofollow.html
http://chakhraby.blogspot.com/2012/11/edu-backlink-cara-mendapatkan-backlink.html
http://chakhraby.blogspot.com/2012/11/code-lagu-cakra-khan.html	http://chakhraby.blogspot.com/2012/11/download-template-cakhraby.html

0 Cara Membuat Custom URL Permalink Blogger SEO Friendly

---

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

---

Cara membuat/meng-edit custom url permalinks Blogger/Blogspot agar lebih SEO friendly, Baru-baru ini Blogger telah memperkenalkan opsi untuk membuat custom URL permalink pada post editor-nya, meskipun masih beta atau tahap testing ini adalah berita yang sangat ditunggu-tunggu oleh pengguna Blogger platform karena kita bisa membuat URL permalink (permanent link) sesuai dengan title/judul blog post tanpa terpotong yang tentunya akan berpengaruh baik pada SEO

Sebelumnya pengguna Blogger platform merasa kecewa karena banyak kekurangan yang ada pada tubuh Blogger khususnya pada SEO, berbeda dengan Wordpress yang banyak option dan plugin untuk menunjang SEO. Tetapi sekarang kekecewaan pengguna Blogspot sudah sedikit terobati setelah Blogger melakukan banyak perubahan dan update pengguna Blogspot sekarang sudah bisa menggunakan option yang diberikan untuk menunjang SEO dan yang lainnya, seperti meng-edit robot.txt, meta description, threaded comments, fitur blogger custom permalink, dll. Apalagi sekarang ini saya sudah banyak melihat teman-teman yang berhasil membuat breadcrumbs terindex Google yang membuat blog terlihat lebih profesional. Nah sekarang kita akan bahas cara membuat custom url permalink blogger, silahkan ikuti Tips And Trik Blog dibawah ini.

• Silahkan masuk di draft.blogger.com bukan di blogger.com
• Buatlah post baru dan lihat disamping kanan post editor ada pilihan Permalink
• Kemudian buatlah permalink yang diinginkan atau sesuai dengan judul/title post
• Pisahkanlah antar kata permalink dengan karakter minus ( – ) agar lebih SEO friendly, menggunakan karakter ( - ) sangat direkomendasikan
• Klik selesai/done

Contoh URL permalink
Judul post " High PR Dofollow Blog Auto Approve Indonesia"
Jika menggunakan Automatic Permalink maka URL permalink dari judul post diatas akan terpotong karena standard blogger tidak lebih dari 38 karakter termasuk spasi,dan ini kurang baik untuk SEO sehingga akan menjadi
HTML:

http://bloggerpeer.blogspot.com/ 2012/06/high-pr-dofollow-blog-auto-approve. html

Jika menggunakan Custom Permalink maka URL Permalink akan terbentuk tanpa ada potongan kata dan tentunya ini akan sangat baik bagi SEO, sehingga akan menjadi
HTML:

http://bloggerpeer.blogspot.com/ 2012/06/high-pr-dofollow-blog-auto-approve-indonesia. html

Nah sekarang terserah anda karena pilihan terakhir ada di tangan anda untuk membuat URL Permalink karena Blogger telah memberikan kita opsi yang sangat baik khususnya untuk membuat URL Permalink, untuk sementara kita hanya dapat membuat custom Permalink dari draft.blogger.com karena ini masih tahap percobaan (Beta) tetapi saya kira tidak lama lagi akan di-update sehingga bisa di akses dari blogger.com
Pada postingan ini saya belum menggunakan fasilitas Custom URL Permalink Blogger karena saya masih menggunakan Windows Live Writer untuk menulis artikel post.

0 Cara Pasang Flash di Blog

---

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

---

Untuk memasang flash ke dalam blog cukuplah mudah. Yang kamu perlukan yaitu file flash yang biasanya ber-extensi .swf lalu upload file tersebut ke hosting. misal di geocities.com ato 000webhost ato tempat hosting lainnya. File animasi flash tersebut bisa dijadikan hiasan pada blog ato bisa juga dijadikan hiasan di header sehingga membuat blog menjadi lebih animatif. Untuk memasang flash pada blog caranya sebagai berikut :

1. Login ke blogger kemudian pilih menu "Layout".
2. Kemudian klik link "Add a gadget" dimana akan ditempatkan animasi flash.
3. Pilih "HTML/Javascript" kemudian taruh script berikut :

<embed src="http://blogoholic.info/wellcome.swf" quality="high" bgcolor="white" width="500" height="100" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash"></embed>

Contoh :


* Ganti "http://blogoholic.info/wellcome.swf" dengan alamat file flash kamu yang telah ditaruh di hosting.
* Ganti width="500" height="100 dengan ukuran dari file flashmu.

0 Mengganti "Older Posts" Dengan Angka

---

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

---

Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.
Nha trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini


1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML"
2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut


.showpageArea a { text-decoration:underline; } .showpageNum a { text-decoration:none; border: 1px solid #cccccc; margin:0 3px; padding:3px; } .showpageNum a:hover { border: 1px solid #cccccc; background-color:#cccccc; } .showpagePoint { color:#333; text-decoration:none; border: 1px solid #cccccc; background: #cccccc; margin:0 3px; padding:3px; } .showpageOf { text-decoration:none; padding:3px; margin: 0 3px 0 0; } .showpage a { text-decoration:none; border: 1px solid #cccccc; padding:3px; } .showpage a:hover { text-decoration:none; } .showpageNum a:link,.showpage a:link { text-decoration:none; color:#333333; }



3. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.

<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>
<!--Page Navigation Ends -->

Kalau sudah silahkan dilihat hasilnya.

1 Cara Membuat Favicon Di Blog

---

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

---

Selamat Datanf agan Telah berkunjung Di Saya akan Mengasihtaukan Vavicon Kalau ingin Favicon ada isi Nya Sangat Gampang Sekali ayo kita mulai


Cara memakai:
1.login bloger
2.pilih blog kamu
3.masuk tataletak



Langkang langkah gambar :

 1.klik edit di tempat favicon
 2.browsekan gambar kamu yang sangat kecil



                                                                  SELEMAT MENCOBA

0 Membuat Link naik - turun

---

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

---

Kalau yang dulu membahas TEKS berjalan yang lumayan panjang yang teksnya mondar-mandir bikin mata ane jadi perih ngeliatnya, ( yang belum tau, baca disini ), sekarang gantian dengan LINK berjalan, cara ini agak lebih mudah gitu, gini caranya :

<marquee direction="up" behavior="scroll" scrollamount="3" scrolldelay="10" width="450" height="100">Selamat datang</marquee>

Ganti TEKS yang berWarna hijau, dengan alamat blog kamu,
contoh alamat blog saya :

<a href="http://dokterblogtips.blogspot.com/" target="_blank">Dokter blogs</a>

Maka hasilnya gini :

Dokter blogs
Maka hasil keseluruhanya gini :





NB : Kuning : Ganti dengan alamat blog kamu, Hijau : Ganti dengan judul blog kamu

NB + = kamu bisa menganti "UP"

Contoh : UP menjadi RIGHT, LEFT, DOWN

Misalnya ( RIGHT ) :

0 Cara memasang WP Culumus pada blog

---

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

---

Assalamuaikum wr.wb
Apa itu WP culumus??? adalah widget yang berkaitan dengan label, katagori dan lain-lainnya, misalnya makanan katagori postingan anda : Cara menampar pacar anda, bahaaya banget bu, Contohnya : LIAT PADA DAFTAR ISI WITH CULUMUS !!!
sebelum melanjutkan, cara ini aku dapat dari pcguru.okihelfiska,
alhamdulillah sekali coba langsung berhasil, jadi jangan takut templates anda rusak atau bermasalah, klw masih takut-takut anda BACKUP dulu templates anda, (yang belum tau, baca artikel yang lalu) tapi masa sich belum tau, langsung aja :

* Yang pasti SIG IN dulu ke blogger
* Lalu masuk LAYOUT --> EDIT HTML ( ingat centangkan)
* lalu cari kode ini :

<b:section class='sidebar' id='sidebar' preferred='yes'>

( Jika anda menggunakan FIREFOX, tekan CTRL=F, untuk mencari kode )

* Jika sudah ketemu, taruh kode dibawah ini, di bawah kode diatas (ngomong apaan ni)

<b:widget id='Label99' locked='false' title='Labels' type='Label'>

<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>


&lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;
&lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /&gt;
&lt;param name="bgcolor" value="#ffffff" /&gt;
&lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;

<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
</b:loop>
&lt;/tags&gt;" /&gt;
&lt;p&gt;Blogumulus by &lt;a href='http://www.dokterblogtips.blogspot.com.com/'&gt;Dokter&lt;/a&gt; and &lt;a href='http://www.kebo-ello.blogspot.com'&gt;Haedir&lt;/a&gt;&lt;/p&gt;

&lt;/object&gt;

</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

* Lalu Seve templates anda, dan liatlah hasilnya

NB : Jika widget WP-CUMULUS anda, tidak rata / ukuranya lebar, ikuti cara di bawah ini.

!!! INGAT HANYA YANG TIDAK SESUAI SAJA, JIKA SUDAH MAKSIMAL / COCOK, JANGAN DI LANJUTKAN !!!


*Untuk yang berwarna hijau, itu adalah lebarnya ( Silahkan sesuaikan dengan templates anda )

*Untuk yang berwarna kuning, itu adalah tingginya ( Silahkan sesuaikan dengan templates anda )

* Untuk yang berwarna biru tebal, itu adalah angkah besarnya tulisan ( Silahkan pilih ukuran tulisan yang anda inginkan )


"JANGAN LANJUTKAN INI BILA TIDAK TERJADI KESALAHAN PADA SAAT TERSAVE"


<b:widget id='Label9' locked='false' title='Tag' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.dokterblogtips.blogspot.com/'>Dokter blogs</a> and <a href='http://www.kebo-ello.blogspot.com'>Haedir</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://dokterblogtips.blogspot.com.swf&quot;, &quot;tagcloud&quot;, &quot;300&quot;, &quot;200&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>