Download Template Blogger Novinture

Setiap akhir bulan akan menghadirkan template-template keren yang bisa didownload untuk mengganti template yang mungkin sudah kita bosan. Nah kali ini yang akan kita sajikan adalah Novinture. Template Novinture ini masih bergaya magazine yang memang banyak sekali digunakan. Dengan background yang cerah dan memiliki banyak fitur yang menarik, misalnya slide, auto readmore, button share dan sebagainya.

LIVE DEMO | DOWNLOAD

Fitur Template Blogger Novinture
* Top Navigasi Menu Horizontal links
* Stunning Slideshow
* Retweet button
* Facebook Berbagi button
* Footer 4 Kolom
* Email Langganan
* Feed Counter
* Search Engine
* Bagian Komentar Wonderful (dengan avatar)
* Page Navigation
* Otomatis Thumbnail di homepage
* Otomatis Post ringkasan di homepage
* Iklan banner siap (di header)
*) Template ini dibuat oleh; http://www.bloggertricks.com/

selengkapnya>>

Membuat Tulisan Berjalan Bolak-balik

Hoe,, diem donk! Dari tadi mondar-mandir, bolak-balik kayak setrika saja! 
Haha,,, ini mau buat tulisan yang jalan bolak-balik. Seperti yang sudah kita pelajari sebelumnya, yaitu membuat tulisan berjalan ke samping dan ke atas. Kini saatnya untuk belajar membuat tulisan yang bolak-balik kayak sertika.

Sebelumnya mungkin kamu bisa juga baca:
Membuat Running Teks Berita dari Blog Kita
Cara Membuat Judul Blog Berjalan
Membuat Artikel Terkait Bergambar Berjalan

Cara Membuat Tulisan Berjalan Bolak-balik
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode script berikut ini:

<marquee behavior="alternate">Selamat Datang di Belajar Ngeblog di BLOG</marquee>

Itu adalah contoh, kamu bisa menganti tulisan yang berwarna merah dengan tulisan (teks) yang kamu inginkan, dan juga bisa menyisipkan kode lain, misalnya Bold, italic, font size, atau tex colour. Atau juga bisa kode html untuk banner (gambar).

5 Simpan jika sudah selesai. Hasilnya akan seperti ini:
Selamat Datang di Belajar Ngeblog di BLOG

selengkapnya>>

Membuat Slide Recent Post

Banyak cara untuk menampilkan recent post atau postingan terbaru. Di blog ini saja ada banyak tutorial atau pelajaran yang membahas tentang recent post. Coba ketik saja di search box "recent post".

Sekarang kita akan belajar menampilkan recent post lebih menarik lagi. Kita membuat slide recent post, yang akan disertai thumbnail, judul terbaru, tanggal dipublish dan jumlah komentar. Ya karena slide, berarti terus bergerak dan bergantian. Widget slide recent post ini cocok dipasang di sidebar. Demonya bisa dilihat di sini

Cara Membuat Slide Recent Post
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>
<script language='JavaScript'>
imgr = new Array();
imgr[0] = "http://i777.photobucket.com/albums/yy55/terate/th_New.jpg";
imgr[1] = "http://i1037.photobucket.com/albums/a452/thing_wu/Thing/women/2q1bhc3.jpg";
imgr[2] = "http://i1044.photobucket.com/albums/b443/akropolis_album/antarktis/125model6-1.jpg";
imgr[3] = "http://i777.photobucket.com/albums/yy55/terate/th_New.jpg";
imgr[4] = "http://i777.photobucket.com/albums/yy55/terate/th_New.jpg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://kurniasepta.blogspot.com/";
limitspy=4
intervalspy=4000
</script>

<div id="spylist">
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>

Sebelum kita Simpan, berikut ini yang bisa kita ubah:

• 220 dan 208 adalah lebar widget.
•  numposts = 10; adalah banyaknya postingan yg ingin kita tampilkan
• Ganti http://kurniasepta.blogspot.com/ dengan URL blog kita sendiri.

5. Simpan jika sudah selesai.

selengkapnya>>

Menambahakan Button Facebook Like di Blogdetik

Kali ini akan membahas lagi tentang blogdetik. Dulu pernah kita belajar cara menampilkan emoticon di blogdetik dan juga menghilangkan navbarnya. Sekarang yang kita pelajari yaitu cara menambahkan button facebook like di bawah postingan. Begitu besar manfaat menambahkan button facebook like, karena setiap orang punya akun facebook. Sehingga akan mudah button ini dipakai, jika suka maka akan mengklik LIKE dan berarti akan masuk (posting) di profil facebooknya. Dilihat teman-temannya. Alhasil tulisan kita akan mudah menyebar sehingga akan banyak yang datang ke blog kita.

Cara Menambahakan Button Facebook Like di Blogdetik
1. Login ke blogdetik
2. Pilih Settings lalu Sociable
3. Masukan kode berikut di kolom Tagline

