Contact online

This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

Tuesday, September 10, 2013

Remember Of Today - Kaulah Segalanya

REMEMBER OF TODAY - KAULAH SEGALANYA

kaulah segalanya yang tak pernah sirna 
kitalah yang terkuat hiraukan kata mereka
janganlah kau melihat dari warna kulitnya siapalah mereka dan tutur bahasanya
kita yang ada disini tak kenal pilah pilih kita berbaur bersama berkumpul dan bernyanyi bahagia
angkat keras suaramu dan ikuti suaraku wooo wooo
agar semua tau suara hati kita wooo wooo

terangilah hidupmu dan jaga cahaya kalian untuk tetap bersinar di hati kala kelam
rangkul yang ada di sebelahmu janganlah kau ragu kawan satu kan dan berteriak

REFF :
wooo..lepaskan semua semangatmu
wooo..buang semua rasa takutmu
wooo..hempaskan keras suaramu
wooo..kaulah segalanya untukku

tatap mukaku kawan jangan pernah lupakan
satukan semua egomu hancurkan kesombongan
satukan tekad hatimu gabungkan jadi satu
dan ingat aku berkata bahwa persahabatan itu nyata.
terangilah hidupmu dan jaga cahaya kalian untuk tetap bersinar di hati kala kelam
rangkul yang ada di sebelahmu janganlah kau ragu kawan satu kan dan berteriak

kembali ke REFF 2x

tunjukan pada mereka bahwa kita pun bisa melangkah bersama dan bukan bicara saja
tetaplah berlari jangan berhenti melangkah lihat diriku disini dan nilai kita sendiri
wooo wooo wooo wooo

kembali ke REFF

Remember Of Today - Hilang


 REMEMBER OF TODAY - HILANG

Dunia hari ini begitu tak berarti
 Tak berjalan cepat seolah tak peduli 
Lambat laun ku bertahan dengan hari ini 
Hari yang takkan pernah berakhir

Semua telah berubah sejalan dengan waktu
 Setiap detik berharga bagiku
Waktu pun ingin kuubah 
Kembali tertawa 
Aku hanya bisa menangis 
Aku tak bisa...

REFF: 

Maafkanlah diriku  
Atas semua kesalahan yang kuperbuat 
Selama ini kepada dirimu 
Aku berjanji akan melepasmu  
Dengan senyuman yang akan kau ingat  
Dan kau kenang sampai matiSelamanya...

Semua telah berubah sejalan dengan waktu 
Setiap detik berharga bagiku
Waktu pun ingin kuubah 
Kembali tertawa 
Aku hanya bisa menangis 
 Aku tak bisa...

Back to REFF

Lupakanlah semua kenangan ini 
Hancurkanlah semua mimpi-mimpi 
Jangan pernah kembali 
Dan takkan pernah kembali
Dan janganlah kau pernah berikan aku satu harapan 
Dan karena ku ingin 
Pergi, hilang dan lupakan...!!!

Back to REFF
Selamanya....

Monday, September 9, 2013

Remember Of Today - Lewati Semua

REMEMBER OF TODAY - LEWATI SEMUA

 #Intro : C F Am F (2x)
Am F (2x) C
Lihat harimu yang indah
Dan bersinar dengan cerah
Untuk sekian lama kalinya
Dan keterpurukan merekah 

Hilangkan semua ingatan
Yang hanya membuatmu terjatuh
Seakan kau hanya keledai
Membodohi diri sendiri
Tunjukkanlah jati dirimu semula
Kepalkan tanganmu dan raihlah cita
citamu
 
#Chorus :
Kuyakin kaupun bisa melewati semua
Rintangan yang kan menghadang
untuk hadang segala 
Pengorbanan dirimu 
demi perbuatannya
Kan kau dapatkan xxxx yang kau
inginkan
 #Interlude : C Am (2x)
Tunjukkanlah jati dirimu semula
Kepalkan tanganmu dan raihlah cita
citamu
#Chorus :
Kuyakin kaupun bisa melewati semua 
Rintangan yang kan menghadang
untuk hadang segala
Pengorbanan dirimu 
demi perbuatannya
Kan kau dapatkan xxxx yang kau
inginkan

