Menampilkan Judul Artikel Saja di Homepage

Menampilkan Judul Artikel / Posting Saja di Homepage - Apa kabar sobat blogger? pada kesempatan kali ini kita akan coba membahas tentangbagaimana cara membuat judul artikel saja yang tampil di halaman depan blog. Tutorial kali ini sebenarnya berfungsi hampir sama dengan readmore ( baca : cara memasang readmore di blog ) namun jika readmore menampilkan judul artikel berserta ringkasan artikel, maka yang ini hanya akan menampilkan judul artikel ( posting ) saja. Bagi sobat yang tertarik, silahkan ikuti tutorial berikut.

1. Login ke akun blogger sobat.
2. Klik rancangan --> edit HTML
3. Letakkan kode berikut di bawah kode ]]</b:skin>

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body{display:none;}
</b:if>
</b:if>
</style>

4. Simpan dan lihat hasilnya.

Tambahan :
Jika setelah menggunakan kode di atas dan masih menyisahkan elemen - elemn seperti tanggal posting, jumlah komentar dll, silahkan gunakan kode berikut menggantikan kode no 3.

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body, .post-footer, .jump-link,
.post-timestamp, .reaction-buttons,
.star-ratings, .post-backlinks,
.post-icons, .date-header{display:none;}
</b:if>
</b:if>
</style>

Sekian....

Cara Membuat Logo

Cara Membuat Logo  - Banyak hiasan yang bisa sobat pasang di blog sobat, saran saya pada sobat untuk tidak melewatkan yang satu ini. Kali ini kita akan coba membuat logo website / blog secara online dengan logoease. Logo website sebenarnya  juga bisa sobat buat menggunakan software seperti coreldraw, photoshop dan software - software lainnya, tapi untuk saat ini saya mohon maaf karena saya nggak pakar bidang gituan, kita bahas cara online nya saja. Nggak terlalu beda jauh kok! sama - sama gratis.. hehehe

Postingan kali ini tak bedah jauh dengan 2 postingan saya sebelumnya tentang membuat logo secara online ( baca : membuat logo untuk header secara online) dan cara versi ke 2 nya ( baca :membuat logo header secara online versi 2 ). Sobat blogger yang tertarik memasang logo di blog sobat, silahkan ikuti tutorial berikut.

Cara Bikin Logo
1. Daftar terlebih dahulu ke logoease dengan mengklik di sini!
2. Isi data - data yang di minta seperti nama, login ID, password, Confirm Password, E-mail, Company name, Address ( alamat ), state ( diisi nama kota atau provinsi ),  country ( negara ), Zip Code ( kode pos ), Phone ( no. Hp / Tlp ), fax, dan kode captcha. Kira - kira form pengisisan datanya seperti gambar berikut.

tambahan :
Fax tak perlu di isi jika tidak ada ( optional )

3. Setelah mengisi semua form identitasnya, klik submit. Jika pengisian datanya benar, maka sobat akan melihat tampilan berikut yang bertanda bahwa sobat sukses membuat akun di logoease.

4. Log in dengan Login ID dan password baru sobat, kemudian sobat akan melihat tampilan berikut

klik start your logo kemudian akan muncul jendela baru seperti tampilan berikut

Pilih kategori logo yang akan di pakai. Misalnya sobat menggunakan Mountain, maka sobat akan melihat tempilan berikut.

Pada kategori mountain, ada 2 pilihan logo yang bisa di edit pilih salah satu. Misalnya sobat meilih yang ke dua ( dari kiri ) maka tampilannya seperti berikut.

Edit sesuka hati logonya dengan menambahkan warna, menambahkan dan mengganti huruf atau apapun yang ingin sobat edit.  Jika sudah selesai, klik save kemudian sobat akan melihat tampilan berikut.

Pilih logo yang akan di save dengan mencentang radiobutton di samping logo, Klik download logo.

Logo yang di download akan berupa link download yang di kirim ke email yang sobat pakai mendaftar di logoease. Periksa email masuknya dan klik link downloadnya.

Tambahan :
Logo yang di download berformat zip, di ekstrak terlebih dahulu dengan winrar.

