Cara Memperlebar Halaman Blog


Memperlebar Halaman Blog dan Side Bar Blog : Setiap template blog memiliki ukuran lebar sendiri-sendiri terutama template non-blogspot. Jika kebetulan Anda mempunyai blog dengan template dengan lebar yang tidak sesuai dengan keinginan, Anda dapat melakukan kustomasi lebar halaman blog maupun side bar blog. Ikuti tipsnya bersama Tips dan Trik Blog berikut ini.


Sebelum melakukan pengeditan ini, saya sarankan untuk melakukan back up template Anda terlebih dahulu untuk mengantisipasi hal-hal yang tidak kita inginkan. Atau Anda dapat mencoba pada blog simulasi (blog latihan) terlebih dahulu sebelum benar mengaplikasikan pada blog Anda yang sebenarnya.
Ada beberapa istilah yang perlu diketahui sehubungan dengan kustomasi lebar halaman blog ini. Untuk mempermudah simulasi, saya menggunakan template Minima milik blogspot. Mungkin Anda akan menemui kode yang agak berbeda namun pada prinsipnya sama. Jika Anda menggunakan Firefox, untuk mempermudah pencarian kode-kode dalam pengeditan ini, gunakan Ctrl + F.
Survei Gratis Dapet Duit
Halaman Blog
Dipresentasikan dengan kode seperti di bawah ini.
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
Untuk melakukan kustomasi lebar halaman blog, Anda dapat merubah angka pada width sesuai keinginan.
Halaman Posting
Dipresentasikan dengan kode seperti di bawah ini.
#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;/* fix for long non-text content breaking IE sidebar float */
}
Untuk melakukan kustomasi lebar halaman posting, Anda dapat merubah angka pada width sesuai kebutuhan.
Side Bar Blog
Dipresentasikan dengan kode seperti di bawah ini.
#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Untuk melakukan kustomasi lebar side bar blog, Anda dapat merubah angka pada width sesuai kebutuhan.
Header Blog,
Dipresentasikan dengan kode seperti di bawah ini.
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
Untuk melakukan kustomasi lebar Header blog, Anda dapat merubah angka pada width sesuai kebutuhan.
Footer Blog
Dipresentasikan dengan kode seperti di bawah ini.
#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
Untuk melakukan kustomasi lebar Footer blog, Anda dapat merubah angka pada width sesuai kebutuhan
Jika lebar salah satu dari kelima elemen tersebut (Halaman Blog, Halaman Posting, Side Bar Blog, Header Blog, dan Footer Blog) diubah maka akan mempengaruhi kesingkronisan elemen yang lain. Oleh karena itu, jika Anda ingin merubah lebar halaman blog maka selain merubah width pada halaman blog, Anda juga harus menyesuaikan lebar elemen halaman posting blog, header blog, footer blog dan (jika perlu) side bar. Jika tidak, Anda akan mendapatkan tampilan blog yang morat-marit.

DELAPAN LANGKAH MEMPERLEBAR HALAMAN BLOG
Sekarang saatnya untuk merubah lebar blog, dengan delapan langkah sebagai berikut.
Pertama, ubah width pada kode halaman blog, misalnya kita tentukan dengan lebar 900 pixel, seperti di bawah ini.
#outer-wrapper {
width: 900px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
Kedua, agar jarak antara halaman posting dan side bar tidak terlalu jauh yang dapat menyebabkan tampilan blog kurang rapi/serasi, maka ubah juga width pada kode halaman posting, misalkan 550 pixel, seperti di bawah ini.
#main-wrapper {
width: 550px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Ketiga, agar side bar kelihatan serasi dengan lebar halaman posting yang telah disesuakan tersebut maka Anda dapat merubahnya dengan lebar maksimal 350 pixel, yaitu 900 pixel (lebar halaman blog) dikurangi 550 pixel (lebar halaman posting). Namun agar jarak antara halaman posting dan side bar tidak berdempetan, Anda dapat memberi jarak antara 30 pixel sampai dengan 50 pixel sesuai selera masing-masing. Misalkan kita tentukan jaraknya 40 pixel, maka lebar side bar nya menjadi 310 pixel {900 – (550 + 40)} , seperti di bawah ini.
#sidebar-wrapper {
width: 310px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Keempat, agar tidak timpang, Anda dapat merubah lebar header blog menjadi 900 pixel, seperti di bawah ini.
#header-wrapper {
width:900px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
Kelima, begitu juga dengan footer agar diperoleh lebar footer yang serasi dengan halaman blog, maka Anda dapat merubahnya menjadi 900 pixel, seperti di bawah ini.
#footer {
width:900px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
Keenam, sebelum menyimpannya, alangkah baiknya Anda melihat tampilan previewnya terlebih dahulu.
Ketujuh, jika sudah yakin, simpan template.
Kedelapan, selesai.
Yang ingin mencoba, selamat mencoba ya, semoga sukses!!


