Cara Pasang Tombol Share ke Social Bookmarking

Salah satu cara meningkatkan pengunjung blog atau website adalah dengan mendaftarkan artikel-artikel anda ke dalam Situs Social Bookmarking , Social bookmarking Network , Favourite Bookmarking dan lain sebagainya. Contohnya mendaftarkan posting anda ke digg, stumbleupon, ma.gnolia, delicious, furl, technorati, simpy, spurl, reddit, mybloglog, blogcatalog, dan situs social bookmarking lainnya. Saya akui cara ini sangat efektif untuk meningkatkan pengunnjung blog anda. Selain itu situs-situs social networking (situs pertemanan) seperti facebook, twitter, friendster dan lain-lain juga dapat dijadikan sebagai media promosi yang juga dapat meningkatkan pengunjung blog anda.

Dan pada trik kali ini saya akan menjelaskan bagaimana memasang tombol sharing dan tombol submit ke social bookmarking ke dalam blog. Dengan sobat blogger memasang tombol submit/share ke situs social bookmarking seperti ini, akan memudahkan siapapun untuk share artikel/posting sobat langsung ke media bookmarking bila dirasa bermanfaat bagi yang lainnya, ini akan sangat bermanfaat untuk meningkatkan reputasi dan akan meningkatkan pengunjung ke blog sobat. Tombol share/submit yang akan dibuat disini saya rasa sangat lengkap mulai dari facebook, twiiter, digg, stumbleupon, ma.gnolia, delicious, furl, technorati, simpy, spurl, reddit, mybloglog, blogcatalog, dan masih banyak lagi. Untuk tampilannya adalah sebagai berikut :

Nha jika sobat tertarik dan berminat memasang tombol tersebut, berikut saya akan jabarkan caranya memasang ke blog sobat, check it http://shawndown.blogspot.com

1. Pertama, login dulu ke Blog sobat 

2. Masuk ke tab Rancangan (Design/Layout) -> Edit HTML

3. Klik pada Expand Widget Templates
4. Kemudian Carilah kode berikut ini

<data:post.body/>

atau

<p><data:post.body/></p>

(Note: Gunakan CTRL+F untuk mempermudah pencarian)
Kode ini biasanya ada 2 buah, pilihlah yang lebih bawah

5. Setelah ketemu, letakkan kode ini setelah kode <data:post.body/>

<div style='border-top:0px solid #ccc;border-bottom:3px solid #FE9A2E; padding:10px 0px 10px 0px;margin:15px 0px 7px 0px;width:100%;float:left;height:23px;'>
<div style='float:right;'>
<span class='st_twitter_hcount' displayText='Tweet'/><span class='st_facebook_hcount' displayText='Share'/><span class='st_email_hcount' displayText='Email'/><span class='st_sharethis_hcount' displayText='Share'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher:&#39;63b83a98-def5-427f-ac7c-4b24bcff910d&#39;});</script>
</div>
</div>

6. Selesai, SAVE TEMPLATE anda dan lihat hasilnya


Note: Jika anda telah memasang readmore, tombol submit ini akan terlihat jika posting tampil fullpost

Read More

Tutorial Membuat Menu Horizontal Dropdown + Search engine

Tutorial Membuat Menu Horizontal Dropdown + Search engine - Hallo para Sobat Blogger. Kali ini saya akan share tentang cara membuat Menu Horizontal Dropdown pada blog. dan kelebihan pada menu dropdown ini adalah terdapat search engine di samping menu yg memudah kan para pengunjung mencari informasi di blog anda

Contoh :

Berikut Tutorialnya :

1.) Seperti biasa, pertama-tama kita harus login ke account Blogger terlebih dahulu
2.) Masuk ke Dashboard, Template
3.) Pilih Edit HTML, lalu ceklis "Expand Template Widget"
4.) Cari kode ]]></b:skin> (tekan ctrl+f untuk mempermudah pencarian)
5.) bila sudah, letakkan kode dibawah ini tepat diatas kode ]]></b:skin>