Kuyakin kaupun bisa melewati semua
Rintangan yang kan menghadang
untuk hadang segala
Pengorbanan dirimu 
demi perbuatannya
Kan kau dapatkan xxxx yang kau
inginkan

Remember Of Today - Pergi, Hilang Dan Lupakan

REMEMBER OF TODAY - PERGI,HILANG DAN LUPAKAN

C G Am
Dunia hari ini begitu tak berarti
F G
Tak berjalan cepat seolah tak peduli
C G Am
Lambat laun ku bertahan dengan hari in
i
F G
Hari yang takkan pernah berakhir
C G Am
Semua telah berubah sejalan dengan waktu

F G

Setiap detik berharga bagiku
C G 
Waktu pun ingin kuubahAm
Kembali tertawa

F
Aku hanya bisa menangis

G
Aku tak bisa...

REFF:


C G 
Maafkanlah diriku
Am
Atas semua kesalahan yang kuperbuat

F G
Selama ini kepada dirimu

C G
Aku berjanji akan melepasmu 

Am
Dengan senyuman yang akan kau ingat
F
Dan kau kenang sampai mati
G
Selamanya...

C G Am
Semua telah berubah sejalan dengan waktu

F G
Setiap detik berharga bagiku

C G
Waktu pun ingin kuubahAm
Kembali tertawa

F 
Aku hanya bisa menangis

G
Aku tak bisa...

Back to REFF

Am G F Am G C 2X


Am G
Lupakanlah semua kenangan ini
Em
Hancurkanlah semua mimpi-mimpi
Jangan pernah kembali
C
Dan takkan pernah kembali

Am G Em
Dan janganlah kau pernah berikan aku satu harapan

G
Dan karena ku ingin Pergi, hilang dan lupakan

Back to REFF


C G Am F G
Selamanya....

Sunday, September 8, 2013

How to Add Metro Style Social Widget for Blogger

DKDE || blogpemula2019.blogspot.com || okysetyakelana.blogspot.com 

Today I will give you a very nice addition to your blog and frankly I liked this widget a lot. It is a social networking sites widget on the form of Metro as in windows 8.