READ MORE

Binary Tree

Tree merupakan struktur hirarkis dari sebuah susunan data. Dalam tree, kita mempunyai sebuah Root yang nantinya akan menjadi awal dari tree tersebut. Untuk tree, kita juga membutuhkan struct. Ada banyak jenis2 tree, tapi yang akan kita pelajari kali ini adalah binary tree dimana dia mempunyai 2 tangan.
Ini adalah contoh program binary tree mengenai klasifikasi tumbuhan :

#include <stdio.h>
#include <conio.h>
#include <malloc.h>
#include <string.h>
#include <windows.h>


void gotoxy(int,int);
void tambah();
void preOrder();
void find();
void Edit();
void hor(int);
void hapus();


struct Node{
        int nomor;
        char nama[50];
        char nama_ilmiah[30];
        char filum[40];
        struct Node *kiri;
        struct Node *kanan;
    };


int main(){
int pil;
struct Node *pohon;
pohon = NULL;
do{system ("color 7");
system("cls");
int nomor,cari,edit,hpus;
char nama[50],nama_ilmiah[30],filum[40];
gotoxy(22,3);
printf("PROGRAM KLASIFIKASI TUMBUHAN");
gotoxy(22,5);
printf("1. INPUT");
gotoxy(22,6);
printf("2. LIHAT KLASIFIKASI");
gotoxy(22,7);
printf("3. CARI KLASIFIKASI");
gotoxy(22,8);
printf("4. EDIT KLASIFIKASI");
gotoxy(22,9);
printf("5. HAPUS KLASIFIKASI");
gotoxy(22,10);
printf("6. E X I T");
gotoxy(22,11);
printf("Pilihan : "); scanf("%d",&pil);
switch(pil){
case 1: system("cls");
                    gotoxy(29,2);
                    printf("# FORM KLASIFIKASI #");
                    gotoxy(12,5);
                    printf("KODE KLASIFIKASI     : ");
                    gotoxy(12,7);
                    printf("NAMA                 : ");
                    gotoxy(12,9);
                    printf("NAMA ILMIAH          : ");
                    gotoxy(12,11);
                    printf("FILUM                : ");
                    gotoxy(35,5);scanf("%d",&nomor);
                    fflush(stdin);
                    gotoxy(35,7);gets(nama);
                    gotoxy(35,9);gets(nama_ilmiah);
                    gotoxy(35,11);gets(filum);
tambah(&pohon,nomor,nama,nama_ilmiah,filum);
break;
case 2: system("cls");if(pohon!=NULL){
                    gotoxy(25,2) ;
                    printf("#  DARTAR SELURUH KLASIFIKASI  #") ;
                    gotoxy(7,4);
                    printf("KODE          NAMA            NAMA ILMIAH           FILUM");
                    gotoxy(5,6);
                    preOrder(pohon);
                    gotoxy(12,14) ;
                    printf("Press Any Key..." );
                    }
                    else{
                    gotoxy(25,2) ;
                    printf("#  DARTAR KLASIFIKASI  #") ;
                    gotoxy(7,4);
                    printf("KODE          NAMA            NAMA ILMIAH           FILUM");
                    gotoxy(8,6);
                    printf("Data Masih Kosong...!!!");
                    gotoxy(12,14) ;
                    printf("Press Any Key..." );}
break;
            case 6 : system ("cls");
if (pohon!=NULL)
printf("jumlahnya %d",height(pohon));
else
printf("msh kosong...");
break;
            case 3: system("cls");
                    if(pohon!=NULL){
                    gotoxy(20,8);
                    printf("KODE KLASIFIKASI YANG DI CARI");
                    gotoxy(27,10); printf("K O D E : ");
                    gotoxy(39,10);
                    scanf("%d",&cari);
                    system("cls");
                    gotoxy(25,2) ;
                    printf("# DATA KLASIFIKASI YANG ANDA CARI #") ;
                     gotoxy(7,4);
                    printf("KODE          NAMA            NAMA ILMIAH           FILUM");
                    gotoxy(5,6);
                    find(&pohon,cari);
                    gotoxy(12,14) ;
                    printf("Press Any Key..." );
                    }
                    else{
                    gotoxy(25,2) ;
                    printf("#  DAFTAR KLASIFIKASI  #") ;
                     gotoxy(7,4);
                    printf("KODE          NAMA            NAMA ILMIAH           FILUM");
                    gotoxy(7,6);
                    printf("Data Masih Kosong.,!!!");
                    gotoxy(12,14) ;
                    printf("Press Any Key..." );}
                    break;
           case 4: system("cls");
                   if(pohon!=NULL){
                    gotoxy(20,8);
                    printf("KODE KLASIFIKASI YANG DI EDIT");
                    gotoxy(27,10); printf("N O M O R : ");
                    gotoxy(39,10);
                    scanf("%d",&edit);
                    system("cls");
                   Edit(&pohon,edit);}
                   else {
                   gotoxy(25,2) ;
                    printf("#  DAFTAR KLASIFIKASI  #") ;
                     gotoxy(7,4);
                    printf("KODE          NAMA            NAMA ILMIAH           FILUM");
                    gotoxy(7,6);
                    printf("Data Masih Kosong.,!!!");
                    gotoxy(12,14) ;
                    printf("Press Any Key..." );}
                    break;
            case 5: system("cls");
                    if(pohon!=NULL){
                    gotoxy(20,8);
                    printf("KODE KLASIFIKASI YANG DI HAPUS");
                    gotoxy(27,10); printf("K O D E : ");
                    gotoxy(39,10);
                    scanf("%d",&hpus);
                    system("cls");
                    //destroy_tree(&pohon,hpus);
                    }
                    else
                    {
                     gotoxy(25,2) ;
                    printf("#  DARTAR SELURUH KLASIFIKASI  #") ;
                    gotoxy(7,4);
                    printf("KODE          NAMA            NAMA ILMIAH           FILUM");
                    gotoxy(7,6);
                    printf("Data Masih Kosong.,!!!");
                    gotoxy(12,14) ;
                    printf("Press Any Key..." );}
                    break;
}
getch();
}while(pil!=7);
return 0;
}


