Cara Membuat Read More Otomatis Di Blog

Cara Mudah Membuat Read More Otomatis di Blog – banyak para blogger yang masih kebingungan untuk membuat readmore secara otomatis di blog mereka, walaupun banyak sekali artikel-artikel yang mebahas bagaimana cara membuat readmore otomatis. Hal ini disebabkan karena banyaknya artikel yang copas padahal si pemilik blog sendiri tidak faham dengan caranya. Disini saya akan menjelaskan cara membuat readmore otomatis secara detail sehingga blogger pemula sekalipun bisa membuatnya.

Ngomong-ngomong mungkin blogger pemula atau newbie masih bingung apa itu readmore?. Read more adalah penggalan dalam sebuah artikel, biasanya hanya menampilkan beberapa kalimat saja dan biasanya di tandai dengan kata “READ MORE”, “BACA SELENGKAPNYA”, ” LANJUTKAN MEMBACA”, dll.

Manfaat readmore juga untuk mempersingkat atau merapihkan artikel yang panjang, jadi postingan artikel anda akan tersusun rapi dengan hanya menampilkan gambar dan beberapa kalimat saja.

Untuk demonya silahkan klik link dibawah ini

Cara membuat readmore otomatis dengan gambar

• Silahkan buka template anda. Pilih: TEMPLATE >> EDIT.
• Cari Kode </head>.
• Copy paste kode dibawah ini tepat di atas kode </head>

