Cara Cepat Buat Recent Post Bergerak Blog

Cara Cepat Buat Recent Post Bergerak Blog. terakhir atau beberapa bulan ini bagi temen-teman yang terbiasa nulis blog pasti tahu kalau salah satu widget recent posts yang ada di blogspot rusak. jika dulu anda telah memakai recent post widget blog dan lancar kemudian ada informasi galat telah rusak maka itu berarti galat recent post yang rusak (broken).

sumber foto: ikhwan-aryadi.blogspot.com

jangan khawatir, sekarang sudah ada cara membuat recent post bergerak di blog dengan mudah. tidak hanya menampilkan judul post tapi juga menampilkan gambar bergerak sehingga posting yang baru kita buat terlihat lebih menarik bagi pengunjung blog.

bagi teman-teman yang mungkin belum tahu apa itu recent post bergerak, recent post bergerak adalah suatu widget yang menampilkan posting atau artikel terbaru yang bergerak dari blog. dan bisa ditentukan berapa jumlah artikel yang akan bergerak. semua bisa diatur dengan mudah dan cepat, begitu juga kecepatan geraknya juga bisa diatur sesuai selera.

langsung saja,

cara buat recent post bergerak di blog secara cepat

sebagai berikut :
1. masuk blogspot seperti biasa. sekarang layanan login yang berada dalam satu perusahaan google menjadi satu pintu saja. jadi anda bisa membuka gmail, blogspot, picasa, youtube dll dari satu pintu login.

2. Masuk kebagian tata letak
3. Klik tambahkan gadget, dalam pilih HTML/Javascript
4. Masukkan kode berikut ke kotak konten <style type="text/css"> #rp_plus_img{height:377px;} #rp_plus_img li {height:60px;padding:5px;list-style:none; background-color:#ffffff; border:solid 1px #000000;} #rp_plus_img a{color:#00000;} #rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px; text-align:justify; -moz-border-radius: 5px;} #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;} </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"> </script> <script src="https://sites.google.com/site/unwanted86/javascript/recentpost.js" type="text/javascript"> </script> <script type="text/javascript"> var speed = 1000; var pause = 3500; $(document).ready(function(){ rpnewsticker(); interval = setInterval(rpnewsticker, pause); }); </script> <ul id="rp_plus_img"><script> var numposts = 5; var numchars = 0; </script> <script src="http://tipngeblog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"> </script></ul>

klik simpan. selesai sudah cara membuat gadget recent post bergerak di blogspot. oh ya ganti nama blog http://tipngeblog.blogspot.com dengan blog anda. semoga berhasil.

Read More

Cara Pasang Meta Tag Blog Mudah

Cara Pasang Meta Tag Blog

Cara Pasang Meta Tag Mudah. punya blog dengan pengunjung masih hitungan puluhan tipa bulannya? mungkin bukan salah artikel yang dibuat tapi blog kita belum tersentuh search engine optimation atau dengan kata lain seo.

blog yang belum di optimasi dengan seo ibarat toko yang berada di gang sempit dan tidak terlihat orang. dengan teroptimasi seo seolah-olah toko kita berada di jalan strategis dan mudah dikenali orang. salah satu cara agar blog kita ter index google adalah dengan cara pasang meta tag.

untuk membuktikan apakah blog kita sudah tersentuh seo atau tidak silahkan kunjungi website metachecker.net. dengan web ini kita bisa melihat apakan suatu blog atau website telah di pasang meta tag atau tidak ter pasang meta tag.

meta tag apa saja yang ter pasang di blog atau website kita? ada beberapa hal yang bisa kita lihat tentang meta tag di web kita diantaranya :

1. author (meta tag tentang penulis website atau blog)
2. deskription (meta tag tentang  deskripsi dari web atau blog)
3. keywords (meta tag tentang  kata kunci blog atau web)
4. robots (meta tag yang digunakan oleh search engine)
5. title (meta tag tentang  judul dari web atau blog)