void tambah(struct Node **root,int angka, char tumbuhan[], char ilmiah[],char keluarga []){
    struct Node *baru;
if((*root) == NULL){
baru = malloc(sizeof(struct Node));
baru->nomor = angka;
strcpy(baru->nama,tumbuhan);
strcpy(baru->nama_ilmiah,ilmiah);
strcpy(baru->filum,keluarga);
baru->kiri = NULL;
baru->kanan = NULL;


(*root) = baru;
(*root)->kiri = NULL;
(*root)->kanan = NULL;
        gotoxy(12,14);
printf("DATA TELAH DITAMBAHKAN, Press Any Key!!");
}
    else if(angka < (*root)->nomor){
        tambah(&(*root)->kiri,angka,tumbuhan,ilmiah,keluarga);}
else if(angka > (*root)->nomor){
        tambah(&(*root)->kanan,angka,tumbuhan,ilmiah,keluarga);
}
else if(angka == (*root)->nomor)
{gotoxy(5,23);
printf("Data sudah ada!");}
}


void preOrder(struct Node *root){
if(root != NULL){
printf("\t%d\t%s\t\t%s\t%s\n", root->nomor, root->nama, root->nama_ilmiah,root->filum);
preOrder(root->kiri);
preOrder(root->kanan);
}
}


