jujur dan baik

bermula dari sebagian perkataan orang yang sebenernya ngg terlalu buruk untuk ku, tapi ini adlah permulaan dari semua yang aku lakukan untuk mengajarkan semua demon tentang arti dibalik kata jujur dan benar,

belajar untuk berfikir hingga 1000 x sebelum mengatakan harus atau jangan kepada anak anak karena kalau tidak maka efeknya akan di rasakan oleh diri sendiri,

saat itu aku melihat @rafi alfian rachman sedang bermain dan aku ingin membuatnya berhenti untuk melakukan hal itu dan menemaniku untuks ekedah dia beristirahat di dekatku.

"fi kenapa ngg ambil minum aja dulu haus kan" kataku menyarankan.

dia membawa segelas air dan minum disebelahku. sembari melihat teman temannya masih di lapangan,

itu mungkin hal baik sebelum memberitahu dia tentang apa yang sebenarnya dia lakukan dengan secara tidak langsung aku berhasil membuat dia berhendti untk bermain dan duduk menemaniku duduk,

kejujuran memanglah sulit untuk di tanggapi begitu pula harus jujur tentang apa yang sebenarnya tak perlu di ketahui oleh anak yang belum cukup umur

\

saat itu aku sedang membwa buku dan aku bilang mau pergi keperpustakaan dengan mereka apapun yang terjadi... namun padasaat itu hujan turun dan aku ngg bisa pergi ke mana mana.. namun ada panggilan kerja yang harus aku hadiri...
terlihat rafi diam dan tak memerhatikan ku... aku segeera pergi meninggalkan rafi yang sedang sibuk dengan fikirannya...
keesokan harinya aku dicari sama dia dan dia berkata.. " a ali mah ngg bener katanya mau ke perpus tapi ngg ajdi"

aku jelaskan semuanya dan dia meminta untuk traktir jajan , aku berikan saja yang dia mau..

secara tidak langsung itu mengajarkan kepada dia untuk bisa mengatakan apa yang sebenarnya terjadi dan mampu mengungkapkannya dengnan kata kata tanpa ada sedikitpun kebohongan

Read More

cara membuat auto readmore

Readmore merupakan sebuah navigasi yang digunakan oleh banyak website maupun blog yang banyak memuat tulisan-tulisan berbasis berita, tutorial dan lain-lain. Readmore membuat blog terlihat lebih minimalis, readmore 'memotong' sebuah posting sehingga hanya 3 - 4 baris kalimat yang tampil yang kemudian sisa tulisan posting tersebut akan tampil jika tombol readmorenya diklik oleh reader.

Selain membuat blog terlihat minimalis, kelebihan lain yang dimiliki blog Auto Readmore adalah akan membuat blog lebih cepat tapi tetap dapat menampilkan (index list) konten lebih banyak dalam satu halaman seperti halaman home.

Contoh Readmore sederhana seperti yang dapat dilihat pada blog ini. Untuk cara membuatnya :

1. Login pada blog
2. Pastikan membackup blog terlebih dahulu
3. Masuk pada menu Template >> Edit HTML >> Lanjutkan
4. Centang 'Expand Template Widget'
5. Cari kode </head> dan copy dan letakkan kode berikut ini tepat diatas kode </head>.
   

   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
   <b:if cond='data:blog.pageType != &quot;item&quot;'>
   <script type='text/javascript'>
   var thumbnail_mode = &quot;float&quot; ;
   summary_noimg = 250;
   summary_img = 200;
   img_thumb_height = 100;
   img_thumb_width = 100;
   </script>
   <script type='text/javascript'>
   //<![CDATA[
   function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+"..."}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 2px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
   //]]>
   </script>
   </b:if>
   </b:if>

6. Kemudian cari kode <data:post.body/>, kemudian ganti dengan kode<data:post.body/> dengan kode berikut ini :
   

   <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
   <data:post.body/>
   <b:else/>
   <b:if cond='data:blog.pageType != &quot;item&quot;'>
   <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>
   <span class='rmlink' style='float:left'><a expr:href='data:post.url'>baca selengkapnya » <data:post.title/></a></span>
   </b:if>
   <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
   </b:if>
   </b:if>

   Penting : dalam sebuah blog kemungkinan memiliki lebih dari 1 kode<data:post.body/> silahkan coba ganti kode tersebut dengan kode diatas dan lakukan pratinjau sebelum template disave.
7. Langka terakhir ubah :
   summary_noimg = 250; = jumlah hurup pada saat tidak ada gambar pada postingan
   summary_img = 200; = Jumlah hurup pada saat terdapat gambar pada postingan
   img_thumb_height = 100; = Tinggi Gambar (thumbnail)
   img_thumb_width = 100; = Lebar Gambar (thumbnail)
   
   Ubah sesuai dengan keinginan.

Selamat Mencoba & Happy Blogging.

sumber

Read More

Cara membuat menu dropdown di bawah header blogspot

Cara membuat menu dropdown di bawah header blogspot 

Sebelum kita memulai membuat menu dropdown di bawah header blogspot alangkah baiknya backup dulu template agan karena ditakutkan terjadi hal-hal yang tidak di inginkan.

1. Masuk ke akun blogger agan -> klik Template -> Edit HTML

2. Centang “Expand Widget Templates ”

3. Lalu agan cari kode ]]></b:skin> ( gunakan Ctrl + F untuk memudahkan proses pencarian ) 

4. Terus taruh script di bawah ini tepat diatas kode ]]></b:skin>