<script src="http://connect.facebook.net/id_ID/all.js#xfbml=1"></script><fb:like href="" show_faces="true" width="450" font=""></fb:like>

4. Klik Save Changes jika sudah selesai.

selengkapnya>>

Menambahkan Widget Koprol di Blog

Koprol adalah situs jejaring sosial yang dibuat oleh orang indonesia. Ada Fajar, Satya dan satunya lagi saya lupa yang membuat koprol dengan sedikit mengadopsi layanan seperti twitter dan plurk. Tapi ciri khas utama adalah koprol situs jejaring sosial yang berbasis lokasi. Kita bisa chekin di suatu tempat, menulis review tempat itu dan update status. Koprol telah menyita perhatiaan Yahoo!, yang akhirnya Yahoo! mengakuisisi Koprol. Dan hingga saat itulah namanya menjadi Yahoo! Koprol. Bahkan iklannya muncul di TV beberapa saat yang lalu.

Saya sih, sudah punya koprol sudah lama, menurut data di sana sejak September 2009 (bulan ulang tahun saya itu :D). Saya suka dengan warna hijaunya koprol, sama seperti sedikit hijaunya link di blog ini. Kita bisa juga sharing status di koprol ke facebook, twitter, dan lain-lain. Caranya dengan masuk koprol, pilih settings lalu sharing.

Dan sekarang Yahoo! Koprol menyediakan widget untuk dipasang di blog. Karena biasanya yang punya koprol itu juga punya blog. Makanya kita bisa pasang atau menambahkan widget koprol di blog kita. Selain bisa menampilkan status terbaru di koprol juga siapa tahu akan bisa menjadikan kita punya banyak teman atau follower di koprol. Tentunya bagi Yahoo! Koprol sendiri ini bisa jadi ajang promosi yang gratis. Kalau dilihat tampilan dan cara membuatnya seperti widget twitter.

Cara Menambahkan Widget Koprol di Blog
1. Kunjungi http://www.koprol.com/widgets
2. Lalu pilih Profile Widget.
3. Kostumisasi widget, dengan username koprol kita.

4. Kita juga bisa mengkostumisasi Preferences, Appearances, Dimensions.
5. Cek dulu hasil kostumisasi widget koprol dengan klik Preview.
6. Jika suda merasa sesuai klik Grab untuk mendapatkan kode scriptnya.
7. Login ke blogger.com pilih Rancangan lalu Tambah Gadget pilih HTML/JavaScript.
8. Masukan kode script yang sudah didapat dari koprol ke HTML/JavaScript.
9. Simpan jika sudah selesai.

Contoh kode script widget koprol:

<script src="http://l.yimg.com/on/javascripts/widget_packaged.js"></script><script>Koprol.Widget({username:"kurniasepta",live:true,inter:4,scroll:false,nos:30,avtr:false,times:false,colors:{shell:{bg:"#8bcf4b",text:"#ffffff"},stream:{bg:"#d7f2af",text:"#545454",link:"#118cab"}},dim:{a:false,w:200,h:300}}).start()</script>

selengkapnya>>

Membuat Icon Burung Twitter Berterbangan di Blog

Siapa yang tidak punya twitter? Buat saja, sekarang ini sudah jamannya twitter. Dulu sudah belajar bagaimana menampilkan status twitter di blog. Kali ini akan belajar membuat mainan baru yang lucu menurut saya. Apakah icon dari twitter? Iya betul, jawabannya adalah Burung. Jika tweet kita itu sama dengan ocehan, maka burung itu cara bergeraknya bagaimana? Iya betul, burung itu hewan yang bergerak dengan terbang.

Bagaimana seandainya twitter kita terbang? Eh, bukan twitter tapi iconya yang berupa burung tadi berterbangan di blog kita? Kelihatannya akan menarik dan lucu, Horee,, burungku berterbangan di blog :D. Burung yang menjadi icon twitter ini yang akan ada link yang menuju profil twitter ini akan berterbangan di blog kita, sehingga akan menarik pengunjung blog. Dan bisa jadi akan mengklik dan memfollow twitter kita.

Cara Membuat Icon Burung Twitter Berterbangan di Blog
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<script type="text/javascript" src="https://sites.google.com/site/exeloph/file/Twitterbang.js"></script>
<script type="text/javascript">
var birdSprite="https://lh3.googleusercontent.com/_6TkGtddC4V4/TWCplect9lI/AAAAAAAAADI/6tK12S_REt8/bluetwit.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/kurniasepta";var tweetThisText = "Twitter - kurniasepta http://kurniasepta.blogspot.com/";tripleflapInit();</script>

5. Ganti http://kurniasepta.blogspot.com/ dengan URL blogmu sendiri dan kurniasepta dengan twitter usernamemu sendiri.
6. Simpan jika sudah selesai. Jangan lupa follow @kurniasepta ya!

selengkapnya>>

Kabar Menyedihkan MyBlogLog Ditutup

Mybloglog menjadi partner blogger yang begitu populer di tahun 2007-2009 sebelum ada Google Friend connect atau Facebook social plugins. Sampai sekarang pun masih banyak yang menggunakannya. Mybloglog adalah tempat blogger untuk media membuat komunitas blognya. Layanan yang sejenis dengan mybloglog adalah blog catalog yaitu untuk berlangganan feed blog, mengetahui postingan terbaru dengan bergabung di dalam wadah mybloglog.

Mybloglog salah satu tempat untuk membentuk komunitas blog, untuk menampung pembaca-pembaca setia blog. Hampir sebagian blogger memasang widget dari mybloglog, (termasuk Belajar Ngeblog di BLOG). Karena membentuk komunitas untuk blog itu sangat banyak manfaatnya, dan salah satu medianya mybloglog. Dengan mudah orang meninggalkan jejak atau kita bisa tahu siapa yang baru saja datang di blog kita dengan recent visitor. Bahkan ada tutorialnya untuk memodifikasi tampilan widget mybloglog dan menampilkan avatar mybloglog di kotak komentar.

Ada kabar menyedihkan, kalau Mybloglog dihapus mulai tanggal 24 Maret 2011. Walau sebenarnya kita masih bisa melihatnya. Mybloglog adalah satu layanan yang dimiliki oleh Yahoo! Setelah diakusisi oleh Yahoo! Memang terasa lebih friendly karena bisa login atau sign up dengan akun Yahoo! Menurut kabar karena proses efisiensi yang dilakukan oleh Yahoo! Menyebabkan layanan Mybloglog di tutup dan disarankan memakai Yahoo! Pulse. Sebenarnya dua layanan itu sangat berbeda.

Menurut kabar dari blog yang membahas teknologi, khususnya internet. Banyak blogger yang merasa keberatan dengan penutupan atau penghentian layanan mybloglog. Memang masih ada manfaatnya dan sudah ada mungkin ribuan orang yang sudah gabung di komunitas mybloglog di blognya. Dan Blog Catalog siap untuk mengelola mybloglog. Dan kita tunggu saja nasib Mybloglog selanjutnya.

Memang semua itu zamannya, sama seperti friendster yang dulu populer kini digantikan oleh facebook atau twitter. Waktu akan terus menyeleksi ada yang bertahan dan mati. Sebagai blogger kita juga harus terus berubah, mengikuti perjalanan jaman. Jika mybloglog sudah ditutup dan tidak bisa dipakai, kita optimalkan Google Friend Connect, Facebook social plugins atau media-media untuk membentuk komunitas yang lain, tentunya yang friendly dengan pembaca blog kita.

selengkapnya>>

5 Tampilan Baru Blogspot yang Dinamis

Ada berita terbaru nih, seputar blogger.com. Setelah kemarin baru saja mengeluarkan fitur atau gadget terbaru, yaitu "Ikuti Lewat Email". Sekarang blogger.com mengeluarkan fitur terbaru. Yaitu 5 tampilan blog yang dinamis, kita bisa membuat tampilan blog kita menjadi lebih beragam. Tapi untuk bisa menikmati tampilan yang dinamis itu kita harus mengatur (setting) feed situs blog kita menjadi "Penuh" atau full.

Setelah kita setting feed menjadi penuh, kita bisa melihat tampilan yang dinamis itu dengan format URL sebagai berikut:
# Flipcard: tersedia di [blogURL]/view/flipcard
# Mosaic: tersedia di [blogURL]/view/mosaik
# Sidebar: tersedia di [blogURL]/view/sidebar
# Snapshot: tersedia di [blogURL]/view/snapshot
# Timeslide: tersedia di [blogURL]/view/timeslide
Misalnya untuk melihat tampilan blog kita dalam bentuk mozaic kita arahkan ke; http://gudang-photo.blogspot.com/view/mosaic

Tampilan ini akan bisa dilihat dengan baik jika menggunakan browser modern, seperti IE 8+, Fiefox 3,5+, Chrome atau Safari. Saat di tampilan dinamis ini, di header akan ada menu navigasi, misalnya pilihan tampilan dari flipcard sampai timeslide. Kotak pencarian dan adress bar untuk menulis URL. Serta ada link feedback.

Berikut 5 Tampilan Baru Blogspot yang Dinamis

Flipcard

Mosaic

Sidebar

Snapshot

Timeslide

Dengan semakin banyak fitur yang diberikan blogger.com akan membuat blogger yang bernaung di bawah blogspot memiliki banyak pilihan. Selain itu juga tak mau ketinggalan dengan wordpress atau blog hosting gratisan yang lain. Bagaimana? tertarik untuk mencoba? Setting Feed dulu menjadi Penuh, dan arahkan URL seperti format di atas.

selengkapnya>>