Hai Teman teman

Rubah blog anda menjadi DOFOLLOW

Assalamualaikum wr.wb
Berhubung blog dok ini sudah dofollow, maka dok ini berbagi ilmu dan pengetahuan yang dok dapat, caranya sangat mudah kok, tapi sebelum kita mulai, arti dari dofollow itu sendiri adalah jika seseorang berkomentar di blog kita maka akan masuk dalam kantong jeng google (search engine), ini akan menguntungkan anda yang mempunyai blog, karna comment di postingan akan tersearh oleh mbah surip google, lumayan nambah pengunjung bukan.

<a href="data:comment.authorUrl" rel="nofollow">

Klw gak ketemu cari yang ini :

<a href='data:comment.authorUrl' rel='nofollow'>

NB : BEDA ADALAH TITIK ATAS

* Lalu ganti dengan kode ini :

<a href='data:comment.authorUrl'>

<a href="data:comment.authorUrl">

* Lalu SAVE

Untuk memberitahu pengunjung bahwa blog anda DOFOLLOW silahkan copy/paste gambar ini, DALAM KOTAK ITU KODEnya iaialah

Membuat daftar isi postingan

Assalamuallaikum wr.wb
Jika anda tidak ingin memasang arsip pada blog anda, emang sich kelihatan norak, Arsip gunanya memperlihatkan kegiatan nulis/postingan kita, dalam bentuk TANGGAL, bukan tulisan, tapi jika anda ingin membuat daftar isi dengan tulisan kayak buku gitu kayak blog dok ini , caranya gampang - gampang susah sichhh
Langsung aja :

<div style="overflow:auto; padding:5px; width:300px; height:200px; background-color: #fff); border:1px solid #fff;"><style>
.list {
border-bottom:1px dotted $mainTextColor;
line-height:1.2em;
padding:3px;
}
</style>

<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:280px; height:180px; background-color: $mainTextColor; border:1px solid $mainTextColor;">

<div class="list">
1. <a href="http://dokterblogtips.blogspot.com/2009/06/cara-membuat-blog.html">Cara membuat Blog + templates modern</a></div>

<div class="list">
2. <a href="http://dokterblogtips.blogspot.com/2009/06/menambahkan-url-pada-google.html">Memasukan blog ke google</a></div>

</div></div>

# Warna Hijau Ukaran Lebar Kotak ( Silahkan sesuaikan )

# Warna Biru Tingginya Kotak ( Silahkan sesuaikan )

# Warna Kuning Tinggi Tulisan ( Silahkan sesuaikan )

# Warna Ungu Lebar Tulisan ( Silahkan sesuaikan )

# Tulisan Tebal, ganti dengan LINK POSTINGAN anda

Jika anda ingin menambahkan lagi, daftar isinya, 4 , 5 atau seterusnya,
COPY/PASTE kode yang ini :

Jangan lupa kode terakhirnya :

</div></div>

Lalu SAVE dechh, lihat hasilnya !!! Selengkapnya...

Tips mempercepat loading blog

Assalamuaikum wr.wb
Dokter ngepost lagi, setelah dok cape dengan urusan dunia nyata, sekarang dok ada di dunia maya, kemarin dok ditanya sama teman dok, dia bilang gini "dok, ada tips dan trik mempercepat loading pada halaman blog???, terus dok jawabnya simple "banyak berdoa" "aku pelajari dulu", setiap ada masukan dari teman, entah itu masalah blog, bisnis, atau apalah, pasti dok rus pelajari dulu iaiaialahhhhh dok.
Setelah dapat tips meningkatkan alexa rank (yang belum baca klik disini, oh ia dok akhirnya dapat rezeki dok di review, lumayan buat beli bakso, yang pengen ikutan bisa gabung disini,
Lo??? kog ngomongin ini yaaa,,

oke langsung saja begini tipsnya :

* Jangan menaruh GAMBAR/IMAGES yang banyak pada blog, itu akan membuat halaman blog kalian lambat dan berat

* Usahakan postingan yang muncul pada HALAMAN depan sedikitnya 4-5 postingan aja, agar pas di buka pengunjung tidak lambat atau ribet mau baca yang mana, saya sarankan pake daftar isi aja seperti punya dok (yang belum tahu klik disini)

* Banner/iklan/atau macam" pernak-pernik, diusahkan jangan terlalu banyak, yang diperlukan saja, seperti shoutbox, yang belum punya klik disini

* Bagi yang pake Mozilla Fifefox Tambahkan ( add-ons ) tweak pada Firefox anda, klik disini buat instal di Mozilla Fifefox, restar dulu Firefox-nya ( Bukan komputer-nya )

* Setelah terpasang di Firefox anda, Masuklah di TOOLS ( Bagian atas firefox ) --->, lalu klik Tweak Network Settings --->, terus bagian Profil pilih POWER ---> Apply ---> OK

Lihatlah hasilnya, akan lebih cepat dari pada tanpa Tweak.

Cara memasang WP Culumus pada blog

ssalamuaikum 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>

Membuat Link naik - turun

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 ) :

Cara Membuat Favicon Di Blog Kirimkan Ini lewat Email BlogThis! Berbagi ke Twitter Berbagi ke Facebook

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

Mengganti "Older Posts" Dengan Angka

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.

Cara Pasang Flash di Blog

 

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.

Cara Membuat Custom URL Permalink Blogger SEO Friendly

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.