Senin, 10 Desember 2012

cara membuat gambar slide di blog

Kali ini saya akan berbagi trik dan tips bagi sobat blogger mania semuanya, yaitu trik tentang Cara Membuat Foto Slideshow Di Blog atau Foto Slider di Blog. Mungkin diantara sobat semua sudah ada yang mengerti tentang foto slideshow, Namun kali ini saya akan menerangkan tentang cara membuat Foto Slider Carausel Otomatis di Blog. Contoh atau Demonya sobat bisa melihat seperti di halaman utama situs DetikSport, Lihat bagian bawah menu, ada foto slideshow begitulah kira-kira tampilanya nanti.



Sedikit penjelasan untuk sobat, Foto Slideshow yang akan kita buat ini nanti bisa di edit sedikit scriptnya. Karena Foto Slideshow ini bisa di buat berdasarkan Label atau Kategori, dan juga bisa untuk posting terbaru atau artikel terbaru. Jadi sobat bisa memilihnya seperti yang sobat suka, Pilih Foto Slideshow berdasarkan label (kategori) atau Foto Slideshow berdasarkan posting terbaru (artikel terbaru).


 Fungsi dari Foto Slideshow ini adalah bisa untuk mempercantik blog atau website kita, Karena tampilanya yang dinamis. sebab, Foto Slideshow ini disamping menampilkan foto juga akan menampilkan judul posting blog kita, dan jika di klik, maka akan menuju artikel yang selengkapnya postingan kita.


 Oke, Jika sobat ingin membuatnya silahkan ikuti langkah-langkahnya ada Sebelas sebagai berikut:
  1. Silahkan sobat >> "Login/Masuk" ke Blog sobat.
  2. Pilih dan klik >> "Template" >> "Edit HTML". (pada tampilan baru blogger klik >> "lanjutkan")
  3. Jangan lupa sobat Centang "Expand Template Widget".
  4. Langkah selanjutnya silahkan sobat cari kode ]]></b:skin> Gunakan CTRL+F untuk mempermudah pencarian.
  5. Jika sudah ketemu, Kemudian letakkan semua kode script dibawah ini tepat di Atas atau Sebelum kode ]]></b:skin> tadi.
Berikut Kodenya:
  • width:980px; adalah Lebar Slider, silahkan sobat ganti nilai angkanya, sesuaikan dengan template sobat.
  • height:125px; adalah Tinggi Slider, silahkan sobat ganti nilai angkanya sesuai dengan keinginan sobat.
6. Langkah yang berikutnya masih dalam "Edit HTML", Silahkan sobat cari kode </head> . Gunakan CTRL+F untuk mempercepat pencarian.

7. Copy semua kode script di bawah ini dan Paste atau letakkan tepat di Atas atau Sebelum kode </head>
 
Berikut kodenya:
  • numposts1 = 10; adalah jumlah Slider yang akan di tampilkan, silahkan sobat ganti nilainya seperti yang sobat inginkan.
  • <img width="100" height="90" adalah Panjang dan Lebar Foto atau Image yang di tampilkan dalam Slider.
8. Langkah yang selanjutnya, masih dalam "Edit HTML" Silahkan sobat cari kode <div id='main-wrapper'>
Gunakan CTRL+F lagi untuk mempercepat pencarian.

9. Kemudian Sobat Copy semua kode script dibawah ini dan Paste atau Taruh tepat di Atas atau Sebelum kode <div id='main-wrapper'>

Berikut kodenya:
  • Foto Slideshow ini hanya tampil di halaman utama blog saja (Home Page). Jika sobat ingin menampilkan Foto Slideshow ini di semua halaman termasuk saat posting dibuka, silahkan sobat hapus kode yang berwarna BIRU di atas.
  • TUTORIAL%20BLOG adalah Label atau Kategori yang akan di tampilkan dalam Foto Slideshow, silahkan sobat ganti dengan Label atau Kategori Blog Sobat. Namun jangan lupa sobat kasih %20 jika ada Space (Spasi) pada Label atau Kategori sobat.
  • Jika sobat ingin menampilkan Slideshow Postingan Terbaru atau Artikel Terbaru Blog sobat, Silahkan Hapus atau hilangkan Kode /-/TUTORIAL%20BLOG hinga jadinya seperti ini >> document.write(&quot;&lt;script src=\&quot;/feeds/posts/default?max-results
10. Langkah selanjutnya, Silahkan sobat klik Review atau Pratinjau, Demi untuk menghindari kesalahan saat melakukan Edit HTML pada template Blog Sobat.

11. Jika hasilnya sudah sesuai dengan keinginan Sobat, Silahkan klik SIMPAN dan Selamat kini di Blog Sobat sudah ada Foto Slidernya.
oke sobat bisa langsung anda praktekkan sendiri ^_^

Selasa, 28 Agustus 2012

Buah Naga, Buah Unik Dengan Segala Manfaat


alt
 buah naga sudah cukup terkenal masayarakat Indonesia. Buah yang berasalh dari Amerika ini merupakan tanaman yang dapat tumbuh pada iklim tropis. Karena saking populernya, buah ini sudah dikenal orang di seluruh penjuru dunia.

Buah ini pertama kali masuk ke asia dibawa oleh orang perancis yang datang ke china. Oleh karena itu buah naga memiliki banyak nama, misalnya di daerah Meksiko dikenal dengan nama Phitaya, di China disebut Feuy Long Kwa sedangkan di Vietnam terkenal dengan nama Thanh Long. Dan di Indonesia sendiri sering disebut kaktus manis.

Jenis-Jenis Buah Naga
Ada beberapa jenis buah naga antara lain
:

        Buah naga berkulit merah, tetapi buah dagingnya berwarna putih (Hylocereus Undatus)
        Buah naga dengan kulit merah, dagingnya berwarna merah mencolok (Hylocereus Meganlanthus)
         Kulit merah muda, daging berwarna merah (Hylocereus Polyrhizus )
        Buah nage berkulit kuning, berdaging putih (Selenicerus Megalanthus ) 


Manfaat Buah Naga
aneka macam buah nagaManfaat buah naga sangat beragam, kandungan vitamin c yang cukup tinggi pada buah ini membuat buah naga memiliki khasiat meningkatkan kekebalan tubuh kita dan membantu mempercepat proses penyembuhan pada luka.

Kalium dan fosfor yang terkandung pada buah naga bisa membuat tulang kita kuat dan gigi menjadi sehat. Selain itu vitamin B3 yang ada pada buah ini baik untuk menurunkan kolesterol.

Selain itu buah naga juga bermanfaat menyeimbangkan kadar gula di dalam darah. Khasiat lain dari buah yang mirip kaktus ini adalah menjaga kesehatan jantung, mencegah kanker, mencegah kencing manis, memperkuat fungsi ginjal bahkan baik dikonsumsi bagi anda yang sedang menjalani program diet sehat.

Bagi anda yang suka dengan buah naga bisa memekannya langsung, atau bisa juga mengolahnya menjadi aneka makanan dan minuman. Konsumsilah setiap hari dan rasakan manfaat buah naga.