Thứ Bảy, 14 tháng 4, 2012

Nhánh lan rừng trên đảo đá


blog radio 229: nhánh lan rừng trên đảo đáHàng rào trắng xen ô kẻ những những vạch vội đan vào nhau lên trên mặt biển màu xanh ngọc. Những đợt sóng mềm như dải mây trong trẻo chạm khẽ vào ghềnh đá, tạo nên âm thanh rì rào, tí tách như những giọt mưa. Sân chùa cao hơn mặt biển chừng năm mét, ngăn cách nhau chỉ bởi hàng rào màu trắng, theo dọc nó là hàng phi lao non mướt uốn hình vòng cung. An đi ven hàng ghế đá, bàn tay quơ khẽ vào tán phi lao. An hướng về phía biển, gió thốc vào mặt, thổi bay làn tóc mai buông xõa của cô, bay bay như những sợi lá non rung mình trong gió biển.
Mùi hương trầm thơm dịu, An thấy nhẹ lòng. Đến giờ, An phải đi hái chanh leo. Chanh leo nhà chùa
Read more »

Thứ Năm, 12 tháng 4, 2012

Dua Template Gratis dengan Slider Otomatis

Malam ini saya akan sharing lagi dua template gratis serba otomatis, maksudnya anda tidak perlu lagi susah-susah untuk memasukkan kode script ke dalam kotak HTML/Javascript tinggal ketik label di dalam kotak HTML/Javascript maka slider dan label per kategori akan muncul disana. Sebenarnya template ini hanya modifikasi template yang sudah ada, karena banyak yang meminta slidernya dibuat otomatis, saya utak-atik kembali templatenya biar jadi lebih gampang buat pengguna dalam memakainya.

Johny Simplemag

Template ini modifikasi dari Johny Magazine 2 yang masih memakai slider Yahoo yang manual, Johny Simplemag saya buat sedemikian rupa sehingga semua widget yang ada lebih dinamis dan otomatis dengan masih memasang slider Yahoo. Slider Yahoo disini saya buat lebih sederhana, karena hanya 4 post yang bisa ditampilkan pada slider tapi secara tampilan masih sama.

johny simplemag


Sekarang langsung saja pada pemasangannya :
Slider

slider yahoo

Di dashboard masuk ke layout
Kemudian pilih featured today yang ada di layout


Setelah itu masukkan atau ketik label yang ingin ditampilkan pada slider contohnya seperti gambar di bawah ini :


Keterangan :
Ganti sport dengan label yang Anda inginkan (ingat besar kecil huruf harus sama dengan label yang sudah anda buat)
Demikian juga untuk judul widget, anda bisa menggantinya sesuaikan dengan label.
Label 1 - Label 6


Untuk memasang Label 1 sampai dengan Label 6 caranya sama seperti diatas, Anda tinggal mengetikkan label yang ingin ditampilkan pada widget tersebut. Lihat gambar dibawah ini :


Keterangan :
Ganti news dengan label Anda, dan ganti judul widget (label 1) dengan judul yang sesuai dengan label.

Penting :

Karena dari template yang kemarin masih ada yang error dalam penataan widget, isi semua Label 1 sampai dengan Label 6 dan  usahakan dalam meletakkan label, pilih yang jumlahnya minimal 5. Sehingga untuk blog yang baru dan belum memiliki banyak postingan,  penataan widget akan tersusun ke bawah, jadi perbanyak postingan dan label terlebih dahulu sebelum mengajukan pertanyaan.

New Johny Darkgamer

new johny darkgamer


Template ini sudah lama, tapi ternyata peminatnya masih banyak. Kemarin ada yang meminta untuk dibuatkan template Johny Darkgamer tapi dengan fitur slider Carousel otomatis. Tampilan hampir sama dengan Johny Darkgamer lama, saya hanya menambahkan fitur label per kategori diatas blog post dan merubah warnanya menjadi biru.

Slider


Masuk ke Layout kemudian pilih kotak slider


Caranya seperti pemasangan slider pada template Johny Simplemag diatas, anda tinggal ketikkan label yang ingin anda tampilkan dalam slider carousel ini, seperti gambar dibawah :


Demikian juga dengan Label 1 dan Label 2 yang ada di layout template ini, masukkan labelnya kemudian save/simpan.

