Jumat, 23 Desember 2011

Posted by hidup sehat On 19.27 0 komentar

FORUM

Jumat, 16 Desember 2011

Posted by hidup sehat On 18.57 1 komentar

cara membuat ricen post berjalan


Cara Membuat Recent Post Bergerak Ke Bawah

Cara Membuat Recent Post Bergerak Ke Bawah yah itulah Tips Dan Trik Tutorial Blogspot tentang Membuat Recent Post Bergerak Ke Bawah or hanya keyword google Cara Membuat Recent Post + Thumbnail dengan Jquery
Recent Post adalah widget Blog yang akan menampilkan beberapa artikel / postingan terakhir blog. Adapun jumlah portingan yang di tampilkan bisa diatur sesuai keinginan kita dengan mengacak - acak kode HTMLnya. Cara Membuat Recent Post Bergerak Ke Bawah Dengan widget recent post ini, pengunjung akan dengan mudah melihat beberapa artikel terakhir yang diposting di blog. Dengan sekali klik, pengunjung akan langsung menuju ke artikel yang masih fresh.

Cara Membuat Recent Post Bergerak ,Di artikel sebelumnya saya sudah menulis tutorial membuat Recent Post / Artikel Terakhir dengan Thumbnail. Dengan fungsi thumbnail, Widget Recent Post akan menampilkan Gambar yang ada di dalam artikel seperti yang biasa kita jumpai pada Widget Related Post / Artikel Terkait yang dipasang di akhir artikel / postingan blog.

Secara tidak sengaja, saya menghapus JavaScript Recent Post Thumbnail BLOGGERBUGIS yang tersimpan di sites google. Karena malas upload kembali JSnya, sekalian saja saya memasang Widget Recent Post Thumbnail yang baru yang telah di tambahkan efek MARQUEE / Berjalan. Dengan efek marquee, Widget Recent Post Thumbnail BB jadi tampak lebih menarik. Related Post Thumbnail akan BERGERAK turun dengan teratur. Hasilnya, jadilah Widget Recent Post Thumbnail Animasi hehehe....
Belum puas dengan animasinya, sekalian saja saya tambahkan bingkai yang tidak bisa di gunakan untuk foto dinding. Hasilnya... silhkan lihat sendiri pada sidebar blog BLOGGERBUGIS ini (kalau belum diganti dengan yang lebih canggih hehe...).

Cara Membuat Recent Post Bergerak, Mau tahu cara memasang Widget Related Post Tumbnail Animasi yang bergerak turun dan dilengkapi dengan bingkai yang tidak bisa digunakan untuk foto dinding di rumah pada blog anda ? (Kalau kalimatnya terlalu panjang, silahkan ambil nafas dulu. Bernafas melalui hidung... lalu keluarkan melalui bokong hehehehe......).


Copy kode HTML berikut :

<center><table border="2" cellpadding="7"><tbody><tr><td><center><style type="text/css">
#rp_plus_img{height:280px;overflow:hidden;border:solid 0px #000000;padding:6px 10px 14px 5px;background-color:transparent;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:85px;padding:0px;list-style:none;}
#rp_plus_img a{color: #000000;}
#rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#000000;text-align:left;}
#rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#DF0101;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #DF0101;width:95px;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/bloggerbugis/js/RergerakBB4U%282%29.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 = 20;
var numchars = 45;
</script> <script src="http://blogger-bugis.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script> </ul>
</center></td></tr></tbody></table></center>


Paste di NOTEPAD atau Microsoft Office Word.

Ganti kode yang berwarna BIRU dengan url blog anda.

Selanjutnya....................

Tambahkan gadget baru pada blog anda dengan memilih kotak HTML/JavaScript lau paste kode Related Post yang telah anda ganti dengan URL BLOGANDA sendiri lalu simpan. Jika anda belum tahu cara menambahkan gadget baru pada BLOG BLOGSPOT. silahkan baca A. MENAMBAHKAN WIDGET DISINI

Selesai........


Jika ingin mengedit kode yang lain, silahkan edit kode HTML Recent Postnya yang di beri warna MERAH sesuai petunjuk berikut :

height:280px; Adalah tinggi Kotak Recent Post. Silahkan ganti angka 280 menjadi angka yang lebih banyak jika ingin membut kotak yang lebih panjang atau sebaliknya.