Dengan demikian, berarti logo blog sobat sudah berhasil di buat. Berikut logo sederhana yang bisa di hasilkan dari logoease. Silahkan di pakai jika di inginkan...

sekian cara membuat logo nya.

Tips dan Trik Mempercepat Loading Blog

Tips dan Trik Mempercepat Loading Blog -  Loading blog yang lemot memang kadang kala sering membuat kita kesal, bayangkan saja jika kita harus menunggu bermenit - menit untuk membuka 1 halaman saja.. huh pasti membosankan tu... Sekedar info, sebenarnya selain faktor perangkat, faktor utama mengapa loading blog kita itu bisa sampai lambat yaitu karna jumlah widget yang terlalu banyak. Untuk memperindah tampilan blog, biasanya kita memasang jam, kalender, dan berbagai macam animasi yang sebenarnya tidak terlalu berguna bahkan hanya akan membuat pengunjung blog bosan dengan tampilan blog yang terlalu norak plus loading blog yang lemot.
Setelah sebelumnya memposting artikel tentang cara memasang emoticon onion di kotak komentar blog, kali ini saya akan kasih beberapa tips singkat untuk mempercepat loading blog. Simak tutorialnya berikut.

1. Yang Terutama dan Paling Utama yaitu dengan Mengurangi Jumlah Widget yang tidak terlalu perting seperti jam, animasi, kalender dan lain - lain apa lagi yang berbentuk flash.
2. Mengkompres css template blog sobat di CSS Compresor, caranya :

• Silahkan Menuju KESINI!
• Kemudian sobat akan menjumpai beberapa pilihan seperti gambar berikut

• Seper pada gambar, sobat pilih Normal pada Compression Mode dan Don't strip any comment pada Comment handling
• Masukkan kode CSS template blog sobat yaitu kode antara kode <b:skin> dan ]]></b:skin> pada kotak yang di sediakan 
• kemudian Klik Compress - it.

3. Jika kedua cara di atas belum juga membuat template blog menjadi ringan, mungkin banyak kode CSS yang eror di template blog sobat. Silahkan cek di http://jigsaw.w3.org/css-validator/ . Caranya

• Silahkan menuju KESINI!
• Kemudian Masukkan URL blog sobat di kotak yang di sediakan dan Klik Check

• Setelah itu akan dimunculkan kode CSS yang eror atau tak berfungsi di blog sobat.

• Silahkan tinjau ulang kode - kode yang dimunculkan di template blog sobat, atau kalau perlu dihapus saja..

Sekian tutorialnya semoga membantu...

Cara Membuat Akun di Ziddu

Cara Membuat Akun di Ziddu - Apa kabar sobat blogger! di pagi yang cerah ini saya akan share tentang cara bikin akun di ziddu. Ziddu adalah salah satu file sharing yang menurut saya memiliki beberapa kelebihan di banding dengan file sharing lainnya, nanti sobat akan tahu sendiri kelebihannya setelah sobat mendaftar di ziddu.com.
Setelah sebelumnya memposting artikel tentang cara memuat teks berjalan di blog, kali ini di sajikan cara bikin akun di ziddu dot com. Sobat yang tertarik untuk bikin akun di ziddu silahkan ikuti tutorial berikut.

1. Sign up ke ziddu dengan mengklik link ini!
2. Masukkan data - data yang diminta yang meliputi nama, email, password dan kode verifikasi.

3. Setelah itu, centang kotak kecil di samping tulisan I Agree Terms and Condition kemudian klik Submit.
4. Kemudian sobat akan melihat tampilan berikut yang menandahkan akun sobat sudah jadi.

5. Klik pada tulisan Go to my Account dan  sobat akan langsung menju ke halaman upload file.

6. Untuk meng-upload file, Pilih jumlah file yang akan di upload pada tulisan Multiple Files Upload kemudian klik browse dan pilih file di harddisk sobat yang akan di upload.

7. Klik upload. Tunggu beberapa saat hingga proses upload selesai.

8. Setelah proses uploading selesai, sobat akan langsung mendapatkan Url file ( link download ) file yang di upload.