bagaimana cara pasang meta tag di blog?
cara memasang meta tag di blog ada 2 cara yaitu cara otomatis dan manual. terus terang yang otomatis belum pernah nyoba tapi jika teman-teman ingin mencoba cara pasang meta tag otomatis bisa tanya om google (ada yang berbahasa indonesia kok).

disini akan dijelaskan bagaimana cara memasang meta tag blog manual :

1. Silahkan Masuk Ke Blogger Anda.
2. Setelah itu, Klik Menu Template, Backup Template Anda, --> Klik Tombol Edit HTML.
3. Lalu, Cari kode
 <title><data:blog.pageTitle/></title> atau <b:include data='blog' name='all-head-content'/> atau <title><data:blog.pagetitle/></title> atau <title><data:blog.pageName/> - <data:blog.title/></title> atau <title><data:blog.title/></title>
dengan menggunakan CTRL+F, Kode memiliki kode yang berbeda, tergantung pada template, dan biasanya kode ini terletak di bawah kode

4. Lalu, Hapus dan Ganti dengan kode berikut ini:

<b:if cond='data:blog.pageType == "index"'> <title><data:blog.pageTitle/></title> <meta content='Descripsi Blog Anda' name='description'/> <meta content='Keywords (Kata Kunci) Blog Anda' name='keywords'/> <meta content='URL Blog Anda' name='subject'/> <meta content='Deskripsi Blog Anda' name='Abstract'/> <b:else/> <b:if cond='data:blog.pageType == "item"'> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/></title> </b:if><meta expr:content='data:blog.pageName + " - Deskripsi Blog Anda"' name='description'/> <meta expr:content='data:blog.pageName + " - Keyword Blog Anda"' name='keywords'/> <meta expr:content='data:blog.pageName' name='subject'/> <meta expr:content='data:blog.pageName' name='Abstract'/> </b:if> <meta content='Hak Cipta' name='copyright'/> <meta content='Nama Author Blog' name='author'/> <meta content='UTF-8' name='Charset'/> <meta content='Global' name='Distribution'/> <meta content='General' name='Rating'/> <meta content='INDEX FOLLOW' name='Robots'/> <meta content='1 days' name='revisit'/> <meta content='1 Days' name='Revisit-after'/> <meta content='ID' name='language'/> <meta content='ID' name='geo.country'/> <meta content='Indonesia' name='geo.placename'/> <meta content='global' name='distribution'/> <meta content='blogger' name='generator'/> <meta content='general' name='rating'/> <meta content='global' name='target'/> <meta content='index,follow,snipet' name='googlebot'/> <meta content='follow, all' name='Googlebot-Image'/> <meta content='follow, all' name='Scooter'/> <meta content='follow, all' name='msnbot'/> <meta content='follow, all' name='alexabot'/> <meta content='follow, all' name='Slurp'/> <meta content='follow, all' name='ZyBorg'/> <meta content='follow, all' name='Scooter'/> <meta content='ALL' name='SPIDERS'/> <meta content='ALL' name='WEBCRAWLERS'/> <meta content='aeiwi, alexa, alltheWeb, altavista, aol netfind, anzwers, canada, directhit, euroseek, excite, overture, go, google, hotbot. infomak, kanoodle, lycos, mastersite, national directory, northern light, searchit, simplesearch, Websmostlinked, webtop, what-u-seek, aol, yahoo, webcrawler, infoseek, excite, magellan, looksmart, bing, cnet, googlebot' name='search engines'/>
script pasang meta tag diambil dari : your-belajarblog.blogspot.com

cara pasang meta tag diatas adalah dengan mengganti kata yang berwarna dengan data web atau blog kita. kata-kata yang perlu diganti adalah :
- ganti kata "Deskripsi Blog Anda" dengan deskripsi blog.
- ganti kata "Keyword Blog Anda" dengan keyword blog.
- ganti kata "URL Blog Anda" dengan url blog.

agar lebih mudah dalam memasang meta tag diatas, gunakan ctrl+f (pencarian).

Read More

Kode Warna HTML

Kode Warna HTML

