Wednesday, August 21, 2013

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

Tuesday, August 20, 2013

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

Monday, August 19, 2013

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/

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

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

Saturday, August 17, 2013

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="http://3.bp.blogspot.com/-xcX1PGJd2UU/UgsnjOnkfJI/AAAAAAAABaU/w5RrqhuJrMg/s1600/link.jpg" />


Semoga Berhasil ya sobaaaat

Friday, August 16, 2013

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/AVvXsEhtMRBUl_t7FAUVu5UNx2M30DqyGl8UnywInbds0-NrCOyWiDlszcuHPIPPLUNGJLuNq7OHRvsUD8CSmdGmI9G8yHtacDmchTcysLL5_cCwqEl2IqfzMJXU9Jxuc0bJ7n9o52kbE4j-myw/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 ?

Cara Membuat Efek Zoom Gambar Di posting ( Perbesar Gambar )

Pada kesempatan kali ini saya akan sedikit membahas tentang efek gambar pada posting, yaitu dimana saat cursor di arahkan pada gambar yang ada pada posting maka gambar akan otomatis zoom tanpa harus di klik

Membuat Efek Zoom Gambar Di posting ( Perbesar Gambar )

Trik ini sangat efektif, sehingga pengunjng tidak lagi harus mengklik gambar untuk men-zoom gambar posting yang ingin mereka lihat

Cara Membuat Efek Zoom Gambar Di posting ( Perbesar Gambar )

1.Lakukan sign in pada akun blogger kalian

2. Pilih blog yang akan kalian terapkan trik ini

3. Pilih Template lalu Edit HTML kawan

4. Cari kode ]]></b:skin>   , lebih mudah tekan F3 lalu copas aja deh kode nya biar gampang cari kode nya

5. Letak kan kode di bawah ini tepat di atas ]]></b:skin>

.post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.3); -o-transform: scale(1.3); -webkit-transform: scale(1.3); }

6. Lakukan Pratinjau, jika sudah berhasil barulah Simpan Template

Sangat mudah kan  ?

Thursday, August 15, 2013

Cara Memasang Anti Copas Di Blog


Pada dasarnya ilmu dikuasai adalah untuk di bagikan lalu di ajari kepada mereka yang menginginkannnya

Mengapa saya tidak menerapkan trik ini?

Seperti kata-kata diatas, saya selalu berpikir positif atas apa yang saya bagikan di blog ini atau di media internet lainnya, pada dasarnya jika kita memposting apapun di blog secara tidak langsung kita telah mengizinkan para pengunjung untuk mengarsipkannya atau disimpan. Dimana di simpannya ?. ya bisa di flashdisk, media penyimpanan lainnya dan di repost diblog mereka sendiri

Cara Memasang Protektor Anti Copas Di Blog


Cara Memasang Protektor Anti Copas Di Blog


Jadi menurut saya , jika ada yang repost artikel atau konten anda, berarti mereka juga ingin melindungi konten anda walau secara tidak langsung, ini lah manfaat kita selalu berfikir positif

Dan ingat sobat, banyak berbagi, akan lebih banyak lagi menerima

Trik yang akan kalian pelajari akan :

1. Nonaktifkan Block Text (oncontextmenu)

2. Nonaktifkan Klik Kanan (onmousedown)

3. Nonaktifkan Ctrl+C / Ctrl+V (onkeydown)


Ayo kita mulai !

1. Seperti biasa anda harus sign in di akun blogger.com kalian

2. Pilih blog yang akan kalian terapkan trik ini

3. Pilih menu Template » Edit HTML

4. Carilah kode yang kurang lebih seperti berikut ini ( gnakan ctrl+F untuk mempermudah pencarian):

<body>
Kemudian, Copy Kode Script di bawah ini. Lalu Paste tepat di bawah kode <body>

<SCRIPT type="text/javascript">

if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</SCRIPT>
5. yang terakhir, simpan deh

Wednesday, August 14, 2013

Menghilangkan tulisan Beranda/Home

Menghilangkan tulisan Beranda/Home 


anda pernah melihat tulisan seperti gambar di bawah ini ?



 Menghilangkan tulisan Beranda/Home




Jika kalian terganggu dengan tulisan ini, kalian bisa kok menghapusnya

Begini nih kira-kira

1. Seperti biasa anda harus sign in di akun blogger.com kalian

2. Pilih blog yang akan kalian terapkan trik ini

3. Pilih menu Template lalu Edit HTML

4. Carilah kode yang kurang lebih seperti berikut ini ( gunakan ctrl+F untuk mempermudah pencarian):
<data:homeMsg/>

