Bosan dengan tampilan recent post yang anda miliki. Atau blogspot anda belum memiliki widget recent post. Tenang ikuti saja langkah-langkah mudah dibawah ini. Atau anda ingin melihat contoh nyatanya? lihat saja pada widget sebelah yang bertuliskan "Artikel Terbaru"
2011/08/14
2011/07/23
Tutorial Mengganti Tanggal pada Posting-an Blog



2011/07/16
Membuat Halaman Page Navigation pada Blogspot secara mudah
Page Navigation adalah sebuah Widget yang digunakan pada Web ataupun Blog untuk memperlihatkan postingan atau artikel pada Webblog tersebut per halaman.Untuk lebih memperjelas pengetahuan anda mengenai Page Navigation ini silahkan menuju halaman depan[Homepage] blog ini,dibagian bawah postingan terakhir terdapat angka1,2,3,…,dst.itulah yang disebut Page Navigation.
Untuk membuatnya sangat mudah
1.Login ke blogger dengan ID anda
2.Lalu Klik Menu Templates
3.Klik Add Widget Element
4. Pilih Menu HTML/Java Script
5.Lalu Download Kode berikut dan Pastekan pada kotak HTML tersebut
6.Save Widget tersebut
7.Scrool atau pindahkan Widget tersebut pada area dibawah posting
8.Save Template
9.Selesai
2011/06/26
Punya blog? Ingin promosi yang mudah? Lihat saja disini
Memanfaatkan layanan gratis di Internet guna mempromosikan blog, Kenapa tidak? Apalagi bila fasilitas tersebut menyediakan layanan secara otomatis , pratis, efisien dan efektif
Berikut ini dibawah ini tempat-tempat gratis untuk mempromosikan blog anda
1.Website ini memberikan layanan yang sangat memuaskan, yakni dengan hanya memasukkan alamat blog anda. Maka secara langsung 44 mesin pencari atau search engine (dari yang besar sampai kecil) dalam waktu berbarengan telah mencatat alamat blog anda. Untuk teknisnya, anda isi kotak atau klik tulisan yang berjudul FREE SUBMISSION.
2.Pastikan blog Anda dioptimasikan sehingga secara mudah dapat dibaca oleh search engine. Untuk itu, anda bisa menggunakan layanan gratis dari alamat email ini.
3.Layanan berikut merupakan layanan berbayar. Maksudnya anda akan dibayar melalui Paypal bila memasukkan alamat blog anda di sini.
4.Silahkan anda menggunakan jasa layanan website gratis ini untuk mencari keywords yang paling popular dan tertingi dalam suatu search engine. Kemudian, anda bisa menggunakan temuan kata-kata tersebut untuk menjadi bagian dalam setiap posting blog anda, sehingga blog anda mendapatkan ranking yang lebih.
5.Kustomasikan toolbar blog anda yang kemudian dapat diberikan secara Cuma-Cuma kepada semua orang. Bagaimana membuat toolbar tersebut? Gunakanlah layanan gratis dari website berikut ini
6.Pergunakanlah fasilitas yang dimiliki oleh situs terkenal, Zimbio.com. Cukup anda mendaftar diri, mencantumkan alamat blog, maka setiap postingan blog anda telah anda secara otomatis di daftar posting situs tersebut.
7.Silahkan anda mendaftarkan blog anda pada komunitas blogger.com. Layanan mereka cukup membantu bagi para blogger yang ingin mempromosikan blognya, apalagi bila blog anda menggunakan bahasa Inggris
8.Daftarkan blog anda pada Alexa Rank. Setelah terdaftar, silahkan anda menggunakan alamat berikut untuk mengecek rank terakhir blog anda atau juga blog orang lain.
2011/04/06
Tutorial membuat Template Blog secara gratis