<!--ReadMore http://trikseosimple.blogspot.com-->

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
.post-body{text-align:justify;}
.post-body img{max-width:none;width:auto;}
.read-more{float:left; padding-top: 10px;}
.read-more a{ color: #fff!important;text-shadow:0 1px 0 rgba(0,0,0,0.5);background:#0457A9;  text-decoration:none;font:bold 13px Arial;padding:5px;}
.read-more a:hover{text-decoration:none;background:#666;}
.pic{border: 10px solid #fff;float:left;height:165px;width:250px;margin-right: 20px;margin-bottom:10px;overflow:hidden;box-shadow: 5px 5px 5px #111;}
.grow img{height:165px;width:250px;transition: all 2s ease;}
.grow img:hover{width:400px;height:250px;}
</style>
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot;; //yes -dengan gambar, no -tanpa gambar
summary_noimg = 300; //banyaknya huruf jika tidak ada gambar
summary_img = 250; //banyaknya huruf jika ada gambar
img_thumb_height = 165;
img_thumb_width = 250;
</script>
<script type='text/javascript'>//<![CDATA[
function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s = strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);}}strx =  s.join("");}chop = (chop < strx.length-1) ? chop : strx.length-2;while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;strx = strx.substring(0,chop-1);return strx+'...';}function createSummaryAndThumb(pID){var div = document.getElementById(pID);var imgtag = "";var img = div.getElementsByTagName("img");var summ = summary_noimg;if(thumbnail_mode == "yes"){if(img.length>=1){imgtag = '<div class="grow pic"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></div>';summ = summary_img;}}var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';div.innerHTML = summary;}
//]]></script>
</b:if>
</b:if>

<!--Auto Read More Akhir-->

• Save Template anda.
• Kemudian scroll template anda kebawah cari kode seperti berikut:

Ket: Kata kuncinya adalah didalam kotak hitam "BLOG POSTS / POSTINGAN BLOG" jika anda menggunakan bahasa indonesia.

• Jika suda menemukan kode seperti gambar di atas silahkan klik anda panah kecil warna hitam sebelah kiri.
• Setelah tanda panah kecil di klik maka akan ada tampilan seprti gambar berikut

• Cari kode yang di tandai dengan kotak hitam. "POST' VAR='POST'".
• Setelah ketemu klik tanda panah yang lurus dengan kode tersebut.
• selanjutnya akan terbuka kode kode yang lain.
• geser atau scrol ke bawah dan cari kode 

 <data:post.body/>

•  Setelah ketemu hapus kode diatas dan ganti dengan kode dibawah ini:

<!-- Auto read more Mulai -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
      <div class='read-more'>
      <a expr:href='data:post.url'>Baca Selengkapnya &#187;</a>
      </div>
</b:if>
</b:if>
<!-- Auto read more Akhir -->

• Klik SAVE / SIMPAN dan lihat hasilnya.

Terlihat seperti sulit tetapi jika sambil di praktekan pasti bisa karena ini sudah sangat detail, jika saya menjelaskan dengan singkat mungkin para blogger pemula tidak akan mengerti atau kesusahan membuatnya.

Sekian dulu sari saya untuk cara membuat readmore semoga bermanfaat kebaikan anda semua.

Read More ->>

Kumpulan Animasi Bergerak Yang Lucu dan Keren Untuk Blog

Cara Memasang Animasi Bergerak  Yang Lucu dan Keren Untuk Blog - Ternyata banyak sekali blogger – blogger yang sangat menyukai animasi bergerak pada blognya.  Bisa terlihat ketika saya berkunjung ke beberapa blog teman. Dari animasi yang simple dengan ukuran mini sampai yang ribet dengan ukuran jumbo banyak terpasang di blog mereka. Ya itu juga karena selera masing2 orang berbeda. Memang animasi pada blog sangat membantu blog agar terlihat menarik. Jadi blog akan terlihat hidup dan tidak membosankan.Berikut ini caranya.

Cara Memasang Widget Animasi Bergerak Di Blog

• Login ke dasbor blog anda
• Pilih rancangan
• Pilih Tambah Gadget
• Pilih Html/Java Script
• Lalu copy kode Html animasi yang anda ingin pasang di blog. Kodenya ada di bawah, anda bisa memilih sesuai keinginan anda.
• Pastekan kode tadi di Html/java script tadi.
• Simpan, dan selesai

Daftar Kode Html Animasi Bergerak

1.Spongebob

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

2.Naruto

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/692/th/69207.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

3.Gaara

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53973.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

4.Labu

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://sig.graphicsfactory.com/Halloween/a.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

5.Tengkorak

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1/th/152.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

6.Ekspresi Muka

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/742/th/74214.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

7. Animasi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://i.mnpls.com/715/71510.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

8. Main Taplak

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/0/th/72.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

9. Pasangan

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/229/th/22949.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

10.Zoombie

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46602.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

11.Pigglet

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/438/th/43833.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

12.MiniMouse

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/485/th/48554.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

13. Hallo

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/212/th/21215.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

14.Hai Friend

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/243/th/24365.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

15.Star

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/102/th/10221.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

16.Gajah Loncat

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi</a></center></small></div>

17.Booring

<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi</a></center></small></div>

18.Bayi ketawa

<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi</a></center></small></div>

19. Dance

<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi</a></center></small></div>

20.Main Bola

<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi-Blog</a></center></small></div>

21.Bayi Tertawa

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi</a></center></small></div>

22.Panda Biru

<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>
<small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Free-Widget-Animasi</a></center></small></div>

23. Panah

<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

23. Bunga

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

24. Anjing Laut

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

25. Lumba-lumba

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

26. Kucing Tidur

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

27. Kelinci

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

28. Dragon

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

29. Ikan

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

30. Pinguin

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

Catatan !! ada bisa mengatur dimana anda ingin meletakan animasi tersebuat sesuai keinginan. Caranya dengan mengedit tulisan bottom (bawah), top (atas), left ( kiri), right (kanan),

Contoh : jika anda ingin memasang di pojok kanan atas, berarti anda harus mengubahnya menjadi top dan right. Mudah bukan ? selamat mencoba.

Don't Forget to comment all...

Read More ->>

Cara Memasukan Postingan ke Menu Bar

Setelah anda membuat menubar,pasti anda ingin mengisi menubar anda dengan artikel anda.Bagi pemula,pasti masih kebingungan tentang hal ini.Tetapi sebetulnya "Cara Memasukan Postingan ke Menu Bar" itu tidak begitu sulit.Berikut adalah langkah-langkahnya.

1.Login ke blog agan sekalian

2.Pastikan anda sudah membuat artikel yang kan dibuat,setelah dibuat, nah disebelah kanan kan ada setelan entri klik label, ketik label sesuai yg anda inginkan,untuk lebih gampangnya saya sesuaikan aja sama yang ada dimenu bar misalnya menu TIPS , nah label ini akan menjadi link / URL yang nantinya akan ditaruh di menubar. untuk lebih jelasnya ini gan SSnya :

Nah , disebelah kanan setelan entri , sudah saya  tambahin label TIPS yg nantinya akan menjadi Link / Url ke Menu bar,setelah itu klik selesai kemudian klik perbaharui,sampai sini udah paham gan ??? kalau udah lanjut , ke HTML nya .

3.Masuk ke Template terus edit HTML setelah udah tekan tombol dikeyboard CTRL + F , nanti muncul pencarian , nah tadi kan saya udah buat label tips , cari sesuai dengan judul menu bar , misalnya di menu bar Tips n trik

    <li><a href='http://muhjauharil17.blogspot.com/search/label/tips'>Tips n Trik</a></li>

ket      :  ganti blog anda/search/label/label yang tadi kamu buat , misalnya tips seperti yg ada diatas .

4.Setelah itu klik Simpan template N selesai dech.

Sekian dulu artikel dari saya,semoga bermanfaat bagi agan semua...

Read More ->>

Cara Memasang Lagu di Blog

Memasang musik/lagu pada blog memang dapat menemani rasa sepi untuk pengunjung yang mengunjungi blog kita, selain itu juga dapat membuat pengunjung betah ketika membaca artikel. Tetapi tidak semua pengunjung suka untuk mendengarkan musik, melainkan mereka fokus terhadap artikel yang mereka cari.

Kali ini saya akan berbagi mengenai "Cara Memasang Lagu di Blog", Lagu disini bisa anda pilih sendiri sesuai dengan keinginan anda.
Berikut langkah-langkahnya :

1. Kunjungi website http://scmplayer.net/
2. Kemudian pilih warna background yang anda inginkan dan klik Edit Playlist
    
   
3. Masukkan Judul lagu dan URL lagu untuk ditampilkan di blog, kelebihan menggunakan scmplayer anda bisa menambahkan lagu sebanyak mungkin.
   *Contoh saya memasukkan lagu JKT48 disini yang URLnya saya ambil dari https://soundcloud.com 
   
4. Klik Next dan atur sesuai dengan keinginan anda. Lihat gambar
   
   Keterangan :
   - Centang Auto Play untuk membuat lagu mulai dengan otomatis
   - Shuffle Playback adalah untuk memutar secara acak lagu anda
   - Default Volume adalah volume suara
   - Repeat Mode terbagi menjadi 3 :
   Play Playlist Once = hanya memutar 1 lagu pertama
   Repeat Playlist = Untuk mengulang lagu
   Repeat Item = Untuk mengulang lagu setelah semua lagu selesai di putar
   - Placement of Player Bar adalah lokasi scmplayer
   - Show Playlist by Default adalah untuk menampilkan daftar lagu di samping kanan blog
5. Jika sudah klik Done, maka akan muncul kode. Copy kode tersebut. 
   
6. Pastekan kodenya dengan cara :
   • Login ke Blogger
   • Klik Template -> Edit HTML
   • cari kode <body> (gunakan F3 atau CTRL+F untuk mempermudah)
   • pastekan kode tadi bawah kode <body>
7. Dan Terkahir Simpan template

Demikan trik dari saya,semoga bermanfaat.

Read More ->>

Cara Memasang Jam dan Kalender di Blog

Untuk seorang pemula,menambahkan Jam dan Kalender memang cukup sulit bila tidak mengetahui caranya.Banyak para blogger pemula yang mendatangi blog-blog lain dan melihat ada kalender dan jam di blog itu,dan berniat untuk menirunya.Memang saat anda membuat blog baru anda pasti tidak akan menemukan kalender dan jam anda terpasang di blog anda.Oleh karena itu anda pasti akan bagaimana cara memasang jam dan kalender di blog.Oleh karena itu kali ini saya akan berbagi tentang Cara Memasang Jam dan Kalender di blog.

Berikut cara memasang widget Jam di blogger

1. Pertama kunjungi www.clocklink.com
2. lalu klik pada menu Gallery (disitu kita bisa memilih kategori-kategori yang ingin kita pilih)
3. sebagai contoh kategori analog kita pilih,
4. kemudian klik view html tag pada kotak di bawah jam yang kita pilih lalu akan timbul halaman baru di window baru. disitu nanti kita ada ketentuan-ketentuan yang memakai bahasa inggris,
5. langsung aja kita pilih accept
6. Selanjutnya kita diminta memilih warna (color), {time zone untuk Waktu Indonesia Bagian Barat sebaiknya memilih JOG : Jogyakarta Indonesia Time (GMT + 07.00)} serta jangan lupa tuliskan ukuran (size) jam agar sesuai dengan sidebar tempat meletakan jam itu nantinya. Dapat juga diatur kemudian.
7. Copy seluruh kode HTML kemudian disimpan di komputer kita contoh pada notepad.

Langkah selanjutnya kita menuju blog kita

1. Silahkan login ke blogger dengan ID anda
2. Klik Tata Letak
3. Klik tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik tanda plus (+) untuk HTML/Javascript
6. Copy paste kode yang kita taruh di notepad tadi ke dalam kolom konten yang tersedia
7. selesai

dan ini cara memasang kalender di blog

Mungkin Sobat Blogger Sering menemui blog yang ada kalendernya!, nah sempatkan terfikirkan oleh sobat semua bagaimana cara memasangnya kehalaman blog tersebut, atau mungkin sobat blogger sempat terpikir untuk memasangnya dihalaman blog sobat sendiri.

Secara default Blogger memang tidak menyediakan Widget kalender untuk blog, untuk memasangnya kita akan gunakan jasa gratis yang menyediakan widget kalender untuk blog. sobat bisa memilih jenis-jenis kelender sesuai dengan keinginan, yuk langsung saja to the point.

Lankah 1 : Mendapatkan Kode Kalender

1. Kunjungi halaman Web Penyedia Widget kalender di www.free-blog-content.com
2. Tunggu sampai halaman Web terbuka penuh, Gulir mos kearah bawah sapai terlihat beberapa daftar kategory kalender.
3. Klik pada salah satu kategory tersebut, Kamu bebas memilih kategory yang kamu inginkan.
4. Tunggu beberapa saat akan tampil macam-macam kalender seperti berikut ini :

5. Copy Kode Widget yang diberikan pada bagian yang ditunjuk oleh anak panah pada gambar berikut:

6. Sekarang Kode Widget Kalender sudah kamu dapatkan, tinggal memasang kehalaman blog. Cara memasangnya ikuti Lankah 2 berikut :

Langkah 2 : Memasang Widget Kalender Di Blog

1. Login kehalaman Blog
2. Pada bagian Dashboard Blog kamu pilih Layout atau Tata Letak

3. Klik pada bagian Add a Gadget atau Tambah Gadget

4. Pilih Widget HTML/JavaScrip

5. Masukan Kode Widget Kalender tadi ke dalam Kolom Widget HTML/JavaScrip

6. Klik Simpan
7. Lihat hasilnya dan selesai.

Demikian Cara Memasang Widget Kalender Di Blog. Gimana tidak terlalu sulitkan sobat.Cukup sekian artikel dari saya.Semoga bermanfaat bagi kalian semua.

Read More ->>

10 Tips/Trik Membuat Cewek “tergila-gila” Sama Cowok

Cowok memang ditakdirkan lebih agresif ketimbang cewek. Itulah kenapa akhirnya cowok menjadi pihak yang lebih banyak mengejar daripada dikejar-kejar. Tapi kini, tidak sedikit cewek yang "tergila-gila" kepada cowok dan berusaha mengejarnya. Ini jelas terlihat, bukan hanya di cerita film-film, sinetron atau novel. Tapi juga di kehidupan nyata. Bagaimana agar hal itu terjadi pada diri Anda? Berikut ini, ada 10 Trik yang diyakini ampuh membuat para cewek "tergila-gila" sama cowok yang didasarkan dari berbagai sumber:

Jujur dan gentle 

Sebenarnya, bukan perkara sulit membuat dia 'mendatangi' kamu. Tentu saja asal tahu caranya. Jadi, begitu kamu merasa bertemu dengan seorang cewek yang seseuai dengan apa yang diidam-idamkan, maka tunjukan bahwa kamu adalah pria jujur, sopan, sekaligus charming. Tunjukkan juga kalau kamu tuh sangat antusias untuk mendengarkan ceritanya. Kalau kamu bisa terlihat seperti itu, bisa dipastikan cewek-cewek bakal kepingin nempel terus.

Jangan terlalu banyak 

menilai Ini nih kebiasaan yang sering dilakukan banyak cowok (cewek juga sih). Padahal semua orang tahu, tidak ada sesuatu yang sempurna atau bobody's perfect. Yah, kalau dinilai-nilai terus, cewek juga bakal sebal. Apalagi kalau dibanding-bandingkan dengan cewek lain, bisa-bisa dia malah menjauhi kamu.

Jangan mengikat 

Kamu boleh saja menyukainya, sekaligus berharap dia akan menyukai kamu tentunya. Tapi bukan lantas kamu harus mengekang atau mengikatnya. Beri dia ruang gerak. Maksudnya jangan keseringan menyorongkan diri di sekitar dia. Biarkan dia menebak-nebak, dimana kamu berada, sedang melakukan apa dan sama siapa. Asal tahu saja, ketidakhadiran kamu itu, justru bisa menumbuhkan kerinduan dalam dirinya.

Willing 

Saat dia bercerita sesuatu, tunjukkan kesan bahwa kamu tertarik dan antusias mendengarkan ceritanya. Tunjukkan pula bahwa kamu bersedia mendengarkan keluhan dan curahan hatinya. Entah cerita biasa atau masalah keluarga, pekerjaan, hobi, sampai mimpi-mimpinya. Jangan lupa untuk menanggapi cerita-ceritanya dengan pendapat-pendapat yang brilian, tanpa terkesan menggurui.

Banyak Senyum 

Sudah jadi rahasia umum kalau senyuman itu merupakan salah satu senjata ampuh untuk TP(Tebar pesona). Kata para ahli, tersenyum itu merupakan refleksi diri seseorang yang punya pemikiran positif. Nah, kalau kamu memang gemar tersenyum, maka tularkan kebiasaan tersebut ke cewek yang ditaksir. Caranya? Bikin dong dia tersenyum lewat joke-joke yang kamu lontarkan. Tapi ingat, don't be selfish, dong. Jangan cuma dia yang kamu bikin tersenyum, tapi akan lebih baik jika kamu bisa membuat teman-temannya bahkan juga keluarganya bila perlu untuk tersenyum juga. Percaya deh, si dia pasti makin terpesona dengan anda. Apalagi survei membuktikan kalau 9 dari 10 wanita lebih suka cewek yang punya selera humor tinggi.

Jadi yang terbaik 

Menjadi yang terbaik, bukan lantas kamu melakukan segala hal yang sebenarnya tidak mampu dilakoni. Jangan memaksakan diri, be the best you can be saja. Nggak susah kok. Kamu pasti tahu dong apa yang digemari para cewek? Dengan tampil bersih, harum, nafas segar, dan nggak terlalu berantakan, cewek pasti banyak yang melirik.

Jangan mengejar duluan 

Cobalah untuk menahan keinginan melancarkan aksi terlebih dahulu, seperti meneleponnya terus-menerus -selusin kali- dalam sehari, mengiriminya SMS atau e-mail yang isinya penuh dengan bullshit. Sebaliknya, gimana caranya agar kamu jarang menelepon atau SMS, tapi dia tetap terpesona.

Jual mahal 

sedikit Yang ini nih merupakan lanjutan atau pun bentuk lain dari nasihat yang melarang cowok untuk mengejar cewek duluan. Meskipun mungkin si cewek tahu kalau Anda sebetulnya ngebet sama dia, coba deh keukeuh untuk tidak melayani apa maunya. Pura-pura cuek kalau kamu sedang di dekatnya.

Biarkan dia menebak-nebak Perlu diketahui bahwa, mahluk yang namanya cewek itu gemar akan sesuatu yang bersifat misterius, lho. Itulah kenapa banyak cewek yang menjadi pengarang cerita-cerita berbumbu petualangan dan misteri, seperti Agatha Christie atau Enid Blyton. Bikin dia seperti itu. Caranya? Jangan sering-sering nongol atau nelpon. Jangan langsung membuka diri. Beri dia sedikit-sedikit saja tentang siapa sebenarnya kamu. Soalnya, kalau langsung membuka diri bisa-bisa dia akan bosan dan bilang "sudah nggak ada tantangan lagi". Makanya biarkan rasa ingin tahunya tentang diri kamu terus tumbuh dan berkembang. Dengan begitu, dia pun akan selalu berharap untuk mengenal kamu lagi dan lagi.

Jangan Terlalu Sok akrab 

Tidak sedikit cowok yang bertanya-tanya, kenapa para cewek lebih memilih menjadi sahabat ketimbang menjadi kekasih. Salah satu jawabannya adalah, dia mungkin merasa hubungan dengan kamu sudah kelewat dekat, sehingga lebih enak untuk dijadikan teman. Nah, bila kamu benar-benar suka sama cewek, sebaiknya jangan dulu sok akrab.

Cukup sekian dari saya,semoga para cowok-cowok yang lagi Jones bisa menemukan joohnya.Amin.

Read More ->>

Lirik Lagu Kanashimi wo Yasashisa Ni

sousa kanashimi wo yasashisa ni
jibun rashisa wo chikara ni
mayoinagarademo ii arukidashite
mou ikkai mou ikkai

dareka no kitai ni zutto kotae
homerarerunoga suki nano desuka?
naritai jibun wo surikaetemo
egao wa itsudemo suteki desuka?

hajimaridake yume mite okiru
sono saki nara itsuka
jibun no ude de

souda daiji na mono wa itsumo
katachi no nai mono dake
te ni iretemo nakushitemo
kizukanumama

sousa kanashimi wo yasashisa ni
jibun rashisa wo chikara ni
mayoinagarademo ii arukidashite
mou ikkai mou ikkai

zurui otona wa deau tabi
atama gohashi na sekkyou dake
jibun wo sunao ni dasenaku natte
kizutsukinagara sugu ni togatte

atarashii kaze mikata ni tsukete
sagashite iinda itsuka aoi tori wo

souda daiji na mono wa itsumo
katachi no nai mono dake
te ni iretemo nakushitemo
kizukanumama

sousa kanashimi wo yasashisa ni
jibun rashisa wo chikara ni
mayoinagarademo ii arukidashite

namida no ato ni wa nazeka fukkireta
sora ni niji ga deru you ni shizen na koto
ame wa agatta

dakara daiji na mono wa itsumo
katachi no nai mono dake
te ni iretemo nakushitemo
kizukanumama

sousa kanashimi wo yasashisa ni
jibun rashisa wo chikara ni
kiminara kitto yareru shinjite ite
mou ikkai  mou ikkai
mou ikkai  mou iikai?

Read More ->>

Lirik Lagu One Direction - What Makes You Beautiful

You’re insecure

Don’t know what for

You’re turning heads when you walk through the door

Don’t need make up

To cover up

Being the way that you are is enough

Everyone else in the room can see it

Everyone else but you

[Chorus]

Baby you light up my world like nobody else

The way that you flip your hair gets me overwhelmed

But you when smile at the ground it ain’t hard to tell

You don’t know

You don’t know you’re beautiful

If only you saw what I can see

You’ll know why I want you so desperately

Right now I’m looking at you and I can’t believe

You don’t know

You don’t know you’re beautiful

Oh oh

But that’s what makes you beautiful

So c-come on

You got it incorrectakan

To prove I’m right I place it in a song

I don’t why

You’re being shy

And turn away when I look into your eyes

Everyone else in the room can see it

Everyone else but you

[Chorus]

Baby you light up my world like nobody else

The way that you flip your hair gets me overwhelmed

But you when smile at the ground it ain’t hard to tell

You don’t know

You don’t know you’re beautiful

If only you saw what I can see

You’ll know why I want you so desperately

Right now I’m looking at you and I can’t believe

You don’t know

You don’t know you’re beautiful

Oh oh

But that’s what makes you beautiful

[Bridge]

Nana Nana Nana Nana

Nana Nana Nana Nana

Nana Nana Nana Nana

Baby you light up my world like nobody else

The way that you flip your hair gets me overwhelmed

But you when smile at the ground it ain’t hard to tell

You don’t know

You don’t know you’re beautiful

[Chorus]

Baby you light up my world like nobody else

The way that you flip your hair gets me overwhelmed

But you when smile at the ground it ain’t hard to tell

You don’t know

You don’t know you’re beautiful

If only you saw what I can see

You’ll know why I want you so desperately

Right now I’m looking at you and I can’t believe

You don’t know

Oh oh

You don’t know you’re beautiful

Oh oh

You don’t know you’re beautiful

But that’s what makes you beautiful

Read More ->>