5. Hapus kode tersebut lalu simpan deh template nya

Coba di lihat hasilnya Semoga berhasil Jika terdapat 2 kode, maka hapus lah yang letak nya paling terakhir

Bisa kasih komentar untuk konsultasi masalah trik ini ya

Tuesday, August 13, 2013

Menghilangkan Tulisan Posting Lama atau Older Post

Anda pernah melihat tulisan seperti gambar di bawah ini ? tidak semua blogger senang akan link default seperti ini timbul pada blognya,buat kalian yang akan menghilangkannya, ikuti tutorialnya di bawah ini

Menghilangkan Tulisan Posting Lama atau Older Post


Menghilangkan Tulisan Posting Lama atau Older Post

Cari kode yang seperti dibawah ini pada template blog yang kalian inginkan
<data:olderPageTitle/>

jika kalian menemukan kode lebih dari 1, maka hapus saja semua kode yang persis tersebut

lebih baik pilih pratinjau sebelum anda mensimpan nya,

Shortcut atau Jalan pintas pada blogger

Shortcut atau jalan pintas artinya adalah melakukan perintah secara singkat dengan memanfaatkan keyboard. Shortcut juga biasa di pakai di program komputer, begitu pula dengan blogger. Jalan pintas ini sudah di uji bisa berjalan atau berfungsi dengan baik di Google Chrome, Internet Explorer 8+, dan Mozilla Firefox 3+, dan mungkin beberapa browser lainnya. Shortcut atau Jalan pintas pada blogger.

Shortcut atau Jalan pintas pada blogger


Shortcut atau Jalan pintas pada blogger
zdnet.com
Ini nih daftar jalanpintasnya,  
·  Ctrl + d = Menyimpan sebagai Draf
·  Ctrl + s = Memublikasikan Entri
·  Ctrl + g = Transliterasi bahasa Hindi
·  Ctrl + b = Menebalkan
·  Ctrl + i = Memiringkan
·  Ctrl + l = Blockquote (khusus saat berada pada modus HTML)
·  Ctrl + z = Mengurungkan
·  Ctrl + y = Mengulangi
·  Ctrl + shift + a = Menautkan
·  Ctrl + shift + p = Pratinjau

Itu deh kawan kira-kira jalan pintas atau shortcut yang bisa kalian gunakan saat anda sedang blogging, buat yang ingin menambahkan, bisa via komentar yaa,

Semoga bermnfaat

menghapus tulisan Menampilkan entri terbaru dengan label

menghapus tulisan Menampilkan entri terbaru dengan label-Pasti para blogger tahukan tulisan “"Menampilkan entri terbaru dengan label ..... Tampilkan entri lawas “ saat kita memilih melihat label tertentu. seperti di bawah ini.

menghapus tulisan Menampilkan entri terbaru dengan label

menghapus tulisan Menampilkan entri terbaru dengan label

jika kalian merasa terganggu dengan tulisan ini, kalian bisa kok menghapusnya
mari ikuti langkah-langkah berikut.


1. Seperti biasa anda harus sign in di akun blogger.com kalian

2. Pilih blog yang akan kalian terapkan trik ini

3. Pilih menu Template lalu Edit HTML;

4. Carilah kode yang kurang lebih seperti berikut ini ( gunakan ctrl+F untuk mempermudah pencarian):

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

5. Jika sudah ketemu ganti kode di atas dengan kode berikut

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

6. klik SIMPAN TEMPLATE.

Coba cek, sudahkah berhasil ?

Membuat iframe di Blog

iframe adalah suatu ruang kota seperti bingkai yang bisa di isi berbagai kegunaan dalam blogging

Membuat iframe di Blog

Membuat iframe di Blog
http://scape.cs.vt.edu

ini dia script sederhana untuk membuat iframe

<iframe> isi frame nya </iframe>

Beberapa atribut yang sering di pasang dalam iframe adalah :

align=”left/right” –> Untuk mengatur posisi iframe

width=”lebar” –>: Mengatur lebar IFRAME dalam pixel atau persen

height=”tinggi” –> Untuk mengatur tinggi dari iframe dalam pixel atau persen

frameborder=”garis pembatas” –> Untuk memberi garis pembatas

scrolling=”auto/yes/no” –> Untuk memberi atau tidak memberi scrolling pada iframe

src=”url yg ingin di tampilkan” –> alamat sumber yang ingin di tampilkan pada iframe

agar kalian tidak binggung dalam memehaminya. ini dia script iframe yang seder hana
contoh kode yang di pasang seperti ini :
ini sript iframe yang tidak menggunakan scrolling