font-size:14px;font-weight:bold !important;color:#000000; Adalah kode untuk Besar huruf dan warna Judul artikel. Ganti angka 14 menjadi lebih besar jika ingin membuat Teks Judul menjadi lebih besar dan sebaliknya. Kode #000000 adalah kode warna hitam. Silahkan diganti dengan kode warna anda jika anda menginginkan warna lain pada judul artikel yang akan ditampilkan Related Post.

font-size:12px;font-weight:normal !important;color:#DF0101; Adalah kode untuk tulisan yang ada di bawah gambar thumbnail yang merupakan kalimat pertama artikel. Cara mengedit kodenya sama seperti cara mengedit judul artikel di atas.

var speed = 1000;
var pause = 3500; Adalah kecepatan Gambar bergerak Turun dan Lama Gambar Terdiam sebelum bergerak. Ganti angka 1000 jika ingin membuat gambarnya bergerak turun lebih cepat dan sebaliknya. Begitu juga dengan angka 3500 jika ingin membuat gambar terdiam lebih lama dan sebaliknya, sebelum gambar bergerak turun.

var numposts = 20; adalah jumlah judul postingan / artikel yang akan di tampilkan secara bergantian. Silahkan ganti angka 20 menjadi lebih besar jika ingin menampilkan lebih banyak judul artikel pada widget recent postnya, atau sebaliknya.

Jika anda masih ingin mengedit kode yang lain, silahkan saja. Kalau widgetnya hancur baru tau rasa, Oce bro.. semoga Tutorialnya Cara Membuat Recent Post Bergerak bermanfaat... Salam Blogger...
Source = Blogger BUGGIS


Pasang Logo Page Feel HTC ( Layar Menggulung Pada Blog Anda, Tidak Berat Saya Yang Jamin Namun Mempercantik Blog ini Juga Memperkuat Rasa Persatuan Dan Persahabatan Antar Bloggers )

Pasang Kodenya Di Bawah ini di atas kode </head> :

<SCRIPT type='text/javascript'>var tujuan ='http://ojelhtc.blogspot.com/'</SCRIPT><SCRIPT src='http://ojel88.googlecode.com/files/fellhtc.js' type='text/javascript'></SCRIPT>

Terima Kasih Jika Anda Telah Memasang Logo ini Silakan Konfirmasikan Ke Blog ini


Read more: Cara Membuat Recent Post Bergerak Ke Bawah http://ojelhtc.blogspot.com/2011/11/cara-membuat-recent-post-bergerak-ke.html#ixzz1gkxhSwJU 
Under Creative Commons License: Attribution Non-Commercial Share Alike

Posted by hidup sehat On 18.45 0 komentar

cara menbuat daftar isi

Cara Membuat Daftar Isi Di Blog or Cara Membuat Daftar Isi Blog or Tutorial blog Cara membuat daftar isi blog Otomatis Versi V.2 Tutorial blogspot Cara membuat daftar isi Di blog Otomatis Versi V.1ini yang paling Canggih hal yang bisa kita lakukan untuk menampilan isi posting dalam blog secara lengkap dan juga bisa memudahkan pembaca untuk mengakses isi blog yang ada. Sekarang kita akan mencoba Cara Membuat Widget Daftar Isi Otomatis di Blog yang menampilkan isi posting secara keseluruhan yang terbagi dalam label posting secara otomatis,

Cara Membuat/Memasang Widget Daftar Isi otomatis


Baiklah Langsung Saja Kita Lihat Tata Cara Pembuatannya Di Bawah ini :

  • Langkah Pertama

  • Login Ke Acount Blogger Kamu

  • Lalu Pilih Tata Letak

  • Klik Page Element

  • Klik Add Gadget

  • Klik plus button (+) for HTML/JavaScript.

  • Copy and paste kode dibawah ini