Adding the widget in Layout
1. Go to Blogger Dashboard  → Layout → click on "Add a gadget".
2. Select "html/java script" and add the code given below.
<div class="metro-social">
<li><a class="fb" href="Your Facebook URL here"></a></li>
<li><a class="tw" href="Your Twitter URL here"></a></li>
<li><a class="gp" href="Your GooGle + URL here"></a></li>
<li><a class="fd" href="Your FeedBurner URL here"></a></li>
</div>
<style>
/*Metro UI Social Profile Widget v2.0 by Tech Prevue Labs
Web link to gadget code: 
Distributed under license CC BY-NC-ND 3.0 INT
Please keep license information intact while using this widget*/
.metro-social{width:285px}
.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}
.metro-social .fb,.tw,.gp,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}
.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}
.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:140px;height:70px}
.metro-social .gp{background:url(//goo.gl/oT0kF) no-repeat center center #da4a38;width:140px;height:69px}
.metro-social .fd{background:url(//goo.gl/ncoLY) no-repeat center center #e9a01c;width:282px;height:69px}
.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}
.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}
.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}
.metro-social li:hover .fd{background:url(//goo.gl/JFGqn) no-repeat center center #e9a01c}
</style>
<br />
3. Replace "Your ..... URL here" with Your URL.
4. Click on save.
I hope you enjoy & happy blogging! :)

Saturday, September 7, 2013

How To Add Related Posts Widget To Blogger With Summary

DKDE || blogpemula2019.blogspot.com || okysetyakelana.blogspot.com 

I wrote a previous blog post about How To Add Related Posts Widget To Blogger With Thumbnails.We already know the importance of the widget, but in this tutorial I'll show you the best related posts widget to your blog , If you want to add this widget to your blog please follow me:

1. Go to Blogger Dashboard  --> Template
2. Please! download  a copy of your template
3. Now click on Edit HTML
4. Use Ctrl+F to find </head>
5. Then copy and paste the below code just above/before it ( </head> ):
<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedUrls = new Array();
var relatedpSummary = new Array();
var relatedThumb = new Array();
var relatedTitlesNum = 0;

var relatedPostsNum = 4; // number of entries to be shown
var relatedmaxnum = 75; // the number of characters of summary
var relatednoimage = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqlxR_s3d8b4Wy-KVnviCQuGreEZYMQ8Pe-FsTTTNxvyaJUxi26J0kU-ZGzp0-pZewVIxCPDzpt8y4PqJYiqtBLM-Amzzwb_by2SnQzNi6I4Wz2BMoNd12xxPOIiYQmNSTqjt5a4f-0SEm/s1600/no_image.jpg"; // default picture for entries with no image

function readpostlabels(json) {
  var entry, postimg, postcontent, cat;
  for (var i = 0; i < json.feed.entry.length; i++) {
    entry = json.feed.entry[i];
    if (i==json.feed.entry.length) { break; }
    relatedTitles[relatedTitlesNum] = entry.title.$t;
    postcontent = "";
    if ("content" in entry) {
      postcontent = entry.content.$t;
    } else if ("summary" in entry) {
      postcontent = entry.summary.$t;
    }
    relatedpSummary[relatedTitlesNum] = removetags(postcontent,relatedmaxnum);
    if ("media$thumbnail" in entry) {
      postimg = entry.media$thumbnail.url;
    } else {
      postimg = relatednoimage;
    }
    relatedThumb[relatedTitlesNum] = postimg;
    for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'alternate') {
        relatedUrls[relatedTitlesNum] = entry.link[k].href;
        break;
      }
    }
    relatedTitlesNum++;
  }
}
function showrelated() {
  var tmp = new Array(0);
  var tmp2 = new Array(0);
  var tmp3 = new Array(0);
  var tmp4 = new Array(0);
  for(var i = 0; i < relatedUrls.length; i++) {
    if(!contains(tmp, relatedUrls[i])) {
      tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i];
      tmp2.length += 1; tmp2[tmp2.length - 1] = relatedTitles[i];
      tmp3.length += 1; tmp3[tmp3.length - 1] = relatedpSummary[i];
      tmp4.length += 1; tmp4[tmp4.length - 1] = relatedThumb[i];
    }
  }
  relatedTitles = tmp2; relatedUrls = tmp; relatedpSummary = tmp3; relatedThumb = tmp4;
  for(var i = 0; i < relatedTitles.length; i++){
    var index = Math.floor((relatedTitles.length - 1) * Math.random());
    var tempTitle = relatedTitles[i]; var tempUrls = relatedUrls[i];
    var tempResum = relatedpSummary[i]; var tempImage = relatedThumb[i];
    relatedTitles[i] = relatedTitles[index]; relatedUrls[i] = relatedUrls[index];
    relatedpSummary[i] = relatedpSummary[index]; relatedThumb[i] = relatedThumb[index];
    relatedTitles[index] = tempTitle; relatedUrls[index] = tempUrls;
    relatedpSummary[index] = tempResum; relatedThumb[index] = tempImage;
  }
  var somePosts = 0;
  var r = Math.floor((relatedTitles.length - 1) * Math.random());
  var relsump = r; 
  var output;
  var dirURL = document.URL;

  while (somePosts < relatedPostsNum) {
    if (relatedUrls[r] != dirURL) {

      output = "<div class='relatedsumposts'>";
      output += "<a href='" + relatedUrls[r] + "' rel='nofollow'  target='_self' title='" + relatedTitles[r] + "'><img src='" + relatedThumb[r] + "' /></a>";
      output += "<h6><a href='" + relatedUrls[r] + "' target='_self'>" + relatedTitles[r] + "</a></h6>";
      output += "<p>" + relatedpSummary[r] + " ... </p>";
      output += "</div>";
      document.write(output);
      
      somePosts++;
      if (somePosts == relatedPostsNum) { break; }
    }
    if (r < relatedTitles.length - 1) {

      r++;
    } else {
      
      r = 0;
    }

    if(r==relsump) { break; }
  }
}
function removetags(text,length){
  var pSummary = text.split("<");
  for(var i=0;i<pSummary.length;i++){
    if(pSummary[i].indexOf(">")!=-1){
      pSummary[i] = pSummary[i].substring(pSummary[i].indexOf(">")+1,pSummary[i].length);
    }
  }
  pSummary = pSummary.join("");
  pSummary = pSummary.substring(0,length-1);
  return pSummary;
} 
function contains(a, e) {
  for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
  return false;
}
//]]>
</script>

