Cara Membuat Readmore Otomatis di Blogspot

Sebenarnya banyak blogger yang mempostingkan Tips ini, saya menulis ini juga supaya saya tidak lupa
Langsung saja
1. Masuk Blogger pilih Template
2. Centang Expand Template Widget
3. Cari kode </head> Supaya cepat klik Ctrl F dan tuliskan </head>
4. Masukkan kode dibawah ini 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://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

5. cari kode <data:post.body/> dan Ganti 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'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan :
READ MORE : bisa diganti sesuai selera
summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar, bisa diganti sesuai selera
summary_img = 340; adalah tinggi potongan artikel dengan gambar, bisa diganti sesuai selera
img_thumb_height = 100; adalah ukuran tinggi thumbnail, bisa diganti sesuai selera
img_thumb_width = 120; adalah ukuran lebar thumbnail, bisa diganti sesuai selera


Save Template dan lihat hasilnya
Selamat mencoba....................

»»  READMORE...

Membuat Garis Tepi Posting dan Sidebar blog | Cara Buat Garis Tepi Blog

Hai teman kutulis semuanya? apa kabar nih, sehat sehat saja kan. Oya setelah sekian lama [cuma 2 hari, wkwkwkwkwk] saya gak online dan membuat postingan postingan ter Unyu-unyu karena sedang banyak tugas di luar online, dan kali ini saat saya sedang mencari cari artikel tentang optimasi seo blogger pemula dan mengunakan keyword Cara Membuat Garis Tepi Posting dan Sidebar blog saya menemukan artikel yang mungkin bisa membantu teman teman yang sedang melakukan bongkar pasang blog karena menurut saya tips blogging ini sangat bagus lho buat blog teman teman dan tentunya SEO Friedly juga dong, Hehehehe.. Oya teman tips ini sudah saya coba dan berhasil lho, untuk lebih jelasnya silahkan lihat di halaman utama atau homepage blog ini, nah seperti itulah kurang lebihnya teman. Daripada saya kebanyakan omong kesana kesini gak ada tujuannya langsung saja yah saya kasih tutorialnya...

Login ke blogger anda masing masing kemudian pilih menu tata letak dan edit HTML.
- jangan lupa centang kotak expand template widget dan cari kode seperti ini .post {
- Setelah ketemu sama ayu ting ting kode tadi pasang kode dibawah ini tepat di bawah kode tadi yang berwarna merah.
padding: 5px;
Border-top: 3px solid  #C0C0C0 ;
Border-bottom: 3px solid  #C0C0C0 ;
Border-left: 3px solid  #C0C0C0 ;
Border-right: 3px solid  #C0C0C0 ;
Margin-bottom: 10px;
- simpan jika sudah selesai meletakkanya dan lihat hasilnya yah teman.
Untuk memudahkan pemasangannya tak kasih beberapa keterangannya.

padding: 5px; [jarak antara teks post dengan garis pinggir semakin besar semakin lebar]
Border-top: 3px solid  #C0C0C0 ;[garis pinggir atas semakin tinggi angka semakin tebal]
Border-bottom: 3px solid  #C0C0C0 ;[ garis pinggir bawah (3px angka bisa diganti]
Border-left: 3px solid  #C0C0C0 ;[ garis pinggir bawah (3px angka bisa diganti]
Border-right: 3px solid  #C0C0C0 ;[ garis pinggir bawah (3px angka bisa diganti]
Margin-bottom: 10px;[jarak antara post yang satu dengan yang lainnya(10px angka bisa diganti]

kode #C0C0C0 ; adalah kode warna silver, teman boleh menggantinya sesuka hati teman.

Sekarang cara membuat garis tepi sidebar blog

- Cari kode .sidebar .widget {
- Kemudian tambahkan kode di bawah ini pada kode tersebut, lebih kurang seperti ini
.sidebar .widget {
border: 1px solid #eee;
.......
}
- Ganti #eee warna border tersebut dengan kode warna lainnya.
- Jika anda menginginkan garis tersebut cuma di kiri sidebar blog saja anda bisa mengganti nya dengan
.sidebar .widget {
border-left: 1px solid #eee;
........
}
- Perhatikan tulisan berwarna biru anda bisa menggantinya dengan rihgt untuk kanan top untuk atas botom untuk bawah
- dan sekarang teman tinggal save dan melihat hasil editan teman..
Gimana nih teman artikel dari blog kutulis ini yang berjudul Membuat Garis Tepi Posting dan Sidebar blog | Cara Buat Garis Tepi Blog. Jika masih kurang jangan lupa yang baca lagi mengenai tips trik blog lainnya supaya teman bisa tahu mengenai berbagai informasi seputar dunia blogging. makasih keep blogging yah.

sumbber:http://www.kutulis.com/2012/02/membuat-garis-tepi-posting-dan-sidebar.html

»»  READMORE...

lirik lagu untuk sebuah nama dan cord gitarnya

download disini gan================>download

»»  READMORE...

cara membuat fans page likebox di blog

Sebelumnya Saya sudah pernah Post tentang Tips ini, namun cara itu sudah tidak bisa di gunakan lagi, jadi Saya hapus saja Post itu, tapi Saya kembali Update lagi caranya. OK, sebelum kita masuk ke langkah-langkahnya, Kalian pasti sudah tahu-kan apa itu Fans Page Facebook, itu lo SS-nya ada di atas. Baiklah, kita langsung saja ke langkah-langkahnya.

[1]. Pertama, pastinya LogIn dulu ke Blog Kalian.

[2]. Kemudian, dari Dasbor, cari Template --> Edit HTML. (Buat yang masih menggunakan tampilan Blogger lama, cari Rancangan --> Edit HTML).

[3]. Lalu cari Code </head>. (Gunakan CTRL + F atau F3, pada Keyboard untuk mempermudah pencarian).

[4]. Kalau sudah ketemu, sekarang Copy dan Paste-kan Code di bawah, tepat di ATAS Code </head>.

<script src='http://jmk-js.googlecode.com/files/Fans%20Page%20FB.js' type='text/javascript'/>

[5]. Nah kalau sudah dengan yang di atas, kemudian Simpan Perubahan.

[6]. Sekarang lanjut, cari Tata Letak --> Add Gadget --> HTML/JavaScript.

[7]. Kemudian masukan Code di bawah ke dalamnya.

 

<script type="text/javascript"> //<!-- $(document).ready(function() {$(".sektimlikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);}); //--> </script> <style type="text/css"> .sektimlikebox{background: url("https://sites.google.com/site/rakasajmk/download-1/download-2/Fans%20Page%20FB.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 100px;padding: 0 5px 0 30px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:300px;} .sektimlikebox div{border:none;position:relative;display:block;} .sektimlikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .sektimlikebox span a{color: #808080;text-decoration:none;} .sektimlikebox span a:hover{text-decoration:underline;} </style><div class="sektimlikebox" style=""><div> <iframe src="//www.facebook.com/plugins/likebox.php?href= https://www.facebook.com/pages/Edonk-Runting/165310433607914?ref=hl&amp;width=245&amp;height=330&amp;colorscheme=dark&amp;show_faces=true&amp;border_color=FFFFFF&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="background:#0099FF; -moz-opacity: 0.1; opacity: 0.9; -khtml-opacity: 0.0; margin:0 auto 10px; padding:3px; border:none; overflow:hidden; width:245px; height:330px;" allowtransparency="true" ></iframe><span></span></div></div>

 KETERANGAN :

* Code yang berwarna Kuning, adalah tinggi atau rendah posisinya, Kalian bisa menggantinya sesuai keinginan Kalian. (Semakin kecil angkanya, semakin Tinggi posisinya, dan semakin besar angkanya, semakin rendah posisinya).
* Code yang berwarna Biru, ganti dengan URL Fans Page Facebook Kalian.

* Sedangkan Code yang berwarna Merah, adalah Backgroundnya, Kalian bisa menggantinya dengan warna yang lain. Code Warna HTML...???

[8]. Terakhir, tinggal di SAVE dan lihat hasilnya.

selamat mencoba semoga bermanfaat dech gan

»»  READMORE...

Cara Memasang Jam Digital di Blog

Cara Memasang Jam Digital di Blog, Jam digital yang terpasang di sidebar blog akan membuat pembaca tahu secara otomatis waktu saat dia membaca artikel kamu, blog layaknya sebuah rumah, dan jam pada blog sama halnya jam yang terpasang dirumah, jadi dengan memasang jam digital di blog akan membuat blog kamu lebih terlihat cantik.
Infonetmu kali ini akan memberi script untuk jam digital di blog,Selain cantik, jam nya juga berbunyi. Buat yang mau masang jam cantik ini di blognya, silahkan salin kode berikut ini dan silahkan paste di tempat yang ingin kamu pasang. inilah scriptnya.
 

<embed height="40" pluginspage="http://www.macromedia.com/go/getflashplayer" src="https://sites.google.com/site/myedithtml/swf/edit-html.clock-7.swf" type="application/x-shockwave-flash" width="120" wmode="transparent"></embed>

nah, silahkan pasang di blog kamu. semoga tambah keren blogmu, demikian sedikit tutorial cara memasang jam digital di blog, agar tambah bagus silahkan download template blog keren juga sesuai. semoga berguna! 

»»  READMORE...

Cara membuat daftar isi otomatis di blog

gimana caranya bikin daftar isi manual pada side bar, sekarang saya mau share cara membuat daftar isi pada blog secara otomatis dengan scroll atau dengan efek berjalan. Langsung menuju ke materi gan. Berikut langkahnya :
1. Seperti biasa jeee, login ke akun blogger anda
2. Klik Rancangan dilanjut klik Tambah Gadget pilih HTML / JavaScript
3. Untuk Daftar Isi dengan Scroll masukkan kode berikut :

<style></style> <div style="margin: 0px; padding: 0px; overflow: auto; width: 400px; height: 200px; background-color: rgb(128, 0, 0);"> <script style="text/javascript" src="http://adesanusi.googlepages.com/daftar-isi.txt"></script><script style="text/javascript">var numposts = 150;var showpostdate = false;var showpostsummary = false;var numchars = 150;var standardstyling = true;</script><script src="http://gerejasantoyosephblogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script><br /><br /></div>

4. Tulisan yang berwarna biru bisa diganti menyesuaikan dengan lebar sidebar blog sobat, nah yang warna merah ganti dengan alamat blog sobat yay, yang berwarna hijau itu warna backgroundnya, ganti lah sesuka hati atau kalo mau dikosongin tinggal ganti aja dengan kata none

5. Untuk Daftar Isi Dengan Efek Berjalan masukkan kode berikut nih :

<marquee direction="down" onmouseover="this.stop()" width="100%" onmouseout="this.start()" scrollamount="2" height="200"><br/><br/><script style="text/javascript" src="http://adesanusi.googlepages.com/daftar-isi.txt"></script><script style="text/javascript">var numposts = 100;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://gerejasantoyoseph.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script><br/><br/></marquee>

6. Seperti diatas, warna merah ganti dengan alamat blog sobat ya, warna biru untuk mengatur ketinggian. Silakan diutak-atik sendiri untuk mendapatkan hasil yang maksimal yang sesuai dengan keinginan sobat deh.

7. Terakhir simpan dan lihat hasilnya

»»  READMORE...