9. Sekian....

Cara Memasang TV di Blog

Cara Memasang Tv Online Streaming di Blog - Selalu ada yang baru di dunia blog, setelah bisa memasang animasi di blog, memasang lagu di blog, kini dengan kecanggihan teknologi sobat bisa memasang TV online di blog ( nonton sambil ngeblog ) entah itu RCTI, SCTV, TRANS TV, TRANS 7, GLOBAL TV, MNC TV, KOMPAS TV, INDOSIAR, ANTV, TV ONE, dan lain - lain. Tutorial yang seperti ini bisa dengan mudah sobat temukan di google dengan kata kunci "cara pasang tv ( televisi ) di blogspot". Berikut tutorial cara pasang TV di blog bagi sobat yang berminat.

A. Untuk memasang TV Online di sidebar blog, sobat ikuti tutorial berikut.

1. Log in ke akun blog sobat
2. Klik Rancangan --> Elemen laman --> Tambah gadget --> pilih HTML/Javascript
3. Masukkan kode berikut ke dalam kotak yang di sediakan.

<div id="NamaTV"></div><div id="TVstyle"></div><div class="tvborder"><iframe id="fsTVframe" scrolling="no" frameborder="0" name="TVPlayerWb" allowtransparency="true"></iframe></div><ul id="fsTVOnline"></ul><div class="clear"></div><span id="TVsource"></span><a id="wb_tvauth" href="http://www.warungbebas.com">Warung Bebas TV Streaming</a><script src="http://javascript-share.googlecode.com/files/wb.js"></script><script type="text/javascript">wb.tv_setting={channel_start:7,player_width:300,player_height:215,icon_width:40,float_icon:true};</script><script src="http://javascript-share.googlecode.com/files/wb_tv_online_indonesia_2_0.js"></script>

4. klik save

B. Untuk cara pemasangan di halaman postingan berikut tutorialnya .

1. Login ke akun blog sobat
2. Klik Entri baru kemudian beri judul sesuai keinginan. Misalnya Nonton TV Online
3. Masukkan kode berikut di Edit HTML di postingan dan jangan di Compose

<div id="NamaTV"></div><div id="TVstyle"></div><div class="tvborder"><iframe id="fsTVframe" scrolling="no" frameborder="0" name="TVPlayerWb" allowtransparency="true"></iframe></div><ul id="fsTVOnline"></ul><div class="clear"></div><span id="TVsource"></span><a id="wb_tvauth" href="http://www.warungbebas.com">Warung Bebas TV Streaming</a><script src="http://javascript-share.googlecode.com/files/wb.js"></script><script type="text/javascript">wb.tv_setting={channel_start:7,player_width:300,player_height:215,icon_width:40,float_icon:true};</script><script src="http://javascript-share.googlecode.com/files/wb_tv_online_indonesia_2_0.js"></script>

4. Klik Terbitkan Entri dan lihat hasilnya..

Tambahan :
Atur ukuran width ( lebar ) dan Height ( tinggi ) TV online sesuai keinginan.

Cara Menampilkan Rating Bintang di Hasil Pencarian Google

Cara Menampilkan Rating Bintang di Hasil Pencarian Google - Setelah sekian lama mencari artikel tentang cara menampilan rating star di hasil percarian google, akhirnya ane dapat juga tutorialnya. Caranya sangat mudah dan berbeda dengan tutorial lain yang pernah saya coba sebelumnya yang tentuhnya nggak berhasil, entah mungkin karna masalah template atau apalah  ..ane nggak tahu..

Untuk bisa menampilkan rating bintang ini, sobat terlebih dahulu harus memiliki akun di google plus dan sudah harus terhubung dengan blog sobat dengan cara mengklaim sebagai kontributor untuk blog sobat tersebut. Masih bingung? Khusus yang belum punya akun di google plus, entar akan ane posting tutorialnya.

Sekedar tambahan, rating bintang ini nantinya akan dimunculkan di hasil pencarian untuk artikel - artikel blog sobat terutama artikel yang baru diposting sesaat setelah mengikuti dan memasang ratting bintang di tutorial kali ini..