void find(struct Node **root, int cari)
{
struct Node *find = (*root);//letakkan pointer find pada root
int ketemu=0;
if( find->nomor!=cari )//jika kata yang di cari tidak sama dengan data root
{
  while(find!=NULL && ketemu==0)//looping selama pointer find tidak sama dengan NULL
  {
    if( cari==find->nomor )//jika kata yang di cari sama dengan data find
    {
      printf("\t%d\t%s\t\t%s\t%s\n", find->nomor, find->nama, find->nama_ilmiah,find->filum);;//cetak kata yang dicari
      ketemu=1; break;//keluar dari looping
    }
    else//jika kata yang di cari tidak sama dengan data find
    if(cari<find->nomor)//jika lebih kecil
    {
    find = find->kiri;//maka telusuri sebelah kiri
    }
    else //jika lebih besar
    {
    find = find->kanan;//maka telusuri sebelah kanan
    }
  }
  if(ketemu!=1) printf("\tData Tidak Ditemukan.,!!");
}
else//jika kata yang dicari sama dengan root
if(find->nomor==cari){
printf("\t%d\t%s\t%s\t%s\n", (*root)->nomor, (*root)->nama, (*root)->nama_ilmiah,(*root)->filum);//cetak kata yang di cari
}
}


void Edit(struct Node **root, int cari)
{
struct Node *Edit = (*root);//letakkan pointer Edit pada root
int ketemu=0;
if( Edit->nomor!=cari )//jika kata yang di cari tidak sama dengan data root
{
  while(Edit!=NULL && ketemu==0)//looping selama pointer find tidak sama dengan NULL
  {
    if( cari==Edit->nomor )//jika kata yang di cari sama dengan data Edit
    {
        gotoxy(23,2);
        printf("# FORM EDIT DATA KLASIFIKASI#");
                    gotoxy(12,7);
                    printf("NAMA                 : ");
                    gotoxy(12,9);
                    printf("NAMA ILMIAH          : ");
                    gotoxy(12,11);
                    printf("FILUM                : ");
                    fflush(stdin);
                    gotoxy(35,7);gets(Edit->nama);
                    gotoxy(35,9);gets(Edit->nama_ilmiah);
                    gotoxy(35,11);gets(Edit->filum);
        gotoxy(5,23);
        printf("EDIT DATA SELESAI, TEKAN ENTER UNTUK KEMBALI.,!!");
        ketemu=1; break;//keluar dari looping
    }
    else//jika kata yang di cari tidak sama dengan data Edit
    if(cari<Edit->nomor)//jika lebih kecil
    {
    Edit = Edit->kiri;//maka telusuri sebelah kiri
    }
    else //jika lebih besar
    {
    Edit = Edit->kanan;//maka telusuri sebelah kanan
    }
  }
  if(ketemu!=1){
      gotoxy(20,10);
      printf("Data Tidak Ditemukan.,!!");}
}
else//jika kata yang dicari sama dengan root
if(Edit->nomor==cari){
        gotoxy(23,2);
        printf("# FORM EDIT DATA KLASIFIKASI #");
                    gotoxy(12,7);
                    printf("NAMA                 : ");
                    gotoxy(12,9);
                    printf("NAMA ILMIAH          : ");
                    gotoxy(12,11);
                    printf("FILUM                : ");
                   fflush(stdin);
                    gotoxy(35,7);gets(Edit->nama);
                    gotoxy(35,9);gets(Edit->nama_ilmiah);
                    gotoxy(35,11);gets(Edit->filum);
        gotoxy(5,23);
        printf("EDIT DATA SELESAI, TEKAN ENTER UNTUK KEMBALI.,!!");
}
}


void gotoxy(int x, int y)
{
HANDLE hConsoleOutput;
COORD dwCursorPosition;
dwCursorPosition.X = x;
dwCursorPosition.Y = y;
hConsoleOutput = GetStdHandle(STD_OUTPUT_HANDLE);
SetConsoleCursorPosition(hConsoleOutput,dwCursorPosition);
}
int height(struct Node *root)
{
if (root == NULL) return -1;
int u = height(root->kiri), v = height(root->kanan);
if (u > v) return u+1;
else return v+1;
}
int count(struct Node *root)
{
if (root == NULL) return 0;
return count(root->kiri) + count(root->kanan) + 1;
}

READ MORE

Membuat Objek Melayang di Blog

Objek melayang atau sering juga di sebut dengan Float Top Bar, sebuah jendela kecil yang muncul dari atas halaman setiap kali kita mengunjungi Website atau Blog. Float Top Bar ini biasanya berisi Content Iklan ataupun sebuah Form SubScribe sehingga pasti terlihat oleh pengunjung Website atau Blog kita. Untuk membuat Iklan melayang seperti ini sangatlah mudah, hanya dengan beberapa langkah, maka Iklan Melayang tersebut sudah bisa terpasang pada Website atau Blog Anda.

 Oke, berikut ini adalah langkah-langkah pembuatannya :
