Minggu, 16 Juni 2013

Cara Merubah Tampilan Blog seperti Web Profesional


Alexa Certified Traffic Ranking for http://aputhjosh.blogspot.com/

Minggu, 16 Juni 2013

Apakah anda kurang puas dengan tampilan blog anda sekarang? Dimana sangat mudah ditebak, bahwa blog anda dibuat dengan layanan gratis yang bernama blogger.com? Dan lebih-lebih lagi tampilannya sangat tidak meyakinkan? Jika jawaban anda ya, berarti kita sama. Blog ini juga dibuat dengan blogger.com. Tapi semua jejak aslinya sudah saya rubah, maka jadilah tampilannya menjadi seperti sekarang ini. Nah, jika anda juga tertarik ada beberapa hal yang bisa anda lakukan:

Pertama: Ganti Domainnya.

Anda tentu sudah paham apa itu domain, yaitu kata terakhir yang terdapat pada alamat (URL) blog anda. Asal blog anda menggunakan blogger.com, maka domainnya adalah: blogspot.com. Nah itulah ciri pertamanya. Asal anda tahu, URL blog ini dulunya adalah: http://www.blogernas.blogspot.com. Selain panjang, jujur saja yang kurang sreg dengan tulisan blogspot.com di belakangya. Akhirnya saya ganti dengan domain blog ini menjadi co.cc. Dan itu gratis. Maka jadilah alamat blog ini: http://www.blogernas.co.cc.

Nah, jika anda tertarik mengganti domain blog anda seperti ini anda bisa lihat caranya pada: Cara Mengganti Domain blogspot.com Menjadi co.cc.

Kedua: Ganti Template.

Ini merupakan pandangan pertama yang sangat menetukan. Jika tampilan blog anda kacangan, besar kemungkinan tidak hanya pengunjung yang tidak betah dan tidak ingin kembali, tapi anda sendiri juga sudah “mual” setiap membukanya. Apalagi jika template yang anda gunakan masih tamplate bawaan blogspot yang masih “perawan”.

Nah, jika ingin tampilan blog anda tampak tidak seperti blog, tapi seperti web professional, maka ada 2 cara yang bisa anda lakukan:

1. Tetap menggunakan template bawaan blogger.com, tapi anda lakukan purubahan di sana sini. Mulai dari header, sidebar, footer dan halamamn postingan. Jika anda ingin belajar dari blog ini, maka anda bisa lihat beberapa caranya pada arsip blog, kategori di sidebar atau pada daftar isi blog ini.
2. Dengan menggunakan template pihak ketiga. Anda tinggal mencari situs penyedia template gratis kemudian anda pilih model tampilan yang anda inginkan lalu downloadlah template tersebut. Tapi jika anda lagi malas berkeliaran, anda juga bisa langsung dapatkan dari blog ini. Ini KUNCI GUDANGNYA.
3. Kombinasi dari kedua hal di atas. Meskipun templatenya anda download dari pihak ketiga, namun pada bagian tertentu tetap anda modifikasi agar lebih sesuai dengan selera anda, seperti yang saya lakukan terhadap blog ini.

Ketiga: Hilangkan Navbar Bawaan Blogger.com.

Apa itu navbar? Inilah contoh gambarnya:


Nah, sebagus apapun tampilan blog anda, tapi selagi ada navbar bawaan ini, maka sudah bisa ditebak blog anda menggunakan blogger.com. Dan karena tampilan navbar inilah yang membuat saya hampir minggat menggunakan blogger.com. Tapi rupanya itu bisa dihilangkan. Jika anda juga berminat, catatannya masih saya simpan DI SINI.

Keempat: Rubah Logo Favicon Bloggernya.

Favicon adalah singkatan dari favorit icon. Inilah contoh gambarnya:

Cara Mengganti Icon Blogspot
Nah, meskipun kecil, siapa saja yang sudah biasa blogging akan tahu bahwa jika ada icon ini di tabulasi browser, maka blog anda dibuat menggunakan blogger.com. Karena icon inilah yang menjadi ciri khasnya. Termasuk bagian ini, juga dulunya membuat saya hampir minggat dari blogger.com. Tapi untunglah, rupanya icon itu juga bisa diganti. Caranya bisa anda lihat DI SINI.

Kelima: Lihat Profil Lengkapku.

Jika widget ini sudah terpasang di sidebar blog anda, biasanya akan tampil foto anda dan tulisan “Lihat Profil Lengkapku.” Ini juga merupakan ciri khas dari tampilan blogger.com. Nah jika anda juga ingin mengilangkan jejak yang satu ini, maka anda bisa langsung menghapus tulisan tersebut. Caranya juga sudah saya sediakan DI SINI.

Nah, lebih kurang itulah beberapa hal mendasar yang bisa anda lakukan untuk menyulap tampilan blog anda tidak lagi seperti blog pasaran, tapi sudah berubah menjadi seperti web profesional.

Selamat mencoba dan semoga berhasil!

Cara Membuat READ MORE Pada Blog OTOMATIS MUDAH 2013


Blog ini sekarang banyak membahas tentang tutorial blogspot, dan yang dibahas adalah tutorial dasar atau awal semisal dari cara membuat email, membuat blog dan semisalnya. Dalam keadaan blog itu jika telah jadi tentu tidak bisa langsung tulis saja, tapi perlu dilakukan beberapa perubahan semisal menambahkan read more otomatis untuk mempercantik tampilan blog.
Dari beberapa teman yang baru mengikuti panduan membuat blog blogspot disini, dan minta dikunjungi, saya lihat masih banyak yang belum memasang read more atau baca selengkapnya sehingga dirasa perlu untuk memberikan tutorial cara membuat read more pada blog agar tips blogging ini terus bersambung dan mungkin nanti akan menjadi panduan lengkap cara membuat blog dari awal.
cara membuat read more
Sebenarnya pada artikel Bagaimana cara menulis artikel di blogspot untuk pemula pada point ke 13 sudah dijelaskan cara memotong tampilan artikel agar tidak panjang alias tehnik membuat read more tapi itu cara manual, dan cukup merepotkan jika harus menggunakannya setiap kali posting. sehingga kita gunakan saja "baca selanjutnya" yang otomatis 
Kalau anda menggunakan template dari situs tempat dowload template keren, bisa dikatakan hampir semuanya sudah menggunakan read more otomatis sehingga tutorial ini mungkin kurang menarik untuk anda.

Cara Membuat Readmore Otomatis di Blogger

1. Silahkan login ke Blogger > Template
2. Supaya lebih aman, klik tombol Cadangkan / Pulihkan yang ada di pojok kanan > Unduh Template Lengkap, setelah selesai template terunduh, tekan Tutup
3. Sekarang klik tombol Edit HTML.
4. Copy kode ini:
</head>
5. Letakkan kursur DI DALAM kotak Edit HTML.
6. Tekan CTRL+F untuk mencari lalu tekan CTRL+V lalu tekan ENTER
7. Setelah ketemu kode </head> , maka letakkan kode berikut diatas </head>


<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 250;
summary_img = 220;
img_thumb_height = 120;
img_thumb_width = 220;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+" [...]"}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c}; 
//]]>
</script>


8. Sekarang cari kode <data:post.body/> sebagaimana anda tadi mencari </head> maka akan anda temui kode tersebut tidak hanya satu. sehingga kita harus coba-coba, tapi mulailah dari <data:post.body/> yang paling bawah atau akhir.
Jika sudah ketemu yang paling akhir, maka ganti kode tersebut dengan ini:


 <b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:left'><b>Baca Selengkapnya</b> &#8594; <a expr:href='data:post.url'><data:post.title/></a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>


9. Klik Pratinjau Template untuk melihat apakah artikel di homepage anda sudah menampilkan baca selengkapnya kemudian judul artikel. Contohnya seperti di blog ini  http://inibeli.blogspot.com/
Jika belum berhasil maka klik tombol Edit Template  lalu hapus script yang baru saja anda tambahkan tadi atau tekan CTRL + Z. Sekarang coba ganti dengan <data:post.body/> yang ada di atasnya, semoga kali ini anda berhasil. Jika ketika di Pratinjau sudah terpasang dengan benar klik tombol Save Template.
Jika anda ingin mengatur seberapa panjang teks yang di tampilkan atau seberapa besar gambar yang dimuat berikut ini keterangannya:
summary_noimg = 250;  adalah banyaknya karakter yang ditampilkan ketika postingan anda tidak ada gambar
summary_img = 220; adalah banyaknya karakter yang ditampilkan ketika postingan atau pada artikel anda terdapat gambar.
img_thumb_height = 120; adalah tinggi gambar thumbnail
img_thumb_width = 220; adalah lebar gambar thumbnail

Anda bisa juga mengganti BACA SELENGKAPNYA dengan kata-kata lain.
Demikian artikel Cara Memasang Read More Pada Artikel di Blog. Silahkan baca artikel lainnya, terima kasih.

Sumber kode : impoint.blogspot.com

Jumat, 14 Juni 2013

Cara Mudah Memasang Lagu Di Blog


Posted by tsunardy blogger on Jum'at, Juni 14, 2013
Cara Mudah Memasang Lagu Di Blog - Banyak sudah tutorial-tutorial tentang cara memasang lagu atau cara menambahkan lagu pada blog, Memasang Widget Musik Player untuk sebuah blog memiliki kekurangan dan kelebihan tersendiri. Tergantung dari si pengunjung dan koneksi yang dimilikinya.

Untuk anda yang tetap ingin memasang lagu diblognya, berikut saya sediakan satu tutorial mudah dan singkat, silangkan disimak.
Pertama kunjungi situs scmplayer.net, kemudian pada tab Choose Skin, silahkan pilih tampilan skin widget yang nantinya akan ditampilkan pada blog anda.

Cara Mudah Memasang Lagu Di Blog

Lalu klik pada tab Edit Playlist, disini ada dua pilihan yaitu dengan memasukan url lagu yang di pasang manual(Manual Playlist). Atau dari playlist akun youtube(RSS Podcast) anda. gunakan saja pilihan pertama "Manual Playlist".

Cara Mudah Memasang Lagu Di Blog

Cara Memasang Lagu Di Blog
Contoh Yang Saya Lakukan
Perhatikan pada gambar yang saya lingkari merah, disitu terterah contoh untuk memasukan lagu yang anda inginkan, silahkan anda cari situs yang menyediakan lagu atau bisa anda upload sendiri ataupun mencari di youtube.com video yang nantinya sebagai url lagu.(bukan menampilkan video, hanya suara dari video)

Kemudian klik pada tab Configure Settings untuk mengatur lagu yang sudah kita pilih tadi, atur sesuai keinginan anda. Atau seperti pengaturan saya pada gambar dibawah ini

Cara Memasang Lagu Di Blog
Klik Untuk Memperbesar


Setelah itu klik tombol Done, lalu copy script yang diberikan.

Cara Mudah Memasang Lagu Di Blog

Langkah terakhir, masuk ke akun blogger anda pilih tata letak. Kemudian klik tambah gadget pilih gadget HTML/Javascript. Lalu paste kan script tadi. klik Simpan.

Sekarang blog anda sudah terpasang lagu, setiap pengunjung yang datang akan disambut dengan lagu yang anda pasang :) pastikan pada tab Edit Playlist, anda memasukan url yang benar. Selamat mencoba....