/* Menu Horizontal Dropdown
----------------------------------------------- */
#menuwrapperpic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu_ubk9obm8MYfv9_cp2RPrZvWVsyeti1zt6SJ4SMMT-FeFknkianZk6BpfHwXVCeoLdUyliqEi_B27xfOGI4YwVo19Noo5ewxCqGXA2WriJuC3itdfuuPElpp5r7zb0drot8u6gtj_Cw/s1600/nav.png) repeat-x;width:960px;margin:0 auto;padding:0 auto}
#menuwrapper{width:960px;height:30px;margin:0 auto}.menusearch{width:300px;float:right;margin:0 auto;padding:0 auto}
.clearit{clear:both;height:0;line-height:0.0;font-size:0}
#menubar{width:100%}
#menubar,#menubar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0}
#menubar a{display:block;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;text-shadow: 0px 1px 1px #000;color:#f2f1f1;border-right:1px solid #666;padding:9px 10px 8px}
#menubar a.trigger{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkNmBylJ6iCkqirbNeaONoYWijYTSOmHMeDDWGrws5VE_KoTS7ICA8GJ2c7IQgbrmVZw2PbpnkZkvvyQ8Qx72CNolD08ZWRaz2TOeMREt5SMNcaZyVX_aWhNb14NNZMvnxkli69h5QvqM/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:9px 24px 8px 10px}
#menubar li{float:left;position:static;width:auto}
#menubar li ul,#menubar ul li{width:170px}
#menubar ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px}
#menubar li ul{z-index:100;position:absolute;display:none;background:#222;padding-bottom:5px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)}
#menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{background-color:#222;color:#E98C0A}
#menubar li:hover ul,#menubar li.hvr ul{display:block}
#menubar li:hover ul a,#menubar li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none}
#menubar li ul li.hr{border-bottom:1px solid #444;border-top:1px solid #000;display:block;font-size:1px;height:0;line-height:0;margin:4px 0}
#menubar ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}

6. Cari kode </head>, kode tersebut biasanya terdapat dua, kamu cari kode yang kedua

7. bila sudah ketemu, letakkan kode berikut tepat dibawah kode </head> 

 <div id='menuwrapperpic'>
<div id='menuwrapper'>
<ul id='menubar'>
<li><a href='#'>Home</a></li>
<li><a href='#'>About Us</a></li>
<li><a class='trigger' href='#'>Contact Us</a>
<ul>
<li><a href='#'>Goggle +</a></li>
<li class='hr'/>
<li><a href='#'>Contact on Facebook</a></li>
<li class='hr'/>
<li><a href='#'>Contact on Twitter</a></li>
</ul>
</li>
<li><a href='#'>Sport</a></li>
<li><a href='#'>Culture</a></li>
<li><a class='trigger' href='#'>Entertainment</a>
<ul>
<li><a href='#'>Music</a></li>
<li class='hr'/>
<li><a href='#'>Movie</a></li>
<li class='hr'/>
<li><a href='#'>Television</a></li>
</ul>
</li>
<li><a href='#'>Health</a></li>
<li><a class='trigger' href='#'>More</a>
<ul>
<li><a href='#'>Themes</a></li>
<li class='hr'/>
<li><a href='#'>Tutorial</a></li>
<li class='hr'/>
<li><a href='#'>Resource</a></li>
<li class='hr'/>
<li><a href='#'>Advertise</a></li>
<li class='hr'/>
<li><a href='#'>Javascript</a></li>
</ul>
</li>
</ul>
<div class='menusearch'>
<div style='float:right;padding:4px 8px 0 0;'>
<form action='http://www.google.com/search' method='get' target='_blank'>
<input name='sitesearch' style='display:none;' value='http://shawndown.blogspot.com'/>
<input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' style='width:170px;border:none;padding:4px 10px; font:12px Arial;color:#666; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWkObE3IE-uqEC0xOlneagsMPmyCuOUMMTK7TCN9Yw4Lk3i90z75PZ6Q8pqxutOh2ijSjSaoiU3o8NmdrhDWkQ7HfrU89kAf_roekwbtUhrmKeXAHZH1pWW-uEuX_63xP_3pDRiye-kZw/s1600/field-bg.gif) no-repeat;' type='text' value='Search on this site...'/><input align='top' id='search-btn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEuspMk42NKRFjYhMOWEox1zrKlzfohlc0S1-9EoxHajt83zv13xqZ6sRHKpLO2x9_84zz9oAd7qTNpTOr8-SMSsRamDy_aodq3aWbMRLe1ptjWSNOUaxaFLJZyzbY09oHh_Xs3upW8ak/s1600/bg_search.gif' type='image' value='Search'/>
</form>
</div>
</div>
<br class='clearit'/>
</div>
<div style='clear:both;'/>
</div> 

