Membuat kotak scroll

Salah satu cara untuk menghemat tempat pada sidebar blog anda adalah dengan cara membuat menu scroll, cara ini cukup efektif seperti yang terlihat pada blog ini.

Cara membuat menu scroll sebagai berikut :

membuat kotak scroll

Cara membuat blog di blogspot

Cara mengganti Tamplate blog

Cara menambahkan Widget pada blog

Cara mengganti Favicon pada blog

Custom domain blogspot

Cara membuat readmore otomatis

masuk ke dasboard blog anda pilih ke tata letak dan klik tambah gadget pilih HTML/JavaScript dan copy paste code berikut dibawah dan klik simpan.

<div style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px;
overflow: auto; width: 288px; padding-top: 10px; height: 341px" 1px="1px"
solid="solid">

<p><a href="http://iblogger-tutorial.blogspot.com/2010/02/cara-

menambahkan-widget-blog.html">Cara membuat blog di blogspot</a></p>

<p><a href="http://iblogger-tutorial.blogspot.com/2010/02/cara-mengganti-

template-blog.html">Cara mengganti Tamplate blog</a></p>

<p><a href="http://iblogger-tutorial.blogspot.com/2010/02/cara-

menambahkan-widget-blog.html">Cara menambahkan Widget pada blog</a><

/p>

<p><a href="http://iblogger-tutorial.blogspot.com/2010/02/cara-mengganti-

favicon-pada-blog.html">Cara mengganti Favicon pada blog</a></p>

<p><a href="http://iblogger-tutorial.blogspot.com/2010/02/custom-domain-

blogspot.html">Custom domain blogspot</a></p>

<p><a href="http://iblogger-tutorial.blogspot.com/2010/02/cara-membuat-

readmore-otomatis.html">Cara membuat readmore otomatis</a></p>

</ul>
</div>

Ganti Code yang berwana merah dengan link artikel anda.

Cara membuat readmore otomatis

Rasananya aneh jika seseorang masuk kehalaman depan blog anda melihat artikel-artikel panjang dan harus menggulung kebawah, jika terlalu banyak menggulung halaman blog anda, pengunjung pastinya merasa segan.

Untuk mengatasi hal itu agar secara otomatis artikel-artikel anda terpotong buatlah sebuah artikel yang terpenggal-penggal caranya dengan membuat readmore otomatis.

 

 contoh readmore seperti pada blog ini

Berikut langkah-langkah cara membuat readmore otomatis :

1. Masuk ke dasboard blog anda klik tata letak klik edit halaman dan klik Expand Template Widget

2. Cari code kemudian masukan code dibawah ini dan letakan di bawah code tersebut.

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://h1.ripway.com/blogproperti/read-moreotomatis.js ' type='text/javascript'/>

3. Cari code <data:post.body/> atau code <p><data:post.body/></p> replace code tersebut atau ganti code tersebut dengan code di bawah ini.

<b:if cond='data:blog.pageType != &quot;item&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:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

ket :
Summary noimg 430 = tinggi artikel terpenggal tanpa image
Summar img 340 = tinggi artikel terpenggal dengan image
Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll.

4. Simpan template dan lihat hasilnya.

Jika anda ingin menambahkan background pada kata READMORE... masukan code CSS berikut sebelum code ]]></b:skin>

#colLeft .blogItem a.more-link {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1YM7dPUbmMQX6EqHGhxGKmrJrhhA9iAfcMcFbNX86QpRzEq2iB-_-VTva1RVU8KAfx8oOy1YkJZnvqiskx2n8ddG4PbXEQSlcS1OpPPO_hWHxAz96v91Gt58JUtMAZ81T-brEgbvGKg/s1600/bk_readmore_blue.png) 0 0 no-repeat;
color:#fff;
}

Ganti url image yang berwarna merah dengan url image anda.
Selamat mencoba!

Cara menambahkan Widget blog

Berikut cara menambahkan widget blog, yang terpenting dari menambahkan widget pada blog sebaiknya masukan widget-widegt yang kira perlu biasanya blog di penuhi widget-widget yang tak berguna yang akhirnya memberatkan loading page blog sendiri dan yang terpenting jika terlalu banyak widget search engine juga susah mengenali blog anda.

Caranya masuk ke dasboard bloggger masuk ke tata letak klik Tambah Gadget seperti yang terlihat pada gambar diatas, kemudian pilihlah gadget untuk widget blog anda.

Selamat berkreasi !!!

Cara mengganti favicon pada blog

Yang disebut favicon adalah favorit icon yang letaknya berada persis di bagian samping URL dari sebuah alamat blog atau website.

Biasanya favicon digunakan sebagai simbol karakteristik dari blog atau website agar terlihat lebih elegan.

Untuk contoh silahkan anda perhatikan di setiap website atau blog kebanyakan menggunakan favicon seperti pada blogger ini dengan icon warna orange dan tengahnya huruf B.