2011/04/01
Cara baru membuat Related Post dengan tampilan gambar / thumbnail
Melalui tutorial berikut, anda bisa menampilkan jumlah gambar Related Post yang tak terbatas (sekitar 40 s/d 80). Apalagi hasil yang didapat menghadirkan tampilan yang cukup elegan, mengesankan dan manis untuk dilihat pada tatanan blog Anda. Warna baru dari related post berjenis ini, idenya berasal dari layanan yang diberikan oleh Linkwithin. Dan bila anda pernah menggunakannya? saya kira cukup familiar bila anda mau menggunakan tutorial berikut di bawah ini :
1. Seperti biasa, masuk dulu ke halaman Edit HTML dan berikan tanda centang pada kotak "Expand Widget Templates"
2. Cari kode ini </head>
3. Kemudian ganti dengan kode dibawah ini
<!--Related Posts with thumbnails Scripts and Styles Start--> <b:if cond=’data:blog.pageType == "item"’> <style type="text/css"> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 1.6em; font-weight: bold; color: black; font-family: Georgia, “Times New Roman”, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:black; } #related-posts a:hover{ color:black; } #related-posts a:hover { background-color:#d4eaf2; } </style> <script src=’http://blogergadgets.googlecode.com/files/relatedthumbs21.js’ type=’text/javascript’/> </b:if> <!--Related Posts with thumbnails Scripts and Styles End--> </head>
4. Sekarang cari lagi kode dibawah
<div class=’post-footer-line post-footer-line-1’>
Jika tidak menemukan kode diatas, coba cari kode seperti ini
<p class=’post-footer-line post-footer-line-1’>
Kemudian taruh code berikut ini tepat di bawahnya
<!-- Related Posts with Thumbnails Code Start--> <b:if cond=’data:blog.pageType == "item"’> <div id=’related-posts’> <b:loop values=’data:post.labels’ var=’label’> <b:if cond=’data:label.isLast != "true"’> </b:if> <b:if cond=’data:blog.pageType == "item"’> <script expr:src=’"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"’ type=’text/javascript’/></b:if></b:loop><a href=’http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html’ style=’display:none;’>Related Posts with thumbnails for blogger</a><a href=’http://www.bloggerplugins.org/’ style=’display:none;’>blogger widgets</a> <script type=’text/javascript’> var currentposturl="<data:post.url/>"; var maxresults=5; var relatedpoststitle="Related Posts"; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script> </div><div style=’clear:both’/> </b:if> <!-- Related Posts with Thumbnails Code End-->
5. Setelah kode nomor 4 tersebut telah anda paste, jangan lupa disimpan dan lihat hasilnya
Untuk menampilkan berapa banyak jumlah related posts gambar yang ditampilkan, anda bisa dengan mengedit kode dibawah ini pada jumlah angkanya: var maxresults=5;
Kalau judul / title Related Posts kurang anda minati, silahkan menggantinya melalui pengeditan kode berikut di bawah ini var relatedpoststitle="Related Posts";
Selamat Mencoba aja :)
2011/03/30
Empat Pilihan cara membuat Search engine pada Blog
Langkah pertama, seperti biasa ke menu Desain dan klik Add gadget, serta pilih HTML/Javascirpt
Cara pertama
<right><form id="searchform" action="http://bagisahabat2.blogspot.com/search" name="searchform" method="get"> <input id="s" value="" name="q" type="text" /> <input id="searchsubmit" value="CARI" type="submit" /> </form></right>
Cara kedua
<form action="http://bagisahabat2.blogspot.com/search"method="get"><input class="textinput" name="q" size="25" type="text"/><input value="Search In Blogger" class="buttonsubmit"name="submit" type="submit"/></form>
Keterangan: Bagisahabat2 = Ganti dengan alamat blog anda.
Angka “25” =Adalah panjang kotak pencarian, silahkan disesuaikan.
Search in Blogger = Nama Tampilan Tombol Pencarian.
Cara ketiga
<blockquote><form action="http://nama-blog-anda.blogspot.com/search"method="get"> <input class="textinput" name="q" size="35" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form></blockquote>
Cara ke empat :
<form action="http://www.google.com/cse" id="cse-search-box"><div><input name="cx" value="017659905183369597187:ubcoxcm0lce" type="hidden"><input name="ie" value="UTF-8" type="hidden"><input name="q" size="25" type="text"><input name="sa" value="Search" type="submit"></div></form><script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script>
Jangan lupa mengganti tulisan yang di bold dengan url blog anda. Sehingga menjadi http://blogmu.blogspot.com/search
Simpan hasil kerjaan anda dan selesai
Membuat related post pada Blog dengan thumbnail selayaknya Linkwithin
Bosan dengan tampilan related post yang hanya menampilkan tulisan saja. Atau merasa bahwa performa yang diberikan oleh related post biasanya kurang menggigit. Untuk menjawab itu, anda bisa menggunakan layanan yang diberikan oleh Linkwithin. Namun bilamana mengalami kesulitan untuk memproses kinerjanya pada blog anda. Tidak ada salahnya bila anda mengikuti step-step by step penjelasan di bawah ini.
1. Pertama, masuk dulu ke halaman Edit HTML, jangan lupa memberi tanda centang pada "Expand Widget Templates" 2. Cari kode ini </head> 3. Kemudian ganti dengan kode dibawah ini <!--Related Posts with thumbnails Scripts and Styles Start--> <b:if cond=’data:blog.pageType == "item"’> <style type="text/css"> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 1.6em; font-weight: bold; color: black; font-family: Georgia, “Times New Roman”, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:black; } #related-posts a:hover{ color:black; } #related-posts a:hover { background-color:#d4eaf2; } </style> <script src=’http://blogergadgets.googlecode.com/files/relatedthumbs21.js’ type=’text/javascript’/> </b:if> <!--Related Posts with thumbnails Scripts and Styles End--> </head>
4. Sekarang cari lagi kode dibawah <div class=’post-footer-line post-footer-line-1’> Jika tidak menemukan kode diatas, coba cari kode seperti ini <p class=’post-footer-line post-footer-line-1’> Kalo sudah ketemu, tinggal masukan semua kode dibawah ini dibawah salah satu dari kode diatas yang rekan temukan. <!-- Related Posts with Thumbnails Code Start--> <b:if cond=’data:blog.pageType == "item"’> <div id=’related-posts’> <b:loop values=’data:post.labels’ var=’label’> <b:if cond=’data:label.isLast != "true"’> </b:if> <b:if cond=’data:blog.pageType == "item"’> <script expr:src=’"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"’ type=’text/javascript’/></b:if></b:loop><a href=’http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html’ style=’display:none;’>Related Posts with thumbnails for blogger</a><a href=’http://www.bloggerplugins.org/’ style=’display:none;’>blogger widgets</a> <script type=’text/javascript’> var currentposturl="<data:post.url/>"; var maxresults=5; var relatedpoststitle="Related Posts"; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script> </div><div style=’clear:both’/> </b:if> <!-- Related Posts with Thumbnails Code End-->
5. jangan lupa disimpan dah lihat hasilnya Untuk menampilkan berapa banyak jumlah related posts bisa dengan mengedit kode dibawah ini: var maxresults=5; Untuk mengganti title, kita bisa mengedit kode ini: var relatedpoststitle="Related Posts";
2011/03/18
Tutorial meng-input iklan di setiap posisi pada postingan blog secara otomatis