Keterangan : Yang warna merah adalah link yang akan dituju
Yang warna biru adalah judul dari Menu dropdownnya
Yang warna ungu, ganti dengan url blog kamu

8.) Sebelum menyimpan template, sebaiknya klik pratinjau/preview terlebih dahulu, supaya bisa melihat apakah widgetnya sudah benar atau tidak
9.) bila sudah, klik Simpan template.

Semoga bermanfaat :D

Read More

Cara membuat Komentar Terakhir atau Recent Comment

 

Hallo para Sobat Blogger kembali lagi bersama saya. Dan kali ini saya akan Memposting tentang Cara membuat Komentar Terakhir atau Recent Comment.

Q? : Apakah Recent Comment itu? 
A   : Recent Comment adalah Widget yg berguna menampilkan komentar terakhir pada blog anda dan Widget ini juga biasa ditempatkan di beranda sebuah blog ,Lalu  Widget ini juga berguna untuk menambah pageview Contohnya ada di Sidebar atau di samping pada Blog ini.Dan berikut cara membuatnya

Silahkan Ikuti Langkah-langkah berikut :

1. Silahkan login akun Blog anda.

2. Pilih menu Rancangan dan Pilih Elemen Laman

3. Setelah itu pilih Tambah Gadget ( tempatkan widget akan disimpan )

4. Kemudian Tambahkan HTML/JavaScript

5. Dan Copy dan kode di bawah ini :

<script style=text/javascript src= http://wisnunugraha.googlecode.com/files/recentcomment.js ></script>

<script style=text/javascript >var a_rc=5;
var m_rc=true;var n_rc=true;var o_rc=100;</script>

<script src=http://shawndown.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script>

<span id=rcw-cr><a href='#' ='_blank'> Widget Recent Comments</a> by <a href=http://wizyuloverz.blogspot.com/ target=_blank title=blogger widgets>[Boma-internet</a></span><style type=text/css> .rcw-comments a {text-transform: capitalize;} .rcw-comments {border-bottom: 1px dotted; padding-top: 7px!important; padding-bottom: 7px!important;} #rcw-cr {font-family: Arial,Tahoma;font-size:9px;} </style>

6. Klik Simpan Kemudian Lihat Hasilnya

Keterangan : 

• Silahkan Ganti Tulisan Bercetak warna Kuning Dengan URL/Link Blog Sahabat
• Tulisan Bercetak warna Biru adalah banyaknya komentar yang dimunculkan, silahkan ganti sesuai keinginan.
• Tulisan Bercetak warna Pink adalah isi komentar, apabila tidak akan di munculkan silahkan rubah menjadi False.

Read More

8 Elemen pendukung SEO

Ada 8 elemen pendukung SEO, yaitu:
1. Keterkaitan nama domain
2. Title (judul)
3. Meta Keyword
4. Meta Deskripsi
5. Keterkaitan konten blog/web
6. Sitemap
7. Natural Listing
8. Backlink

Mari kita bahas satu persatu:

1. Keterkaitan Nama Domain:

Cara kerja search engine pertama kali ketika dimasukkan keyword adalah menyesuaikan antara keyword tersebut dengan nama domain dari sebuah blog / website. Jadi pertimbangkan baik-baik sebelum menentukan nama domain. Usahakan nam domain dapat mencakup isi dari materi sebuah blog / website.

2. Title (judul)

Penggunaan dan penempatan title atau judul akan membantu sebuah blog untuk bertengger di urutan atas Google. Untuk itu usahakan judul blog atau artikel mempunyai korelasi antara keyword dan deskripsi dari konten sebuah blog / website.

3. Meta Keyword

Metadata mencakup semua informasi pada sebuah data. Hal ini berlaku juga untuk sebuah website atau blog. Untuk memasukkan meta data ke dalam website atau blog, anda bisa menggunakan tag meta, <meta>. Metadata yang berguna untuk mendukung SEO adalah meta keyword dan meta deskripsi.

Jika anda sudah mengatur meta keyword dan cocok dengan keyword yang dimasukkan oleh pengguna internet pada search engine,Website / blog anda akan muncul diantara website / blog yang ada.
Walaupun tidak semua pengguan internet menggunakan search engine yang sama. Bahkan ada beberapa algoritma search engine yang tidak memakai meta keyword untuk melakukan proses pencarian, tetapi sebaiknya kita tetap menggunakan meta keyword.



Penulisan meta keyword adalah sebagai berikut:


<meta content="keyword dari situs anda" name="keywords" />

script ini diletakkan diantara tag <head> ..... </head> pada document html

4. Deskripsi


Meta deskripsi tak kalah penting dengan meta keyword, kedua meta ini memang harus diletakkan di sebuah website/ blog agar mesin pencari mampu menemukan website / blog anda. Keyword dan deskripsi yang tepat akan mampu membawa website / blog anda ke peringkat atas google.



Penulisan meta deskripsi adalah sebagai berikut:


<meta content="deskriksi dari situs anda" name="description" />

script ini diletakkan diantara tag <head> ..... </head> pada document html

5. Keterkaitan Isi /Konten

Dalam konten sebuah blog kita bisa mencantumkan dan memberikan korelsi antara isi posting setiap artikel dengan keyword. Dengan korelasi yang baik, mesin pencari akan semakin bersahabat dengan blog kita. Jadi usahakan kita selalu konsisten pada apa yang kita tulis pada artikel dengan seluruh kolerasi dengan keyword, title, dan deskripsi dari blog.

6. SiteMap

Sitemap bisa diumpamakan sebagai sebuah peta seluruh isi dari website /blog kita. Dengan sitemap blog / website akan semakin mudah untuk dikenali oleh mesin pencari (search engine).

7. Natural Listing

Yaitu salah satu elemen lain untuk optimasi SEO dengan cara mendaftarkan website/blog kita ke mesin pencari (search engine) maupun ke web directory. Tidak harus banyak, cukup mendaftarkan website kita ke mesin pencari (search engine) yang popularitasnya tinggi /sering dipakai oleh pengguna internet, misalnya:
- Google ---> http://www.google.com/addurl
- Yahoo ---> http://www.submit.search.yahoo.com
- MSN ---> http://search.msn.com.sg/docs/submit.aspx
- Dmoz.org ---> http://www.dmoz.org

8. Backlink
Backlink adalah link/alamat website/blog anda yang terletak pada website/blog orang lain. Jumlah backlink adalah salah satu indikasi popularitas dari sebuah halaman website/blog.

Read More

Mengganti "Older Post" Dengan Angka

Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.
trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini


1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML"
2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

3. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.


<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>
<!--Page Navigation Ends -->


Kalau sudah silahkan dilihat hasilnya.

Read More

Cara Membuat Menu Bar Di Blog

kali ini saya akan berikan tutorial bagai mana cara membuat menubar di blog..

1. masuk ke blog
2. pilih edit template.. ( jangan lupa di backup/ di download dulu tu template jadi kalo ada error bisa di kembalikan ke semula )..
3. selanjutnya centang "Expand template Widget"
4. lalu cari kode ini menggunakan CTRL+F ==> <div id='content'>
5. copy kan code di bawah ini tepat di atasnya.

<div id='footheader'>

<div id='tabshori'>

<ul>
<li><a expr:href='data:blog.homepageUrl'><span>Home</span></a></li>
<li><a href='http://shawndown.blogspot.com/2011/12/daftar-isi-anti-virus.html' target='_blank'><span>Anti Virus</span></a></li>
<li><a href='http://shawndown.blogspot.com/2011/12/daftar-isi-photoshop.html' target='_blank'><span>Photoshop</span></a></li>
<li><a href='http://shawndown.blogspot.com/2011/12/daftar-isi-software.html' target='_blank'><span>Software</span></a></li>
<li><a href='http://shawndown.blogspot.com/2011/12/daftar-isi-ebook.html' target='_blank'><span>Free Ebook</span></a></li>
<li><a href='http://shawndown.blogspot.com/2012/01/tukar-link.html' target='_blank'><span>Tukar Link</span></a></li>
<li><a href='http://shawndown.blogspot.com/2012/01/sms-gratis-via-internet.html' target='_blank'><span>SMS Gratis</span></a></li>
<li><a href='http://shawndown.blogspot.com/2012/01/kode-warna.html' target='_blank'><span>Kode Warna</span></a></li>
</ul>
</div>
</div>

6. ganti kode misal " http://shawndown.blogspot.com.com/2011/12/daftar-isi-anti-virus.html " dengan URL sobat.. terus tulisan Anti Virus ganti dengan sesuai judul menu bar anda.
7. LALU cari kode ]]></b:skin>
8. pasteka kode di bawah ini tepat Di ATAS nya..

#tabshori {float:left;width:100%;background:transparent;font-size:93%;}
#tabshori ul {margin:0;padding:1px 10px 0px 23px;list-style:none;}#tabshori li {display:inline;margin:0;padding:0;}
#tabshori a {float:left;margin:0;padding:0 0 0 3px;text-decoration:none;}#tabshori a span {float:right;display:block;padding:5px 15px 4px 6px;color:#fff;}
#tabshori a span {float:none;}#tabshori a:hover span {color:#000;}#tabshori a:hover {background-position:0% -42px;}
#tabshori a:hover span {background-position:100% -42px;}

9. save template nya..




apabila langkah di atas belum berhasil coba langkah kedua ini..

1. masuk blog
2. pilih tata letak
3. tambah HTML/JAVASCRIPT
4. pastekan kode yang di atas itu langkah nomor 5.(jangan di beri judul )
5. janga lupa di ganti juga URLnya sesuai langkah nomor 6
6.letakan gadget/ widget itu di atas ( dibawah judul blog sobat )
7. lalu save.




semoga berhasil sobat..

Read More

Cara Menghapus Widget yang Tidak Bisa Dihapus

Cara Menghapus Widget yang Tidak Bisa Dihapus
Buat sobat Blogger, saya ada sedikit tips bagaimana Cara Menghapus Widget yang tidak bisa diHapus tersebut, Tips ini tentunya khusus bagi sobat yang belum tau dan ingin tau bagaimana Cara Menghapus Widget yang tidak bisa diHapus itu.

Dari Pengalaman saya,kira kira langkahnya seperti ini:

1. login ke akun blogger Sobat,
2. masuk ke menu Rancangan,
3. masuk lagi ke bagian Edit HTML,
4. Contoh kali ini adalah menghapus Widget Pagelist, kemudian jika Sobat menggunakan mozilla sebagai browser Sobat klik pada keyboard ctrl+f atau f3 untuk menampilkan fasilitas search yang di sediakan mozilla dan pada kolom search ketik code ini

<;....id='pagelist' locked='true' title='pagelist' type='LinkList'/>;

Setelah ketemu ubah value locked='true' menjadi locked='false' , Klik Save Template.

5. Selanjutnya masuk ke Elemen Halaman atau Page Element, kemudian cari Widget Pagelist, klik Edit dan klik Hapus, Dijamin gak bakal nongol lagi deh tuh Widgetnya.
bila masih ada kesulitan untuk menghapus Widget yang tidak bisa dihapus, jangan sungkan untuk bertanya ya sob ,,
Selamat mencoba dan semoga bermanfaat.....

Read More

Membuat Read More Pada Blog

Bagaimana Cara membuat Read More otomatis di blogspot?
Cara membuat read more otomatis di blogspot sangat mudah. Sebelum melangkah ke cara membuat read more otomatis di blogspot lebih baik kita tahu apa itu read more? dan apa fungsi read more? Read more dalam bahasa indonesia yaitu " Baca Selengkapnya " dan fungsi read more itu sendiri adalah meminimalis penggunaan halaman blog agar terlihat lebih rapi dan menarik. Read more otomatis ini akan memotong tampilan depan artikel yang panjang dan anda bisa menentukan berapa banyak huruf yang akan ditampilkan di halaman depan, begitu pengunjung membuka Read more atau baca selengkapnya barulah pengunjung bisa membaca artikel penuh blog anda. Sekarang lanjut ke langkah cara membuat read more otomatis di blogspot.
Langkah-langkah cara membuat Read More Otomatis di Blogspot
Login ke Blog anda
Buka halaman design > Edit HTML > centang Expand template widget
Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian
Paste kode berikut tepat dibawah </head>


     <script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/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 != "item"'> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>"); </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 == "item"'><data:post.body/></b:if>

Finish simpan template dan lihat hasilnya

Cara membuat Read More otomatis di Blogspot ini bisa anda rubah sebagian. berikut ini adalah keterangannya data yang bisa dirubah :
summary_noimg = 430; apabila artikel anda tanpa gambar satupun maka yang akan tampil pada halaman depan adalah 430 huruf
summary_img = 340; apabila artikel anda berisi gambar maka yang akan tampil pada halaman depan adalah 340 huruf dan gambar
img_thumb_height = 100; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depan
img_thumb_width = 120; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.
Anda juga bisa mengubah Icon read morehttp://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif silahkan 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.



Selamat mencoba dan semoga berhasil.

Read More