Login Ke Blogger.com dengan Akun anda masing-masing Pastinya
Masuk ke Tab Tata Letak
Pilih Elemen Halaman
Tambah Gadget Pilih HTML / JAVASCRIPT
Dan copy kode di bawah ini kedalamnya yah

&lt;a onblur=&quot;try {parent.
deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;http://3.bp.blogspot.com/_xBW8tvgOXL4/S2eYQCC16pI/AAAAAAAABkE/f-qrOCcQZzU/s1600-h/Widget.JPG&quot;&gt;&lt;img style=&quot;margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;&quot; src=&quot;http://3.bp.blogspot.com/_xBW8tvgOXL4/S2eYQCC16pI/AAAAAAAABkE/f-qrOCcQZzU/s400/Widget.JPG&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5433478876639914642&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;

&lt;style type=&quot;text/css&quot;&gt;
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
&lt;/style&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
function showHideGB(){
var gb = document.getElementById(&quot;gb&quot;);
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById(&quot;gb&quot;);
var dx = Math.abs(x0-xf) &gt; 10 ? 5 : 1;
var dir = xf&gt;x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + &quot;px&quot;;
if(x0!=xf){setTimeout(&quot;moveGB(&quot;+x+&quot;, &quot;+xf+&quot;)&quot;, 10);}
}
&lt;/script&gt;
&lt;div id=&quot;gb&quot;&gt;
&lt;div class=&quot;gbtab&quot; onclick=&quot;showHideGB()&quot;&gt; &lt;/div&gt;
&lt;div class=&quot;gbcontent&quot;&gt;
&lt;div style=&quot;text-align:right&quot;&gt;
&lt;a href=&quot;javascript:showHideGB()&quot;&gt;
.:[Close][Klik 2x]:.
&lt;/a&gt;
&lt;/div&gt;
&lt;center&gt;

Masukan Kode iklan atau Gambar yang anda inginkan di sini

&lt;/center&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
var gb = document.getElementById(&quot;gb&quot;);
gb.style.center = (30-gb.offsetWidth).toString() + &quot;px&quot;;
&lt;/script&gt;&lt;/center&gt;&lt;/div&gt;&lt;/div&gt;
READ MORE

Agar Pemberitahuan Facebook Tidak Masuk ke Email


Lagi asik facebookan yakk??,.
Tapi bagi yang ingin tau silahkan baca.
Cara Untuk Menghapus Pemberitahuan dari facebook yang masuk ke email ada di bawah ini :

Gimana neh cara biar pesan permberitahuannya ga dateng lagi?

Caranya gampang, mungkin udah banyak yang tau, tapi saya yakin ada yang ga tau kn,.,
Gini nih caranya,.
  1. Buka facebook, (yang ini semua pasti bisa)
  2. Klik symbol yang ada di sebelah kanan home ( klik/dropdown )
  3. Pilih account Setting
  4. kemudian pilih “Notification”
  5. Hilangin semua  centang yang segaris  dengan email, cara agar facebook tidak mengirimi kita email
kita hilangkan centang2 yang ada di gambar surat. Silahkan anda pilih apa saja yang ingin di hapus dari pemberitahuan email,, 
Kalau sudah, save setting. Selesai deeeh .. hhehee
Gampang kan, ? selamat mencoba ! Semoga bermanfaat...
READ MORE

Para Supporter Cantik Sexy

Sekarang sudah dimulai ajang sepak bola terbesar di tahun ini, yaitu eoro 2012. Banyak hal unik dan menarik yang ditemukan bila menonton  pertandingan sepak bola, salah satunya para suporternya yang kadang sangat menarik, cantik dan seksi……. dan mungkin inilah salah satu alasan mengapa para pria suka menonton sepak bola .. hhehehehhaha




Dan yang terakhir, ga tau tuh dari negara mana
GEJE.. 
Tapi yang jelas, dia supporter Liverpool
HHahahaha...
idii.. didiiiiihhhh...
Ana - ana bae ....
READ MORE

hanif fuadi nurdin. Diberdayakan oleh Blogger.