Selasa, 14 Agustus 2012

Auto Post Facebook Twitter

adverticement
Cara Auto Post dari Blog ke Facebook dan Twitter Otomatis. apa sih yang dimaksud Auto Post Facebook Twitter ?
yang dimaksud Auto Post dari Blog ke Facebook dan Twitter Otomatis adalah bagaimana cara agar ketika kita ingin melakukan posting atau menulis artikel di blog kita maka secara langsung terkirim ke facebook wall dan twitter wall kita secara otomatis. artinya kita tidak perlu lagi login ke facebook atau twitter jika jika ingin share artikel yang kita posting sebelumnya di blogspot.

Cara Auto Post dari Blog ke Facebook dan Twitter Otomatis dapat dilakukan dengan menggunakan pihak ke 3 yaitu website penyedia auto post Facebook Twitter. ada beberapa yang bisa dijadikan alternatif diantaranya :
1. http://dlvr.it/
2. http://twitterfeed.com/
3. http://www.tweetdeck.com/

Mana dari ketiga website diatas yang lebih baik ?
yang jelas semua web punya kelebihan dan kekurangan. adapun yang saya pakai adalah no 1 dan terbukti berhasil. untuk web no 2 dan 3 belum mencoba.

Bagaimana  Cara Membuat  Auto Post dari Blog ke Facebook dan Twitter Otomatis dlvr.it, twitterfeed.com dan tweetdeck.com ? caranya cukup mudah, dengan mendaftar beberapa menit dan langsung kita bisa membuat auto post.

Cara Membuat  Auto Post dari Blog ke Facebook dan Twitter Otomatis dlvr.it
1. daftar dulu ke dlvr.it
2. tambahkan feed blog atau website kita. contoh : http://tipngeblog.blogspot.com/feeds/posts/default
3. pilih network media yang di tuju dalam hal ini twitter dan facebook
4. kemudian kita harus melakukan ferivikasi baik di twitter maupun facebook. jika sukses maka kita mempunyai 2 route. yaitu route dari blog ke twitter dan route dari blog ke facebook. eperti gambar di bawah.

Bukti auto post Twitter dan Facebook berhasil

demikian yang bisa di sharing. selamat mencoba dan semoga berhasil.

Senin, 13 Agustus 2012

Twitter Widget for Blogger

adverticement
Widget Twitter di Blog. Apa sih gunanya memasang widget twitter di blog kita? 
ada banyak kegunaan tergantung juga dengan jenis widget dari twtiter yang di pasang. diantaranya :
  1. profile twitter. biasanya digunakan untuk memuat link dari apa saja yang kita tweet dan kita letakkan di blog kita sehingga pengunjung blog kita selalu mengikuti tweet kita.
  2.  follower twitter. widget ini berfungsi untuk menampilkan siapa saja yang menjadi follower kita dan di tempelkan di blog kita sehingga pengunjung blog kita tahu berapa banyak follower kita. disamping itu mereka juga bisa melakukan follow twitter kita.
Apakah keduanya harus di pasang di blog kita ?
terserah Anda. semuanya sesuai kebutuhan. menurut penulis salah satu saja karena lebih menghemat ruang.

Bagaimana cara membuat widget profile twitter dan follower box ?
cara membuat  widget profile twitter dan follower box cukup mudah dan sederhana tidak memerlukan keahlian khusus. silahkan ikuti langkah2 dibawah ini.


Cara membuat widget profile :
1. klik link berikut https://twitter.com/about/resources/widgets/widget_profile
2. isi nama twitter Anda pada kotak username.
3. klik Finish & Grab Code. (copy kode nya )
4. Masuk ke blogspot dan Pilih Tata Letak
5. Pilih Add Gadget kemudian pilih HTML/Java Script (copy kan kode yang telah copy sebelumnya)

Twitter Widget for Blogger


Cara Membuat Follower Box Twitter :
1. Masuk ke blogspot dan Pilih Tata Letak
2. Pilih Add Gadget kemudian pilih HTML/Java Script
3. copy script dibawah



Catatan : ganti Tips_Ngeblog dengan nama twitter Anda.

Twitter Widget for Blogger

Membuat Readmore Pada Blog

adverticement
Buat Read More Otomatis blog. Cara membuat auto read more atau readmore otomatis ada beberapa cara mulai dari yang mudah sampai yang sulit, dari yang tinggal klik Menu Insert Jump Break sampai yang memakai javascript. pada kesempatan kali ini akan di bahas semuanya bagaimana cara buat read more atau yang biasa di Baca Selengkapnya dalam bahasa Indonesia.

