Blogroll

Juni 18, 2012

Form Email Subscriber (Kotak Langganan)

Seperti yang anda lihat di dalam blog saya tepatnya di sebelah kiri terdapat sebuah kotak subscriber (Langganan). Apa gunanya coba?
"ya untuk berlangganan..hhi..hi..hi.:D". Langganan apa?
"Langganan P***K Terminal..ho..ho..ho.".
Uppzz..Maaf kawan becanda dkit...
so..Lanjut lagi.. Jadi begini, gunanya kotak subscriber itu adalah untuk mempermudah pengunjung yang ingin selalu mengetahui kabar terbaru atau berita terupdate di dalam blog kita. Maka dari itu disedikan kotak subscriber ini untuk para pengunjung yang ingin terdaftar sebagai pelanggan dengan cara memasukan emailnya di kotak subscriber tersebut. Setiap berita terbaru (terupdate) dari blog kita maka si pelanggan akan segera mengetauinya. Cukup sekian penjelasannya..pasti udah pada ngerti laah..' Langsung saja menuju cara membuatnya :

1. Anda masuk terlebih dahulu ke halaman ini : http://www.feedburner.com.
2. isi Email dan Password anda.
3. Kemudian anda akan di arahkan kesebuah halaman. Masukan alamat blog anda.
4. Jika didalam blog anda berisi berbagai macam video, maka beri tanda centang pada " Iam a Podcaster". Jika tidak anda langsung klik tombol next.
5. Setelah itu anda akan dihadapkan oleh 2 pilihan "Atom dan RSS".
 Anda pilih tipe Atom.
contohRaZoe3x -Atom: http://inprest3city.blogspot.com/feeds/posts/default.
klik next.
6. Setelah proses tersebut, anda akan menuju ke halaman :

"Welcome! Let us burn a feed for you".
Anda isikan Feed Title dan Feed Adreess. Klik next.
7. Jika berhasil, akan muncul halaman "Congrats!Your FeedBurner feed is now live". lihat kebawah ada  tombol next dan "skip directly to feed management". anda pilih yang "skip directly to feed management".
8. Kemudian halaman berikutnya akan muncul. Lihat baris menu sebelah kiri. anda cari dan pilih menu "Publcize". Setelah itu piilih lagi "Email Subscription". Lalu Activate.
9. Di situ anda akan menemukan 2 code Script. anda pilih code :
"subcription from code (code pertama)".
copy code tersebut kemudian klik Save.

Cara Pasang :

* Loggin ke Blogger.  kemudian masuk dasbor.
* Pilih Tata Letak/Page Element.
* Add Gadget-->"HTML/Java script".
* Masukan Code Script tadi ke dalamnya.
* Kemudian Save.

Lihat blog anda.. Sudah muncul belum Kotak Subscribernya? jika belum baca kembali postingan ini dari awal...hi..hi..hi...:D''

Pemberitahuan : Jika anda ingin menampilkan jumlah pelanggan anda, masuk feedburner kemudian plih menu "Publicize - feedcount". Maka disitu terdapat sebuah script. Copy script tersebut kemudan pasang di blog anda.

Sekian dan Selamat Mencoba.


READ MORE......

Juni 17, 2012

Membuat Blogrol Versi Marque

Sebelumnya kita sudah pernah membahas tentang cara membuat blogrol versi Text Area. Bagi anda yang belum mengetahui informasinya, anda bisa lihat di sini. Udah di baca belum..?? Udah aja yah.. :D
Sekarang Lanjut... Untuk selanjutnya saya akan membahas tentang cara membuat blogrol versi MARQUE. Kira-kira apa kelebihan blogrol versi marque? Simak baik-baik informasinya:

BLOGROL VERSI MARQUE
Secara garis besar fungsinya sama, yaitu untuk menampung Link-link yang dapat menghemat halaman blog kita agar halaman blog kita terlihat rapih dan tertata dengan baik. Ada sedikit perbedaan antara Blogrol Versi Text Area dengan Blogrol Versi Marque ini. Jika di dalam blogrol text area terdapat scrol bar yang bisa ditarik kebawah/keatas untuk melihat link/judul yang tersedia di dalam blog kita. Sedangkan dalam Blogrol Versi Marque tidak menggunakan scrol Bar, tetapi Link/judul Postingnya dapat berjalan/bergerak keatas,kebawah,ke kanan, dan kekiri secara otomatis. Hal ini menjadi kelebihan tersendiri untuk Blogrol Versi Marque tersebut.

Berikut Cara membuatnya :

1. Anda loggin ke blogger, kemudian masuk dasbor.
2. pilih Tata letak/page element.
3. Add gadget-->"HTML/Java script".
4. Masukkan code dibawah ini kedalamnya :


<MARQUEE align="center" direction="up" height="100" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="95%" >


<a href="http://inprest3city.blogspot.com/2012/06/Bisnis.html" >razoe3x</a> <br/>
<a href="http://inprest3city.blogspot.com/2012/06/Bisnis.html" >razoe3x</a> <br/>
<a href="http://inprest3city.blogspot.com/2012/06/Bisnis.html" >razoe3x</a> <br/>


</marquee

Code "up" (Linknya berjalan keatas). Anda dapat menggantinya dengan "down,right/left". Tetap jangan lupa, jika ingin menempatkan linknya berjalan sejajar maka code <br/> harus dihilangkan. 

