Sebagai seorang blogger tentunya Anda membutuhkan biaya untuk melakukan aktifitas didunia maya. Biaya yang dibutuhkan tentunya lambat laun a...
Search Engine Google sudah melakukan perubahan susunan peringkat dan kualitas terhadap blog dan website pada tanggal 08 Nopember 2012 sekitar pukul 00.00-03.00. \nAlhamdulillah... Blog Yanfizs telahpun diikutkan dalam google update pagerank tersebut. Walau…
Baca selengkapnya »
Untuk meletakkan kode adsense atau iklan pada bagian tengah artikel pada template thesis for blogspot, silahkan temukan dengan CTRL+F kode \u0026lt;data:post.body/\u0026gt;\u003cb\u003e Ada 3 (tiga) kode \u0026lt;data:post.body/\u0026gt; dalam template thesis for blogspot, dan gantilah ko…
Baca selengkapnya »
Cara membuat dua kolom untuk menempatkan widget khususnya banner iklan ataupun adsense berukuran 120x600 piksel dan 160x600 piksel pada template thesis for blogspot. \nLetakkan script berikut tepat dibawah \u0026lt;!--[ END SEARCH ENGINE SIDEBAR ]--\u0026gt; \u0026lt;div c…
Baca selengkapnya »
Cara membuat recent posts blogger atau artikel terbaru dengan 1 thumbnail dan exceprt disertai dengan entri lainnya dan link label kategori.\u003cb\u003e Letakkan Code Javascript ini diatas \u0026lt;/head\u0026gt;\u003c/b\u003e \u0026lt;!--:[ Start Script For Recent Posts With Thumbnail Based On La…
Baca selengkapnya »
Cara menambahkan dua kolom dan tiga kolom widget dibawah post area blogspot atau cara memasang /membuat widget dibawah artikel - table posting menjadi dua atau tiga kolom. \u003cb\u003e Copy dan Paste kode dan letakkan diatas \u0026lt;div id\u003d\u0026#39;sidebar-wrapper\u0026#39;\u0026gt;\u003c/b\u003e \u0026lt;…
Baca selengkapnya »
\u003cstrong\u003e Pilih Salah Satu Dari Ketiga Opsi Ini:\u003c/strong\u003e \u003cstrong\u003e 1. Temukan dengan Ctrl+F dalam template untuk meletakkannya diatas POSTS\u003c/strong\u003e \n\u0026lt;div id\u003d\u0026#39;wrapper\u0026#39;\u0026gt; \u003cstrong\u003e 2. Temukan dengan Ctrl+F dalam template TFB-V2 untuk meletakkannya diatas HEADER\u003c/strong\u003e \u003cstrong\u003e\u003c/strong\u003e \n\u0026lt;div id\u003d\u0026#39;header-wrapper\u0026…
Baca selengkapnya »
Cara membuat artikel terbaru dengan kata lain recent posts berdasarkan kategori pada blogspot yang disertai dengan thumbnail gambar mini dan summary :) \u003cb\u003e Letakkan Code Javascript ini diatas \u0026lt;/head\u0026gt;\u003c/b\u003e \u0026lt;!--:[ Start Script For Recent Posts With Thumbnail …
Baca selengkapnya »
Cara membuat komentar terbaru/ recent comments with avatar di blogspot dengan script sederhana dan ringan :) \nuntuk cssnya letakkan diatas ]]\u0026gt;\u0026lt;/b:skin\u0026gt; : #recent-comments-avatar li{padding:0.25em;margin-bottom:5px;margin-left:-15px;text-indent:0;li…
Baca selengkapnya »
Cara membuat random post pada blogger dengan javascript dan css yang disertai thumbnail gambar mini :) \nIni hanya dokumentasi saja untuk penerapannya mungkin akan dibahas lain waktu :) #random-posts li{padding:0.25em;margin-bottom:5px;margin-left:-15px;text…
Baca selengkapnya »
Cara membuat footer tiga kolom pada template blogger dengan mudah. Ya memang mudah sekali, khususnya pada template thesis for blogspot, dengan sedikit penambahan pada template thesis ini, maka terciptalah 3 buah kolom pada bagian footer yang dapat diisi d…
Baca selengkapnya »
Cara membuat recent post pada sidebar blogspot dilengkapi dengan thumbnail, tanggal entri dan jumlah komentar.\n#recent-posts li{padding:0.25em;margin-bottom:5px;margin-left:-15px;text-indent:0;list-style:none;}\n#recent-posts li a{text-indent:0;}\n#recent-p…
Baca selengkapnya »
Costum Robot Header Tag adalah sebuah pengaturan khusus yang disediakan oleh blogger bagi pengguna blogspot. Pengaturan ini akan diletakkan oleh blogger pada setiap head dari akun blogspot, sehingga apabila mesin jelajah mengunjungi blog, spider atau craw…
Baca selengkapnya »
Slide Out Fixed Side Menu yang hampir mirip dengan template default blogspot namun lebih sederhana dan ringan. Cara membuat animasi slideout menu pada bagian sidebar blog dengan menggunakan css dan jquery ini silahkan kunjungi tutorialnya pada: Tutorial | …
Baca selengkapnya »
Robots.txt berguna untuk mengatur daya jelajah yang dilakukan oleh search engine. Membatasi gerak mereka dan memberikan akses apa saja yang mereka boleh kunjungi, simpan dan terbitkan. \nSetting SEO Untuk Blogspot \nAgar blog pada blogspot menjadi lebih SEO …
Baca selengkapnya »
Menu dengan tampilan atau gaya fixed yang ikut bergulir sesuai dengan irama cursor :D \nUjicoba dulu :D \nJika halaman ini, menuhorizontal-nya fixed, maka berhasil, jika tidak maka ... \nUps... berhasil :D \nSaya gunakan kode: .menuhorizontal{position:fixed;top:0;…
Baca selengkapnya »
Cara merubah tulisan HOME pada navbar menjadi icon gambar dapat dilakukan dengan:\n\nEdit template dan temukan \u003cb\u003e menuhorizontal \u003c/b\u003e kemudian ubah lah: \u0026lt;li\u0026gt;\u0026lt;a expr:href\u003d\u0026#39;data:blog.homepageUrl\u0026#39; style\u003d\u0026#39;border-left:1px solid #cccccc;\u0026#39;\u0026gt;HOME\u0026…
Baca selengkapnya »
Untuk merubah besar ukuran thumbnail pada blogspot dan jumlah karakter tulisan pada halaman beranda pada template thesis for blogspot dapat digunakan triks berikut: \nedit template dan cari menggunakan ctrl+f: ]]\u0026gt;\u0026lt;/b:skin\u0026gt; dibahagian bawah ]]\u0026gt;\u0026lt;…
Baca selengkapnya »
Test Background Blog dan Body Color\n\nKode yang digunakan pada halaman ini adalah:\nbody{background: #fff url(\u0026quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlJWDANsR8abmrTwuO-cW4iogNmdSVuthPZ_VAqWf1PSUj0gbgyyVNNFERQYicpsH15hkaMGCS8_Tapgt…
Baca selengkapnya »
Cara mengganti link home, newer post dan older post menjadi tombol yang menarik. \nLetakkan kode css berikut sebelum ]]\u0026gt;\u0026lt;/b:skin\u0026gt; \nNewer \nHome \nOlder .home-link,#blog-pager-newer-link,#blog-pager-older-link{width:150px;height:20px;padding:6px 8px;borde…
Baca selengkapnya »
Untuk merubah default avatar pada blogspot cukup letakkan script berikut diatas \u0026lt;/body\u0026gt; \u0026lt;script src\u003d\u0026#39;http://code.jquery.com/jquery-latest.js\u0026#39;/\u0026gt;\n\u0026lt;script\u0026gt;\n$(\u0026amp;quot;img[src\u003d\u0026amp;#39;http://img1.blogblog.com/img/anon36.png\u0026amp;#39;…
Baca selengkapnya »
Untuk memasang atau menambah background pada body thesis for blogspot, cukup tambahkan sedikit kode css pada main style body \ndan ini adalah tambahan........................ dan ini adalah tambahan........................ dan ini adalah tambahan...........…
Baca selengkapnya »
Untuk memasang atau menambah border pada thesis for blogspot, cukup tambahkan sedikit kode css pada style id #outer wrapper. dan ini adalah tambahan........................ dan ini adalah tambahan........................ dan ini adalah tambahan............…
Baca selengkapnya »
Koleksi gambar-gambar yang digunakan oleh Blog Yanfizs \ndan ini adalah tambahan........................ dan ini adalah tambahan........................ dan ini adalah tambahan........................ dan ini adalah tambahan........................ dan ini…
Baca selengkapnya »