Note:
- To change the default picture, replace the URL in pink with your own
- For displaying more than 4 posts or less, replace , modify the value in red (4)
- 
To change the number of characters to be shown in posts summary, modify the value in blue (75)
5. Now Search the following code:
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
6. Just after it, copy and paste the below code:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=readpostlabels&amp;max-results=50&quot;' type='text/javascript'/>
  </b:if>
7. Now find the following code:
</b:includable>          
                <b:includable id='postQuickEdit' var='post'>
8. Then copy and paste the below code just above/before it
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <div class='post-footer-line post-footer-line-4'>
    <div id='relatedpostssum'><div style='text-align: left; font-size: 15px; margin-bottom: 10px; font-weight: bold;'>RELATED POSTS</div>
      <script type='text/javascript'>showrelated();</script>
    </div>
    <div style='clear:both;'/>
  </div>
</b:if>
9.  Finally search for this tag:  ]]></b:skin>
10. Add below CSS code just above it,
<relatedsumposts {
  float: left;
  margin: 0px 5px;
  overflow: hidden;
  text-align: center;
  /* width and height of the related posts area */
  width: 120px;
  height: 210px;
}

.relatedsumposts:hover { 
background-color: #F3F3F3; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.relatedsumposts img:hover {
-khtml-opacity:0.4;
-moz-opacity:0.4;
opacity:0.4;
}

.relatedsumposts a {
  /* link properties */
color: #linkcolor;
  display: inline;
  font-size: 10px;
  line-height: 1;
}
.relatedsumposts img {
  /* thumbnail properties */
margin-top: 2px;
  height: 82px;
  padding: 5px;
  width: 82px;
border: 1px solid #fff;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
}
.relatedsumposts h6 {
  /* title properties */
  display: table-cell;
  height: 5em;
  margin: 5px 0 0;
  overflow: hidden;
  padding-bottom: 2px;
  vertical-align: middle;
  width: 130px;
}

.relatedsumposts p {
  /* summary properties */
border-top: 1px dotted #777777;
border-bottom: 1px dotted #777777;
color: #summarycolor;
  font-size: 10px;
  height: 4em;
  line-height: 1;
  margin: 5px 0 0;
  overflow: hidden;
  padding: 5px 0 15px 0;
  text-align: left;
}
Note:
-Modify the values in red to adjust the width (120) and height (210) of the widget area
-Replace #linkcolor with the hex value of your color to change the color of post titles
-To change the size of thumbnails, modify the values marked in pink (82)
-To determine the border roundness, modify the values in green (100)
-To change the color of the post snippet, change #summarycolor with color hex value
11. Now take a preview and save your template.

Tuesday, September 3, 2013

Well We Blood - Kisah Kita


Kisah kita
(*)
Berjalan dengan sejuta mimpi
Dengan langkah yang tak pasti
Owh kasih
Hadapi semua masalah
Dengan rasa tenang
Agar semua terselesaikan
            Jangan kau hadapi semua dengan egomu
            Jangan kau hadapi semua dengan sakitmu
            Jangan kau sakitiku
Reff
Lihatlah luka ini
Yang Sakitnya abadi
Yang terbalut hangatnya bekas pelukmu
Simpan saja semua
Cerita tentang kita
Takan ada lagi kisah diantara kita
(**)
            Bawalah diriku kedalam duniamu
            Agar aku dapat merasakan cinta darimu  (2X)
BACK TO REFF

Search This Blog