<iframe align="left" frameborder="0" src="http://trikaja.blogspot.com"
width="500" height="300" scrolling="no">
</iframe>

kalau yang ini menggunakan scrolling


<iframe align="left" frameborder="0" src="http://trikaja.blogspot.com"
width="500" height="300" scrolling="yes">
</iframe>

Selesai deh

kalian tinggal copy lalu paste di tempat yang kalian inginkan

catatan : script di atas adalah iframe yang di gunakan untuk menampilkan blog pada frame

Monday, August 12, 2013

Tips sederhana mengelola blog

Blog bagaikan rumah, dimana sebisa mungkin kita membuat nyaman para tamu dan pengunjung yang akan datang ke rumah kita. Kita juga harus memikirkan warna, interior, konsep dan aksesoris yang pantas di buat dalam rumah kita.
Tips sederhana mengelola blog 

Tips sederhana mengelola blog 

Blog di lihat dari tema nya memang makin berkembang, berdasarkan yang saya amati, blog yang di awali dari hanya menuliskan pengalaman pribadi si pemilik blog, kini blog digunakan mencakup hal dan konsep yang lebih luas, sederhana nya dari yang awal nya non profit sampai fulll komersil.

Terlepas dari tema, blog sangat di haruskan untuk di kelola dengan baik dan sistematis, agar pengunjung atau tamu kembali lagi berkunjung dan merasa nyaman, apalagi jika kalian yang menggunakan blog untuk komersil, hal ini sangat penting ada nya.Hal-hal kecil dan sederhana ini yang harus nya kalian pikirkan terlebih dahulu, agar nanti nya kalian bisa berpikir satu langkah lagi kedepan tentang masa depan blog yang kalian bangun ini.





Konsep dasar
Adalah komponen dasar pedoman untuk kita menyusun langkah-langkah selanjutnya untuk mendapatkan blog yang benar-benar sangat kita inginkan.seperti tema yang akan di angkat.


Tampilan
Adalah point view awal blog, tampilan sederhana nan elegan biasanya lebih sangat di nikmati dari pada tampilan full custom dan membuat lambat saat blog ini di load atau di buka. Buat lah tampilan yang bedar-benar masuk atau berhubungan dengan tema yang kalian angkat, warna dan aksesoris widget pun harus di perhatikan.

Update
Lakukan pembaruan , update meliputi konten dan sesekali juga di perlukan untuk merubah tampilan blog, agar tidak terasa efek bosan dan jenuh yang timbul pada pengunjung blog kita nantinya.

Moderasi
Tanggapi dengan cepat atau fast respon pada setiap pengunjung atau pelanggan anda seperti komentar, tanya-tanya, saran ataupun kritik mereka . ingat, mereka lah yang nantinya membuat blog kalian besar.

Ingat konsep
Jangan sekali kalia kalian tidak lagi mengacu dengan konsep dasar yang telah kalian buat dulu, tetaplah lurus kedepan dan jadikan lah kritik dan saran sebagai masukan yang positif yang membuat anda menjadi lebih bersemangat.

Itu sedikit saran dan pandangan sederhana saya dalam mengelola blog. Semoga bermanfaat ya buat sobat blogger di rumah

Tetap semangat

Sunday, August 11, 2013

Merubah Title Blog dengan Title Postingan

Merubah Title Blog dengan Title Postingan-Mungkin ini juga termasuk salah satu tips sederhana tentang SEO pada sebuah blog terutama pada halaman posting agar cepat terindex search engine dengan judul yang akurat.

Merubah Title Blog dengan Title Postingan

untuk langkah awal kalian belajar SEO yang berhubungan dengan dunia blogging, ini sangat mudah kok dan gampang untuk kita langsng mempraktekannya. 

untuk kalian yang tertarik dan ingin menggunakan trik ini, Mari ikuti langkah-langkahnya

Merubah Title Blog dengan Title Postingan

1. Sign ke akun blogger anda"Layout-->>Edit HTML

2. Cari kode ini ;

<title><data:blog.title/></title>


3. Kalo sudah ketemu ganti dengan kode berikut ini :

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

4. Lalu SIMPAN. jangan lupa selalu melakukan backup template sebelum melakukan pengeditan pada template blog

Coba deh buka salah satu postingan mu, lihat. title posting dirangkai dengan title blog.

Semoga bermanfaat, jangan lupa langsung di coba ya

submit sitemap blog

kadang timbul rasa iri jika kita melihat blog yang mempunyai traffic yang sangat bagus, traffic dari backlink atau juga dari mesin pencari. untuk optimasi blog agar ter index cepat pada google dan timbul pada mesin pencari sesuai dengan keyword tertentu, salah satu nya dengan cara anda daftarkan blog anda ke google sitemap.