#catmenucontainer{

height:33px;

width:1000px;

margin:0 auto;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkfIA0SEV2cre28jxNkJ_hZpBcisQXpiuzahNLK0o_sf6zgrjK4aefm-bw4VWQNHsh594UaYtQCyq8ztB0ZARaTiNXsgVsTuxai-iZ4LQfF8MCoycwqO-HNV26hXrNDRNfas3sF3BZz_FM/s1600/2.gif) repeat-x;

display:block;

padding:0px 0 0px 0px;

font-size:12px;

font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;

font-weight:normal;

border-top:1px solid #252424;

}

#catmenu{

margin: 0px;

padding: 0px;

width:1000px;

background:#252525 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP8sQ_Z55xLGos4fqRIBzVc5V2zWuwqXaKPAWFBZUnE8NpKmuHeUX7bdF0wC1GX59U9X9UOYeCqNqfnD4nyQezfSxlks1jALE5j3qnqOiO8LqHdu-yIu1qloH8mFT7_PA2bMRcDJ153Pae/) repeat-x;

height:33px;

}

#catmenu ul {

float: left;

list-style: none;

margin: 0px;

padding: 0px;

}

#catmenu li {

float: left;

list-style: none;

margin: 0px;

padding: 0px;

}

#catmenu li a, #catmenu li a:link, #catmenu li a:visited {

color: #fae7df;

display: block;

margin: 0px;

padding: 9px 10px 10px 10px;

}

#catmenu li a:hover, #catmenu li a:active {

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSbVY_tEj49Xm-ae8CwsDZhU335pT9baTaAMSlvEQ5WzLu7LWT0ya9S0nS1jsDnNuqngUCfjDo_-Z4FNxrQNK-My6OlfYB1cP0mvEmWNAwbd5bhtNV6ppXd2CzqM8eWKsrDANxYYqdWpi2/) repeat-x;

color: #fff;

margin: 0px;

padding: 9px 10px 10px 10px;

text-decoration: none;

}

#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {

background:#ED4A05;

width: 150px;

color: #fae7df;

font-family:Tahoma,century gothic,Georgia, sans-serif;

font-weight: normal;

float: none;

margin: 0px;

padding: 9px 10px 10px 10px;

border-bottom: 1px solid #FF7800;

}

#catmenu li li a:hover, #catmenu li li a:active {

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSbVY_tEj49Xm-ae8CwsDZhU335pT9baTaAMSlvEQ5WzLu7LWT0ya9S0nS1jsDnNuqngUCfjDo_-Z4FNxrQNK-My6OlfYB1cP0mvEmWNAwbd5bhtNV6ppXd2CzqM8eWKsrDANxYYqdWpi2/) repeat-x;

color: #fff;

padding: 9px 10px 10px 10px;

}

#catmenu li ul {

z-index: 9999;

position: absolute;

left: -999em;

height: auto;

width: 170px;

margin: 0px;

padding: 0px;

}

#catmenu li li {

}

#catmenu li ul a {

width: 140px;

}

#catmenu li ul a:hover, #catmenu li ul a:active {

}

#catmenu li ul ul {

margin: -34px 0 0 170px;

}

#catmenu li:hover ul ul, #catmenu li:hover ul ul ul,

#catmenu li.sfhover ul ul, #catmenu li.sfhover ul ul ul {

left: -999em;

}

#catmenu li:hover ul, #catmenu li li:hover ul,

#catmenu li li li:hover ul, #catmenu li.sfhover ul,

#catmenu li li.sfhover ul, #catmenu li li li.sfhover ul {

left: auto;

}

#catmenu li:hover, #catmenu li.sfhover {

position: static;

}

5. Kemudian agan cari kode  <div id='content-wrapper'> 

6. Copy kode dibawah ini dan paste tepat dibawah kode <div id='content-wrapper'>

<div id='catmenucontainer'>

<div id='catmenu'>

<ul>

<li><a href='http://NAMA LINK BLOG ANDA/'>Home</a></li>

<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-1</a>

<ul class='children'>

<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-1-1</a></li>

<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-1-2</a></li>

<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-1-3</a></li>

</ul>

</li>

<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2</a>

<ul class='children'>

<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2-1</a></li>

<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2-2</a></li>

<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2-2</a></li>

<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2-3</a></li>

</ul>

</li>

<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-3</a></li>

<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-4</a></li>

</ul>

</div>

</div>

<div class='clear'/>

7. Klik Pratinjau/Preview terlebih dulu sebelum di SAVE template nya, jika sudah berhasil maka klik Save/Simpan. 

Note:

- Edit Your-Link-Here,Link-Title, dan Link-Name. Ganti dengan link dan title link yang agan inginkan.

- Jika kode <div id='content-wrapper'> tidak ada dalam template agan, itu berarti cara ini tidak sesuai dengan template yang sedang agan gunakan. Tetapi agan masih bisa memasangnya dengan cara :

Masuk -> Elemen Laman -> Tambah Gadget -> pilih HTML/JavaScript >> taruh kode script yang ke-2 di dalam nya. Klik Simpan dan lihat hasilnya. 

Itulah tutorial dari ane tentang cara membuat menu dropdown di bawah header blogspot semoga postingan ini bermanfaat khusunya bagi agan-agan yang ingin mempercantik blognya dengan cara membuat menu dropdown. Terimakasih dan semoga berhasil

sumber

Read More

tips yahoo - fd

Read More

Grand chase - fd

Read More

MP3-Fd

Read More