latest articles

Membuat Recent Comment / Komentar Terbaru dengan thumbnail

Mengijinkan para pembaca setia blog anda menanggapi postingan membuat setiap postingan anda menjadi lebih hidup, para pembaca bisa langsung ber konsultasi dan tanya jawab sekitar postingan tersebuat.

Membuat Recent Comment / Komentar Terbaru dengan thumbnail

Postingan yang menarik akan sangat banyak mengundang banyak komentar dan tanggapan yang aktif untuk mempermudah anda dan para pembaca setia blog untuk melihat siapa saja yang baru saja menambahkan komentar, anda bisa menambahkan Widget Membuat Recent Comment / Komentar Terbaru dengan thumbnail yang bisa memunculkan Avatar sang yang empunya komentar

Ini penampakannya

Membuat Recent Comment / Komentar Terbaru dengan thumbnail

1. Sign in atau masuk ke akun Blogger anda

2.Pilih blog yang akan anda tambah kan widget ini

3. Pilih Tata Letak, lalu Tambahkan Widget HTML/Javascript

4. Copy Paste kode di bawah ini

<style type="text/css">
    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
    .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
    .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
    numComments     = 4,
    showAvatar     = true,
    avatarSize     = 30,
    roundAvatar    = true,
    characters     = 40,
    showMorelink    = false,
    moreLinktext    = "More »",
    defaultAvatar     = "http://www.gravatar.com/avatar/?d=mm",
    hideCredits    = true;
//]]>
</script>
<script type="text/javascript" src="http://widgets.way2blogging.org/blogger-widgets/w2b-recent-comments-gravatar.js"></script>
<script type="text/javascript" src="http://trikaja.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

  •  4 Memunculkan 4 Komentar terbaru
  • 30 Ukuran avatar yang muncul
  • 40 Jumlah huruf yang mucul
  • http://trikaja.blogspot.com Ganti dengan URL Blog anda
5. Lalu Simpan , dan letakan sesuai keinginan anda
Read more

Cara menghilangkan Widget Attribution atau Atribusi

Widget Attribution atau Atribusi Sangat sedikit blog yang menaruh link ‘ Powered by Blogger ‘ atau ‘ Diberdayakan oleh Blogger ' saat ini. Mereka mengkustom sedemikian rupa template blog sehingga hampir menyerupai Web yang profesional. 

Secara default blogger menginginkan agar para pengguna nya tidak lupa untuk menaruh link blogger.com pada setiap blog yang kita punya, sehingga widget Attribution atau Atribusi muncul pada setiap template yang di sediakan blogger saat ini. Banyak para blogger yang tidak setuju atau juga sangat terganggu akan ada nya Widget Attribution atau Atribusi, karena widget ini bisa di tambahkan tetapi tidak bisa di hapus dan di pindahkan.

Widget Attribution atau Atribusi

Tetapi dengan sedikit trik bisa kok kita lakukan hal-hal yang kalian inginkan seperti di atas. Ini nih penampakannya 

Widget Attribution atau Atribusi
 
Buat kamu yang ingin menghapus Widget Attribution atau Atribusi

1. Sign in di akun blogger anda

2. Pilih blog yang akan anda terapkan 

3. Pergi ke Template lalu Edit HTML

4. Tambahkan kode di bawah ini, tepat di atas  ]]></b:skin>
#Attribution1 {
height:0px;
visibility:hidden;
display:none
}
5. Lakukan Pratinjau sebelum di Simpan

Semoga bermanfaat ya
Read more

Daftar Dofollow blog 2013

Silahkan kamu berkomentar dan meninggalkan link-link pada blog ini agar mendapatkan backlink. Perlu diingat, berkomentar lah yang bermanfaat dan bijak. 
 
Daftar Dofollow blog 2013