apa guna nya google sitemap ? sitemap sendiri adalah layanan gratis agar semua entry atau postingan kita terindex oleh mesin pencari google dan akan muncul pada hasil pencarian sesuai dengan keyword yang di cari.

submit sitemap blog

1. sign in pada akun blogger kalian
2. add url kalian ke google  http://www.google.com/addurl


submit sitemap blog
klik untuk memperbesar ya

3.lalu tuju ke url seperti gambar : https://www.google.com/webmasters/tools/, lalu ikuti langkah seperti gambar, klik gambar untuk memperbesarnya ya

submit sitemap blog
klik untuk memperbesar ya

4. pilih sitemap lalu blog yang akan kalian buat sitemapnya 


submit sitemap blog

klik untuk memperbesar ya



5. lalu akan timbul kotak isisan, isi dengan atom rss blog kalian. seperti ini namablog.blogspot.com/feeds/posts/default


submit sitemap blog
klik untuk memperbesar ya
6. Tunggu sebentar. tarang. hasil nya akan muncul bahwa post atau entry anda sudah masuk dalam index google

selamat berjuang

Saturday, August 10, 2013

cara membuat blog

Sebelum kita memulai langkah-langkah membuat blog di blogger.com. tidak ada salahnya kita memikirkan tema utama yang kita akan angkat di blog yang akan kita buat nantinya. Seperti Tips-tips computer, dunia blogging atau juga tentang bisnis-bisnis online yang ada di internet, oh iya saya saran kan agar anda mengangkat dan hanya memilih tema yang setidaknya anda ketahui atau kuasai agar nantinya anda tidak kesulitan saat mengisi atau menulis di blog anda nantinya. Ok sekarang kita mulai

cara membuat blog


1. Sign in di blogger.com dengan akun gmail anda, jika belum punya, baut dulu di gmail.com untuk membuat akun gmail


cara membuat blog


2. Pilih buat blog, lalu isi judul, url dan template yang akan kalian gunakan
cara membuat blog
3. Blog yang kalian buat sudah jadi deh
 
Selamat Mencoba

Pasang Feed di Blog

Pasti kalian inginkan selalu update dengan blog yang kalian sering kunjungi tanpa kalian kunjungi satu-persatu
sehingga kamu bisa taruh artikel terbaru blog lain di blog kalian
ini dia trik feed pada blog

Pasang Feed di Blog

Secara default feed sebuah blog seperti ini :http://trikaja.blogspot.com/atom.xml. tulisan merah ganti dengan alamat blog yang kalian ingin lihat feednya

inin dia caranya
Pasang Feed di Blog

1. Sign in di blogger dengan id kalian

2. Klik menu layout

3. Klik menu Elemen Halaman

4. Klik tulisan Tambahkan sebuah Elemen Halaman

5. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan Feed

Tulis alamat ini pada kotak di samping tulisan URL feed -->

6. Klik tombol SIMPAN PERUBAHAN

7. Pindahkan elemen yang baru saja di buat pada tempat yang kalian mau

8. Klik tombol SIMPAN

9. Klik tulisan Lihat Blog untuk melihat hasil penambahan elemen yang baru di buat

10. Selesai

Pasang Feed di Blog  

mudah kan. semoga berhasil

Thursday, August 8, 2013

Pasang Skrip Alert Di Blog

Pernah kah kalian saat mengunjungi sebuah blog terkadang terdapat windows aler seperti gambardi bawah ini

Pasang Skrip Alert Di Blog

menurut saya penggunaan skrip ini memang sediki mengganggu pengunjung tetapi untuk anda yang hanya sekedar coba-coba skrip ini juga boleh untuk di terapkan


untuk kalian yang berminat menggunakannya ini triknya
<SCRIPT language='JavaScript'>alert("Selamat datang di blog deska_tire");</SCRIPT>
Tulisan yang berwarna merah adalah tulisan yang hendak anda tuliskan, tentunya ini sesuai dengan keinginan anda.

  1. Login ke blogger.
  2. Klik Tata Letak.
  3. Klik tab Edit HTML
  4. Jangan lupa backup template
  5. Cari kode </head>.
  6. Copy paste kode berikut di atas kode </head> (ganti tulisan yang berwarna merah dengan yang anda inginkan).
    <SCRIPT language='JavaScript'>alert("Selamat datang di blog deska_tire");</SCRIPT>

  7. Klik tombol SIMPAN TEMPLATE
  8. Selesai. Silahkan buka blog anda untuk melihat hasilnya.

Mudah kan?