Auto Post Papua: Tips DanTrik Ngeblog

Showing posts with label Tips DanTrik Ngeblog. Show all posts

Thursday, 5 January 2012

Cara Membuat READMORE Otomatis di Blogspot

Cara Membuat READMORE Otomatis di Blogspot, yah itulah kata kunci blog HTC kali ini or Postingan kali ini akan memberikan tutorial Cara Membuat Readmore Otomatis Di Blog atau Baca Selengkapnya pada postingan blog ME- RAJAI Tutorial Blogspot di Segala Penjuru Dunia Adalah TUjuan Saya diantaranya Cara Membuat READMORE Otomatis Di Blog dan Postingan artikel Tutorial Blogspot kali ini akan memberikan Cara Pasang Readmore Otomatis Di Blogspot atau Baca Selengkapnya pada postingan blog secara otomatis. Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya. Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial Cara Membuat READMORE OTOMATIS Di Blog berikut ini :;;;

PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :

cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.
<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://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

KEDUA, cari kode html berikut ini :
<data:post.body/> atau <p><data:post.body/></p>

ganti kode tersebut dengan kode di bawah 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'>»»  READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image
==> Summar img 430 = tinggi artikel terpenggal dengan image
==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...

Semoga Artikel Cara Membuat READMORE Otomatis di Blogspot bermanfaat buat sobat bloggers semua

Source = http://zona-klik.blogspot.com

Sunday, 25 December 2011

Cara Membuat Halaman Maintenance Blogspot

Cara Membuat Halaman Maintenance Pada Blog or Cara membuat Halaman Maintenance Pada Blogspot, (Under Maintenance). Gak cuman Wordpress, Blogspot-pun bisa !! Hihihi (buat para master2 pastilah sudah gak asink lagi tentang hal ini, jd lewatin saja) :))

Oke, silahkan lihat demonya. Cara membuatnya-pun cukup mudah, hanya menggunakan kode CSS, pasti mudah dan gak ribet !! bila sobat memasang kode maintenance-nya, Cara membuat Halaman Maintenance Pada Blogspot, (Under Maintenance) maka akan muncul creenshot seperti dibawah ini:

Bila tertarik untuk membuat Halaman Maintenance Pada Blogspot, silahkan ikuti langkah-langkah berikut:

1. Login ke akun blogger sobat
2. Masuk ke rancangan/design
3. Pilih Tata Letak
4. Edit HTML
5. Lalu cari kode berkut: ]]></b:skin> (gunakan Ctrl+F di keyboard sob),setelah ketemu tinggal letakkan kode CSS berikut tepat diatas kode ]]></b:skin>

html { height: 100%; background: url(http://i865.photobucket.com/albums/ab218/1rd3/site-under-maintenance-kodeblogger.png) no-repeat center 50%; margin: 0; } body { display: none; }

6. Jangan lupa Simpan Template.

Sip, sampai disini sobat udah bisa membuat Halaman Maintenance Pada Blogspot, melihat kode diatas jelaslah sangat simpel dan mudah dimengerti tentunya.
Silahkah ganti link image diatas (http://i865.photobucket.com/albums/ab218/1rd3/site-under-maintenance-kodeblogger.png) sesuai dengan kreasi sobat.

Sekian dari saya (kode-blogger) untuk topik Cara Membuat Halaman Maintenance/Under Maintenance Pada Blogspot.

sumber= http://kode-blogger.blogspot.com

Saturday, 24 December 2011

Cara Membuat READMORE Otomatis

Cara Membuat READMORE Otomatis di Blogspot, yah itulah kata kunci blog HTC kali ini or Postingan kali ini akan memberikan tutorial Cara Membuat Readmore Otomatis Di Blog atau Baca Selengkapnya pada postingan blog ME- RAJAI Tutorial Blogspot di Segala Penjuru Dunia Adalah TUjuan Saya diantaranya Cara Membuat READMORE Otomatis Di Blog dan Postingan artikel Tutorial Blogspot kali ini akan memberikan Cara Pasang Readmore Otomatis Di Blogspot atau Baca Selengkapnya pada postingan blog secara otomatis. Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya. Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial Cara Membuat READMORE OTOMATIS Di Blog berikut ini :;;;

PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :

cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.
<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://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

KEDUA, cari kode html berikut ini :
<data:post.body/> atau <p><data:post.body/></p>

ganti kode tersebut dengan kode di bawah 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'>»»  READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image
==> Summar img 430 = tinggi artikel terpenggal dengan image
==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...

Semoga Artikel Cara Membuat READMORE Otomatis di Blogspot bermanfaat buat sobat bloggers semua

Source = http://zona-klik.blogspot.com