Cara Menampilkan Rating Bintang di Google
1. Login ke akun blog sobat2. Klik Rancangan --> Edit HTML --> Centang kotak kecil di samping tulisan Expand Template widget
3. Letakkan kode berikut tepat diatas kode <b:skin><![CDATA[/*

<b:if cond='data:blog.url == data:blog.homepageUrl'><link href='https://plus.google.com/110332182798805450378' rel='publisher'/>
</b:if>

catatan:
ganti angka berwarna biru dengan Url google plus milik sobat.

4. Kemudian letakkan kode berikut sesudah kode <body>

<div><div itemscope='' itemtype='http://data-vocabulary.org/Review'>

dan tag penutup </div></div> sebelum tag penutup </body>

5. Cari kode <data:post.body/> dan letakkan kode berikut tepat dibawahnya.

Description: <span itemprop="description"><data:post.title/></span>
Rating: <span itemprop='rating'>4.5</span>
Reviewer: <span itemprop='reviewer'><data:post.author/></span> -
ItemReviewed: <span itemprop='itemreviewed'><data:post.title/></span>

Tambahan:
Kode <data:post.body/> akan berjumlah 2 jika sobat telah memasang readmore, pilih kode yang ke 2.

6. Klik save dan lihat hasilnya disini!

Jika pemasangnya berhasil, maka sobat akan melihat tampilan seperti gambar berikut.

Cara Memasang Menu Accordion di Blog

Cara Memasang Menu Accordion di Blog - Cara Memasang, Membuat atau Membikin Menu Accordion di Blogspot ini adalah re-post dari posting lawas saya yang berjudul cara membuat menu accordion blogger yang nggak masuk ke hatinya om gugel. Karna itu diharapkan mudah - mudahan dengan Re-post ( posting ulang ) ini, artikel saya yang telah saya hapus tersebut bisa terindeks lagi meskipun dengan URL yang berbeda.

Menu Accordion adalah berupa susunan menu yang di susun secara vertikal, tentulah berbeda sekali dengan menu horisontal ( baca : cara membuat menu horisontal di blog )yang biasa sobat jumpai, mungkin ini adalah salah satu solusi menyembunyikan widget yang terlalu banyak di halaman blog sobat.  Sobat yang tertarik pasang menu accordion di blogger, silahkan ikuti tutorial berikut.

1. Logi ke akun blog sobat.
2. Klik rancangan --> Edit HTML
3. Kemudian letakkan kode berikut di atas kode ]]></b:skin>

#acc{background:#666;font:13px trebuchet ms;
line-height:1.2em;padding:10px;margin:0;}
#acc h3{background:-moz-linear-gradient(top,#ccc,#999);padding:5px 10px;margin:0;color:#222;
text-shadow:0px 1px 1px #fff;
border-bottom:2px solid #444;}
#acc h3 a{color:#555}
#acc h3 a:hover{color:#000}
#acc .post{background:#fff;color:#000;padding:10px;margin:10px 0px;display:none;
border-bottom:2px solid #222;}
#acc :target h3 + .post {display:block;height:150px;overflow:auto;}
#acc :target h3 a{color:#aa5500}

4. Klik save template dan kita akan menuju ke penambahan gadget.
5. Klik Rancangan --> Elemen laman--> Tambah gadget--> Pilih HTML/Javascript
6. Masukkan kode berikut ke dalam kotak yang di sediakan.

<div id="acc">
<div id="isi1">
<h3><a href="#isi1">Judul 1</a></h3>
<div class="post">

Masukkan item anda disini,bisa berupa teks atau widget

</div>
</div>
<div id="isi2">
<h3><a href="#isi2">Judul 2</a></h3>
<div class="post">

Masukkan item anda disini,bisa berupa teks atau widget

</div>
</div>
<div id="isi3">
<h3><a href="#isi3">Judul 3</a></h3>
<div class="post">

Masukkan item anda disini,bisa berupa teks atau widget

</div>
</div>
</div>

7. Klik save dan lihat hasilnya... Gimana?? sederhana dan mudah bukan??