Cara membuat daftar artikel terbaru di blog

Cara membuat daftar artikel terbaru di blog. Daftar artikel terbaru atau artikel yang baru saja di publikasikan. Biasanya terletak di sidebar kanan atau kiri blog. Fungsinya sendiri adalah untuk menampilkan daftar artikel terbaru, yang mungkin saja ingin dilihat oleh pengunjung. Atau juga sebagai penanda, bahwa penulis blog, selalu update artikel atau posting terbaru di blognya. Untuk lebih jelasnya silakan lihat gambar dibawah ini.

Dengan adanya daftar artikel terbaru. Maka kemungkinan pengunjung untuk membuka dan membaca artikel lain di blog kita semakin besar. Dan itu bagus untuk meningkatkan jumlah View dari pengunjung. Artikel ini akan menjelaskan cara membuat daftar artikel terbaru di blog. Kurang lebih gambarnya seperti diatas. cara membuatnya cukup mudah, tidak harus edit html, yang terkadang eror, cukup memasukan url blog ditambah beberapa kode untuk menampilkan artikel terbaru. Untuk lebih jelasnya.

Cara membuat daftar artikel terbaru di blog

Ikuti langkah-langkah dibawah ini.

1. Login ke blogger.
2. Dari halaman dasbor ke Tata Letak.
3. Selanjutnya dibagian layout klik Tambahkan gadget. Dan pilih Feed, seperti gambar dibawah ini.

4. Selanjutnya masukan alamat feed dari url blog kamu, dengan menambahkan atom.xml dibelakangnya. Dan klik Lanjutkan. Ganti Url dengan alamat blog kamu.

5. Maka akan terbuka pengaturan konfigurasi feed seperti gambar dibawah ini. Beri judul sesuai dengan yang kamu inginkan, dan centang buka link dijendela baru. Dan simpan.

6. Sekarang coba lihat blog kamu. Daftar artikel terbaru sudah tampil. Selesai. 

Setiap artikel terbaru yang baru saja kamu publikasikan. Akan terlihat di daftar artikel terbaru. Dengan batas tampilan 5 artikel. Artikel yang ditampilkan hanya judul saja, tidak menggunakan gambar. Untuk label, yang ditampilkan adalah semua label, tergantung label atau kategori mana yang kita masukan. Jadi bukan menampilkan satu label atau kategori yang sama, tapi semua. Semua artikel terbaru, akan terlihat di daftar artikel terbaru. Semoga Bermanfaat.

Read More

Cara Membuat Menu Dropdown di Blog

Menu dropdown, berarti menu yang menurun. Menu yang lebih simple, dan tidak banyak memakan tempat. Sebelumnya saya sudah menjelaskan cara membuat menu di blog, dengan memanfaatkan laman untuk membuat menu blog. Caranya sedikit lebih sederhana, dari pada menu dropdown yang akan saya jelaskan kali ini. Untuk lebih jelasnya, lihat dulu gambar menu dropdown dibawah ini.

Menu dropdown ini ada yang satu cabang, dan juga ada yang 2 cabang. Saya akan coba menjelaskan sesederhana mungkin, cara membuat dan mengatur menu dropdown sesuai dengan keinginan, agar mudah untuk dimengerti. Menu dropdown ini tidak mengedit kode html di template, tapi menggunakan widget/gadget di blog, jadi template aman ketika ada kesalahan dalam pembuatannya.Cara membuat menu dropdown di blog.

Ikuti langkah-langkah dibawah ini:

Membuat Menu Dropdown

1. Pertama, lihat susunan kode dibawah ini. Inilah struktur keseleuruhan kode yang akan kita pakai dalam membuat menu drop down.
<style>
KODE CSS
</style>
KODE HTML
2. Dari susunan kode diatas, <style> ditempatkan diawal, selanjutnya Kode Css, dan ditutup dengan </style>, terakhir Kode HTML.
3. Sekarang yang kita butuhkan adalah, Kode Css dan HTML nya. Tidak harus buat sendiri. Cukup kunjungi situs dibawah ini.
4. http://cssmenumaker.com/. Selanjutnya, pilih salah satu menu dropdown yang kamu inginkan.
5. Setelah memilih, maka akan terbuka halaman baru. Pilih Costumize.
6. Dan atur nama dan isi dari menu dropdown, gunakan add item untuk menambah menu dan gunakan edit item untuk memasukan url isi dari menu tersebut. Seperti gambar dibawah ini.