Penjelasan ini terbagi menjadi dua pilihan, yakni
Menaruh iklan di bawah dan akhir posting pada blog secara otomatis
Menaruh iklan di samping kiri dan kanan posting
2011/01/22
Layanan untuk mempercantik blog anda

Anda suka akan desain atau kegiatan untuk mempercantik dan membuat blog atau website anda menjadi lebih aktif. Cobalah layanan berikut dibawah ini:
MyBlogLog’s Recent Readers – Banyak para pemilik blog menyatakan bahwa widget ini adalah salah satu yang bisa masuk dalam tangga hit mereka. Anda percaya atau tidak? Pastinya, widget ini telah dibeli oleh Yahoo
Mashable – Dapatkan berita terakhir dari social networking anda di sini
Flickr Flash Photo Stream Badge – Silahkan anda menampilkan image dari Flickr dengan fasilitas photo stream mereka.
Preview Anywhere – Silahkan anda melihat informasi dari link lain secara live preview dalam sebuah popup kecil
Twitter Badge – Jika hidup terasa sangat penting yang membuat orang lain harus mengetahui aktivitas anda. Saya kira lencana dari Twitter ini cuup ideal unuk menjadi counterpart blog anda. Alat ini akan selalu menampilkan kegiatan terbaru anda di Twitter
Digg News – Hadirkan link Digg terakhir pada blog anda.
FEEDJIT – Menampilkan lalu lintas data secara real time dan langsung pada sidebar blog anda
LineBuzz – Temukan semua komentar pada blog anda dengan widget ini. Sangat praktis bagi blog dengan frekunsi yang cukup tinggi
Flixn – Tampilkan stream secara langsung dari webcam anda, sehingga pengunjung blog anda akan selalu dapat melihat apa yang anda lakukan
3Jam – Biarkan pengunjun anda mengirim pesan ke ponsel tanpa mengetahui nomor ponsel anda
Jaxtr – Disini pengunjun anda dapat menelepon ke ponsel anda dan sekali lagi nomor anda tetap tidak diketahui
LinkedInABox – Widget ini cukup baik untuk blog-blog pribadi dan anda bisa menampilkan profile anda dari social networking Linked milik anda
Box Widget – Dapat mempermudah pengunjung anda untuk menyimpan data mereka di Box.net melalui site anda
Price of gas – Menampilkan harga bahan bakar gas pada suatu blog mungkin saja tidaklah berguna. Namun, bisa saja informasi ini berguna untuk perjalanan anda dan mereka.
iBegin Weather Widget – Tampilkanlah informasi tentang cuaca pada sidebar blog anda.
ClockLink – Silahkan anda menampilkan penunjuk waktu dari berbagai variasi zona dengan jam flash ini
Film Loops – Temukan informasi terakhir dari account FilmLoops anda
Daily Painters – Tunjukkan lukisan dari berbagai pelukis terkenal pada blog anda
WhoLinked – Tunjukkan pada pengunjung, site mana yang terakhir memiliki hubungan link dengan blog anda. Mampu bekerja sama dengan berbagai platform blog
Criteo AutoRoll – Anda ingin menunjukkan blog lain yang sejenis dengan blog anda. Silahkan !
Bitty Browser – Silahkan anda meng-embeded secara penuh sebuah mini web browser ke blog Anda. Terlihat keunikannya mampu menampilkan fungsi yang lebih baik
Leafletter – Kreasikanlah sebuah mini website disini dan tampilkan pada blog anda
WikiSeek – Temukanlah apa pun yang ada di Wikipedia dengan widget sederhana berikut
FeedCount – Tunjukkan jumlah pengunjung blog anda dengan tombol kecil sederhana berikut
Technorati Link Count – Tunjukkan urutan peringkat blog anda pada komunitas blogger terbesar ini
MyPageRank – Cara lain unuk menenjukkan peringkat blog anda
CheckPageRank – Sebagai tambahan menarik untuk daftar peringkat yang telah anda raih. Widget ini juga menampilkan ranking Alexa anda
BlinkxIt – Embedded video yang menarik menurut anda secara langsung ke dalam blog
Skype button – Tampilkan Skype anda secara online maupun offline
RockYou Horoscope – Sesuai dengan namanya, widget berikut akan menampilkan daftar horoscope terbaru pada blog anda dan tidak terlupa, mereka pun memiliki desain colorful yang cukup menarik.
del.icio.us Tagometer – Memberitahukan kepada anda berapa banyak pengguna del.icio.us membuka halaman blog anda
del.icio.us Linkrolls – Menunjukkan kepada anda bookmarks terakhi dari del.icio.us
Timelines – Apakah anda perlu membuat timeline yang baru? Bila Ya. Widget berikut sangat lah mudah untuk digunakan.
PollDaddy – Menyediakan tampilan angket yang sangat manis untuk dihadirkan pada blog anda
Vizu – Menyediakan layanan angket yang cukup indah untuk semua platform blog.
AnswerTips – Menghadirkan berbagai definisi kata dari Answers.com dalam berbagai variasi menarik untuk blog anda. Hanya dengan melakukan double click maka fitur berikut akan aktif.
AnswerBoxes – Memberikan pilihan untuk pengguna anda dalam menggunakan Anwers.com untuk mendapatkan definisi.
Now Playing – Jika anda ingin membagi daftar konten menarik anda kepada dunia. Widget berikut akan melakukannya dengan berbagai tawaran pelayanan. Contohnya: music paling popular termasuk Foobar, Winamp, iTunes dan sebagainya.
BuzzBoost – Menampilkan headlines berbagai website dari RSS feed anda
LibraryThing – Menampilkan buku terakhir yang pernah anda baca
Plaxo Address Book – Biarkan pengunjung fanatik anda dapat mengakses blog anda melalui Address book mereka.
AuctionAds – Widget berikut akan menghadirkan berbagai item dari eBay dan membayar anda sebesar persentase pembayaran ketika ada orang yang membeli barang berkat blog anda.
aStore – Sama dengan AuctionAds, hanya bedanya item barang yang dihadirkan berasal dari Amazon.com. Oleh sebab itu, buatlah took mini pada blog anda dan raihlah keuntungan dari orang yang membelinya.
Plazes – Menunjukkan secara langsung keberadaan lokasi anda dalam khasanah peta yang dimiliki oleh Plazes.
Stockalicious – Tunjukkan portofolio anda dengan widgt ini dan bagikan dengan yang lain. Biarkan semua orang tahu berapa banyak uang yang telah anda habiskan.
Yahoo! For Good – Kreasikanlah acara amal anda disini dan beritahu bahwa anda memerlukan bantuan jasa selayaknya.
Giftspace – Biarkanlah pengunjung anda mengetahui barang apa yang anda idamkan untuk hadiah ulang tahun anda.
MixMap – Silahkan anda melihat pengunjung My Space anda dalam bentuk map disini.
Google Map Widget – Pamerkan search engine google map pada blog anda dengan widget ini
Google Video Search – Tambahkan formulir pencarian video pada blog anda
Odeo player – Tuntukkan Odeo Media player pada sidebar blog anda