Pages

Subscribe:

Memaknai Hari Pendidikan Nasional 2012

Hari ini 2 Mei 2012, bangsa kita merayakan Hari Pendidikan Nasional bertepatan dengan hari lahirnya Ki Hajar Dewantara (2 Mei 1889–28 April 1959; nama asli: Raden Mas Soewardi Soeryaningrat) merupakan seorang seorang Pahlawan Nasional yang juga merupakan Bapak Pendidikan Nasional Indonesia.

Beliau pernah menjabat sebagai Menteri Pendidikan Nasional Republik Indonesia. Namanya juga diabadikan pada nama sebuah Kapal Perusak Kawal berpeluru kendali. Kapal ini juga merupakan kapal perang latih bagi anggota TNI AL dan dinamakan KRI Ki Hajar Dewantara.

Sesosok anak bangsa yang menjadi mascot pendidikan Indonesia, dengan sebuah ajarannya yang sangat termasyur yaitu tut wuri handayani dari belakang seorang guru harus bisa memberikan dorongan dan arahan, ing madya mangun karsa di tengah atau di antara murid, guru harus menciptakan prakarsa dan ide, dan ing ngarsa sung tulada di depan, seorang pendidik harus memberi teladan atau contoh tindakan baik. Sebuah runtutan kalimat yang memiliki semangat morality dan kemajuan.Namun bagaimana pendidikan Indonesia sekarang ?

Bagi bangsa yang ingin maju dan unggul dalam persaingan global, pendidikan merupakan kunci utamanya. Pendidikan adalah tugas negara yang paling penting dan sangat strategis. Sumberdaya manusia yang berkualitas merupakan prasyarat dasar bagi terbentuknya peradaban yang baik. Sebaliknya sumberdaya manusia yang buruk, akan secara pasti melahirkan masyarakat yang buruk pula.

Untuk mengantar kepada visi pendidikan yang demikian, dan melihat realitas pendidikan di negeri ini masih sangat jauh dari harapan . Bahkan, jauh tertinggal dari negara – negara lain. Hal ini setidaknya dapat dilihat dari tiga hal : Pertama, paradigma pendidikan nasional yang sangat sekuler dan materialistik sehingga tidak menghasilkan manusia yang berkualitas utuh, lahir dan batin. Kedua, semakin mahalnya biaya pendidikan dari tahun ke tahun. Ketiga, rendahnya kualitas SDM yang dihasilkan untuk bersaing secara global.

Sistem pendidikan yang sekuler materialistik tersebut sebenarnya hanyalah merupakan bagian belaka dari sebuah sistem kehidupan berbangsa dan bernegara yang juga sekuler dan materialistik. Memang, dalam sistem sekuler materialistik itu, yang namanya pandangan, aturan, dan nilai – nilai Islam tidak pernah secara sengaja digunakan untuk menata berbagai bidang, terutama dalam pendidikan ini. Karena itu, di tengah-tengah sistem sekuleristik lahirlah berbagai bentuk tatanan yang jauh dari nilai-nilai agama dan segala akibat-akibatnya yang menimpa bangsa dan negara ini.

Bila kita ingin jujur mengevaluasi pendidikan kita, maka tentu kita akan sangat miris dengan fakta-fakta dilapangan ,Benarkah pendidikan telah kehilangan makna yang sebenarnya? Amat miris jika menjawab yang sesungguhnya.

Dibutuhkan pendekatan sosiologis untuk melihat pendidikan secara jernih. Tapi fakta di lapangan berkata lain. Belakangan ini para orangtua menjerit karena biaya masuk sekolah dan perguruan tinggi terbilang mahal. Tekanan hidup kian terasa, saat hiruk-pikuk politik jauh dari harapan masyarakat. Masyarakat sulit untuk membantah fakta itu. Tampaknya semua itu memberikan penjelasan bahwa pendidikan atas apa yang telah diprediksikan Henry A Giroux tentang keprihatinannya terhadap pendidikan yang memanjakan efisiensi ekonomis dalam praktiknya. Giroux menengarai bahwa dalam dunia pendidikan telah terjadi pengkerdilan makna dan hakikat pendidikan.