7. Setelah selesai mengatur isi menu dropdown, ambil/copy kode CSS dan HTML nya. Dan pastekan di Notepad susun seperti langkah pertama.

 Memasang Menu di Widget atau Gadget

1. Setelah selesai menyusun semua kode di Notepad. Sekarang ke bagian Tata Letak di blog. Dan Klik Tambahkan Gadget, dan pilih HTML/JavaScript.
2. Copy semua kode di Notepad tadi dan Pastekan semua kode ke Gadget HTML/JavaScript. Dan Simpan.
3. Selanjutnya pindahkan Gadget HTML/JavaScript ke bawah Header. Dan Silakan lihat blog.
4. Menu Dropdown sudah jadi. Jika menu dropdown nya tidak turun. Itu berarti kita harus mengedit bagian header blog.
5. Silakan ke Bagian Template, klik edit HTML, dan cari kode <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> kode lengkapnya kira-kira seperti dibawah ini.
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Nama Blog Kamu (Header)' type='Header'>
<b:includable id='main'>
6. Ganti maxwidget='1' menjadi maxwidget='3' dan showaddelement='no' menjadi showaddlement='yes'. Dan Save Template.
7. Kembali lagi ke pengaturan Tata Letak, pindah-pindahkan Gadget HTML/JavaScript tadi, dibawah header. Dan save.
8. Setelah itu lihat blog, jika menu masih belum turun, ulangi lagi ke pengaturan Tata Letak, pindahkan lagi kode html ke bawah Header dan Save. Sampai Menu Drop Down berjalan dengan benar.
9. Selesai, menu dropdown sudah jadi. Untuk cara mengubah warna dari menu dropdown, silakan kunjungi situs ini, http://www.cssportal.com/css3-menu-generator/ , disitu kita bisa belajar, cara mengubah bentuk dan warna menu dropdown, juga kode css dan html dari menu dropdown yang kita gunakan.

Cara lain dengan memasukan kode css dan html di template blog

1. Cara diatas adalah memasukan kode di widget blog, lebih aman. Tapi jika kamu ingin mencoba cara lain, dengan memasukannya ke template blog. Masukan kode css dan html dengan format seperti dibawah ini. Cara ini tidak menggunakan <style> </style> seperti memasang menu di widget.
Kode CSS
]]></b:skin>
<div class='tabs-outer'>
Kode HTML
2. Seperti format diatas, pertama kamu cari kode ]]></b:skin> dan tempatkan kode CSS diatasnya. Selanjutnya Cari kode <div class='tabs-outer'> dan tempatkan kode HTML di bawahnya. Lalu save template.
3. Menu Dropdown akan muncul dibawah header. Jika ingin ditempatkan diatas header, pindahkan kode html tadi ke <div class='header-outer'>. Selesai. Semoga Bermanfaat.

Read More

Cara Membuat Label atau Kategori di Blog

  Cara Membuat Label atau Kategori di Blog. Label atau kategori di blog yang berarti mengelompokan jenis artikel berdasarkan pembahasan yang berkaitan antara satu dan lainnya. Misalnya kita punya 3 artikel dengan judul ayam jantan, ayam hias dan ayam kampung, maka dari ketiga judul tersebut kita kelompokan menjadi satu jenis, yaitu ketegori ayam. Jadi ketika orang buka label/kategori ayam, maka ketiga judul tersebut akan tampil dalam satu halaman.

Itulah sedikit penjelasan apa yang dimaksud dengan label atau kategori. Untuk lebih jelasnya bisa kalian lihat di Kategori sebelah kiri blog ini. Klik salah satu kategori, maka akan terbuka halaman baru, dengan isi semua artikel yang kategorinya sama. Untuk lebih jelasnya. Cara membuat label atau kategori di blog.
Ikuti langkah-langkah dibawah ini.

1. Buatlah 3 entri baru atau edit 3 artikel lama kamu.
2. Dan dibagian Setelan Entri(sebelah kanan entri) Klik Label dan beri label dengan nama Tutorial Blog dan klik Selesai. Tulis ketiga artikel kamu dengan nama label yang sama Tutorial Blog. Lihat gambar dibawah untuk lebih jelasnya.

3. Setelah Selesai memberi nama label. Buka pengaturan Tata Letak.
4. Klik Tambahkan Gadget atau add gadget.Dan cari Label seperti gambar dibawah ini.

5.  Klik Tanda + di sebelah kanan Label gambar diatas dan beri judul label atau kategori, dan klik Simpan. seperti gambar dibawah ini.

6. Contoh tampilan kategori atau label di blog lihat gambar dibawah ini.

