cara buat shoutmix/bukutamu tersembunyi

1. Login ke Blogger Account Anda, pilih "Layout" kemudian "Page Elements",
2. Klik "Add a Gadget" boleh di element manasaja, pilihlah "HTML/JavaScript",
3. Copy-paste kode di bawah ini:

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i142.photobucket.com/albums/r81/gusdiwanto/tab.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
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("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

<!-- Ganti ini dengan kode buku tamu kamu -->

<font size="2"><a href="http://tiara-biru.blogspot.com/2012/02/cara-buat-shoutmixbukutamu-tersembunyi.html">cara buat menu ini</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

* Pada kode di atas, cari kata-kata " Ganti ini dengan kode buku tamu kamu(warna hijau) " dan ganti kode tersebut dengan kode buku tamu yang kamu dapatkan dari situsnya,
* Kamu juga bisa atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, terserah kamu.
Dan Untuk Mendapatkan Kode chatboxnya Dahtar aja langsung di CBOX
Untuk Contoh hasilnya,kamu bisa lihat sendiri Pada gambar di atas ataudi pojok kanan atas di blog saya ini.
Happy Blogging..Don't stop Blogging !!

Baca Terus

Hindari Duplicate Content Karena Indeks Arsip Blog

Blogger sangat rawan dengan berbagai jenis duplicate (duplikasi) yg dapat dipantau melalui Google webmaster tools, yaitu duplicate title, duplicate description, serta duplicate content. Kasus duplikasi ini menyebabkan kerancuan indeks sehingga Google dapat melakukan ban karena suatu halaman dianggap memiliki isi, judul, atau deskripsi sama persis dengan halaman lain. Terlebih lagi apabila duplikasi tersebut dialami oleh lebih dari dua halaman. Penyebab lain duplicate content tentunya adalah copy paste dan publikasi artikel yg sama. Duplikasi berakibat buruk pada Seo Blog, indeks suatu halaman akan menurun drastis. Apabila terlalu banyak duplikasi konten, maka ban akan dilakukan pada seluruh halaman. Google pun pernah menjelaskan tentang duplikasi konten yg mempengaruhi pagerank & SERP.

Halaman arsip blogger (yg biasanya dibagi berdasarkan bulan, minggu, serta hari) dapat menyebabkan kasus duplicate content karena arsip tidak memiliki konten sendiri. Isinya merupakan bagian-bagian dari posting yg sebenarnya adalah milik halaman-halaman posting itu sendiri. Sehingga, dalam indeks Google, halaman arsip akan memiliki konten yg sama dengan beberapa posting lain. Dalam deskripsi di hasil indeks, arsip  juga demikian. Terkadang, halaman arsip memiliki deskripsi yg sama dengan halaman homepage. Seperti contoh berikut:

Jika dicari di Google dengan perintah / keyword site:namadomain, Google akan memprioritaskan homepage & arsip pada halaman awalnya, setelah itu baru disusul oleh halaman-halaman posting. Tentunya ini dapat berakibat buruk juga pada prioritas halaman posting yg seharusnya memiliki peringkat lebih tinggi dibanding halaman arsip. 

Berangkat dari itu, berarti setidaknya ada dua efek dari indeks halaman arsip Blogger:

1. Duplicate konten (konten yg sama dari dua atau lebih halaman berbeda)

2. Prioritas indeks halaman arsip lebih tinggi dari halaman posting.

Untuk menghindari hal tersebut, hal yg diperlukan adalah menghalangi Google search engine mengindeks halaman arsip. 

Cara Menghindari Indeks Search Engine Pada Arsip Blogger

Sebagai cara agar robot crawler tidak mengikuti halaman arsip, cukup digunakan conditional tag, serta menggunakan noindex & noarchive pada meta tag-nya robot. Crawler akan melewatkan setiap halaman arsip.

1. Buka halaman Edit HTML
2. Copy kode berikut & paste / letakkan di bawah   (ctrl+F) atau di atas / di bawah meta tag lain.

3. Save template.

Dengan menggunakan kode tersebut, dalam beberapa waktu, halaman archive akan diabaikan oleh crawler search engine. Atau jika tidak sabar, dapat langsung mengajukan penghapusan indeks melalui removal tool di Google Webmaster Tools (site configuration > crawler access > remove url). Duplicate content kemudian dapat diminimalisir. Namun jika sobat tetap ingin halaman arsip menjadi prioritas indeks, tentunya tidak perlu menggunakan cara itu. Pada akhirnya, pilih saja mana yg sobat inginkan dalam mengoptimasikan blog di search engine.

Baca Terus

Cara Agar Semua Link Terbuka di Tab Baru

Tips kali ini dimaksudkan agar halaman yang sedang di baca oleh pengunjung tidak "ketiban" dengan halaman baru pada tautan link yang di klik olehnya.

Caranya sangat simpel. Cukup 1-2 menit.

1. Masuk ke Rancangan.

2. Klik "Edit HTML"
__Centang Expand Template Widget.

3. Cari kode berikut.

 <head>

__Gunakan CTRL F untuk memudahkan pencarian.


4. Lalu tambahkan kode ini di bawah kode tadi.

<base target='_blank'/>

5. SIMPAN. Lihat hasilnya.

Baca Terus

Cara Membuat Komentar Facebook Di Blogger

Facebook kini telah mengambangkan widget untuk memudahkan pengujung blog kita yang kebetulan mempunyai akun facebook, widget ini sebelumnya telah ada, tapi dapat kita gunakan ketika kita membuat Facebook Page atau membuat aplikasi tersendiri untuk ini, tapi kini tanpa akun facebook sekalipun sobat dapat membuat/memasang widget ini di blog sobat.
    

cara memasang komentar facebook

1. <b:if cond="data:blog.pageType == &quot;item&quot;">  
2. <div id='fb-root'/><script   
3. src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:comments   
4. expr:href='data:post.url' num_posts='2' width='500'/>  
5. </b:if>  

Langkah awal seperti biasa (lihat gambar):



Temukan kode ini <b:includable id='status-message'> kemudian sobat akan menemukan kode ini </b:includable> berada tepat diatas kode yang pertama.

Kemudian tempatkan kode komentar facebook tepat diatas </b:includable>
Sobat telah selesai.!
SAVE TEMPLATE

Baca Terus

13 Cara Membuat Screenshoot Web/Blog

Mengambil screenshots dari sebuah situs web atau blog merupakan hal yang sering dilakukan di dunia blogging dan internet pada umumnya; baik untuk melengkapi gambar dari sebuah review web/blog, mengirim artikel tentang sebuah web ke suratkabar, majalah dan tabloid atau untuk keperluan lainnya. Mungkin kita biasa menggunakan metode standar yaitu dengan menggunakan program adobe photoshop, F11 di keyboard untuk menampilkan fullscreen pada browser dan tekan PrintScreenSysRq pada keyboard lalu paste pada photoshop dan edit sedimikian rupa kemudian save dalam format JPEG maka jadilah sebuah screenshot.
Namun pada kesempatan ini saya coba tinggalkan cara lama di atas dan kita coba menggunakan beberapa layanan berupa browser plugin (addon), program aplikasi dan pengambilan screenshot berbasis web online agar kita dapat secara praktis membuat screenshot untuk melengkapi penulisan review dan keperluan lainnya.
Berikut ini merupakan 13 cara membuat screenshot untuk sebuah web atau blog.
Menggunakan Addon Firefox
1. Abduction! 2.019 – Jika Anda pengguna browser firefox (mozilla) sungguh beruntung Anda karena firefox dilengkapi berbagai macam plugins (addon) yang terus dikembangkan dari hari ke hari dan plugin satu ini berupa pembuatan screenshot “Save Page as Image” untuk menggunakannya Anda tinggal menginstal addon firefox “Abduction! 2.019″ restart lalu buka alamat web atau blog yang akan diambil screenshotnya lalu klik kanan atau klik File pada menu browser dan Save Page as Image simpan pada hard drive komputer Anda jadilah sebuah screenshot.
2. Pearl Crescent Page Saver – Pearl merupakan bagian dari extension firefox untuk menyimpan screenshot dari sebuah halaman web dalam bentuk jpg atau png; menyimpan seluruh halaman atau sekedar suatu bagiannya saja dan secara otomatis mengconvert screenshot dalam ukuran yang lebih kecil.
3. Picnik for Firefox – Picnic pun merupakan plugin firefox lainnya untuk pengambilan screenshot hanya saja picnic memiliki keunikan tersendiri yaitu dilengkapi dengan editor gambar secara online. Untuk menggunakannya Anda cukup menginstal, restart dan buka web/blog yang akan diambil screenshotnya klik kanan atau klik Tools pada browser firefox lalu send page to picnic pilih visible page atau full page, tunggu beberapa saat Anda akan dihubungkan pada halaman dimana Anda bisa mengedit screenshot secara online.
4. Screengrab 0.93 – Demikian halnya dengan screengrab ini yang merupakan bagian dari plugin firefox dan memungkinkan Anda untuk menyimpan screenshot web/blog terbuka, seluruh halaman, pilihan atau bingkai tertentu.
Menggunakan Program Aplikasi
5. SnagIt – Program seharga $39.95 ini merupakan salah satu program terbaik untuk membuat screenshot dengan banyak option yang Anda perlukan. Dengan integrasi firefox, Anda dapat menggantikan fungsi PrintScreen pada windows, dan memungkinkan Anda untuk membuat profil-profil untuk berbagai jenis berguna lainnya. Sebelum membeli Anda bisa menggunakan trial versionnya.
6. FastStone Capture – Aplikasi yang cukup mantab untuk mengambil screenshots dengan suatu panel kendali yang “mengambang” seperti juga kemampuan untuk menangkap apapun di layar termasuk jendela, object, layar penuh, daerah-daerah segiempat panjang, dan bahkan memilih daerah-daerah sebuah webpage. Anda bisa langsung membeli product seharga $24.95 ini atau cukup mencoba dahulu trial versionnya selama 30 hari.
7. WebShot – Fungsinya hampir sama dengan Abduction! 2.019 Program aplikasi WebShot ini mengizinkan Anda mengambil screenshots sebagian kecil halaman web atau keseluruhannya. kelebihannya adalah WebShot memiliki menu command yang memungkinkan Anda secara otomatis memproses pengambilan screenshots.
8. Paparazzi – Aplikasi sederhana untuk Mac OS X yang memungkinkan Anda untuk mengambil screenshots dari halaman sebuah web/blog.
9. PrintKey – Menggantikan fungsi PrintScreen dengan lebih banyak fitur. Ada suatu versi berbayar tetapi Anda dapat juga menemukan freewarenya.
10. I4X Screencatcher – Dengan alat ini Anda dapat mengambil screenshots dari window aktif, seluruh layar, atau hanya yang terpilih saja.
11. InstantShot – salah satu program freeware unggulan namun aplikasi freeware ini hanya untuk Mac OS X. Program ini memberi Anda banyak sekali opsi untuk menangkap screenshot, termasuk menangkap sebagian halaman, hotkeys, beberapa bentuk keluaran, penskalaan gambar dan banyak yang lainnya.
Screenshot Berbasis Web
12. WebShotsPro – Jika ingin secara instant membuat screenshot Anda dapat menggunakan layanan web ini dengan cukup memasukan URL web atau blog yang Anda inginkan dan screenshot akan segera ditampilkan. Namun kekurangan dari WebShotsPro ini adalah kurang uptodate mengambil screenshot dari sebuah web atau blog.
13. Thumbalizr – Selain menggunakan extension addon firefox saya sering menggunakan layanan yang satu ini untuk membuat screenshot, tentunya selain mudah, dia bisa mengambil screenshoot sebuah postingan meski memang kadang tidak sepenuhnya lancar dan bekerja namun lumayan untuk mengambil homepage web/blog.
Demikian 13 cara membuat screenshot untuk sebuah web atau blog yang bisa Anda coba. Semoga bermanfaat!

Baca Terus

Menampilkan Sumber Link Saat Tulisan Dicopy Paste ( untuk yang karyanya tidak ingin di bajak mentah mentah )

Pernah tulisan Anda di blog dicopy paste blogger lain? Apalagi dengan tanpa menyebutkan sumbernya. Mungkin bagi sebagian orang merasa cuek saja, tapi saya yakin sebagian besar akan marah, atau bersedih. Memang copy paste adalah penyakit masyarakatnya dunia blogging. Orang tidak mau susah-susah berpikir dan menulis melakukan copy paste dari blog lain untuk diterbitkan di blognya sendiri.

Cara ini hanya sebagian saja untuk memberikan penghargaan bagi penulis aslinya yang memang kalau benar-benar mengutip langsung tanpa mengubahnya. Orang bisa menghilangkan tulisan itu setelah dipaste, karena memang formatnya teks biasa. Paling tidak cara ini bisa lebih mengingatkan si pelaku copy paste untuk mencantumkan sumbernya.

Cara Menampilkan Otomatis Sumber Artikel Saat Dicopy Paste
1. Berkunjung dan daftar ke www.tynt.com
2. Klik button Get Started FREE
3. Mengisi form yang telah disediakan: email, domain password, dll. Jika sudah klik Next

4. Setelah itu kita bisa melakukan kostumisasi, jika tidak mau repot langsung saja klik Next

5. Kita akan mendapatkan kode script yang harus ditaruh di template blog.

6. Cara menambahkan kode script tersebut di blog;

• Login ke Blogger.
• Di halaman Dasbor, kita pilih Rancangan.
• Kemudian pilih Edit HTML 
• Beri tanda centang pada Expand Template Widget 
• Cari kode  
• Jika sudah ketemu taruh kode script tadi di atasnya 
• Simpan Template jika sudah selesai.

Setelah menambahkan script ini maka akan secara otomatis setiap orang yang melakukan copy paste terhadap postingan (artikel) di blog kita akan mencantumkan sumber linknya. Selain itu kita juga akan tahu siapa saja yang telah melakukan copy paste tulisan di blog kita dari laporan Tynt.

Baca Terus

Cara Mudah Membuat Page Peel

Apa itu Page peel ?? Jika Melihat Gambar di atas,Atau anda bisa melihat pojok kanan atas halaman saya ini Saya yakin anda akan mengerti
Jadi Page peel adalah efek lekukan kertas Pada sebuah halaman.
nah kali ini saya akan menunjukkan cara yang paling mudah untuk membuat efek tersebut,
oke , langsung saja to the point tanpa basa basi lagi saya akan menunjukkan caranya, cara mudah membuat page peel effect untuk blogger.

1. kalian masuk ke akun blogger kalian.

2. Racangan => edit html

3. cari kode <head>

4. Kemudian anda copy kan kode di bawah ini tepat di bawah kode <head>

<script type='text/javascript'>var tujuan =&#39;https://www.facebook.com/Tiarabiru&#39;</script>

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

5. ganti tulisan yang berwarna merah dengan alamat fan page blog anda

6. kemudian simpan template dan refresh blog anda , dan lihat hasilnya.


sekian tutorial dari saya jika ada kesalahan mohon maaf , dan jangan lupa like fan page blog ini juga wkwk :D

Baca Terus

Cara Membuat Facebook Fan Page/ Like Box di Blog

Jika Melihat Gambar di atas, Maka sudah cukup Jelas Apa yg dinamakan Facebook Fan Page.
Nah,,Untuk membuatnya,ikuti cara cara berikut ini
1.   Setelah mimiliki akun FB silakan anda login terlebih dahulu ke facebook.
2.   Bukalah halaman ini : http://www.facebook.com/pages/create.php jika anda belum punya community page
3.   atau Pilih "create a page" atau klik disini
4.   Akan muncul seperti gambar di bawah ini, dan isi sesuai nama komunity anda

Terbaru

Pilih zona apa yang hendak kamu buat, apa perusahaan, bisnis, merk ds, agang, artis, huburan, atau community. (nah klo di merk/produk saat di klik dan di scrool ke bawah ada catagori situs web)
 akan ada ada form yang harus di isi lengkapilah.

Zaman Dulu (UDAH GA BERLAKU LAGI) hiraukan saja!

setelah itu klik create community page.

Baiklah sekarang kamu sudah memiliki halaman fans untuk blog kamu,..

Berikutnya adalah Cara Membuat like This Box Facebook di Blog


1. Silakan Klik http://developers.facebook.com/plugins/?footer=1

klik gambar untuk memperbesar

Tampilan nya nanti akan seperti di atas... yang saya beritanda merah di atas adalah widget yang paling banyak di pake di blog.

Zaman Dulu (Lewat Saya jgn di perhatiin)

 (itu adalah ID community page anda)

Sekarang yang di copy url pagenya

Sebelumnya saya ingatkan Anda harus mengcopy URL page Fans Facebook Anda, jadi klau belum silakan kembali lagi.


1. Pilih Like Box
Perhatikan gambar di bawah ini :

Dahulu

klik untuk memperjelas (Lewat Aja)

Sekarang yang perlu kamu masukan bukan ID community, tetapi masukan url pagenya.. tepat di kolom "facebook page url"

Gambar oleh : www.kucoba.com

Keterangan :
-  Width : lebar widget
-  Height : ketinggan dari widget
-  Connections : jumlah max penggemar yang di munculkan
-  Stream : menampilkan komentar di community page anda
-  Header : menampilkan kata "find us on facebook

7.  Setelah selesai silakan klik Get Code, dan copy kode yang anda dapatkan seperti gambar di bawah ini

8.   Login ke Blogger
9.   Pilih Edit Tampale / Tata Letak
10.  Lalu Tambah Widget / Gedget
11.  Pilih HTML / Javascript
12.  (paste) salin kode tadi disini
13.  Simpan 

Ok, sekarang anda bisa melihat hasilnya.
semoga bermanfaat ya ^_^

Baca Terus

Memang sangat tidak enak dipandang dan bikin susah jika ada banyak label. Apalagi jika jika dibuat tampilannya mendatar, satu-satu dari atas. Sidebar jadi terlihat memanjang ke bawah. Tidak seimbang dengan post area. Oleh sebab itu untuk mengakalinya bisa memberi scoll pada label. Sehingga fungsi scroll akan membuat lebih rapi.

Cara Memberi Scroll pada Label di Blog
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut

Baca Terus

Membuat Daftar Isi Blog Berdasarkan Arsip

Sekarang kita akan belajar membuat daftar isi blog berdasarkan arsip. Maksudnya adalah judul-judul itu di kelompok-kelompokan berdasarkan bulan terbitnya.

Salah satu hal yang terpenting di blog adalah navigasi yang mudah, artinya orang dengan mudah menemukan apa yang mereka cari. Oleh sebab itulah selain harus ada search engine, daftar isi atau biasa juga disebut sitemap blog perlu juga ada di blog kita. Dengan menampilkan daftar judul yang sudah pernah kita tulis mempermudah pembaca mengadakan penelusuran.

Cara Membuat Daftar Isi Blog Berdasarkan Arsip
1. Login ke blogger
2. Pilih Entri Baru
3. Isi kolom judul, misal "Daftar Isi Blog"
4. Pilih opsi Edit HTML dalam menulis, bukan Compose
5. Masukan script berikut sebagai isi postingan;

<script src="http://arsip-blog-lengkap-by-pradiszwardhana.googlecode.com/files/arsip-blog-lengkap-by-pradiszwardhana.js"> </script> <script src="http://tiara-biru.blogspot.com/feeds/posts/default?max-results=900&amp;alt=json-in-script&amp;callback=loadtoc"> </script>

6. Ganti yang berwarna merah dengan URL blogmu sendiri.
7. Jika sudah Terbitkan Entri.

Halaman daftar isi ini bisa jadi salah satu menu yang kita tampilkan di menu horizontal di header. Kita juga bisa menambahi atau menuliskan teks sebelum dan sesudah script tersebut. Semoga bermanfaat  

Baca Terus

Cara Membuat Simbol / Logo TM DLL di BLOG/FORUM

 BeberapaCara Membuat Simbol / Logo TM dan kawan2nya..

Silakan simak cara membuatnya di bawah ini :

> Untuk membuat TradeMark alias TM
TM adalah singkatan dari TradeMark atau merek dagang. Cara membuat tulisan TM nya seperti asksalman™ adalah sebagai berikut : tambahkan kode (& trade ;) (tanpa Spasi) setelah kata asksalman

>Kode untuk membuat Registered trademark
Simbol Regitered Trademark adalah simbol yang diberikan untuk mengenali merek dagang yang sudah terdaftar. Coba perhatikan contoh ini : kangsalman® . Silahkan tambahkan (& reg ;) (tanpa spasi) setelah tulisan sobat.

>Kode Simbol Copyright
Simbol Copyright adalah lsimbol untuk hak cipta. Coba perhatikan template blog sobat pada bagian bawah(bagian credit) akan selalu ada simbol ini jika sobat menggunakan template yang sudah jadi. Perhatikan contoh ini : kumpulan informasi maya© . Silahkan letakkan kode (& copy ;) (tanpa spasi) setelah tulisan sobat

>Kode untuk simbol Double Right Pointing (»)
Kalau simbol yang satu ini bagusnya untuk membuat suatu sub dari suatu menu atau untuk rincian yang arahnya ke kanan, berikut kodenya (& raquo ;) (tanpas spasi)

> Kode untuk membuat simbol Double Left Pointing («)
Kebalikan dari simbol di atas. Kalau yang ini arahnya ke kiri, berikut kodenya (& laquo ;) (tanpa spasi)

> Kode untuk membuat simbol Em-Dash
Simbol yang satu ini mirip dengan tanda kurang/minus. Hanya saja ini lebih panjang, dan mungkin lebih cocok sebagai pemberi jarak antara link satu dengan link lainnya, dan bisa juga dijadikan sebagai bahan pembentuk smile tidur, berikut kodenya (& #151 ;) (tanpa spasi)

> Kode untuk membuat simbol Degree atau Derajat (°)
Untuk membuat simbol derajat atau Degree seperti kode seperti berikut (& deg ;) (tanpa spasi)

> Kode untuk membuat simbol per
½ kodenya: (& rac12 ;) ¼ kodenya : (& frac14 ;) (tanpa spasi)

> Kode untuk membuat simbol Inverted exclamation mark atau tanda Seru terbalik
Mungkin ini hanya sebagai simbol untuk menambah daya tarik tulisan anda. Simbol ini sama saja dengan simbol/tanda seru (!), namun ini bentuknya terbalik (¡), berikut kode untuk membuatnya : (& iexcl ;) (tanpa spasi)

Bagi agan2 yg mau mencoba, silahkan mencoba.

Baca Terus

Memberi efek Bintang Pada Link

Ini tentang memberi efek pada link. ; Apabila link disentuh dengan kursor maka efek tesebut akan menimbulkan efek Animasi Bintang Berkedip-kedip . Dengan menggunakan Efek Link ini  kita dapat membuat efek ini di blog kita atau web kita. trik ini juga bisa anda modifikasi agar efek tidak hanya link saja namun pada gambar atau image juga bisa


Caranya  :


Seperti biasa login ke blogger masuk ke Tata Letak => Edit HTML cari kode </head> lalu masukan kode di bawah ini tepat di atasnya
<style> a:hover { text-decoration:blink; background: url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGA19Wgcga8CoHG0uYbuV2PW0mKqtgPNieh35UVCJ8JKT6LWfd82dTJZPW3FQth0ilGcwOfGpWXGPWQg2xnTWBZzqx7ABPgw86JW5fY2PE8eqoJR2ZidwtPzHAxySOHO8FWSdO51A1wA/s1600/stars1.gif&#39;); } </style>
Simpan Tempat

Untuk Mempermudah pencarian Gunakan tombol CTRL+F

Baca Terus

Cara Membuat Read More Otomatis di Blog

1. Login ke Blog anda
2. Buka halaman design > Edit HTML > centang Expand template widget 
3.  Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian Paste kode berikut tepat dibawah </head>
   
    <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://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
   
   Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>  ( seperti biasan gunakan CTRL + F untuk mempermudah pencarian. Jika ditemukan 2 kode yang sama, gunakan atau ganti yang pertama.
   Jika sudah ketemu silahkan anda ganti kode tersebut dengan kode dibawah 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'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
   </b:if>
   <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
   
   Finish simpan template dan lihat hasilnya
   Cara membuat Read More otomatis di Blogspot ini bisa anda rubah sebagian. Yang bisa dirubah adalah berwarna merah saja dan berikut ini adalah keterangannya : 
   
   1. summary_noimg = 430; apabila artikel anda tanpa gambar satupun maka yang akan tampil pada halaman depan adalah 430 huruf 
   2. summary_img = 340; apabila artikel anda berisi gambar maka yang akan tampil pada halaman depan adalah 340 huruf dan gambar 
   3. img_thumb_height = 100; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depan 
   4. img_thumb_width = 120; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.
   5. Anda juga bisa mengubah Icon read more http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif dilahkan diganti URL icon yang anda inginkan. Atau anda ingin mengubah Icon Read more tersebut menjadi tulisan saja misalnya " >> Read more ", maka anda tinggal menghapus / mengganti kode <img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img> menjadi tulisan >> Read More atau Baca selengkapnya dll.

Baca Terus