Berikut Daftar Dofollow Blog Indonesia 2013 :

  1. http://jualbelikulitsapi.blogspot.com/
  2. http://tahuenggak.blogspot.com/
  3. http://palingunik77.blogspot.com/
  4. http://trikaja.blogspot.com/
  5. http://subagya.blogspot.com/
  6. http://ahyari.com/
  7. http://www.bloggerprooindonesia.com/ 
  8. http://endarfitrianto.blogspot.com/
  9. http://jombloku.blogspot.com/
  10. http://suryaden.blogspot.com/
  11. http://harry.sufehmi.com/
  12. http://blogcenti.blogspot.com/
  13. http://cendrawasih11.blogspot.com/
  14. http://e-je.blogspot.com/
  15. http://kerjakeras.com/
  16. http://linktea.blogspot.com/
  17. http://manajemenemosi.blogspot.com/
  18. http://modifblogmu.blogspot.com/
  19. http://penghuni60.blogspot.com/
  20. http://riasmaja.blogspot.com/
  21. http://www.rizkyzone.com/
  22. http://ruang-ihsan.blogspot.com/
  23. http://semuadablog.blogspot.com/
  24. http://sigodangpos.blogspot.com/
  25. http://yanuar.kutakutik.or.id/
  26. http://suarapetualang.blogspot.com/
  27. http://top73.blogspot.com/
  28. http://www.sectoredwin.net/
  29. http://www.pelangibiru.net/
  30. http://inicuma.blogspot.com/
  31. http://kampusblog.com/
  32. http://kata-eko.blogspot.com/
  33. http://devit1104.blogspot.com/
  34. http://www.biidu.tk/
  35. http://abulamedia.com/
  36. http://adabisnis.com/
  37. http://afifamru.blogspot.com/
  38. http://www.aliyusrie.com/
  39. http://ambonganteng.wordpress.com/
  40. http://anjees.blogspot.com/
  41. http://aurakeyboard.blogspot.com/
  42. http://bed0el.blogspot.com/
  43. http://blogatiw.blogspot.com/
  44. http://bloggerbiasa.blogspot.com/
  45. http://blogsukadi.blogspot.com/
  46. http://www.budi2610.info/
  47. http://collection27.blogspot.com/
  48. http://www.ilpeng.com/
  49. http://beha-titi.blogspot.com/
  50. http://affa-webgrafis.blogspot.com/
  51. http://adrishare.blogspot.com/
  52. http://www.anakshaleh.com/
  53. http://blogheboh.blogspot.com/
  54. http://caramarketing.com/
  55. http://cariuangtambahan.blogspot.com/
  56. http://didikandweta.blogspot.com/
  57. http://donyabisnis.blogspot.com
  58. http://hanyainfo.blogspot.com/
  59. http://www.howto-bagaimana.blogspot.com/
  60. http://www.i-raka.com/
  61. http://jemput-rizki.blogspot.com/
  62. http://jingga.web.id/
  63. http://manekutau.blogspot.com/
  64. http://miaswari.blogspot.com/
  65. http://mradhi.com/
  66. http://saintsandsinners.us/
  67. http://raiderhost.com/
  68. http://petunjukbisnis.blogspot.com/
  69. http://adabisnis.com/
  70. http://gadiskeraton.blogspot.com/
  71. http://arsdc.blogspot.com/
  72. http://www.baladika.info/
  73. http://www.rezafauzi.com/
  74. http://numb3rblog.blogspot.com/
  75. http://marsudiyanto.blogspot.com/
  76. http://ruang-ihsan.blogspot.com/
  77. http://blogsohib.com/
  78. http://b1sn1sku.blogspot.com/
  79. http://fitri-alifah.blogspot.com/
  80. http://friendbiz.blogspot.com/
  81. http://www.garis-bawah.com/
  82. http://kucritsbw.blogspot.com/
  83. http://indrowicahyo.blogspot.com/
  84. http://www.anisblog.info/
  85. http://kocakgila.com/
  86. http://ooyeez.blogspot.com/
  87. http://pabriktea.blogspot.com/
  88. http://laukpauk.net/
  89. http://dedeandro.blogspot.com/
  90. http://devit1104.blogspot.com/
  91. http://kursusblog-smansapati.blogspot.com/
  92. http://morebites.blogspot.com/
  93. http://jovieblog.blogspot.com/
  94. http://idisastra.blogspot.com/
  95. http://fai-unisma-malang.blogspot.com/
  96. http://haditsshahih.blogspot.com/
  97. http://eosmate.blogspot.com/
  98. http://rifaabe.blogspot.com/
  99. http://masenchipz.com/
  100. http://awan.wibawa.net/