7. Letakan label/kategori sesuai dengan yang kamu inginkan. dan Lihat hasilnya.Widget degan nama kategori/label sudah ada di blog kamu. Selesai.

Dengan adanya label, maka kita dapat dengan mudah membagi setiap artikel menjadi beberapa nama kelompok artikel yang sesuai dengan yang kita inginkan. Dalam satu artikel, kita juga bisa membuatnya menjadi 2 label atau lebih. Jadi tidak harus menempatkan satu artikel kedalam satu kategori. Tapi bisa kebanyak kategori

Jika nanti label/kategori kamu sudah banyak, tambahkan fungsi scroll agar tidak banyak menghabiskan tempat. Jika ingin memberi warna background pada judul kategori, dan lain-lainnya.  Baca Disini. Semoga Bermanfaat.

Read More

Cara Membuat Menu di Blog

Cara membuat menu di blog dengan mudah. Fungsi menu itu bisa dibilang untuk memudah kan pengunjung blog mengetahui tentang pemilik blog, isi seluruh blog atau bagian-bagian blog kita, Biasanya menu banyak ditempatkan dibawah judul blog atau disamping kiri blog. Seperti about me/us sitemap/daftar isi blog, contact us/me dan lain-lain. Cara ini adalah cara yang paling mudah dan sederhana, tidak harus edit html yang bisa bikin pusing klo dilihat dengan banyak kode-kode. Silahkan dilihat dulu gambar menunya dibawah ini atau lihat dibawah judul ini blog.

Cara membuat menu di blog. Ikuti langkah-langkah dibawah ini.

1. Login ke Blog kamu.

2. Dari halaman awal pilih laman. Lihat gambar dibawah ini.

3. Selanjutnya klik laman baru seperti gambar dibawah ini. Ada 2 pilihan, Laman kosong seperti kita menulis entri baru dan Alamat Web, seperti www.pacebook.om dll. Untuk percobaan Pilih Laman Kosong. 

4. Terus kita beri judul Tentang saya. Sebagai percobaan dulu. Dan klik Publikasikan.

5. Setelah dipublikasikan, pilih Tab atas, maka laman yang baru saja dibuat tadi akan muncul dibawah judul blog.

6. Selesai. Lihat blog maka laman baru akan tampil dibawah judul blog. seperti gambar dibawah ini.

7. Untuk mengisi menu blog, bisa kalian isi dengan about me, Daftar Isi, contact us dan lain-lain. Sebagai Contoh silakan dilihat http://pengguna-komputer.blogspot.com

Read More

Cara Membuat Gambar Header Blog

Cara Membuat Gambar Header Blog. Satu lagi cara desain blog sendiri, yaitu dengan menambahkan gambar di header blog. Cara membuat gambarnya bisa menggunakan software, bisa juga secara online. Artikel ini akan menjelaskan tentang cara membuat gambar header blog secara online. Prosesnya tidak lama, cukup mengunjungi situs penyedia layanan pembuatan gambar, dan memilih salah satu bentuk gambar yang kita inginkan. Setelah itu download dan pasang di blog kita. Silakan lihat dulu contoh gambar dibawah ini.

Gambar diatas adalah contoh gambar dalam bentuk tulisan yang pernah saya gunakan di blog ini. Dengan menggunakan gambar, kita punya banyak pilihan bentuk dan juga warna yang bisa digunakan. Berbeda dengan tampilan huruf blog, yang warna dan bentuknya terbatas, hanya bisa menggunakan satu warna.

Ukuran gambar yang dihasilkan cukup kecil dan juga tidak memberatkan loading blog, ukuran huruf bisa diatur sesuai dengan yang kita inginkan. Disitus tersebut ada juga jenis gambar animasi, seperti huruf yang mengeluarkan api, Petir, animasi Glow yang bergerak dan masih banyak lagi.

1. Gambar yang dihasilkan berformat PNG dan juga GIF, sesuai dengan bentuk dan animasi yang digunakan. Dan ukuran File gambar yang dihasilkan juga berbeda, antara Png dan Gif, sesuai dengan ukuran huruf gambar yang digunakan.
2. Untuk gambar animasi ukuran huruf 40 keatas bisa sampai 50-70kb dalam format Gif. Sedangkan untuk gambar biasa tanpa animasi hanya 10-30kb dalam format png.
3. Silakan pilih bentuk dan ukuran gambar yang sesuai dengan yang kalian inginkan.

Untuk lebih jelasnya, Cara membuat gambar header blog. 

Ikuti langkah-langkah dibawah ini:

1. Kunjungi situs http://cooltext.com/ 
2. Selanjutnya pilih salah satu gambar huruf yang kalian suka.
3. Dan atur warna dan juga bentuk hurufnya.
4. Setelah selesai, lihat bagian bawah, klik Creat Logo.
5. Terakhir Download. Seperti gambar dibawah ini.

6. Sekarang, memasang gambar tersebut di blog kita.
7. Login ke blog, dan Klik pengaturan Tata Letak.
8. Pada bagian layout Header Blog, Klik Edit. Dan Upload gambar tadi.

9. Selanjutnya atur penempatan gambar. Pilih dibalik judul dan keterangan.
10. Terakhir Save pengaturan gambar. Dan lihat, gambar berada di belakang judul dan deskripsi. Jika ingin menyembunyikan tulisan judul dan deskripsi blog. Ikuti langkah-langkah dibawah ini.
    

Cara menyembunyikan judul dan deskripsi blog

1. Sekarang kita sembunyikan tulisan judul dan deskripsi dari halaman blog, cari kode ]]></b:skin> dan tempatkan kode ini diatasnya.
.Header h1 {
   height: 0px;
   visibility: hidden;
   display: none;
}

.Header .description {
   height: 0px;
   visibility: hidden;
   display: none;
}
2. Setelah menambahkan kode diatas maka judul blog dan deskripsi akan disembunyikan dari tampilan blog, tinggal gambar saja.
3. Dengan begitu judul dan deskripsi tetap ada, hanya disembunyikan.
4. Silahkan cek di chkme.com untuk melihat masih ada atau tidak title judul blog H1, jika ada berarti gambar header tidak akan mempengaruhi seo blog.

Jika kita memliih menempatkan gambar selain judul dan keterangan atau tempatkan keterangan setelah gambar. Maka H1 header akan hilang, dan itu mempengaruhi seo blog. Jika ingin mencoba silahkan saja cek di chkme.com atau disitus chek seo blog lainnya. Agar H1 header blog disembunyikan dari halaman blog tanpa mempengaruhi seo blog, gunakanlah cara seperti diatas. Semoga Bermanfaat.

Read More

Cara membuat auto read more. Read more yang berfungsi untuk mempersingkat tampilan posting di halaman awal blog. Read more ini berbeda dengan Read More Versi Blogger, yang harus di lakukan secara manual, read more ini otomatis. Jadi tidak perlu lagi menggunakan insert jump break. Untuk lebih jelasnya silakan lihat gambar dibawah ini.

Dari gambar diatas, read more dilengkapi dengan tampilan gambar dari salah satu halaman posting, posisi gambar disebelah kiri dan diteruskan dengan sedikit penjelasan dari isi artikel. Cara membuat auto read more. Ikuti langkah-langkah dibawah ini.

1. Login ke blogger. Dari halaman dasbor, pilih pengaturan template.
2. Dan Klik edit HTML, dan cari kode </head> gunakan Ctrl F untuk mempermudah Pencarian.
3. Selanjutnya, jika sudah ketemu, masukan kode berikut dibawah </head>
<!-- Auto read more script Start -->
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot;;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 150;
img_thumb_width = 150;
</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 = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
        summ = summary_img;
    }
    }
    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;
}
//]]>
</script>
<!-- Auto read more script End -->
4.  Keterangan kode diatas:
summary_noimg = 430; Jumlah huruf tanpa gambar
summary_img = 340; Jumlah huruf dengan gambar
img_thumb_height = 150; Tinggi Gambar
img_thumb_width = 150; Lebar Gambar
5. Selanjutnya cari kode <data:post.body/> dan ganti dengan kode berikut ini.
<!-- Auto read more Start -->
<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 style='text-align:justify;' expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<a class='more' expr:href='data:post.url'><font color='#1780dd'>Baca Selengkapnya &gt;&gt;&gt;</font></a>
</b:if>
</b:if>
<!-- Auto read more End -->
6. Ada 3 kode yang sama dengan <data:post.body/>, ganti semuanya dengan kode diatas.
7. Kode <font color='#1780dd'>Baca Selengkapnya &gt;&gt;&gt;</font></a> . Tulisan Baca Selengkapnya bisa diganti dengan kata yang kamu inginkan, <font color='#1780dd'> Ini kode warnanya, bisa diganti dengan warna lain. &gt;&gt;&gt; ini kode tanda >>> setelah tulisan Baca selengkapnya.
8. Terakhir, save template. Selesai. Semoga Bermanfaat.

Read More