Itu tadi dua template gratis yang saya bagikan kepada teman-teman blogger kali ini,  selamat mencoba dan semoga bermanfaat.

Pesan dari bang Johny :

Mohon jangan dihilangkan atau diganti kredit link yang ada di bagian bawah sebelah kanan, kalau yang kiri ada tiga itu silahkan diganti dengan bloglist Anda nggak apa-apa

Salam - Johny Template

Update Templates

My Google Code was banned, there's so many script that I put in there can't be opened. But I already fixed it with the updates ones, you can re-download this template or you can change some script below

Johny Simplemag
Click this link and read subtitle "Update Template" in that post for the latest updates of Javascript

New Johny Darkgamer
Click this link and read subtitle "Update Template" in that post for the latest updates of Javascript

Thứ Tư, 11 tháng 4, 2012

Breaking News : Gempa Berpotensi Tsunami Guncang Aceh

Barusan saya lihat ada berita di TV bahwa telah terjadi gempa bumi mengguncang laut sebelah barat Banda Aceh. Gempa terjadi pada pukul 15.38 dan berpusat di 2,31 Lintang Utara dan 92,67 Bujur Timur. Gempa dirasakan di Lampung, Padang dan Bengkulu. Gempa berkekuatan 8,5 skala richter itu menurut para ahli berpotensi menimbulkan gelombang tsunami. Guncangan terasa kuat dan terus-menerus. Pengunjung Kafe de Helsinki pun berhamburan. Gempa masih berlangsung sampai saat berita ditulis pukul 15.41. 


Jika berita ini benar adanya, maka untuk saudara-saudaraku yang ada di Banda Aceh dan sekitarnya semoga mengetahui hal ini dan segera menyelamatkan diri sehingga tidak terjadi hal-hal yang tidak diinginkan, demikian breaking news hari ini.

Bagi yang tidak sempat untuk mengikuti atau membaca berita dari situs lain, untuk kali ini saja tolong artikel ini disebarkan ke yang lain, agar semua saudara kita yang ada disana selamat tidak terjadi sesuatu apapun... makasih sebelumnya

Thứ Ba, 10 tháng 4, 2012

Có bao giờ tôi cũng yêu em


Văn phòng mới của công ty nằm ngay ngắn trên trên đường Thạch Bài, một con đường ven hồ khá đẹp trong thành phố.Cũng kể từ lúc công ty chuyển về đây tôi bắt đầu có một thói quen mới đó là uống cà phê buổi trưa, nhưng không phải trong phòng nước của công ty mà là ở quán cà phê có cây Dương liễu cổ thụ sát bên dưới.

Đằng sau cánh cửa sắt khép hờ một nửa, ngôi nhà ven hồ vẫn nằm lặng im khuất sau cây liễu già rủ chấm đất, khoảng sân nhỏ được bày những bộ bàn ghế bằng gỗ, từng chậu hoa mẫu đơn chúm chím xếp sát nhau tạo ra nhiều khoảng không gian riêng biệt. Chẳng ai biết rằng, ngôi nhà này, giờ đây là quán cà phê mang cái tên kỳ lạ Biển Trúc ấy trước kia chính là nơi mà em đã sống.

Em…

Người con gái tôi đã từng làm tổn thương…

Nhiều năm về trước, có lẽ là 8 năm, cũng có lẽ là 10 năm hoặc lâu hơn thì phải, tôi  không còn nhớ rõ nữa, em đã đem lòng yêu tôi, yêu gã trai trẻ hào hoa mang vẻ ngoài lạnh lùng làm xiêu lòng biết bao cô gái.Hồi ấy, không phải tôi tự nhận, mà do từ khi sinh ra mọi người vẫn nói tôi là một gã đẹp trai, thế nên tôi luôn có tư tưởng mặc định rằng tôi đẹp.Tôi tự cho mình cái quyền đón nhận tình cảm của ai đó một cách hân hoan nếu tôi thích hoặc ném trả cho người ta một cách phũ phàng nếu tôi chẳng ưa.Tôi biết yêu từ rất sớm, yêu thì nhiều, mối tình nào cũng ngọt ngào và tha thiết lắm nhưng chân thành ra để mà giãi bày thì tôi có hiểu cái gì là tình yêu đâu, vì từ trước đến nay chỉ có các cô gái theo tôi chứ tôi nào đâu biết theo các cô gái.Vậy thì làm sao tôi hiểu được hai từ trân trọng nó có ý nghĩa thế nào trong tình yêu? Và em là một trong số những cô gái đó, những cô gái mang tình yêu của mình trao vào tay kẻ hời hợt như tôi…