Mana yang lebih enak, memakai Insert Jump Break atau memakai atau memakai javascript? 
semua cara mempunyai kelebihan dan kekurangan masing-masing. jika  Menu Insert Jump Break, caranya mudah hanya tinggal klik pada Menu tapi harus dilakukan terus menerus setiap membuat postingan baru. disamping itu kita harus menentukan sendiri dimana letak potongan (break) pada setiap artikel baru. hal ini tidak akan terjadi jika kita memakai javascript karena kita tidak perlu menentukan dimana letak break pada setiap postingan baru tapi hanya menentukan berapa jumlah huruf yang akan ditampilkan pada display. tapi dengan cara javascript perlu hati-hati dalam embeded di expand HTML mode.

Jadi harus memakai cara yang mana ?
semuanya terserah kawan-kawan semua. kalau cara  Buat Read More Otomatis yag dipakai penulis adalah dengan javascript karena hanya dilakukan sekali saja.

Bagaimana cara membuat  link Baca Selengkapnya tersebut ?

Cara 1
Membuat Readmore dengan  Menu Insert Jump Break.
ketika membuat entri baru pada blogspot, tulis beberapa baris kalimat yang mewakili isi postingan tersebut kemudian klik  Insert Jump Break pada Menu pada Mode Compose.

Membuat Readmore Pada Blog

dan jika memakai mode HTML kita tambahkan kata <--more--> (ditambah tanda seru seperti pada gambar dibawah ini) setelah kita tulis beberapa baris kalimat yang mewakili isi postingan tersebut.

Membuat Readmore Pada Blog


Cara 2
 Membuat Readmore dengan javascript
1. masuk ke Menu Template blogspot (jangan lupa untuk backup template dulu, buat jaga2)
2. klik Edit HTML kemudian klik Lanjutkan
3. jangan lupa klik Expand Template Widget
4. cari kode dan taruh script dibawah ini diatas kode tersebut.



Catatan:
- untuk mengubah banyaknya teks pada display posting silahkan diatur nilai pada summary_noimg dan summary_img.
- untuk ukuran tinggi dan lebar gambar silahkan diatur nilai pada img_thumb_height dan img_thumb_width.

5. kemudian cari kode  Photobucket taruh script dibawah ini diatas kode tersebut.



Catatan : untuk kata READMORE pada script diatas bisa diganti dengan kata Baca Selengkapnya atau Baca Lebih Lengkap atau lainnya sesuka Anda. Link tersebut yang akan muncul di display posting.

demikian artikel Cara Membuat Readmore Pada Blog. silahkan mencoba dan semoga berhasil.
gambar diatas ambil disini

Kamis, 09 Agustus 2012

Cara Mudah Rubah Older Post

adverticement
Cara ganti Older Post - Newer Post dengan Angka . Disini akan sedikit dibahas tentang bagaimana cara merubah atau mengganti link Older Post dan Newer Post dari blog Anda menjadi tampilan angka dengan cara yang mudah.

Sebenarnya  tidak harus dirubah dengan angka saja kita juga bisa mengganti dengan icon atau gambar apapun yang kita sukai. gambar atau icon yang biasa dipakai untuk merubah Older Post dan Newer Post di blogspot kita adalah tanda panah ke kanan dan ke kiri.

Namun pada kesempatan kali ini akan dibahas tentang bagaimana merubah Older Post dan Newer Post dengan angka seperti tampak pada gambar di bawah ini.

Cara Rubah Older Post

Page (45) menunjukkan banyaknya halaman atau page pada suatu blog. sedangkan 1 - 6 menunjukkan halaman ke 1 sampai ke 6 dan jika kita ingin telusur lebih lanjut klik Next.

Dengan merubah Older Post dan Newer Post menjadi angka maka kita memudahkan pengunjung setia blog kita menelusuri konten blog kita perhalaman. disamping itu juga memudahkan blog walker ataupun lainnya untuk melihat isi dari artikel-artikel yang kita tulis.

Bagaimana cara membuat Older Post dan Newer Post dengan Angka?

1. Login/masuk ke blogspot.com
2. Pada menu klik Template dan klik Edit HTML
3. Biar aman backup dulu template anda dengan klik Download Full Template (hal ini berguna ketika terjadi kesalahan atau perubahan yang tidak kita inginkan nantinya)
3. Beri tanda centang pada kotak "Expand Widget Template"
4. Lalu cari kode Photobucket
5. Masukkan kode di bawah ini di atasPhotobucket

 .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;
}

6.kemudian cari kode Photobucket dan taruh script dibawah ini sebelum kode tersebut.

Photobucket

7. Selesai dan Taarrraaaa Older Post dan Newer Post blog Anda sudah berubah dengan Angka. Selamat mencoba.

semua script diatas bisa di download di Script OlderPost

 

Copyright @ 2013 Tips ngeBlog.