Cara membuat kotak script di posting blog. Kotak script, biasanya digunakan untuk memasukan kode2 script ke dalam posting. Agar terlihat rapi dan tidak memakan banyak tempat. Ada yang berbentuk kotak sederhana, ada juga yang berbentuk kotak dengan tambahan scroll, dan lain-lainnya. Kotak script juga bisa diberi warna dibagian backgroundnya, dan juga border yang berbentuk kotak, bisa diatur bentuknya. Cara membuatnya, Ikuti langkah-langkah dibawah ini.

Cara membuat kotak script di posting blog. Kotak script, biasanya digunakan untuk memasukan kode2 script ke dalam posting. Agar terlihat rapi dan tidak memakan banyak tempat. Ada yang berbentuk kotak sederhana, ada juga yang berbentuk kotak dengan tambahan scroll, dan lain-lainnya. Kotak script juga bisa diberi warna dibagian backgroundnya, dan juga border yang berbentuk kotak, bisa diatur bentuknya. Cara membuatnya, Ikuti langkah-langkah dibawah ini.

1. Login ke blogger. Dan pilih entri baru.
2. Selanjutnya buatlah tulisan seperti dibawah ini.

3. Selanjutnya Klik HTML dan masukan kode berikut, dibawah tulisan cara membuat kotak script. 
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
.Klik Disini.</div>

1. Untuk lebih jelasnya, lihat gambar dibawah ini.

2. Sekarang Klik Compose, maka akan ada kotak script. Contoh gambar:

3. Selanjutnya Klik di dalam kotak tersebut, dan hapus tulisan Klik Disini.
4. Terakhir, Masukan kode script yang ingin kamu masukan, didalam kotak itu. Selesai.

 

 

Keterangan Kode:

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
.Klik Disini.</div>

1. border: 3px = ketebalan kotak script. dan #1780dd = warna kotak script.
2. Double; = Bentuk kotak, bisa diganti dengan, 
dashed
dotted
Double
Groove
inset
outset
ridge
3. Padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.
4. background-color:ffffff; = warna dalam kotak. 
5. Dan text-align:left; = posisi tulisan didalam kotak di kiri.

Kotak Script Dengan Scroll.

<div style="border: 3px #1780dd solid; padding: 10px;background-color:#ffffff;
overflow: auto; height: 50px; width: 300px;
text-align: left;">
.kode script disini.</div>

1. Sama seperti cara diatas, masukan kode script ke HTML.
2. overflow:auto; = fungsi scrollnya. height(tinggi kotak) dan width(lebar kotak)
3. Kotak script bisa juga dipindahkan ke kanan, dengan menambahkan kode float: right; ditengah kode diatas.
<div style="border: 3px #1780dd solid; float: right; dan lain-lain.
Kotak Posisi Kanan
4. Untuk yang posisi tengah, saya belum tau, nanti jika sudah tau, akan saya tambahkan kembali diposting ini. 

Dengan menambahkan kotak script di posting blog, maka halaman blog akan terlihat lebih rapi. Dan tidak memakan banyak tempat. Tanpa harus mengurangi isi dari posting. Semoga Bermanfaat.

http://pengguna-komputer.blogspot.com

Read More

Membuat Fan Page Melayang Dengan Timer di Blog

Halaman Facebook Melayang Dengan Waktu di Blog ~ Dengan memasang fan page saudara di blog anda, bisa jadi fan page anda banyak yang suka atau Like sehingga hal ini baik untuk kemajuan fan page dan blog milik anda. Jadi untuk anda yang ingin memiliki banyak like fan page, anda bisa mencoba cara ini

Berbeda dengan fan page melayang yang sebelum-sebelumnya,  fan page melayang kali ini memiliki tampilan pop up. Sehingga widget fan page ini akan terlihat kesan yang sedikit memaksa kepada pengunjung untuk melakukan like atau suka terhadap fan page saudara.

Namun anda bisa menentukan berapa lama fan page tersebut melayang di blog saudara, dan kapan fan page pop up tersebut muncul. Jadi jangan khawatir jika pengunjung anda kabur karena terlalu lama menunggu tampilan fan page melayang (pop up)  ini.

Memasang Fan Page Facebook Melayang (Pop Up) dengan Timer di Blog

Seperti yang sudah saya katakan tadi, fan page melayang kali ini berbeda karena di sertai dengan timer untuk menutup sendiri ketika countdownnya sudah habis. Serta dilengkapi dengan script yang dirancang khusus sehingga fan pagenya tidak akan muncul kepada pengunjung yang telah melakukan like sebelumnya.