Kode Warna HTML - Posting kali ini saya akan menshare widget kode warna html yang bisa teman gunakan secara gratis. Kode warna ini bisa dengan berisi tampilan warna yang bisa teman sesuaikan dengan warna yang teman inginkan, jadi teman tidak perlu untuk menghafal satu persatu warna dalam html, cukup dengan memilih warna yang diinginkan maka teman akan mendapatkan kode dari warna tersebut, tinggal copy kode warnanya dan tempelkan. Mudah bukan? Langsung saja, silahkan gunakan kode warna html dibawah ini :



Berikut ini tabel warna HTML beserta kode warnanya.

FFF FFF

CCC CCC

999 999

666 666

333 333

000 000

FFC C00

FF9 900

FF6 600

FF3 300

99C C00

CC9 900

FFC C33

FFC C66

FF9 966

FF6 633

CC3 300

CC0 033

CCF F00

CCF F33

333 300

666 600

999 900

CCC C00

FFF F00

CC9 933

CC6 633

330 000

660 000

990 000

CC0 000

FF0 000

FF3 366

FF0 033

99F F00

CCF F66

99C C33

666 633

999 933

CCC C33

FFF F33

996 600

993 300

663 333

993 333

CC3 333

FF3 333

CC3 366

FF6 699

FF0 066

66F F00

99F F66

66C C33

669 900

999 966

CCC C66

FFF F66

996 633

663 300

996 666

CC6 666

FF6 666

990 033

CC3 399

FF6 6CC

FF0 099

33F F00

66F F33

339 900

66C C00

99F F33

CCC C99

FFF F99

CC9 966

CC6 600

CC9 999

FF9 999

FF3 399

CC0 066

990 066

FF3 3CC

FF0 0CC

00C C00

33C C00

336 600

669 933

99C C66

CCF F99

FFF FCC

FFC C99

FF9 933

FFC CCC

FF9 9CC

CC6 699

993 366

660 033

CC0 099

330 033

33C C33

66C C66

00F F00

33F F33

66F F66

99F F99

CCF FCC

CC9 9CC

996 699

993 399

990 099

663 366

660 066

006 600

336 633

009 900

339 933

669 966

99C C99

FFC CFF

FF9 9FF

FF6 6FF

FF3 3FF

FF0 0FF

CC6 6CC

CC3 3CC

003 300

00C C33

006 633

339 966

66C C99

99F FCC

CCF FFF

339 9FF

99C CFF

CCC CFF

CC9 9FF

996 6CC

663 399

330 066

990 0CC

CC0 0CC

00F F33

33F F66

009 933

00C C66

33F F99

99F FFF

99C CCC

006 6CC

669 9CC

999 9FF

999 9CC

993 3FF

660 0CC

660 099

CC3 3FF

CC0 0FF

00F F66

66F F99

33C C66

009 966

66F FFF

66C CCC

669 999

003 366

336 699

666 6FF

666 6CC

666 699

330 099

993 3CC

CC6 6FF

990 0FF

00F F99

66F FCC

33C C99

33F FFF

33C CCC

339 999

336 666

006 699

003 399

333 3FF

333 3CC

333 399

333 366

663 3CC

996 6FF

660 0FF

00F FCC

33F FCC

00F FFF

00C CCC

009 999

006 666

003 333

339 9CC

336 6CC

000 0FF

000 0CC

000 099

000 066

000 033

663 3FF

330 0FF

00C C99

009 9CC

33C CFF

66C CFF

669 9FF

336 6FF

003 3CC

330 0CC

00C CFF

009 9FF

006 6FF

003 3FF

Read More

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.

Read More

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)

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

<script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script><div id="twitterfanbox"></div> <script type="text/javascript">fanbox_init("Tips_Ngeblog");</script>

Catatan : ganti Tips_Ngeblog dengan nama twitter Anda.

Read More

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.



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
5. Masukkan kode di bawah ini di atas

 .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 dan taruh script dibawah ini sebelum kode tersebut.



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

Read More