Read more

Widget Attribution atau Atribusi

Widget Attribution atau Atribusi Sangat sedikit blog yang menaruh link ‘ Powered by Blogger ‘ atau ‘ Diberdayakan oleh Blogger ' saat ini. Mereka mengkustom sedemikian rupa template blog sehingga hampir menyerupai Web yang profesional. 

Secara default blogger menginginkan agar para pengguna nya tidak lupa untuk menaruh link blogger.com pada setiap blog yang kita punya, sehingga widget Attribution atau Atribusi muncul pada setiap template yang di sediakan blogger saat ini. Banyak para blogger yang tidak setuju atau juga sangat terganggu akan ada nya Widget Attribution atau Atribusi, karena widget ini bisa di tambahkan tetapi tidak bisa di hapus dan di pindahkan.

Widget Attribution atau Atribusi

Tetapi dengan sedikit trik bisa kok kita lakukan hal-hal yang kalian inginkan seperti di atas. Ini nih penampakannya 
 
Widget Attribution atau Atribusi
Buat kamu yang ingin menghapus Widget Attribution atau Atribusi Klik disini
Read more

Memasang Author Box Profesional Dibawah Postingan

Author Box di bawah posting berisikan foto, data author posting dan berisikan sedikit teks serta link postingan, trik ini memang bukan hal baru lagi karena beberapa blog lain juga sudah membahas hal seperti ini Perbedaan Author box ini dengan yang lainnya adalah karena author box ini sangat simple dan sedikit kode sehingga sangat mudah untuk di terapkan oleh kalian semua

Memasang Author Box Profesional Dibawah Postingan

Memasang Author Box Profesional Dibawah Postingan

1. Sign in ke akun Blogger kalian

2. Lalu pilih blog yang akan kalian terapkan trik ini

3. Lalu pilih Template dan Edit HTML

4.  Cari kode  ]]></b:skin>     , Lalu Copas kode di bawah ini tepat di atas nya