Dalam memaknai pendidikan setiap bangsa memiliki pengalamannya sendiri-sendiri. Begitu juga dengan Indonesia. Belum tuntasnya reformasi pendidikan karena belum terbukanya ruang dialog sebagai tindakan komunikasi. Iklim demokrasi sekarang ini malah tidak menjamin membawa pendidikan ke arah yang lebih transformatif. Pembenahan pendidikan baru pada tahap kulit luarnya saja belum kepada sistemnya sebagai kulit yang paling dalam.

Solusi fundamental dari potret buram pendidikan ini, sistem pendidikan harus diarahkan pada perubahan paradigma, yaitu pondasi dari akidah Islam yang tidak mengenal dikotomi pendidikan umum dan agama. Akhirnya lahirlah ribuan intelektual muslim yang memahami agama sekaligus siap menjawab tantangan di zamannya. Semoga!

SELAMAT HARI PENDIDIKAN NASIONAL 2012

Program Diskon Dengan Fungsi

/*PROGRAM DISCOUNT DENGAN FUNGSI*/
#include<conio.h>
#include<iostream.h>
#pragma argsused

double price;

double discount(double rp)
{
       double disc=rp*20/100;
       price=rp-disc;
       cout<<"Discount               : Rp "<<disc<<endl;
       cout<<"Harga setelah discount : Rp "<<price<<endl;
       }
       
double sisauang(double pay)
{
       double sisa=pay-price;
       cout<<"Sisa uang              : Rp "<<sisa<<endl;
       }
       
       
int main()
{
    double rp,pay;
    
    cout<<"PROGRAM DISKON"<<endl;
    cout<<"=============="<<endl;
    cout<<endl;
    cout<<"***********************************************"<<endl;
    cout<<"*Diskon 20% untuk pembelian Rp100.000 keatas !*"<<endl;
    cout<<"***********************************************"<<endl;
    cout<<endl;
    cout<<"-----------------------------------------------"<<endl;
    cout<<"Masukkan harga barang        : Rp "; cin>>rp;
    cout<<"Jumlah nominal yang dibayar  : Rp "; cin>>pay;
    cout<<endl;
    cout<<"-----------------------------------------------"<<endl;
    cout<<endl;
    if(pay>=rp)
    {
    if(rp>=100000)
    {
                  discount(rp);
                  }
                  
    else
    {
        cout<<"Discount               : Rp 0"<<endl;
        price=rp;
        }
        
    sisauang(pay);
}

    else
    {
        cout<<"MAAF UANG ANDA TIDAK CUKUP !"<<endl;
        }
        cout<<endl;
        cout<<"***"<<endl;
        getch();
        }

MEMASANG PAGE LIKE/ FAN PAGE FACEBOOK DI BLOGSPOT


Facebook Page/Fan Page - Like Box semakin lazim digunakan di blog/ website mengingat besarnya manfaat untuk perkembangan blog/website maupun produk yang ditawarkan. Jaringan sosial beserta pluginnya, khususnya Facebook, terbukti telah memperluas dan meningkatkan popularitas, daya jangkau, traffic, serta penjualan produk jenis apapun. Oleh karena itu, membuat Facebook Fan Page dan memasang Like Box di blog/website merupakan hal yang sangat dianjurkan untuk blog/website anda. 
>> Cara Membuat Facebook Page/Fan Page Di Blog/Website

Ada beberapa langkah berbeda untuk membuat Facebook Page. Untuk langkah yang lebih mudah, sebaiknya anda telah login terlebih dahulu di account Facebook anda.
  • Kemudian buka halaman ini:  http://www.facebook.com/pages/create.php.
  • Pilih/klik opsi Brand or Product
  • Pilih opsi "website" dan isikan nama Page sesuai dengan yang diinginkan. centang "agreement" dan klik "Get Started"
  • Selanjutnya anda akan masuk ke halaman Facebook Page yang telah dibuat. Lakukan kostumisasi terlebih dahulu sesuai petunjuk, misalnya mengupload foto/gambar untuk Facebook Page, mengedit informasi, dan lain sebagainya, atau langsung membuat Facebook Like Box yang nantinya dapat dipasang di blog/website.
>> Cara Membuat Dan Memasang Facebook Like Box Di Blog/Website

(PentingSebelumnya copy terlebih dahulu url Facebook Fan Page yang telah dibuat. Fungsinya sebagai spesifikasi url untuk like box yang nantinya hendak dibuat. Contoh url-nya: http://www.facebook.com/blablabla _isi sesuai nama page FB anda)

  • Selanjutnya, isikan spesifikasi sesuai setting berikut:
Setting Facebook Like Box:
  1. Facebook Page url  : Url Facebook Page anda
  2. Width                  : Lebar tampilan facebook like, sesuaikan dengan lebar sidebar widget.
  3. Color scheme         : Pilih light jika ingin tampilan terang, dan dark untuk tampilan gelap.
  4. Show Faces                : Centang untuk menampilkan foto profil likers.
  5. Border color      : Isikan dengan kode warna jika ingin memberi border atau kosongkan agar transparan.
  6. Show stream          : Centang jika ingin menampilkan informasi/posting terakhir di like box.
  7. Show header       : Centang jika ingin menampilkan tulisan header "Find Us on Facebook".
Lihat preview tampilan di sebelah kanan form tersebut.
  • Jika settingan yang dibuat sudah beres, klik Get code. Kemudian akan muncul pop-up window yang menampilkan 3 jenis kode, HTML5, iFrame dan XFBML, pilih salah satu dan copy kodenya. (Untuk Blogger, saya sarankan pilih  XFBML ).
  • Buka Dashboard > Design/Rancangan > Klik add a gadget/tambah gadget.
  • Pilih opsi HTML/Javascript.
  • Masukkan kode yang telah dicopy ke dalam kotak kode.
  • Lalu Save.
Like box telah siap digunakan, dan setiap pengunjung blog/website yang menyukai blog/website anda dapat dengan mudah meng-klik like pada like box yag telah disediakan.

>> Jika kode dan like box tidak muncul:
  • Copy paste saja semua kode ke dalam HTML/Javascript. Misalnya ketika memilih HTML 5, kemudian ada dua kolom yang masing-masing berisi dua kode, jangan pisahkan pemasangan kode, pasang saja keduanya ke gadget HTML/Javascript secara berurutan, yaitu taruh kode kedua di bawah kode pertama. Kemudian save.
Semoga manfaat..

MEMBUAT EFEK BLOGROLL/ BLOG LIST MELAYANG ATAU FLOW

Memodifikasi tampilan teks link teman agar terlihat melayang pada blog atau Bagaimana membuat teks link blogroll berjalan pada blog

Untuk membuat link blogroll terlihat berjalan/ bergerak, seperti link teman yang ada pada postingan blog ini, dapat dilakukan dengan memasukkan script kode HTML di bawah ini:


<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="155" height="135" style="border: 3px #eee double; padding: 1px; background-color: #000000; text-align: center;">KUMPULAN LINK TEMAN</marquee> 
Contoh

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="155" height="135" style="border: 3px #eee double; padding: 1px; background-color: #000000; text-align: center;">
KUMPULAN LINK TEMAN
</marquee> 

Maka hasilnya akan terlihat seperti ini :



KUMPULAN LINK TEMAN 



KETERANGAN :
  • Untuk merubah arah pergerakan teks sesuai dengan keinginan kita, misal jika kita ingin teks bergerak dari atas ke bawah, pada direction, tulisan up tinggal kita rubah menjadi down
  • Untuk merubah warna border, silahkan ganti tulisan berwarna hijau dengan warna yang anda inginkan.
  • Untuk merubah warna background agar sesuai dengan tema blog anda, silahkan kode warna berwarna kuning dengan pilihan warna yang anda inginkan
  • Untuk merubah lebar maupun tinggi kolom, silahkan rubah angka berwarna biru dengan angka yang anda inginkan. 

Semoga bermanfaat...

Program Tukar Nilai

/*FUNGSI TUKAR BILANGAN*/
#pragma argsused
#include <conio.h>
#include <iostream.h>

int tukar(int &bil1,int &bil2)
{
    cout<<"Nilai Awal      :    "<<bil1<<"      "<<bil2<<endl;
    int temp;
    temp=bil1;
    bil1=bil2;
    bil2=temp;
    cout<<"Setelah Ditukar :    "<<bil1<<"      "<<bil2<<endl;
}



int main()
{
    int nil1,nil2;
    
    cout<<"PROGRAM TUKAR NILAI"<<endl;
    cout<<"==================="<<endl;
    cout<<endl;
    cout<<"Nilai 1 : "; cin>>nil1;
    cout<<endl;
    cout<<"Nilai 2 : "; cin>>nil2;
    cout<<endl;
    cout<<endl;
    cout<<endl;
    tukar(nil1,nil2);
    cout<<endl;
    
    
    getch();
}

Program Penjumlahan Data dengan Array

#pragma argused
#include<conio.h>
#include<iostream.h>

int main()
{
    int data[20];
    int i,x,jum,mid,rata,xyz;
    
    cout<<"PROGRAM PENJUMLAHAN DATA"<<endl;
    cout<<"------------------------"<<endl;
    cout<<endl;
    cout<<"Masukkan Jumlah Data (Ganjil 1-20) : ";
    cin>>x;
    
    for(i=1;i<=x;i++)
    {
                     cout<<"Data ke-"<<i<<" : " ;
                     cin>> data[i];
                     }
    
    cout<<endl;
    cout<<"Data yang tadi dimasukkan : ";
    jum=0;
    for(i=1;i<=x;i++)
    {
                     cout<<data[i]<<" ";
                     jum=jum+data[i];
                     }
    cout<<endl;
    cout<<endl;
    cout<<"Total Penjumlahan Data  : "<<jum<<" "<<endl;
    rata=jum/x;
    cout<<"Rata-rata Data          : "<<rata<<endl;
    mid=(x+1)/2;
    cout<<"Data tengah (Data ke-"<<mid<<") : "<<data[mid]<<endl;
    xyz=data[1]+data[x];
    cout<<"Data awal + Data akhir  : "<<xyz<<endl;
    
    getch();
}

Program Bilangan Yang Habis Dibagi

#pragma argused
#include<conio.h>
#include<iostream.h>

int main()
{
    int i,x,jum5,jum7,sisa;
    
    cout<<"BILANGAN YANG HABIS DIBAGI 7 DAN 5"<<endl;
    cout<<"----------------------------------"<<endl;
    cout<<endl;
    cout<<"Masukkan Batas Deret Bilangan : ";
    cin>>x;
    cout<<endl;
    cout<<"Deret Bilangan                : ";
    for(i=1;i<=x;i++)
    {
                     cout<<i<<" ";
                     
                     }
    cout<<endl;
    
    cout<<"Bilangan yang habis dibagi 5  : ";
    jum5=0;
    for(i=1;i<=x;i++)
    {
                     sisa = i%5;
                     if (sisa==0) cout<<i<<" ";
                     if (sisa==0) jum5=jum5+i;
                     }
                     
    cout<<endl;
    cout<<"Bilangan yang habis dibagi 7  : ";
    jum7=0;
    for(i=1;i<=x;i++)
    {
                     sisa = i%7;
                     if (sisa==0) cout<<i<<" ";
                     if (sisa==0) jum7=jum7+i;
                     }
    cout<<endl;
    cout<<endl;
    cout<<"Jumlah yang habis dibagi 5 : "<<jum5<<endl;
    cout<<"Jumlah yang habis dibagi 7 : "<<jum7<<endl;
    cout<<"Total semuanya             : "<<jum5+jum7<<endl;

 getch();
}

PROGRAM DERET BILANGAN MENGGUNAKAN FOR

/*PROGRAM DERET BILANGAN MENGGUNAKAN FOR*/
#pragma argused
#include<conio.h>
#include<iostream.h>
#include<iomanip.h>


int main()
{
    
    int jumgen,jumgan,i,x,gan,gen,jum;

    
    cout<<"PROGRAM DERET BILANGAN MENGGUNAKAN FOR"<<endl;
    cout<<"----------------------"<<endl;
    cout<<endl;
    cout<<"Masukkan Jumlah Bilangan : ";
    cin>> x ;
    cout<<endl;
    cout<<endl;
    
    gan=1;
    gen=0;
    jumgan=0;
    jumgen=0;
    
    cout<<"No."<<setw(13)<<"Ganjil"<<setw(10)<<"Genap"<<endl;
    cout<<"---"<<setw(13)<<"------"<<setw(10)<<"-----"<<endl;
    
    for (i=1 ; i<=x ; i=i+1)
    {
        cout<<setw(2)<< i <<"."<<setw(10)<<gan <<setw(12)<< gen<<endl;
        jumgan=jumgan+gan;
        jumgen=jumgen+gen;
        gan=gan+2;
        gen=gen+2;
        }
        
        cout<<setw(10)<<"--------------------------"<<endl;
        cout<<setw(13)<<jumgan<<setw(12)<<jumgen<<endl;
        
    
        jum=jumgan+jumgen;
        cout<<endl;
        cout<<endl;
        cout<<"Jumlah Ganjil + Jumlah Genap = "<<jum<<endl;
        
        
        
        
        getch();
        }

Program Jumlah Bilangan Dengan Array

/*PROGRAM DERET BILANGAN MENGGUNAKAN ARRAY*/
#pragma argused
#include<iostream.h>
#include<conio.h>


int main()
{
    int data1[10];
    int data2[10];
    int i,x,jum1,jum2;
    
    jum1 = 0;
    jum2 = 0;
    
    
    cout<<"PROGRAM BILANGAN MENGGUNAKAN ARRAY"<<endl;
    cout<<"----------------------------------"<<endl;
    cout<<endl;
    cout<<"Masukkan Jumlah Bilangan(Max.10) : "; 
    cin>> x ;
    
    cout<<endl;
    
    cout<<"Data Bilangan 1"<<endl;
    cout<<"---------------"<<endl;
    for ( i=1 ; i<=x ; i=i+1)
    {
        cout<<"Data ke-"<<i<<" : ";
        cin>>data1[i];
        
        }
        
    cout<<endl;
    cout<<"Data Bilangan 2"<<endl;
    cout<<"---------------"<<endl;
    for ( i=1 ; i<=x ; i=i+1)
    {
        cout<<"Data ke-"<<i<<" : ";
        cin>>data2[i];
        
        }
        
        cout<<endl;
        cout<<"Jumlah Bilangan 1 = ";
        
        for (i=1;i<=x;i=i+1)
        {
            cout<<data1[i]<<" ";
            jum1=jum1+data1[i];
            }
        cout<<"= "<< jum1 <<endl;
            
            
        cout<<endl;
        cout<<"Jumlah Bilangan 2 : ";
        
        for (i=1 ; i<=x ; i=i+1)
        {
            cout<<data2[i]<<" ";
            jum2=jum2+data2[i];
            }
        cout<<"= "<<jum2<<endl;
            
        
        
        getch();
        }
    

Cara Mengupdate Gnome 3




1. Install Gnome-3
sudo add-apt-repository ppa:gnome3-team/gnome3
sudo apt-get update && sudo apt-get dist-upgrade

2. Install Gnome-Shell
sudo apt-get install gnome-shell mutter gnome-tweak-tool

3. Remove Gnome-accessibility-themes (agar tampilan gnome tidak error)
sudo apt-get remove gnome-accessibility-themes

4. Install Gnome-Theme-Standard
sudo apt-get install gnome-theme-standard

5. Upgrade ke Gnome Remix
sudo add-apt-repository ppa:ubuntugnometeam/ppa-gen
sudo apt-get update && sudo apt-get dist-upgrade

6. Install UGR3
sudo apt-get install ugr-desktop-g3
sudo apt-get upgrade

Related Post dengan Thumbnails dibawah Postingan Blogspot

relate post thumbnail,related post dengan gambar


Membuat Related Post dengan Thumbnail pada Blogger bukan hal yang baru lagi bagi sahabat yang sudah sekian lama hidup di dunia blogspot. Related Post yang menyertakan image alias gambar secara thumbnail akan lebih mempercantik tampilan blog, dan diyakini dapat meningkatkan pageview pada blog sahabat yang mungkin saja bisa meningkatkan kualitas alexa pagerank atau tambahan recehan dolar.

Cara Membuat Related Post dengan Image Gambar Posting adalah sebagai berikut:
1.Login ke akun blogger kamu.
2.Masuk ke Rancangan/Design >> Edit HTML
3.Beri tanda centang pada "Expand Template Widget".
4.Cari kode  </head>
5.Letakkan kode berikut diatas/sebelum kode </head>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<style type=”text/css”>
#related-posts {
float:center;text-transform:none;height:100%;min-height:100%;padding-top:5px;padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;font-weight: bold;color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;margin-top: 0em;padding-top: 0em;
}
#related-posts a{color:black;}
#related-posts a:hover{color:black;}
#related-posts a:hover {background-color:#d4eaf2;}
</style>
<script src=’http://jiox.googlecode.com/files/sambung.js’ type=’text/javascript’/>
</b:if>