Tapi tenang, bagi anda yang ingin memasang fan page melayang di blog  yang berbeda dengan tutorial kali ini...Silahkan . . .

Baca: Membuat Fan Page Melayang di Blog

Jika anda tertarik dengan widget saya kali ini, tidak ada salahnya jika anda memasangnya di blog saudara. Untuk cara pemasanganya, silahkan ikuti panduan sederhana di bawah ini:

• Login dengan akun blog anda
• Pilih blog yang ingin anda edit
• Masuk ke menu TEMPLATE--> Klik Edit HTML
• Cari kode </body>
• Kemudian simpan kode di bawah ini tepat di atas kode </bo

<!-- ngeblog07.com Likebox Pro FBFan Code Start -->
<style>
#fblikepop { background-color: #fff; display: none; position: fixed; top: 200px; _position: absolute; width: 450px; border: 10px solid #6F6F6F; z-index: 200; -moz-border-radius: 9px; -webkit-border-radius: 9px; margin: 0pt; padding: 0pt; color: #333333; text-align: left; font-family: arial,sans-serif; font-size: 13px;}
#fblikepop body {background: #fff none repeat scroll 0%; line-height: 1; margin: 0pt; height: 100%;}
.fbflush { cursor: pointer; font-size: 11px !important; color: #FFF !important; text-decoration: none !important; border: 0 !important;}
#fblikebg { display: none; position: fixed; _position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: #000000; z-index: 100;}
#fblikepop #closeable { float: right; margin: 7px 15px 0 0;}
#fblikepop h1 { background: #6D84B4 none repeat scroll 0 0; border-top: 1px solid #3B5998; border-left: 1px solid #3B5998; border-right: 1px solid #3B5998; color: #FFFFFF !important; font-size: 14px !important; font-weight: normal !important; padding: 5px !important; margin: 0 !important; font-family: &quot;Lucida Sans Unicode&quot;, &quot;Lucida Grande&quot;, sans-serif !important;}
#fblikepop #actionHolder {height: 30px;overflow: hidden;}
#fblikepop #buttonArea {background: #F2F2F2;border-top: 1px solid #CCCCCC;padding: 10px;min-height: 50px;}
#fblikepop #buttonArea a {color: #999999 !important;text-decoration: none !important;border: 0 !important;font-size: 10px !important;}
#fblikepop #buttonArea a:hover {color: #333 !important;text-decoration: none !important;border: 0 !important;}
#fblikepop #popupMessage {font-size: 12px !important;font-weight: normal !important;line-height: 22px;padding: 8px;background: #fff !important;}
#fblikepop #counter-display {float: right;font-size: 11px !important;font-weight: normal !important;margin: 5px 0 0 0;text-align: right;line-height: 16px;}</style>
<script src='http://www.google.com/jsapi'/><script>google.load(&quot;jquery&quot;, &quot;1&quot;);</script>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
 kakinetworkdotcom01username="smp2banjar",
 kakinetworkdotcom01title="Jangan Lupa Like Yah ^_^",
 kakinetworkdotcom01skin="01",
 kakinetworkdotcom01time="25",
 kakinetworkdotcom01wait="0",
 kakinetworkdotcom01lang="en"
//]]>
</script>

<script src='http://blognyailmu.googlecode.com/files/likeboxpopup.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
 $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>
<!-- ngeblog07.com Likebox Pro FBFan Code End -->

• Klik simpan

Penjelasan Kode di Atas:

• Ganti kode berwarna merah dengan ID halaman atau ID fan page facebook yang saudara miliki.
• Ganti juga tulisan "Jangan Lupa Like Yah ^_^" dengan header deskripsi yang anda inginkan.
• Kode berwarna biru adalah kode yang menunjukan berapa lama widget pop up ini muncul. Ukuran waktu dalam sekon atau detik yah . . .
• Kode hijau adalah kode untuk menentukan kapan widget ini akan mucul.
• Dan kode yang berwarna Ungu dapat kalian ganti dengan kode bahasa.
• Anda juga bisa mengganti kode True menjadi False jika tidak ingin ada tombol close/tutup pada widget ini nantinya
• 01 adalah kode skin atau gambar. Anda bisa menggantinya dengan (02, 03, 04). Untuk contoh skinnya bisa dilihat gambar di bawah ini:

Tampilan Skin 01

Tampilan Skin 02

Tampilan Skin 03

Tampilan Skin 04

Sekian tutorial tentang fan page melayan disertai waktu di blog ini, semoga artikel yang saya buat ini bermanfaat bagi anda semua. Namun jika anda masih ingin membuat like box fan page di blog yang standar-standar saja, anda bisa mencoba membaca artikel saya yang satunya lagi . . .

Read More

Mendapatkan Uang melalui Blog

Bagi seseorang yang suka menulis, mendapatkan penghasilan tambahan melalui Internet dapat dilakukan dengan mudah. Banyak yang mendapatkan uang dari hasil karya tulisnya dengan menggunakan sebuah situs. Bisa dengan membuat blog gratis, berbayar, website, atau toko online pribadi.

Dengan memanfaatkan berbagai media yang ada di Internet, kita dapat membangun usaha yang akan menghasilkan pekerjaan tambahan yang hanya dilakukan di rumah. Disini saya akan mencontohkan bagaimana cara menghasilkan uang melalui blog. Tutorialnya dapat anda baca di artikel Cara Membuat Blog Pribadi Gratis di Blogger.

Sebagai langkah awal yang tepat dalam memulai usaha, berikut tips-tipsnya :

1. Luangkan waktu untuk mencari informasi usaha online melalui buku, majalah, atau koran untuk anda jadikan bahan motivasi langkah usaha anda kedepannya dan sebagai pedoman.
2. Tentukan tujuan, bakat, dan kemampuan yang anda miliki.
3. Pikirkan semua aspek yang dibutuhkan untuk menunjang usaha anda. Contoh : Modal, Anggaran, Pekerja, Product, Riset Pasar, Keuntungan dan lain sebagainya.
4. Ruang Usaha. Buat Sebuah tempat khusus dimana anda akan memulai bisnis online anda tersebut. Apabila di rumah dan anda melakukan bisnis berjualan kue maka anda harus memiliki Dapur yang besar.
5. Pastikan kepatuhan terhadap hukum yang berlaku dan harus memiliki izin.
6. Buat Anggota keluarga terlibat dalam bisnis anda.
7. Product yang anda jual harus aman, tanpa bahan kimia, bahan peledak, dan sebagainya.
8. Bangun Kepercayaan kepada pembeli.

Dengan mempersiapkan langkah-langkah diatas, kita dapat membuat bisnis online di rumah dengan mudah. Tentu saja kita juga harus memliki kesabaran dan teliti dalam mendatangkan banyak pengunjung / pembeli.

Setelah mengetahui beberapa langkah untuk memulai usaha bisnis anda, sekarang saya akan membahas untuk semua orang yang ingin menghasilkan uang melalui blog.

Kriteria blog yang dapat menghasilkan uang adalah blog yang memiliki pengunjung banyak, pagerank tinggi, dan memiliki reputasi yang baik. Untuk mendapatkan itu semua, anda harus bekerja keras, ulet, rajin, fokus, serta konsisten terhadap blog tersebut. Dalam kurun waktu 3 bulan, barulah anda dapat mendaftarkan ke berbagai perusahaan iklan di Internet.

Dalam jangka waktu 3 bulan tersebut anda harus membuat artikel yang berkualitas setiap harinya, melakukan submit ke search engine, directory,atau bookmark, dan mempromosikan blog anda ke social networking.

Berikut ini beberapa cara menghasilkan uang melalui blog di internet :

1. Paid to Write
Ini merupakan salah satu model moneytize blog melalui program pay per post ( dibayar per-posting artikel ). Anda diminta untuk membuat artikel dengan menggunakan bahasa inggris tentunya mengenai produk dan layanan yang telah ditentukan. Dalam beberapa program, anda dapat mengatur sendiri berapa besar pembayaran untuk setial artikelnya.

Contoh dari program ini antara lain :
Payperpost http://payperpost.com
Smorty http://smorty.com
Blogvertise http://blogvertise.com
SponsoredReviews http://sponsoredreviews.com
Blogging Ads http://bloggingads.com
Blogitive http://my.blogitive.com/pages/howto

dan ada juga yang menggunakan bahasa Indonesia karena merupakan program lokal.

Biasanya untuk diterima dalam program tersebut, nilai pagerank google anda minimal 1 dan memiliki rangking alexa di bawah 500.000. Untuk itu, anda harus bekerja keras agar blog anda memiliki konten yang unik dan berkualitas sehingga memiliki pagerank dan peringkat tinggi.

2. Paid To Click
PTC adalah sebuah program pemasangan iklan di bagian halaman blog yang apabila di klik oleh pengunjung maka kita akan meraih penghasilan. Beberapa PTC terkenal juga menghitung pendapatan melalui pageviews dan hasil pencarian mereka. Untuk itu, semakin blog anda banyak pengunjung maka semakin besar pula penghasilan anda.

Beberapa PTC Terkenal dengan bayaran tertinggi adalah sebagai berikut :

• Google Adsense
• Chitika
• Innity
• Infolinks
• Monetize your Website or Blog with BidVertiser
• Adhitz

Sedangkan untuk di PTC lokal Indonesia adalah Idblognetwork , Sitti Ads, Adsensecamp, Kumpulblogger dan lainnya.

Untuk mengikuti PPC tersebut, masing-masing memiliki persyaratan yang berlaku. Salah satu syarat utamanya adalah anda tidak boleh copy paste artikel dari orang lain dan tidak membuat artikel yang mengandung hak cipta, merk dagang, SARA, dan lain sebagainya.

3. Menjadi Freelance
Banyak perusahaan nirlaba yang memiliki website / blog tetapi kurang memiliki SDM (Sumber Daya Manusia). Anda dapat menjadi tenaga kerja freelance untuk menjadi penulis konten, merawat blog, mempromosikan product mereka atau lainnya.

Anda harus memiliki gaya menulis yang kreatif dan inovatif dengan kemampuan grammar yang baik. Selain itu, bukan hanya menulis artikel anda juga bisa menjadi Programming, Developers Game,Publisher dan sebagainya.

Sebagai contoh anda dapat berkunjung ke elance.com untuk mendapatkan jobs.

Dalam menghasilkan penghasilan di media Internet dibutuhkan kerja keras, konsistensi, produktifitas, dan kreatifitas. Memulai memang sangat berat, tetapi pada nantinya anda akan mendapatkan hasil yang begitu besar. Bukankah menghasilkan uang di internet itu mudah ?

Semoga artikel Menghasilkan uang dengan blog ini dapat berguna.

Read more: http://www.impoint.info/2013/03/cara-mendapatkan-uang-penghasilan-internet.html#ixzz2wVqhzzqj
Dilarang copy paste artikel tanpa menggunakan sumber link - DMCA Protected
Follow us: @ravdania on Twitter | pemakan.worell on Facebook

Read More

Download Lagu : Maher Zain

1. Maher Zain - Number One For Me.mp3
2. Maher Zain - Ya Nabi Salam Alayka.mp3
3. Maher Zain - Insha Allah.mp3 
4. Maher Zain - For the Rest of My Life.mp3
5. Maher Zain - Allahi Allah Kiya Karo (feat. Irf.mp3
6. Maher Zain - Thank You Allah.mp3
7. Maher Zain - Palestine Will Be Free.mp3

Read More

Tanda obeng (quick edit) sebenarnya bukan merupakan suatu masalah, karena tanda tersebut hanya muncul jika pemilik blog sedang login di akun blognya dan hanya muncul di komputer yang bersangkutan. Jadi orang lain tidak bisa melihatnya. Jika pemilik blog tersebut sudah "sign out" maka tanda tersebut tidak akan muncul lagi.

Cara menghilangkan tanda obeng dan tang adalah sebagai berikut :
1. Login ke akun blogger kamu
2. Masuk ke Template --> Edit HTML --> Lanjutkan --> centang Expand Template Widget
3. Cari kode ini  : ]]></b:skin>
4. Copy dan paste kode di bawah ini tepat di atas kode nomor 3 di atas

.quickedit{
display:none;
}

5. Klik tombol Simpan Template dan lihat hasilnya .
6. Selesai.

Read More

Sebelumnya saya pernah membahas tentang cara menyembunyikan folder , Agar anda tidak bingung mencari folder itu lagi kali ini saya akan bahas tentang cara melihat maupun menampilkan kembali folder atau file yang di hidden . Memang kalau anda ingin menyembunyikan file anda harus tau cara menampilkan kembali , jangan asal sembunyikan saja jika tidak anda sendiri yang rugi mencari sampai pusing
Caranya sangat mudah :

1. Pertama buka librari dan cari lokasi folder / file itu

2.  Kemudian klik Organize dan Pilih Folder and Search Option

3. Setelah itu  klik View 

3.  Lalu pilih show hidden files, folder, and drives dan klik ok. Maka folder akan terlihat lagi

4. Untuk menyembunyikannya kembali ikut langkah ke-satu sampai ke-tiga , dibagian view  pilih don't show  hidden files, folder, and drives

5. Agar file tidak ter-hidden lagi  pada langkah ke-empat saat folder terlihat anda klik kanan folder - properties - hilangkan centang pada hidden dan jika ada pilihan , pilih apply changes to this folder, subfolders and filse

Read More