admin-tulisan{width:auto;background:#ABA3A3;border:1px solid #aaa;margin:30px 0 10px 0;display:block;font-family:"julee";
color:#aaa;}

.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{background:#ABA3A3;border:none;border-bottom:0px solid #000000;color:#000000;font-family:"julee";text-shadow:0 0px 0 rgba(0, 0, 0, 0.4);padding:5px 10px;margin:0 0 0 0;display:block;}.admin-tulisan h4 a{color:#000000;}

.admin-tulisan img{background:#000000;width:90px;height:100px;border:0px solid #000000;margin:3px 10px 0 0;float:left;padding:2px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}

5. Lalu cari kode <div class='post-footer'>  , Lalu copas kode di bawah ini tepat di atasnya

<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b></h4>
<div class='kontainer'>
<img alt='Nama Kamu ' src='https://lh3.googleusercontent.com/-SnOKpjlWjag/AAAAAAAAAAI/AAAAAAAABWk/jUchzEckTuA/photo.jpg'/>
Anda sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Oleh<b><data:post.author/></b>, Anda diperbolehkan mengcopy-paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
<textarea cols='75' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='2'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
</span></p><div style='clear:both;'/></div></div>
</b:if>
<div class='post-footer'>

6. Lakukan pratinjau sebelum di Simpan

Ganti tulisan berwarna merah dengan nama anda
Ganti URL berwarna hijau dengan url foto anda

Tanya-tanya bisa via komentar ya sobat

Read more

Cara Membuat Link / Gambar Bergerak Bergoyang / Nudging di Blog

Pada kesempatan kali ini saya akan memposting bagaimana Cara Membuat Link / Gambar Bergerak Bergoyang / Nudging, trik ini tidak hanya bisa di terapkan pada blog, tetapi bisa juga di terapkan pada website.

Membuat Link / Gambar Bergerak Bergoyang / Nudging di Blog


Apakah mmebuat berat loading blog ? jawabannya tidak, karena nudge ini kita sematkan pada CSS, sehingga tidak akan memperberat loading blog anda
Membuat Link / Gambar Bergerak Bergoyang / Nudging di Blog

Trik nudge ini bisa di gunakan pada link, gambar maupun widget, Gimana ? tertarik kan buat menerapkannya ?  Langsung aj cekidot

1. Sign pada akun Blogger kalian

2. Lalu pilih blog yang kalian akan terapkan trik nudge ini

3. Piih Template lalu Edit HTML 

4. Copas kode di bawah ini tepat di atas  ]]&gt;&lt;/b:skin&gt;

/*--- Nudging Effect trikaja.blogspot.com---*/
.nudge {
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.nudge:hover {
margin-left: 25px;
padding-left: 5px;


5. Simpan template blog nya

Untuk menerapkannya pada link dan gambar anda cukup menambahkan class='nudge'

untuk Link, Contoh : Link Nudge
<a class="nudge" href="http://trikaja.blogspot.com/">Link Nudge</a>

Untuk Gambar, Contoh :

<img border="0" class="nudge" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiso2zMawqBlnEbfK-7Nkg1yf87Cw8oREUCjxSQkMPMVg_KPa3DjxL9JBwUzfP-Ln5nJ7u5BcqohVllu8-X8PhXcA8XGTAi_zBltEmR3T_ZOvcIEjzWyMqJiihZLzSZOERfkdiYDPYUQKgq/s1600/link.jpg" />


Semoga Berhasil ya sobaaaat
Read more

Pasang floating iklan atau gambar di blog

Dalam suatu kesempatan kadang sedikit aneh ya kawan kalau ada gambar yang diam tak bergerak di atas status bar browser anda dan akan hilang di saat kita klik closed. Lihat gambar di bawah ini untuk lebih jelasnya.

Pasang floating iklan atau gambar di blog


Floating ini bisa di isi iklan dari adsense dan sebagainnya atau gambar iklan biasa juga bisa


Pasang floating iklan atau gambar di blog


1. Pergi ke blogger.com lalu sign in menggunakan akun blogger anda

2. Pilih blog yang akan kalian gunakan floating ini

3. Pergi ke Tata Letak lalu Tambah Gadget pilih HTML lalu kopas kode di bawah ini

<!-- Start Iklan Melayang Footer -->
<scriptsrc='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'> <br />
<script type='text/javascript'> $(document).ready(function() { $('img#closed').click(function(){ $('#btm_banner').hide(90); }); }); </script>
<style type='text/css'> div#btm_banner { bottom: 0; position: fixed; width: 100%; opacity: 0.9; left: 0; } div#btm_banner img{ border:0; cursor:pointer; } </style> <div style='height: 0px;'></div> <div align='center' id='btm_banner' style='height: 110px; z-index: 9999;'> <div style='text-align: right; width: 735px; height: 3px;'> <img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbQySb_ZMxemIs-7HZ9jO23irwCG0D_UA6KgTXxOZO6QHRHwjaNrrK1kjlsAZPWtOT4HQqVeVuiPFrzQ3uT5SSdvdLy8MdUqZW2oe4JUO6rj-EDBU4QaiR02wMk52EYkPkR4HCthUBUSk/s1600/close-icon.png'/></div> <div style='clear: both;'></div> <p> <p><center>isi floating nya disini</center></p> </p> </div>
<!-- End Iklan Melayang Footer --></scriptsrc='http:>

4. Ganti teks bertulisan merah tersebut, isi dengan gambar berlink, script iklan juga bisa

5. Simpan deh

Sangat Mudah kan ?
Read more