6.Search atau cari kode ini :
<div class=’post-footer-line post-footer-line-1′>

kalau tidak ada, alternatifnya cari kode ini :
<p class=’post-footer-line post-footer-line-1′>

7.Kemudian, Letakkan/Paste kode berikut diatasnya :
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div id=’related-posts’>
<b:loop values=’data:post.labels’ var=’label’>
<b:if cond=’data:label.isLast != &quot;true&quot;’>
</b:if>
<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=related_results_labels_thumbs&amp;max-results=6&quot;’ type=’text/javascript’/></b:if></b:loop><a href=’http://alkatro.com/’ style=’display:none;’>simple tips</a>
<script type=’text/javascript’>
var currentposturl=&quot;<data:post.url/>&quot;;
var jumlahpost=7;var judulnya=”Artikel Terkait”;
removeRelatedDuplicates_thumbs();printRelatedLabels_thumbs();
</script>
</div><div style=’clear:both’/>
</b:if>


Keterangan :
Ganti  var jumlahpost=7 dengan jumlah post yang ingin ditampilkan.
Ganti var judulnya="Artikel Terkait" dengan nama yang kamu inginkan.


8.Save Template





alkatro.com

Related Post dibawah Postingan Blogspot

Cara Membuat Related Post | Cara membuat artikel terkait ( related post ) tepat di bawah postingan blog - Tips ini sebenarnya sudah sangat banyak beredar, namun tidak ada salahnya di ulas kembali untuk membantu blog-blog pemula yang masihawam dengan tips ini. Berikut ini cara dalam membuat artikel terkait di bawah postingan.



  • Login ke blogger Anda.
  • Pilih Rancangan, kemudian kli Edit HTML
  • Beri tanda centang pada Expand Widget Template.
  • Cari kode <data:post.body/>, supaya mudah, gunakan kotak Find dengan menekan tombol F3
  • tempatkan script/kode berikut di bawah kode <data:post.body/>
  • Jika di template blog anda memakai fungsi " Read More" , maka cari kode seperti ini :
    <data:post.body/> </b:if> 
  • tempatkan script/kode berikut di bawah kode <data:post.body/> 
  • <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='similiar'>
    <div class='widget-content'>
    <h3>Related Posts by Categories</h3> <div id='data2007'/>

    <script type='text/javascript'> var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 100; maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement(&#39;ul&#39;); var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i &lt; maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k &lt; entry.link.length; k++) { if (entry.link[k].rel == &#39;alternate&#39;) { alturl = entry.link[k].href; break; } } var li = document.createElement(&#39;li&#39;); var a = document.createElement(&#39;a&#39;); a.href = alturl; if(a.href!=location.href) { var txt = document.createTextNode(entry.title.$t); a.appendChild(txt); li.appendChild(a); ul.appendChild(li); } } for (var l = 0; l &lt; json.feed.link.length; l++) { if (json.feed.link[l].rel == &#39;alternate&#39;) { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;); var txt = document.createTextNode(label); var h = document.createElement(&#39;b&#39;); h.appendChild(txt); var div1 = document.createElement(&#39;div&#39;); div1.appendChild(h); div1.appendChild(ul); document.getElementById(&#39;data2007&#39;).appendChild(div1); } } } function search10(query, label) { var script = document.createElement(&#39;script&#39;); script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39; + label + &#39;?alt=json-in-script&amp;callback=listEntries10&#39;); script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;); document.documentElement.firstChild.appendChild(script); } var labelArray = new Array(); var numLabel = 0; <b:loop values='data:posts' var='post'> <b:loop values='data:post.labels' var='label'> textLabel = &quot;<data:label.name/>&quot;; var test = 0; for (var i = 0; i &lt; labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel &lt; maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </script> </div> </div> </b:if>
  • Ganti tulisan  Related Posts by Categories dengan yang anda inginkan.
  • Save template dan lihat hasilnya

Memasang Widget Recent Post di Blogspot

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVMjvlZckA5V77E5Ak7pzuIW7vkYz9YUOWHEcp57ZdLkVAzdmOfxYj7Bt0YlhcTPuLYD3au0roU01P7elI1ofhfEmctYzII4CYaVbs5-XUai_jX__SKcnrKaEX7PuijibW59UcoAv0efKC/s1600/Recent+Post+With+Thumbnails.jpg 
 
 
Anda pasti sudah pernah melihat widget seperti gambar diatas bukan? widget ini berguna untuk menampilkan Postingan terbaru pada blog kamu. di widget ini juga ditampilkan Thumbnail serta jumlah komentar pada postingannya.
1. Login blogger
2. Rancangan(Design)
3. Pilih Elemen Halaman
4.
Tambah Gadget Pilih "HTML / JAVASCRIPT"
5. Copy Kode Dibawah ini Kedalamnya:

<script language="JavaScript">

imgr = new Array();


imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 298;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 5;

home_page = "http://elteleu.blogspot.com/";

</script>

<script src="http://postrecent.googlecode.com/files/Recentpostthumbnails.js" type="text/javascript"></script>

6.Ganti http://elteleu.blogspot.com dengan URL blog kamu.
6. Save template dan lihat hasilnya.
 

Membuat Widget Popular Post Pada Blogger

Widget ini berisi Artikel Paling paling populer dengan mengurutkan berdasarkan jumlah komentar pada posting tersebut. Akan tetapi, pada widget ini tidak ada Thumbnailnya, sehingga widget ini tidak terlalu membebani kecepatan loading blog kamu.

Berikut Cara membuatnya:

1. Login blogger
2. Rancangan(Design)
3. Pilih Elemen Halaman
4. Tambah Gadget Pilih "HTML / JAVASCRIPT"
5. Copy Kode Dibawah ini Kedalamnya:
<!-- Popular posts with comment count Start -->
<script type="text/javascript">
function getYpipePP(feed) {
document.write('<ol style="">');
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;
var pComment = " \(" + feed.value.items[i].commentcount + "\)";
var pList = "<li>" + "<a href="+ href + '" target="_blank">' + pTitle;
document.write(pList);
document.write(pComment); //to remove comment count delete this line
document.write('</a></li>');
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://elteleu.blogspot.com
&ShowHowMany=10
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>
<span style=" float:right;"><a href="http://dj-note.blogspot.com/2011/02/cara-membuat-widget-popular-post.html" target="_blank">Make your own</a></span>
<!-- Popular posts with comment count End -->
Keterangan: Silahkan Ganti Url http://elteleu.blogspot.com dengan Url Anda dan ganti 10 Dengan Jumlah postingan yang ingin anda tampilkan.

Jika Sudah Save template anda dan lihat hasilnya...




dj-note.blogspot.com

Membuat Fungsi Scroll Pada Blog Archive

Jika postingan di blog kamu lebih dari 50 post/harinya, mungkin akan ada banyak sekali entri yang tampil di widget "Blog Archive" atau nama lainnya "Arsip Blog". dengan begitu widget ini akan banyak memakai ruang di sidebar blog kamu yang otomatis akan mengganggu widget-widet lainnya.
Tak apa. karena semua itu bisa diatasi. caranya adalah dengan memperkecil widget Blog Archive dengan menggunakan fungsi Scroll pada widget itu. Bagaimana cara membuatnya??

Ikuti langkah-langkah berikut !


  1. Masuk dulu ke Acount Blogger atau Dashboard
  2. Pilih Layout , lalu klik Edit HTML
  3. Centang dulu  Expand Widget Templates
  4. Cari kode yang seperti ini : <div id='ArchiveList'>  atau kata Archive.
  5. Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next. 
  6. Kalau sudah,  tambahkan kode berwarna Merah sebagai scollnya:
  7.  Lengkapnya kode tersebut seperti dibawah ini :
    <h2><data:title/></h2>
      </b:if>
      <div class='widget-content'>
    <div style='overflow:auto; width:ancho; height:200px;'>
      <div id='ArchiveList'>
      <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
        <b:if cond='data:style == &quot;HIERARCHY&quot;'>
         <b:include data='data' name='interval'/>
        </b:if>
        <b:if cond='data:style == &quot;FLAT&quot;'>
          <b:include data='data' name='flat'/>
        </b:if>
        <b:if cond='data:style == &quot;MENU&quot;'>
          <b:include data='data' name='menu'/>
        </b:if>
      </div></div>
      </div>
      <b:include name='quickedit'/>
      </div>
    </b:includable>
  8. Angka 200px adalah tinggi kotak scroll itu, silahkan disesuaikan.
  9. Mungkin saja diblog sobat kodenya beda, Oleh karena itu carilah yang mirip dan perlu dicoba, terus jangan lupa templatenya dibackup dulu.
  10. Save template
  11. Selesai.

Membuat Widget Followers Blog Show/Hide

Kali ini saya akan beritahu cara memasang widget Google Friend Connect atau yang lebih dikenal Google Followers dengan cara yang berbeda dari yang lainnya. Apa yang berbeda? jika biasanya widget ini hanya terpasang di sidebar blog orang-orang, maka kali ini Widget tersebut bisa disembunyikan, dan dapat dilihat dengan diklik.
Berminat? Ikuti langkah-langkah berikut !





1. Login dengan akun blogger sobat
2. Masuk rancangan/design
3. Pilih Tata Letak/Layout
4. Klik Add a gadget, dan pilih HTML/Javascript
5. Selanjutnya, Copy Paste kode berikut didalamnya :



<style type="text/css">
#fl{
position:fixed;
left:150px;
z-index:+1000;
}
* html #fl{position:relative;}
.flcontent{
float:left;
border:2px solid #676767;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXuzQvl7EK0zs9QS4vo7L9KhIDVyL_WH11GQw-8FcnCEw7tBfFYq7W6c9TfeFH5tc59RtoaPmxMBVG5bVVIbMgrmzQX4IlrqEagMdDKKvq7Lrp-HimB5hz6cLMRoPcnOBQTnAguav9C56M/)#000000 repeat-x bottom center scroll;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideFL(){
var fl = document.getElementById("fl");
var w = fl.offsetWidth;
fl.opened ? moveFL(0, -100-w) : moveFL(20-w, 0);
fl.opened = !fl.opened;
}
function moveFL(x0, xf){
var fl = document.getElementById("fl");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
fl.style.bottom = x.toString() + "px";
if(x0!=xf){setTimeout("moveFL("+x+", "+xf+")", 10);}
}
</script>
<div id="fl">
<div class="fltab" onclick="showHideFL()"> </div>
<div class="flcontent">


KODE GOOGLE FRIEND CONNECT DISINI

<div style="text-align: right;">
<a href="javascript:showHideFL()">
[Tutup]
</a></div>
<font size="2"><a href="http://kode-blogger.blogspot.com/2011/04/membuat-show-hide-widget-followers.html"target=_blank"><div style="color: #444444;">
<span >By kode-blogger</span></div></a></font>
</div>
</div>
<script type="text/javascript">
var fl = document.getElementById("fl");
fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";
</script>
Jangan disimpan dulu sob, masih ada langkah berikutnya neh

6. Sekarang sobat membuat kode widget followers-nya dengan google friend connect, untuk mengambil kode widget follownya silahkan masuk ke link ini http://www.google.com/friendconnect

Screenshot

7. Setelah masuk Pilihlah blog sobat yang akan dipasang widget follow-nya
8. Klik "Tambahkan Gadget Anggota"
9. Aturlah ukuran, warna dsb... menurut selera sobat/sesuaikan dengan blog sobat
10. Klik "Buat kode"
11. Copy Kode nya, Lalu Paste kode tersebut menggantikan 
"KODE GOOGLE FRIEND CONNECT DISINI"
12. Lalu Save
13. Terakhir, Masih pada "Elemen Halaman" Tambahkan gadget HTML/Java Script, Kemudian copy paste-kan kode berikut ini:

<a href="javascript:showHideFL()"/><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjtxH1EVGJ8K8SUKJQexbI8PLlo6C6FU7-SAM2l3wuB5j5kTjebu6rli_BIiokpRyujcCQNM_1y3sVsNwZwVK6cMLedf6h9AWViATwXw5eZRsbcFkOKIqyJOvurg-4R2eaOO_kx3l7x2gL/" alt="kode" title="Klik untuk membuka kotak Follow" style="display:scroll;position: fixed; top:150px;right:0px;cursor:pointer;style=" opacity:1;filter:alpha(opacity="100)&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" ;" height="130px" width="40px" /></a>
14. Save dan lihatlah hasilnya.