<div style="overflow:auto;
padding-left:5px;
border:1px solid white;
width:95%;
height:400px;
background:transparent url(#) no-repeat ;">
<script language="javascript">
numposts=9999;
home_page="BLOK KAMU.blogspot.com";
explanpost="new";
</script>
<ul><script style="text/javascript" src="http://sites.google.com/site/kibagusnet/x-design/sitemap-np.js"></script></ul>
</div>
Keterangan :
Kode width:95%, lebar widgets diatur secara otomatis menyesuaikan lebar kolom, ganti 100px bila ingin diatur secara manual, angka 100 menunjukan lebar widgets ( ganti sesuai kebutuhan )
height:400px, tinggi widgets angka 400 menunjukan tinggi widgets ( ganti sesuai kebutuhan ).
dan Untuk Kode Warna Silakan Lihat Di Kode Warna Blog

Semoga Artikel Cara Membuat/Memasang Widget Daftar Isi otomatis
Bermanfaat, Saran Dan Kritik Anda Sangat Membantu Saya Dalam Menulis Artikel Selanjutnya Pada Blog Ini...

Pasang Logo Page Feel HTC ( Layar Menggulung Pada Blog Anda, Tidak Berat Saya Yang Jamin Namun Mempercantik Blog ini Juga Memperkuat Rasa Persatuan Dan Persahabatan Antar Bloggers )

Pasang Kodenya Di Bawah ini di atas kode </head> :

<SCRIPT type='text/javascript'>var tujuan ='http://ojelhtc.blogspot.com/'</SCRIPT><SCRIPT src='http://ojel88.googlecode.com/files/fellhtc.js' type='text/javascript'></SCRIPT>

Terima Kasih Jika Anda Telah Memasang Logo ini Silakan Konfirmasikan Ke Blog ini

Read more: Cara Membuat Daftar Isi Pada Blog http://ojelhtc.blogspot.com/2011/12/cara-membuat-daftar-isi-blog.html#ixzz1gkwgmAZq 
Under Creative Commons License: Attribution Non-Commercial Share Alike

Posted by hidup sehat On 18.44 0 komentar

cara memsang alexsa di blog


adalah sistem pemeringkatan yang mendasarkan skema pemeringkatannya pada jumlah traffic yang diperoleh sebuah website dari pengunjung website dengan toolbar alexa terpasang pada browser komputernya. Pemeringkatannya didasarkan pada data traffic per tiga bulan digabung dengan page views dan jumlah pengunjung, yah begitulah kalo secara singkat dan menurut yang saya tau dari berbagai blog dan alexanya sendiri.

Dan sebenernya apa sih kegunaan dari alexa itu?
Kalau temen-temen berkecimpung dalam dunia blogging sebagai sarana cari duit temen-temen harus menaikkan peringkat alexa rank temen-temen karena sebagian besar advertiser dan ad network,seperti ReviewMe, Text Link Ads dan Sponsored Reviews, mengukur harga sebuah link dari website/blog anda berdasarkan peringkat alexa ranking.

Setelah saya mencari cara memasang alexa di google, yang muncul hanya cara memasang alexa versi yang lama. Karena cara memasang alexa terbaru berbeda dengan yang lama. Berikut akan saya jelasakan langkah-langkah memasang alexa di blog.

1. Masuk ke situs alexa.com

2. Pada halaman utama pilih menu Site Tools.


3. Setelah masuk ke menu Site Tools, coba lihat sub menu dibawahnya. Cari tulisan Alexa Site Widget. Untuk lebih jelasnya lihat gambar dibawah ini.

 

4.Silahkan pilih salah satu kotak isian yang anda inginkan. Masukkan alamat blog anda dan klik Build Widget

5.Pilih ukuran alexa yang anda ingin kan. Kemudian copypaste salah satu coding tersebut di blog anda.



Cara Menempatkan kode HTML widget pada blog
- Login ke blogger dengan ID sobat
- Klik Tata Letak.
- Klik menu Elemen Halaman.- Pilih dan Klik Tambah Gadget.- Pilih Gadget HTML/JavaScript dan Klik tanda Plus ( + ) di samping tulisan.
- Paste kode HTML Widget Alexa yang tadi telah disimpan di notepad kedalam kolom dibawah tulisan konten)
- Klik tombol Simpan yang ada di bawah
- Atur penempatan elemen yang baru sobat buat tadi di tata letak sesuai selera
- Klik tombol Simpan yang ada di sebelah kanan atas.
- Lihat blog. Widget alexa sudah terpasang di side bar blog sobat.
 Posted in: