Home / Tutorial Blog
Showing posts with label Tutorial Blog. Show all posts
Showing posts with label Tutorial Blog. Show all posts

Monday, November 9, 2015

Cara Mengatasi Tumbnail Gambar Tidak Muncul Di Popular Post

3 Komentar

      Mungkin kalian pernah mengalami kejadian ini?. Kalau anda pernah, sama seperti saya. Kenapa kok bisa tidak keluar Tumbnailnya? Karena, anda bisa saja tidak menguploadnya langsung dari postingan blog kalian, mungkin kalian mengcopas gambar dari web/blog lain, atau anda menguploadnya menggunakan link gambarnya.

Dan masalah tersebut saya sudah temukan, caranya mudah.


  1. Buka Post kalian yang tidak ada Tumbnail di Popular Post
  2. Hapus Gambar yang ada di Post utama kalian
  3. Upload lah dengan cara Chose File, bukan dengan cara upload menggunakan URL
  4. Jadi, deh
Baca selengkapnya

Wednesday, October 14, 2015

Cara Membuat Tabel Dengan Mudah Di Blog

14 Komentar

Cara Membuat Tabel Dengan Mudah Di Blog - Hallo gan, disini saya akan membagikan Cara Membuat Tabel Dengan Mudah Di Blog. Tabel berguna untuk menyusun tulisan didalan blog kita menjadi rapih, dan sangat simple penggunaanya.

Ok, silahkan kalian mengikuti langkah demi langkah di bawah ini:

1. Buka Dashboard Blogger
2. Klik Pos yang dimana ingin anda masukan tabelnya
3. Pastekan kode Di bawah ini di kolom HTML seperti gambar dibawah ini

<!-- Row Highlight Javascript --> <script type="text/javascript"> window.onload=function(){ var tfrow = document.getElementById('tfhover').rows.length; var tbRow=[]; for (var i=1;i<tfrow;i++) { tbRow[i]=document.getElementById('tfhover').rows[i]; tbRow[i].onmouseover = function(){ this.style.backgroundColor = '#000000'; }; tbRow[i].onmouseout = function() { this.style.backgroundColor ='transparent'; }; } }; </script> <style type="text/css"> table.tftable tr {background-color:transparent;} </style> <br /> <table border="1" class="tftable" id="tfhover"> <tbody> <tr><th>Nama 1</th><th>Nama 2</th></tr> <tr><td>Alamat 1</td><td>Alamat 2</td></tr> </tbody></table>

Ini adalah Cara Membuat Tabel Dengan Mudah Di Blog

Author : Maulana Firmansyah
Facebook ID : Maulana Firmansyah
Twitter ID : @MaFh_Blog
Google + ID :  Klik ini ( +MaulanaFirmansyahBlog )
Baca selengkapnya

Wednesday, September 23, 2015

Cara Menambahkan Emoticon Di Postingan Blog (Part 2)

2 Komentar

Cara Menambahkan Emoticon Di Postingan Blog (Part2) - MaFh Blog. Halo gan, disini saya akan membagikan tutorial tentang Cara Menmbahkan Emoticon Kedalam Postingan Blog. Kalau anda sering menggunakan Yahoo Messenger atau KasKus anda sudah tidak asing lagi dengan namanya Emotion khas website tersebut, dan disini saya akan membagikan tips bagaimana Emoticon tersebut di masukan kedalam postingan blog

Ok, langsung saja agan - agan yang ingin menerapkan Emoticonnya ke dalam postingan atau di dalam Page(Laman) di blog: :D

1. Buka Blogger
2. Klik Template
3. Klik Edit HTML
4. Pastekan code Script di bawah ini di atas kode </head>
<script src="https://sites.google.com/site/seocips/seocips-script/post-emoticon.js" type="text/javascript"></script>
<script src="https://sites.google.com/site/seocips/seocips-script/emokaskus.js" type="text/javascript"></script>
5. Pastekan code Script di bawah ini di atas kode </body>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>  
6. Klik Simpan Template dan Selesai



Gimanakah Postingan kali ini. Semoga Membantu. :D

Baca selengkapnya

Monday, September 21, 2015

Cara Menambahkan Emoticon Di Postingan Blog

24 Komentar
Cara Menambahkan Emoticon Di Postingan Blog, Jika anda adalah salah seorang pengguna Facebook, tentu anda tahu apa yang dimaksud dengan emoticon bukan, emoticon adalah lambang yang menunjukkan suatu ekspresi dari seseorang, seperti sedih, tertawa, tersenyum, marah, dan masih banyak lagi variasi yang lainya. Di dalam dunia blogging, kerap kali kita juga menemui blog-blog yang telah mengaplikasikan fungsi dari emoticon ini, tak lain dan tak bukan, penerapan fungsi emoticon ini bertujuan agar penampilan blog mereka lebih unik dan semakin user friendly kepada para pengunjung. :D
Selain itu, tampilan dari emoticon yang akan saya bagikan kali ini juga agak berbeda dengan yang lainya, karena ukuranya yang agak lebih besar dan animasinya yang lucu dan unik, dengan emoticon ini nantinya diharapkan blog kita akan 'terkesan' lebih friendly dan akrab kepada para pengunjung. Bagi anda yang berminat untuk menerapkanya, silahkan disimak yang berikut ini! :-d

1. Login ke Blogger.

2. Pilih Template.

3. Klik Edit HTML.

4. Klik tanda panah disebelah kode yang mirip <b:skin>...</b:skin> (untuk membuka kode css).

5. Cari kode ]]></b:skin> (gunakan CTRL+F), lalu letakkan kode dibawah ini tepat dibawahnya.
<style>
.emo.delayLoad { display:inline; text-align:left; margin:0; padding:1px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:none; background-color:transparent; border-radius:none; -moz-border-radius:none; -webkit-border-radius:none }
</style>
6. Selanjutnya, cari kode </body>, lalu letakkan kode dibawah ini tepat diatasnya.
<script type='text/javascript'>//<![CDATA[// kode js untuk menampilkan emoticonjQuery(document).ready(function () {emoticonx({emoRange:".post-body, div.emoWrap",})});//]]></script><script src='http://yourjavascript.com/34231521353/efek.js' type='text/javascript'/>
7. Klik "Save/Simpan" template, dan selesai.

Bagaimana sobat? mudah bukan menerapkan emoticon di postingan sekaligus komentar blog, untuk live demo-nya anda bisa lihat pada post di blog ini. Demikian informasi terbaru tentang Cara Menambahkan Emoticon Di Postingan Blog, semoga bermanfaat, dan selamat mencoba. :)
Baca selengkapnya
Subscribe to: Posts (Atom)