Cara menganti favicon pada blog sangatlah mudah pertama buatlah sebuah icon kecil dengan ukuran 16x16px 24x24px dan 32x32px cara membuatnya bisa menggunakan Adobe Photoshop.

Jika sudah mempunyai icon silahkan untuk convert hasil icon buatan anda ke layanan penyedia favicon geberator seperti pada link dibawah ini:

http://www.favicongenerator.com/ 
http://www.favicon.cc/
http://www.genfavicon.com/

pic.situs http://www.favicongenerator.com/  

 Pada langkah diatas anda tinggal browse icon yang sudah anda buat lalu klik generate Complete! => Click Here to Download Your Favicon!.

Jika sudah sobat download favicon anda yang tadi sudah di generate baru anda upload favicon tersebut ke image hosting, ada banyak penyedia layanan ini seperti picasa, photobucket dan lain-lain.

Kemudian masuk ke dasboard blogspot anda pilih tata letak dan Edit HTML klik Expand Widget Template masukan code dibawah ini,

<link href='http://link-favicon-anda.ico' rel='shortcut icon'/>

agar lebih mudah mencari code dibawah ini klik Ctrl+F pada keyboard lalu letakan code diatas di bawah code,

]]></b:skin> dan diataas code </head>

ganti "http://link-favicon-anda.ico" dengan link favicon anda, jika sudah klik Simpan Template dan lihat hasilnya, selamat mencoba!

Cara Mengganti Template blog

Pada postingan sebelumnya tentang cara membuat blog di blogspot trik kali ini untuk cara mengganti template blog.

Pada tahap ini pilihlah template yang benar-benar susuai dengan selera anda, saya sarankan jangan terlalu sering mengganti template blog karena search engine perlu waktu untuk mengenali blog anda.

Tahapnya adalah login ke blogger pada dasboard blog anda klik tata letak kemudian pada tata letak anda klik edit HTML.

klik browse cari dimana letak template blog anda pastikan dari template yang anda download di ektrak terlebih dahulu dan template dalam ektensi xml, jika sudah yakin dengan template anda klik tombol ungah.

Cara Membuat blog di Blogspot

Langkah pertama dalam pembuatan blog adalah buat sebuah account terlebih dahulu di google klik disini. Jika sudah baru sobat memulai membuat blog di blogspot alamat link http://www.blogger.com/.

Login lah dengan Account google sobat kemudian akan muncul pertama kali seperti gambar di bawah ini, pada langkah pertama isikan nama tampilan untuk postingan sobat nanti "author" dan ceklist pada saya menerima klik lanjutkan.

 

Langkah ke 2 beri judul sobat yang nantinya sebagai title untuk blog sobat pada kolom Alamat blog (URL) ketikan URL yg sobat inginkan jika sudah cek ketersediaan apakan URL sudah dipunya atau belum jika alamat blog tersedia klik lanjutkan.

Langkah berikutnya pilih sebuah template yang sesuai dengan selera sobat jika dari semua template yang disediakan oleh blogspot tidak cocok sobat bisa menggantinya nanti dengan template sobat sendiri.

 

Untuk tahap berikutnya blog sudah jadi silahkan mulai bloging sobat bisa membuat sebuah artikel baik dari kehidupan pribadi ,tutorial atau untuk album foto-foto dan lain lain.

Custom Domain Blogspot

Sedikit Tutorial blog bagi sobat blogger yang ingin custom Domain Blogspot dengan domain sendiri, baik itu domain yang berbayar atau untuk domain yang gratisan.

Bagi sobat blogger yang belum paham betul berikut cara custom domain blog anda, tutorial ini juga permintaan dari seorang teman yang menayakan via chat.

Cara ini semua sama pada settingan di tempat registrasi domain jadi jangan bingung bila sobat ingin mengganti domain sendiri, langkah pertama jika sudah siap dengan domain sendiri adalah.

Pic. manage DNS pada domian berbayar.

Masuk ke control panel atau ke Domain list sobat cari untuk Manage Domain "ini sudah pasti" kemudian cari untuk Manage DNS pilih Zone Records atau CNAME Records.

 Pic.Manage DNS pada domain Gratis.

Jika sudah berikut parameter untuk setting Zona Records atau CNAME Records :

Host Name : www

Value          : ghs.google.com

Jika ada option Record Type pilih CNAME kemudian untuk TTL biasaya tidak perlu disisi atau di biarkan saja.

Jika semua sudah, baru sobat tinggal konfigurasi di blogspot yaitu pilih Pengaturan pilih option Publikasi klik pada Domain Ubahsuaian klik beralih ke pengaturan lanjut.

pada http:// masukan domain sobat contoh www.domain-anda.com masukan verrifikasi kata klik setelan simpan kemudian masih dalam setelan konfigurasi pada "Mengarahkan domain-anda.com ke www.domain-anda.com" checklis pada bagian ini dan verifikasi kata kembali klik simpan setelan.

Barulah semua beres, selamat mencoba sumber http://www.netmild.com/2010/02/custom-domain-blogspot.htm.