blog radio 228 hate you love you Tôi vẫn nhớ lần đầu tiên gặp em ở đám cưới của một người bạn, em mặc chiếc váy màu xanh mềm mại, bẽn lẽn đằng sau cô dâu chú rể, thỉnh thoảng em lại quay sang nhìn tôi rất chăm chú Khi chú rể chuẩn bị đưa cô dâu ra xe thì trời đổ mưa rào, em nhìn lên mái hiên ướt mưa vẫn đang nhỏ giọt và lẩm bẩm “Người ta bảo mưa như vậy là có lộc, cuộc đời cô dâu chú rể sẽ sung túc hạnh phúc...” Tôi ngạc nhiên vì câu nói hết sức vớ vẩn đó của em, em cười, đôi má ửng hồng rồi ngại ngùng quay mặt đi.

Sau này khi vô tình gặp lại em ở lớp học tiếng Pháp tôi và em mới làm bạn của nhau.Thì ra em không nhút nhát như tôi nghĩ, ngược lại còn rất sôi nổi và hòa đồng.Thông minh, lém lỉnh là hai từ tôi dùng để miêu tả về em những lúc tôi vui.Phiền phức, hậu đậu là những điều  không thể thiếu nhằm phản ánh con người em mỗi khi tôi bực dọc.Em lúc nào cũng lẽo đẽo theo tôi một cách tự nguyện và ngốc nghếch, cũng chẳng ngoa nếu hồi ấy tôi nói rằng em giống như cái bóng của tôi.

Read more »

Thứ Bảy, 7 tháng 4, 2012

Gamer Darkpaper, The Best Template Gamer I Ever Made

Sekali-kali judulnya pakai bahasa Inggris biar keren, dan mohon maaf kalau judulnya agak sedikit narsis. Karena memang template ini template terbaik yang pernah saya buat, itu dari sudut pandang saya sendiri, entah bagaimana pandangan teman-teman semua. Sebenarnya saya sempat bingung, template ini sudah jadi sejak kemarin. Saya mau cerita sebentar, ternyata template ini ada yang mau beli, tapi dengan syarat template ini tidak dishare secara gratis di internet, tapi kalau ada orang lain yang mau beli lagi baru boleh, alias template ini mesti dibuat premium pemakainya mesti bayar.

gamer darkpaper

Setelah saya pikir-pikir, kesepakatan gagal. Saya tetap mau share template ini secara gratis. Itu cerita sore tadi, sekarang langsung saja tentang template ini. Namanya Gamer Darkpaper, terus terang saya asal kasih nama ke template ini, lagi nggak ada ide. Secara tampilan sama persis dengan template Mas Paper magazine 2 yang membedakan hanya warna dominan yang ada pada template. Dengan warna dasar hitam dan merah membuat template ini kelihatan lebih hidup daan menyala, biar orang yang melihat ngantuknya jadi ilang. Template ini saya desain khususnya untuk para pecinta games (seperti saya) tapi kalau mau diisi dengan konten lain silahkan saja. Fiturnya juga sama persis yang membedakan hanya pada kotak feedburner dan related artikel yang ada di bawah postpage.  Saya akan ulang lagi tutorialnya disini

Fitur :
  1. Slider carousel dan featured slider otomatis
  2. Multi level drop down menu.
  3. Automatic widget per category
  4. Pagination ready
  5. Ads ready dan widget twitter
  6. Dan masih banyak lagi
Slider