Code http://inprest3city.blogspot.com/2012/06/Bisnis.html Ganti dengan link anda.
Code razoe3x adalah judul yang akan ditampilkan.
Dan jika anda ingin memasukkan lebih banyak link lagi, anda tinggal copy code yang terdapat link dan judulnya kemudian ganti dengan link dan judul baru anda.

Simpan pekerjaan anda, dan selesai.

READ MORE......

Membuat Blogrol Versi Text Area

Berganti hari, berganti minggu, berganti bulan, sampai berganti tahun..
Apa maksudnya yah..?? Hi..hii..saya pun bingung.
Gini aja deh..Seiring berjalannya waktu, maka makin banyak postingan di dalam blog kita. Halaman blog menjadi sesak dan kurang rapih. Kadang kita bingung melihat tampilan blog yang penuh dan tidak tertata dengan baik. Dari itu saya akan berbagi untuk mengatasi solusinya. Saya menyarankan anda memasang blogrol, karena dapat mengurangi kepadatan halaman blog anda. Selain itu blogrol juga berguna bagi pengunjung agar mereka tidak kesulitan dalam mencari sebuah artikel.

Sebenarnya ada 2 jenis blogrol, yaitu Blogrol versi Text Area dan Blogrol versi Marque. Disini saya akan mengulas tentang cara membuat blogrol versi Text area. Blogrol versi text area memiliki sebuah scrol bar yang dapat ditarik keatas/kebawah dalam mencari sebuah artikel. Berikut cara membuatnya :

1. Loggin ke blogger. kemudian masuk dasbor.
2. Pilih Tata Letak/Page Element.
3. Add gadget -->"HTML/Java Script".
4. Masukan code dbawah ini ke dalam kotak tersebut.

<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">


<a href="http://inprest3city.blogspot.com/2012/06/Bisnis.html" >razoe3x</a> <br/>
<a href="http://inprest3city.blogspot.com/2012/06/Bisnis.html" >razoe3x</a> <br/>
<a href="http://inprest3city.blogspot.com/2012/06/Bisnis.html" >razoe3x</a> <br/>


<a href="........


</div>
Code Width dan Height adalah ukuran kotak blogrol, anda bisa menggantinya sesuai dengan ukuran yang anda inginkan. Code yang berwarna biru adalah Link anda dan judul yang akan ditampilkan.

Jika ingin membuat linknya tampak sejajar, maka hilangkan code <br/>.
Simpan dan Lihat hasilnya.

READ MORE......

Juni 16, 2012

Membuat Readmore Versi Otomatis

Sedikit tips lagi untuk anda dalam pembuatan readmore. Kebanyakan yang dpake oleh blogger adalah readmore versi manual. seperti yang sudah saya bahas dalam "cara membuat readmore versi manual". nah begtulah contohnya. Dan pada kesempatan kali ini saya mengajak anda untuk mengenal dan membuat readmore versi otomatis. "Lho kok bisa.? kaya mobil aja ada manual dan ada yang otomatis"..hihihi..:D. penasaran? "yuk ikuti saya...
Bedanya yaitu dalam Readmore versi manual jka kita ingin membaca posting selengkapnya(klik Readmore), kita harus menunggu loading terlebih dahulu sampai halaman tersebut terbuka (Capwe Duueeehh.:D). Sedangkan Readmore versi otomatis kita tidak perlu menunggu loading untuk membuka sebuah halaman seluruhnya(klik Readmore), karena secara otomatis seluruh postingannya akan terbuka kebawah. Sudah mengerti kah anda..? sudah kan?? bagusss..baguss...

Lanjut...
Untuk membuatnya, ikuti langkah berikut dari awal sampai akhir..

1. Awal kisah anda Loggin dulu ke blogger, kemudian pergi ke Dasbor.
2. Setelah itu anda pilih Layot/Template-->> "Edit HTML".
3. Jangan Lupa Backup template anda terlebih dahulu.
4. Centang tulisan "Expand Template Widget" yang berada diatas.
5. Copy code berikut :

<script src='http://kendhin.890m.com/Readmore.js'
type='text/javascript'/>
Kemudian letakkan diatas code </head>.

untuk mencari code </head> . tekan f3 pada keyboard, letakkan teks tersebut ke dalam kotak search.

jika sudah, selanjutnya anda cari code :

<div class='post-header-line-1'/>

Lihat dibawah code tersebut, ada code begini (<div class='post-body entry-content'>).
Anda ganti dengan code berikut :


<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
Sudah kan..??.. Kemudian anda lihat lagi dibawahnya ada code (<p><data:post.body/></p>). Tambahkan code berikut dan letakkan dibawah code tersebut.
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

6. Lihat Tulisan "Selengkapnya" dan "Ringkasan". anda bisa ganti tulisan tersebut dengan tulisan yang anda inginkan.
7. Kemudian simpan template.
8. Setelah itu anda pilih Setting-->"Pos dan komentar".
9. Masukan code berikut di dalam kotak Template Entri :
<span id="fullpost">


</span>
10.Simpan Settng.


Catatan : jika ingin membuat postingan, anda pilih HTML. lihat di pojok kiri atas. Untuk bagian awal postingan anda letakkan sebelum code <span id="fullpost"> . Dan untuk isi postng selengkapnya anda letakkan di antara code <span id="fullpost"> dan code </span>.

Selamat Berjuang ..:

READ MORE......
inprest3city.blogspot.com. Diberdayakan oleh Blogger.
 

Home | Blogging Tips | Blogspot HTML | Make Money | Payment | PTC Review

RaZoe3x © Template Design by RaZoe3x | Publisher : inprest3city