Menuju ke layout >> add gadget masukkan kode ini pada kotak HTML/Javascript :
<div id='featured'>
<ul class="ui-tabs-nav">
<script>
document.write("<script src=\"/feeds/posts/default/-/misteri?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts5\"><\/script>");
</script>
</ul>
<script>
document.write("<script src=\"/feeds/posts/default/-/misteri?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script>
</div>
Keterangan :
Perhatikan tulisan warna biru diatas, itu adalah label yang saya masukkan pada slider. Silahkan anda ganti sesuai keinginan.

Widget Label

Perhatikan layout template diatas, untuk kolom Your label here, Label 1, Label 2, Label 3 sampai dengan Label 6 Anda tinggal masukkan label pada kotak HTML/Javascript seperti contoh gambar di bawah ini :
Untuk contoh dari gambar diatas, label 3 Anda ganti dengan judul widget. entertainment silahkan diganti dengan label Anda sendiri. Perlu diingat besar kecil huruf harus sama dengan label yang sudah Anda buat sebelumnya. Jadi disini anda tinggal memasukkan label bukan kode script, misalnya sport, news, culture dan lain-lain ke dalam kotak HTML/Javascript, kemudian sve lihat hasilnya.

Twitter Widget

Twitter widget untuk template ini sedikit berbeda dengan versi sebelumnya, tapi pemasangannya sama. Untuk membuat twitter widget masukkan kode di bawah ini pada kotak HTML/Javascript :
<div style="background:#cc0000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVZiQ3PJuIXNlKu9_Z2AguujbAdlZS4vI3X72KA1tkgoaoOmE_Aqql-dtBZezKdH1NNCEjdSNeEGSJkzcNh1mi3571kP9iW9KDnnHXZybFXlGJdyUZz53ElqpkNzxidQHdmEj2_-SrPIU/s1600/twitter+me.png) no-repeat;padding-top:46px;padding-left:10px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 280,
height: 122,
theme: {
shell: {
background: 'transparent',
color: '#aeaeae'
},
tweets: {
background: 'transparent',
color: '#aeaeae',
links: '#cc0000'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('maskolis').start();
</script>
</div>
Ganti maskolis dengan twitter username anda.


Kotak feedburner di bawah postingan

Cari kode script di bawah ini pada edit HTML (jangan lupa centang expand widget templates) :
<div class='subscribe'>
<p class='intro'>If you enjoyed this article just <a href='http://feeds.feedburner.com/JohnyTemplate' target='_blank' title='feedburner'>
<b>click here</b></a>, or subscribe to receive more great content just like it.</p>
<p class='feed'><a href='http://johnytemplate.blogspot.com/feeds/posts/default'>Subscribe via RSS Feed</a></p>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=JohnyTemplate&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='JohnyTemplate'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='botsub' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email&quot;;}' onfocus='if (this.value == &quot;Enter your email&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter your email....'/>
<input id='botsubbutton' type='submit' value='Submit'/><br/>
<small>Your information will not be shared. Ever.</small>
</form>
</div>
Keterangan :
Warna biru : ganti dengan alamat feed anda.
Warna merah : ganti dengan URL anda.
Ganti juga URL feed http://feeds.feedburner.com/blogspot/htbgh dengan URL feed Anda.

Saran saya, dalam menggunakan template ini. Buka  xml template ini, terus copy ke notepad kemudian buka Edit HTML template, kemudian copykan yang ada di notepad kesitu. Setelah itu save templates >> deleted widget. Langkah selanjutnya masuk ke layout, kosongkan semua widget kecuali, Your label here, Label 1 sampai dengan Label 6 jangan dihapus. setelah itu preview template. Hal ini dilakukan agar kode bawaan template lama tidak ikut sehingga mempersulit dalam penataan widget nantinya. Baru kemudian pasang widgetnya satu persatu. Setelah normal silahkan template ini dimodifikasi sesuka hati. Dan yang perlu diingat template ini banyak sekali menggunakan kode javascript, jadi jika Anda ingin memasukkan widget baru yang juga menggunakan javascript, lihat dulu apakah ada kode yang sama meskipun serinya berbeda. Pakai saja salah satunya. Selamat mencoba dan semoga bermanfaat...... happy weekend

Iklan template baru, kalau ada yang mau dishare kalau nggak ada dipakai sendiri (serba otomatis dari mulai slider sampai ke recent categories_tinggal masukin label ke widget)

Pesan dari bang Johny :
Mohon jangan dihilangkan atau diganti kredit link yang ada di bagian bawah sebelah kanan, kalau yang kiri ada tiga itu silahkan diganti dengan bloglist Anda nggak apa-apa

Salam - Johny Template

Penting :

Karena dari template yang kemarin masih ada yang error dalam penataan widget, isi semua Label 1 sampai dengan Label 6 dan  usahakan dalam meletakkan label, pilih yang jumlahnya minimal 5. Sehingga untuk blog yang baru dan belum memiliki banyak postingan,  penataan widget akan tersusun ke bawah, jadi perbanyak postingan dan label terlebih dahulu sebelum mengajukan pertanyaan.


Update Templates

My Google Code was banned, there's so many script that I put in there can't be opened. But I already fixed it with the updates ones, you can re-download this template or you can change some script below

Click this link and read subtitle "Update Template" in that post for the latest updates of Javascript

Thứ Tư, 4 tháng 4, 2012

Mas Paper Magazine 2 Blogger Template



Fitur :
  1. Slider carousel dan featured slider otomatis
  2. Multi level drop down menu.
  3. Automatic widget per category
  4. Pagination ready
  5. Ads ready dan widget twitter
  6. Dan masih banyak lagi
Slider

Menuju ke layout >> add gadget masukkan kode ini pada kotak HTML/Javascript :
<div id='featured'>
<ul class="ui-tabs-nav">
<script>
document.write("<script src=\"/feeds/posts/default/-/misteri?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts5\"><\/script>");
</script>
</ul>
<script>
document.write("<script src=\"/feeds/posts/default/-/misteri?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script>
</div>
Keterangan :
Perhatikan tulisan warna biru diatas, itu adalah label yang saya masukkan pada slider. Silahkan anda ganti sesuai keinginan.

Widget Label

Perhatikan layout template diatas, untuk kolom Your label here, Label 1, Label 2, Label 3 sampai dengan Label 6 Anda tinggal masukkan label pada kotak HTML/Javascript seperti contoh gambar di bawah ini :
Untuk contoh dari gambar diatas, label 3 Anda ganti dengan judul widget. entertainment silahkan diganti dengan label Anda sendiri. Perlu diingat besar kecil huruf harus sama dengan label yang sudah Anda buat sebelumnya.

Twitter Widget

Untuk membuat twitter widget masukkan kode di bawah ini pada kotak HTML/Javascript :
<div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdw04Y9dlRnGC2vbxLJaI7oe34p9LsxPYAnBoDHyNUQn2oswhLqMPGcXaSbkxcNoxW8AIQjtcwoi7_cSnScQB1V_5AoNtYxFF3QK_T_y4ousoEmKeYBCLvwE2XRUoMHRg8Tcxlxu8y2Uw/s1600/tweet.png) no-repeat;padding-top:45px;padding-left:8px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 285,
height: 123,
theme: {
shell: {
background: 'transparent',
color: '#000000'
},
tweets: {
background: 'transparent',
color: '#000000',
links: '#135a9e'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('maskolis').start();
</script>
</div>
Ganti maskolis dengan twitter username anda.

Mohon maaf sebelumnya karena buru-buru soalnya disuruh bos ke bandara jemput tamu penting katanya. jika ada yang kurang jelas silahkan tinggalkan pesan di kotak komentar. Sementara itu aja dulu, nanti malam disambung lagi.

Penting :

Isi semua Label 1 sampai dengan Label 6 dan  usahakan dalam meletakkan label, pilih yang jumlahnya minimal 5. Sehingga untuk blog yang baru dan belum memiliki banyak postingan,  penataan widget akan tersusun ke bawah, jadi perbanyak postingan dan label terlebih dahulu sebelum mengajukan pertanyaan lainnya.

Pesan dari bang Johny :
Mohon jangan dihilangkan atau diganti kredit link yang ada di bagian bawah sebelah kanan, kalau yang kiri ada tiga itu silahkan diganti dengan bloglist Anda nggak apa-apa

Salam - Johny Template

Template Mas Paper 2 warna yang gelap, baru diproses

Update Templates

My Google Code was banned again, there's so many script that I put in there can't be opened. But I already fixed it with the updates ones, you can re-download this template or you can change some script below

Click this link and read subtitle "Update Template" in that post for the latest updates of Javascript

Thứ Hai, 2 tháng 4, 2012

Membuat Slider Otomatis Sporty Magazine 2 Template

Tutorial kali ini menjawab pertanyaan dari Mr. Copas pada artikel membuat Image Slider Otomatis, yang menginginkan slider pada template Sporty Magazine 2 made in Borneo Templates yang dipakainya menjadi otomatis. Ketika saya berselancar atau bahasa kerennya surfing di internet, beberapa kali menemukan banyak sekali pengguna template ini baik dari dalam maupun dari luar negeri. Template ini memang fenomenal dan banyak sekali peminatnya, dengan tampilan dasar mirip nbcsports.msnbc.com, template ini menjadi salah satu template blogger dengan pengguna paling banyak.

maskolis

Pada kesempatan kali ini saya akan mencoba untuk membuat slider bawaan dari template tersebut yang masih mengisikan URL dan keterangan slider satu persatu, menjadi otomatis. Tinggal memasukkan beberapa kode ke kotak HTML/Javascript dengan merubah label tertentu, maka slider pada template ini menjadi otomatis, Sehingga setiap postingan baru dengan label yang diletakkan pada slider, secara otomatis akan muncul.


Langsung saja pada langkah pembuatannya :
  1. Masuk ke Blogger dengan akun anda
  2. Di dashboard pilih blog, kemudian pilih template >> Edit HTML. Jangan lupa untuk mencentang kotak Expand Widget Templates.
  3. Setelah itu letakkan kode berikut ini diatas kode ]]></b:skin> :
    #featured{width:640px;height:250px;position:relative;margin:0;padding:0}
    #featured ul.ui-tabs-nav{position:absolute;top:0;right:0;list-style:none;width:240px;height:250px;margin:0;padding:0}
    #featured ul.ui-tabs-nav li{position:relative;line-height:1.3em;padding:0}
    #featured ul.ui-tabs-nav li span{font:bold 12px Arial;line-height:1.3em;color:#000;margin:0;padding:0}
    #featured .ui-tabs-panel{width:400px;height:250px;background:#ddd;position:relative;overflow:hidden}
    #featured .ui-tabs-panel img{width:400px;height:250px}
    #featured .ui-tabs-hide{display:none}
    #featured li.ui-tabs-nav-item a{display:block;width:215px;height:57px;color:#000;overflow:hidden;background:#ddd;border-left:10px solid #999;line-height:1.4em;outline:none;margin:0 0 2px;padding:2px 10px 2px 5px}
    #featured li.ui-tabs-nav-item a:hover{border-left:10px solid #555;background:#ccc}
    #featured li.ui-tabs-selected{position:absolute}
    #featured ul.ui-tabs-nav li.ui-tabs-selected a{background:#aaa;display:block;border-left:10px solid #444}
    #featured ul.ui-tabs-nav li img{width:75px;height:48px;float:left;background:#333;border:none;margin:4px 7px 4px 0;padding:0}
    #featured .ui-tabs-panel .info{position:absolute;top:179px;left:0;height:71px;width:400px;background:#000;opacity:0.80;filter:alpha(opacity=80)}
    #featured .info a{text-decoration:none;color:#eee}
    #featured .info a:hover{color:#FE9A2E;text-decoration:underline}
    #featured .info h2{font-size:15px;font-family:Arial, serif;color:#fff;overflow:hidden;margin:0;padding:5px}
    #featured .info p{font-family:Arial;font-size:11px;line-height:15px;color:#f0f0f0;margin:0 5px}
    Catatan :
    Bagi pengguna template Sporty Magazine 2 langkah itu tidak perlu dilakukan karena kode ini sudah ada. Untuk pengguna template lain, silahkan ukurannya disesuaikan.
  4. Masih dalam posisi Edit HTML, letakkan kode berikut diatas kode </head> :
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
    <script src='http://yourjavascript.com/511211242172/jquery-ui.min.js' type='text/javascript'/>

    <script type='text/javascript'>
        $(document).ready(function(){
            $(&quot;#featured &gt; ul&quot;).tabs({fx:{opacity: &quot;toggle&quot;}}).tabs(&quot;rotate&quot;, 4000, true);
        });
    </script>

    <script type='text/javascript'>
    //<![CDATA[
       imgr = new Array();

    imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO6wG1xPQyXQ74IvGt0NIFy7WmjQP6di8_6iZxDqBTmD-0DFTPsVjdVxSE7MDJtPLb-b916EkfuVfgahyZRNsvTqTDBt6JKOBj-XNLxpIw5sXC-qxPg03C-cXeh4CKSGkLjPZIZoqnajA/s1600/no+image.jpg";

    showRandomImg = true;

    aBold = true;

    summaryPost = 70;
    summaryTitle = 20;

    numposts1 = 4;

    function removeHtmlTag(strx,chop){
        var s = strx.split("<");
        for(var i=0;i<s.length;i++){
            if(s[i].indexOf(">")!=-1){
                s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
            }
        }
        s =  s.join("");
        s = s.substring(0,chop-1);
        return s;
    }

    function showrecentposts4(json) {
        j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
        img  = new Array();

          for (var i = 0; i < numposts1; i++) {
            var entry = json.feed.entry[i];
            var posttitle = entry.title.$t;
            var pcm;
            var posturl;
            if (i == json.feed.entry.length) break;
            for (var k = 0; k < entry.link.length; k++) {
                  if (entry.link[k].rel == 'alternate') {
                    posturl = entry.link[k].href;
                    break;
                  }
            }
           
            for (var k = 0; k < entry.link.length; k++) {
                  if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
                    pcm = entry.link[k].title.split(" ")[0];
                    break;
                  }
            }
           
            if ("content" in entry) {
                  var postcontent = entry.content.$t;}
            else
            if ("summary" in entry) {
                  var postcontent = entry.summary.$t;}
            else var postcontent = "";
           
            postdate = entry.published.$t;
       
        if(j>imgr.length-1) j=0;
        img[i] = imgr[j];
       
        s = postcontent    ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

        if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

        //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


        var month = [1,2,3,4,5,6,7,8,9,10,11,12];
        var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

        var day = postdate.split("-")[2].substring(0,2);
        var m = postdate.split("-")[1];
        var y = postdate.split("-")[0];

        for(var u2=0;u2<month.length;u2++){
            if(parseInt(m)==month[u2]) {
                m = month2[u2] ; break;
            }
        }

       
        //var daystr = (showPostDate) ? '<i><font color="'+acolor+'"> - ('+day+ ' ' + m + ' ' + y + ')</font></i>' : "";


        var trtd = '<div class="ui-tabs-panel ui-tabs-hide" id="post-'+i+'"><a href="'+posturl+'"><img width="400" height="246" src="'+img[i]+'"/></a><div class="info"><h2><a href="'+posturl+'">'+posttitle+'</a></h2><p>'+removeHtmlTag(postcontent,summaryPost)+'...<a href="'+posturl+'"></a></p></div></div>';

        document.write(trtd);

        j++;
    }

    }

    function showrecentposts5(json) {
        j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
        img  = new Array();

          for (var i = 0; i < numposts1; i++) {
            var entry = json.feed.entry[i];
            var posttitle = entry.title.$t;
            var pcm;
            var posturl;
            if (i == json.feed.entry.length) break;
            for (var k = 0; k < entry.link.length; k++) {
                  if (entry.link[k].rel == 'alternate') {
                    posturl = entry.link[k].href;
                    break;
                  }
            }
           
            for (var k = 0; k < entry.link.length; k++) {
                  if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
                    pcm = entry.link[k].title.split(" ")[0];
                    break;
                  }
            }
           
            if ("content" in entry) {
                  var postcontent = entry.content.$t;}
            else
            if ("summary" in entry) {
                  var postcontent = entry.summary.$t;}
            else var postcontent = "";
           
            postdate = entry.published.$t;
       
        if(j>imgr.length-1) j=0;
        img[i] = imgr[j];
       
        s = postcontent    ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

        if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

        //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


        var month = [1,2,3,4,5,6,7,8,9,10,11,12];
        var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

        var day = postdate.split("-")[2].substring(0,2);
        var m = postdate.split("-")[1];
        var y = postdate.split("-")[0];

        for(var u2=0;u2<month.length;u2++){
            if(parseInt(m)==month[u2]) {
                m = month2[u2] ; break;
            }
        }

       
        //var daystr = (showPostDate) ? '<i><font color="'+acolor+'"> - ('+day+ ' ' + m + ' ' + y + ')</font></i>' : "";


        var trtd = '<li id="nav-post-'+i+'" class="ui-tabs-nav-item"><a href="#post-'+i+'"><img width="80" height="50" src="'+img[i]+'"/><span>'+posttitle+'</span></a></li>';

        document.write(trtd);

        j++;
    }

    }

     //]]>
    </script>
    Catatan :
    Untuk pengguna template Sporty Magazine 2, hapus dulu kode script bawaan slider, kemudian baru letakkan kode diatas.
  5. Setelah langkah diatas, save templates terlebih dahulu. Setelah itu menuju ke layout >> add gadget masukkan kode ini pada kotak HTML/Javascript :
    <div id='featured'>
    <ul class="ui-tabs-nav">
    <script>
    document.write("<script src=\"/feeds/posts/default/-/misteri?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts5\"><\/script>");
    </script>
    </ul>
    <script>
    document.write("<script src=\"/feeds/posts/default/-/misteri?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
    </script>
    </div>
    Keterangan :
    Perhatikan tulisan warna biru diatas, itu adalah label yang saya masukkan pada slider. Silahkan anda ganti sesuai keinginan.
  6. Untuk pengguna template Sporty Magazine 2, tinggal memasukkan kode diatas pada kolom kosong diatas blog post (kalau tidak salah... hehehe). Dan untuk pengguna lain mesti buat dulu satu kolom diatas blog post. Langsung saja letakkan kode berikut di atas kode ]]></b:skin>
    /* Slide Content
    ----------------------------------------------- */
    .slide-wrapper {padding:0 auto;margin:0 auto;width:auto;float: left;
    word-wrap: break-word; overflow: hidden;}
    .slide {color: #666666;line-height: 1.3em;}
    .slide ul {list-style:none;margin:0 0 0;padding:0 0 0;}
    .slide li {margin:0;padding-top:0;
    padding-right:0;padding-bottom:.25em;
    padding-left:0px;text-indent:0px;line-height:1.3em;}
    .slide .widget {margin:0px 0px 6px 0px;}
  7. Kemudian untuk memunculkannya pada layout (diatas blog post), anda harus memanggilnya. Cari kode <div id='main-wrapper'> kemudian letakkan kode berikut dibawahnya :
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <div id='slide-wrapper'>
    <b:section class='slide' id='slide' preferred='yes'/>
    </div>
    </b:if>
    maskolis

Selamat mencoba dan semoga bermanfaat.

Labels

Adult English affiliate Ảnh ẢNH FACEBOOK ẢNH HÀI ẢNH HOA ĐẸP ẢNH LÃNG MẠN ẢNH NGƯỜI MẪU ÁO DÀI Art + Design ẨM THỰC bag Bé tô màu BIKINI BLOGGER books Búp bê C CAPTCHA Cắm hoa Cắt may Chơi mà học CHUYỆN CỦA SAO Chuyện Lạ clip hot Coloring - Tô màu CUỘC SỐNG Doll domain DU LỊCH Đ Đan len Đất nặn cho bé Điện thoại - Tablet E Funny G GAME Gấp giấy Gấp hộp Gấp khăn - Trang trí món ăn Giầy - Dép Gifts Giới Tính GIỚI TRẺ NGÀY NAY Gói quà - gấp nơ Google GOOGLE ADSENSE FULL guest post H Hand made hat hiteach HOA HẬU HỌC TẬP home and garden hosting HOT GIRL INTERNET INTERNET PAYMENT Iseng joomla jQuery Kết hạt KHỎE & ĐẸP KIẾM TIỀN Kinh Nghiệm L LÀM ĐẸP Làm đồ chơi làm đồ chơi từ gỗ Làm hoa giấy Làm hoa vải Làm thiệp LƯU BÚT HỌC TRÒ M Magazine making flowers Mẫu móc MẸO HAY MMO MODEL N Nail art Nến trang trí Nghệ thuật NGƯỜI ĐẸP VÀ XE Nhà đẹp O Origrami Ôtô - xe máy P Painting - Vẽ Patchwork PHẦN MỀM Play and learn for baby plugin Q R recycling S Sách tiếng anh cho bé Sành điệu Sao SAO NGOẠI SAO ONLINE SAO VIỆT SEO SEO FULL slider STYLE T TÂM SỰ template Tết dây THẾ GIỚI NGƯỜI MẪU THẾ GIỚI THỨ 3 THỂ THAO Thêu THƠ TÌNH THỦ THUẬT THÚ VUI Thư giãn TIỂU THUYẾT TÌNH CẢM TIN HOT Tin Vip tips Tóc đẹp traffic TRANG ĐIỂM Trang trí Tri thức TRUYỆN NGẮN truyện quê Túi xinh tutorial blog VĂN PHÒNG vuivui808 weaving website WEDDING wordpress