Saat Search di google dan menemukan tujuan yang dicari, kadang pengunjung langsung meninggalkan blog kita, padahal masih banyak posting yang berhubungan dengan topik yang dicari. Oleh karena itu Dibutuhkan suatu Link yang menuju kesana. Salah satu cara yaitu dengan menggunakan Related Articles/Post. Cara Membuat Related Articles di blogspot ini sangat mudah.
Pembuatan Related Article ini Sangat disukaiSearch enggine. Mari kita buat


Cara membuat - Masuk ke dashboard, Layout, Edit HTML (jangan lupa backup template), Centang Expand widget.

Lanjutkan membaca “Cara Membuat Related article/ post (Artikel yang berhubungan)”  »»

Selamat Hari Raya Iedul Adha bagi umat yang beragama muslim. Betapa indahnya hari kemarin karena kita dapat melaksanakan Hari Raya Qurban. dan tak lupa bakar sate bersama teman-teman. Bergaya ala Penjual Sate Madura, Titokun mendapat bagian bakar sate. Alhasil, sate bakar jadi jadi agak setengah gosong. Meskipun begitu ternyata sate hasil bakar saya Laris dan di serbu oleh teman-teman. Dengan merasa bangga, eh malah ada yang nyeletuk gini, "sate laris bukan karena enak tapi karena kelaparan, maklum semua toko dan warung semua tutup waktu hari raya." Akhirnya Titokun yang Besar Kepala pun jadi mengecil hEEEE !

warning : untuk yang punya darah tinggi, jangan makan terlalu banyak daging kambing. 

Ok. Kembali ke topik

Read More Versi Terbaru Blogger Ini sesuai dengan namanya, karena artikel yang sebelumnya ada disini merupakan penambahan beberapa kode pada XML, sedangkan kali ini Read More Sudah Disediakan pada fitur terbaru Blogspot.

Coba anda Lihat di New Post/Posting Baru, bentuknya masih sama dengan yang dulu. Ini disebabkan Blogspot Tidak merubah secara langsung. anda perlu atur dulu di Pengaturan/Setting.

1. KLIK Setting/Pengaturan
2. Di Sub Menu basic, cari Global Settings - Select post editor
3. Disitu ada Tiga pilihan.
4. Pilih yang Updated editor - Check out the latest features!
5. Lalu Simpan

setelah tersimpan, Coba Lihat Di New POST, maka kan berubah yang sebelumnya ini

Berubah menjadi seperti ini.

UNtuk Pemakaian REad More ini Cukup mudah yaitu dengan cara

1. menulis artikel seperti biasa
2. pada mode Compose
3. letakkan kursor ke bagian yang akan dipotong
4. lalu klik Insert Jump Break
5. Lihat gambar

Sangat Mudah, Selamat mencoba. Lanjut makan sate :)

Note : untuk artikel Ini, Hiraukan Fungsi  Read more Div class Fullpost dll. Pada artikel Sebelumnya. Terserah mau pake yang lama atau yang baru.

Lanjutkan membaca “Read More Versi Terbaru Blogger”  »»

Seperti yang dikatakan judul diatas, kali ini Tito-kun akan membahas cara memasukkan iklan google berada di tengah posting. Bukan hanya wordpress saja yang bisa melakukannya, blogspot juga bisa. Dengan meletakkan iklan di tengah posting, para blogger berharap terjadi peningkatan klik pada pada iklan. Sama seperti meletakkan adsense di bawah judul atau meletakkan iklan adsense di bawah post. Cara yang harus dilakukan juga cukup mudah, yaitu

Seperti Biasa anda login terlebih dahulu
- Pilih layout lalu EDIT HTML
- backup dulu template anda

- di sisi lain, buat iklan google, contohnya 250x250
- Parse kode HTML yang dihasilkan
- kembali ke blogspot
- centang expand widget template
- cari kode ini

<div class='post-header-line-1'/>

- masukkan kode ini dibawah kode diatas

<div class='gads' style='float:left; padding: 4px'>
Kode adsense setelah di parse DISINI
</div>

- Letakkan kode adsense yang sudah diparse diantara kode "div" atau kalo bingung ganti Kode adsense setelah di parse DISINI dengan code anda
-Save
- FINISH
- dilanjut minum kopi

Baca juga Tutorial yang ini

Lanjutkan membaca “Cara memasukkan Iklan Google berada di tengah posting”  »»

Tito-kun Mengucapkan selamat tahun baru 2009. Semoga di tahun ini kita selalu diberi kelancaran dalam melangsungkan hidup ini. Rezeki lancar, sedikit masalah yang dihadapi, kesabaran yang tinggi dan pikiran yang tenang akan membuat kita menyongsong tahun 2009 ini. Ini adalah posting pertama Tito-KUN di tahun 2009, Sebelumnya saya pernah posting widget komentar terbaru dan kali ini Tito-kun akan mosting Memasang Widget Top Komentar di Blogger. Memang pemasangan Top komentar ini tentu saja sangat berguna sekali, kamu akan mengetahui siapa yang paling aktif di blog kamu.

Setelah ngobrol panjang lebar dengan artis blogger yang bernama anang. Dikasih nih scriptnya. Caranya gampang tinggal copypaste aja ke blog. Lalu edit beberapa bagian.

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol>');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=47909d73002419d14e697928bd9c4f24&url=http%3A%2F%2Fnamablog.blogspot.com&num=10&filter=namamu" type="text/javascript"></script><span style="font-size: 80%">Widget by <a href="http://www.tito-kun.blogspot.com">Tito-kun</a></span>

bagian yang perlu di edit yaitu
namablog           : ganti dengan nama blog kamu
num=10        : ganti angka 10 tersebut untuk menampilkan jumlah top komentar yang ditampilkan
filter=namamu  : ganti dengan namamu. Filter ini berguna supaya tidak menampilkan komentar dari nama yang telah kamu filter. contohnya : Namamu sendiri. dll

Cukup Mudah kan! Silahkan mencoba

Lanjutkan membaca “Memasang Widget Top Komentar di Blogger”  »»

Sebelumnya Tito-Kun membahas tentang Media Promosi Web. Sekarang Akan dibahas tentang Posting terjadwal ( scheduled post ). Mungkin bisa dijelaskan dengan makna posting otomatis yang sudah diset waktunya. Buat Bonek Blogger yang hobinya ngeblog di blogspot, patut berbangga karena fitur sudah tersedia.

Fitur Ini sangat berguna untuk kesibukan tinggi, akses internet jarang (seminggu sekali) dan halangan apapun tapi pingin posting tetap jalan terus. Untuk membuat fitur ini sangat mudah. Pada waktu banyak sebaiknya posting sebanyak-banyaknya, lalu kamu setting secara otomatis kapan posting itu akan dipublikasikan. Sebagai tips tambahan, jangan mengeluarin posting lebih dari 2 dalam satu hari. Sebab Mesin Pencari google dkk lebih suka yang selalu updated tiap hari.

Caranya gampang

• Login ke Blogspot menggunakan account google anda.
• Klik posting
• Tulis apa yang mau kamu posting, baik judul, isi posting dan labelnya.
• Klik Post Options
• Atur Post date and time (kapan posting akan dipublikasikan)
• Klik Publish
• Akan muncul tulisan bahwa postingan anda akan dipublish otomatis, sesuai setting yang telah anda tentukan.

Lanjutkan membaca “Posting Terjadwal”  »»

Tukar link Ya boleh dibilang Tukar link adalah tool berharga bagi para blogger. Kenapa Dibilang berharga ? Sebab tukar link ini bisa digunakan untuk menjalin pertetanggaan blog. wew pertetanggaan blog! bahasanya ngawur... ya istilahnya menjalin hubungan baik dengan yang blogger lainnya. Dan tidak lupa Tukar link ini sangat berpengaruh dalam SEO lho.
O iya lupa sebenarnya postingan kali ini merupakan request dari saudara anung. Ini kodenya

<p align="center">
<a href="http://tito-kun.blogspot.com"><img border="0" alt="Blog tito-kun" src="http://ossan.tito.googlepages.com/tukarlogo.gif"/></a>
<br/>
<textarea rows="3" cols="30" name="code"><a href="http://tito-kun.blogspot.com" target="_blank">
<img border="0" alt="Blog Tito-KUN" src="http://ossan.tito.googlepages.com/tukarlogo.gif"/></a></textarea><br/>
copy kode diatas
</p>

OK saya akan jelaskan tentang kode diatas :

• kode HTml Diatas menggunakan fitur text area

• rows merupakan baris

• cols adalah kolom

• ganti alamat blog http://tito-kun.bblogspot.com dengan nama blog anda.

• begitu juga gambar tukeran link berupa banner link, dibawah ini merupakan alamat letak dimana kamu menaruh gambarnya/link upload image
  

src="http://ossan.tito.googlepages.com/tukarlogo.gif"/>

atur sendiri sesuai design dan peletakannya diblog kamu.
selamat bertukar-tukar link

Lanjutkan membaca “Tukar Link”  »»

Gimana nih! kabarnya teman-teman!. Syukur ahamdulillah. Sekarang tito-kun lagi belajar jadi penyiar radio komunitas. 103 U Fm Surabaya. ya kalo mau request silahkan! tapi tembangnya kalo request ke saya agak yang terbaru2 aja ya! bingung kalo kena request sego jagung atau rondo kempling he2... memang kebetulan saya masih berada cuman di hit2s indonesia terbaru aja.
Tapi kalo mendengar suara saya jangan tertawa ya! maklum masih belajar.. banyak salahnya daripada benernya qqq bahkan ada yang selentingan gini. ini penyiar sedang siaran atau sedang ngelawak. Ya tetep semangat aja deh! gue banget gitu loooooh qiqiqiiqiiiii.

ya mumpung ada waktu senggang kulanjutkan postingan tito-kun. Bertemakan Komunitas MyBloglog. Komunitas ini sekarang mulai semarak bagi para blogger mania, dengan widgetnya yang keren - recent viewer (pengunjung terakhir) juga bisa memberikan layanan join komunitas dari blog itu sendiri. Semakin banyak anggota komunitas, semakin keren, layaknya punya temen banyak di friendster lho! Selain itu para anggota bisa mengikuti apa aja sih yang terbaru dari perkembangan blog tersebut (lebih mudah memantau).

• seperti biasa buka login blog anda

• Buka tab baru atau window baru www.mybloglog.com

• Masuk dengan id yahoo anda. kalo belom punya klik disini untuk daftar

• Atur profile anda di mybloglog

• Untuk menambahkan blog

• Klik add website akan muncul seperti gambar dibawah ini

• Isi form tersebut

• Klik Add Blog/Site

• Muncul Script tracking.

contohnya seperti ini

<script type='text/javascript' src='http://track.mybloglog.com/js/jsserv.php?mblID=2008090118210245'></script>

• Di Blog anda klik layout - Edit Html

• Masukkan kode yang dihasilkan seperti contoh diatas diantara <body> dan </body>. tetapi sangat direkomendaikan untuk menaruh dibawah tepat open body (<body>).

• Klik Simpan

• Kembali lagi ke mybloglog dan klik komunitas dari blog atau web yang sudah anda buat

• Atur akun tampilan seperti preview, picture dll. Masukkan tag atau kata kunci anda.

setelah selesai masuk ke acara inti nih!
menambahkan widget recent viewer di blog

• Klik Widget

• Anda bisa atur disana setting tampilan widget anda. preview dari widget ditampilkan di kanan. note : tampilan ini merupakan yang terbaru dari mybloglog.

• Untuk tampilan seperti saya. klik old-school Recent Reader widget.

YA mengatur tampilan lagi... Atur aja sesuka kamu

• Untuk mengubah warna. c_color_heading_bg.
• Klik kotak yang kecil, disebelah c_color_heading_bg. Baru klik warna kesukaan kamu diatasnya.

Kalo yang mirip seperti saya

• Ganti warnanya dengan warna putih semua

• Width 300

• Show Screen Names: NO

• Image Size: half Size

• Rows : 1

• Klik Preview and Get Code

• Muncul kode lalu tambahkan di blog anda

• Selesai

Alhamdulillah

Lanjutkan membaca “Komunitas MyBloglog”  »»

Hari ini Hari kamis ! besok hari Jumat, lusa hari sabtu, 3 hari lagi minggu. Sungguh duniaku berputar sangat cepat! <---sok bijak nih!. Tito-Kun kangen juga kaga posting. Sibuk ngurusin cek adsense yang belom dateng-dateng. ya syukur alhamdulillah kemarin sudah cair. Tito-kun mencairkannya lewat Bank Niaga Biayanya murah cuman Rp. 92ribu-an per cek adsense. Lama waktu pencairan 35 hari tapi kok kata temen2 34 hari tepat. Ga tahu? aq yang hitung harinya salah atau benar atau dari bank niaganya yang terlambat. So whatever lah yang penting sudah cair, gitu aja kok repot.

Sekarang tito-kun akan bercerita tentang pembuatan shoutmix chat widget untuk blogger, memang chat ini tergolong kategori sederhana. Namun justru kesederhanan ini chat ini banyak disukai oleh kaum blogger. Shoutmix digunakan sebagai chat tujuannya bisa menjadi buku tamu, kotak saran dan ide, kritik, tukar link dan yang lebih banyak digunakan yaitu blogwalking. lho kok blog bisa berjalan? bukan itu maksutnya, yang dimaksut blogwalking adalah Si yang punya blog berkunjung ke blog orang lain dan meninggalkan pesan/link dengan maksut tujuan si orang lain itu akan berkunjung balik ke website dia.

Tutorial tito-kun tentang shoutmix

• Login Di blogger

• Buka tab baru pada browser anda

• Buka url ini http://shoutmix.com

• Sign Up

• lihat gambar

• Isi data tersebut

• kalo sudah selesai klik continue

• muncul tampilan seperti ini

• Go to my control panel now

• Get code

• Place shoutbox on webpage

• Masukkan tinggi dan lebar yang kamu inginkan

• Settingan akan digenerate menjadi sebuah kode

• add gadget HTML/JAVASCRIPT masukkan kode tersebut

• selesai

• Shoutbox telah siap digunakan

Lanjutkan membaca “Chat Widget Shoutmix di Blogspot”  »»

Nongol lagi posting. Sebenarnya gi sibuk nyari minyak tanah yang sekarang sudah langka.. kalo ada pun harus antri sepanjang ratusan meter :fiuuuh parah banget. Pingin ganti Elpiji tapi takut meledak.. banyak kejadian sih!! Mau cari kayu bakar disurabaya juga susah. Jadi ngandalin pedagang kali lima nih. Hidup memang sudah susah, tapi jangan dibuat susah < -- lagunya slank. Ya kusempatkan posting setelah teman saya minta tito-kun posting tentang Memasang Twitter di Blogger.

Memasang Twitter di blogger sangat cukup mudah. anda tinggal memasukkan kode scriptnya di blog. Twitter ini memudahkan pengunjung untuk mengetahui sedang dan lagi mengerjakan apa si penulis atau yang empunya blog. contoh saya sedang ke surabaya, saya lagi bepergian, bisa dikatakan message status.

• Pertama, seperti biasa login di blogger

• Back up template anda

• Klik Layout/tata letak

• add HTML/javascript

• Masukkan kode berikut :

<div id="twitter_div"><ul id="twitter_update_list"></ul>
<a id="twitter-link" style="display:block;text-align:right;" href="http://twitter.com/titokun">Ikuti Saya di Twitter</a>
</div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/titokun.json?callback=twitterCallback2&amp;count=5" type="text/javascript"></script>

• Keterangan :

• twitter_div merupakan ID CSS. silahkan buat model layout cssnya terserah anda.

• Ganti nama titokun dengan nama user anda di twitter

• Ada tulisan count=5 merupakan jumlah yang akan ditampilkan. Ganti terserah anda

• Klik Simpan

• Selesai

O Iya bagi teman-teman ikutin tito-kun di twitter klik disini wajib LHO!

Lanjutkan membaca “Memasang Twitter di Blogger”  »»

Wah baru posting hari ini. padahal Rilisnya udah kemarin.. gpp kan temen-temen.. Setelah fix ngecek bug dan error draft dari Blogspot akhirnya launch juga Fitur baru blogspot. Wah betapa bahagianya para bonek-bonek blogger. Selamat menikmati fitur baru ya !

Kamu dapat melihat fitur-fiturnya di dashboard, Google Gadgets, widget adsense bisa diset untuk iklan gambar, Fix untuk template moto di IE7 dan banyak deh, cobain fitur barunya ya!

Lanjutkan membaca “Blogger Update”  »»

Tinggal menuju detik-detik kemenangan. Tak Terasa Waktu Berlalu sangat cepat. 3 Hari lagi kita merayakan kemerdekaan Negara Indonesia. Asik liburan nih ya,,, weekend party ,,, syukuran ,,, makan-makan ,,,lomba ,,, Jalan Sehat ,,, bazaar ,,, Panggung gebyar kemerdekaan. wah betul - betul rame nih. Kusempatin Posting nih sebelum liburan. Kali ini Tito-KUn akan membicarakan tentang Navigasi Penomeran Halaman untuk Blogger. bingung ya dengan judulnya ? ya kayak paging-paging diweb gitu loh.. atau pernah denger kata-kata php paging dll. Navigasi ini mirip-mirip ama yang diposting disini tapi tetep beda kok :)

ini contoh gambar layoutnya:

• Login ke Blogger

• Masuk ke layout / tata letak

• Klik Edit HTML

• Download template ( backup)

• Tambahkan Kode CSS dibawah ini sebelum </b:skin>

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}

• Kamu bisa set warnanya terserah kamu di color

• Cari kode seperti dibawah ini

<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'/>
</b:section>

• Tambahkan Java kode dibawah ini diletakkan dibawah kode </b:section>

<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)==".com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

var pageCount = 5;
var displayPageNum = 5;
var upPageWord = 'Previous';
var downPageWord = 'Next';

var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += '<span class="showpagePoint">'+thisNum+'</span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html = ''+upPageHtml+' '+html +' ';
}else{
html = ''+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;

}

if(postNum==1) postNum++;
html += '</div>';

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999"; type="text/javascript"></script>

• Klik Simpan

• Selesai

catatan :
Tutorial ini akan berfungsi dengan baik untuk domain blogspot dan {dot)com.
Dibaris 19-20 kamu dapat setting berapa link judul yang akan ditampilkan
The var pageCount = 5; --- ganti angkanya terserah anda. 5 merupakan halaman yang ditampilkan.
Jika pingin liat tutorialnya dalam bahasa inggris klik Disini

Lanjutkan membaca “Navigasi Penomeran Halaman untuk Blogger”  »»

Read More atau lanjut bacanya, merupakan sebuah Tools Untuk memecah artikel menjadi beberapa bagian, bisa dikatakan penggalan dari suatu artikel. ini memudahkan para pembaca mengetahui cerita yang ringkas terlebih dahulu sebelum baca Full artikel. O iya tutorial ini untuk New blogger template. Untuk mencobanya silahkan ikuti langkah2 berikut ini :

• Login di Blogger

• Klik tata letak / layout

• centang Expand Widget Template

• CopY kode dibawah ini

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

• Cari Dan paste kode diatas diletakkan dibawah kode ini

<div class='post-body'>

• Copy kode dibawah ini

<a expr:href='data:post.url'>Baca Selengkapnya......</a>
</b:if>

• Cari Dan paste kode diatas diletakkan dibawah kode ini

<p><data:post.body/></p>

• KLik SimpaN

• Selesai

Cara Posting

• Klik posting

• Klik Edit HTML

• Tambahkan kode dibawah ini

<div class="fullpost">
</div>

Artikel Yang akan dimunculkan Ditulis diatas <div class="fullpost">
Untuk artikel yang Di hidden, taruhlah sisa postingan diantara kode <div class="fullpost"> dan </div>

note :

• ada cara Mudah supaya kita tidak menulis secara terus menerus Kode Tersebut didalam postingan kita.

• Login Blogger

• Masuk ke pengaturan/settings

• klik Format

cari Template Posting

• paste kode <div class="fullpost"> dan </div> di template posting

• Klik Simpan

• selesai

gampang kan!!
kalo pingin fitur lainnya bisa klik disini

Lanjutkan membaca “Membuat Read More”  »»

Hi teman2 gimana kabarnya hari ini! so find alright? ya syukur deh pada sehat wal afiat semua. Syukur alhamdulillah, saya juga sehat, dan yang sekarang masih sakit semoga lekas sembuh. Kembali lagi ke Blog Tito-KUN Setelah postingan kemarin berjudul kode adsense tampil dalam satu halaman dengan publisher berbeda-beda, Kini cak to akan coba memberikan penjelasan tentang cara pemberian nomer Urut pada Komentar. Selain Blog kita menjadi agak menarik, penomeran pada komentar ini memudah kan kita dalam pembacaan komentar.

Tahap-tahap cara pembuatannya, ok seperti biasa

• Login di BLOGGER

• Klik Layout atau tata letak

• Pilih expand widget template

• backup data dulu sebelum dirubah kodenya.

• Cari Kode dibawah ini dan tambahkan Yang bercetak tebal aja

<b:includable id='comments' var='post'>

........

<dl id='comments-block'>

<script type='text/javascript'>var CommentsCounter=0;</script>

<b:loop values='data:post.comments' var='comment'>

<div class='' expr:id='data:comment.id'>

<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'>
<data:comment.author/>
</a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/> <!-- You may, as not, have this line.
If it doesn't appear, it doesn't matter -->

<span class='numberingcomments'>
<a expr:href='"#comment-" + data:comment.id' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>

</dt>

<dd class='comment-body'>
.......
</dd>

</div>

</b:loop>
</dl>

• Sekarang tambahkan Kode CSS Dibawah ini, letaknya diatas ]]></b:skin>:

.numberingcomments{
float: right;
display: block;
width: 50px;
margin-right: 5px;
margin-top: -35px; /*comments-counter position*/
text-align: right;
font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;
font-size: 30px;
font-weight: normal;
}

• Terus pengaturan warna buat nomer urutnya, karena nomer ini merupakan sebuah link.

.numberingcomments a:link, .numberingcomments a:visited {color: #cccfff !important; text-decoration: none !important;}
.numberingcomments a:hover, .numberingcomments a:active {color: #aabbcc !important; text-decoration: none !important;}

sekian dulu dari saya. Artikel ini juga bisa anda dapatkan Disini tapi bahasa inggris.
Good luck dan selamat mengerjakan

Lanjutkan membaca “Nomer Urut di Komentar”  »»

Tutorial ini sebenarnya sangat mirip Dengan yang saya posting disini cuman yang membedakan adalah Terbaru yang ditampilkan adalah komentar, kan yang kemarin posting, tapi sante aja kok teorinya hampir sama dengan Widget posting terbaru. Tinggal temen-temen ganti Feednya. BTW, ini sekarang tanggal 5 agustus yah. Tak terasa waktu berganti dengan cepat , kok kayanya baru kemarin saya posting, eh tenyata sudah 3 hari bolos postingnya. Ya harap maklum anakku baru aja datang ke surabaya dari nganjuk, setelah hampir 45 hari liburan didesanya. Rasa kangenku terobati sudah. wew Cak To kok malah curhat. hehe... katanya mau nulis widget komentar terbaru. Ho oh lanjut yuk !

seperti halnya posting terbaru untuk menambahkan komentar terbaru anda membutuhkan feed widget yang sudah tersedia di blogger dan memasukkan URL = http://namablog.blogspot.com/feeds/comments/default

• Login Ke Blogger

• Masuk ke layout/tata letak

• Tambah Elemen Halaman

• pilih feed

• masukkan URL http://namablog.blogspot.com/feeds/comments/default (ganti nama blog dengan nama blog anda. contoh Komentar terbaru di Cak TO http://tito-kun.blogspot.com/feeds/comments/default

• 
  
  • Klik Lanjutkan
  
  
  • Setting tampilan
  
  
  
  • Klik Simpan
  
  Dah jadi deh Komentar terbaru
  
  

Lanjutkan membaca “Widget Komentar Terbaru”  »»

YUhuuu salam sejahtera. Sorry konco-koncoku pengunjung Blog Tito-KUN yang setia, postingnya libur dua hari dikarenakan tito-kun sakit perutnya. Memang cuaca disurabaya sedang lagi tidak menentu, siangnya panas malamnya dingin + nyamuk dengan artilerinya. Ya syukur lah sekarang agak mendingan. Kali ini cak to akan memberi pencerahan. ehmm kok pencerahan? emang langitnya cerah ya? He2.. baik kalo gitu saya ganti dengan kata penjelasan. Yaitu penjelasan tentang Widget Posting Terbaru. Widget ini banyak disukai karena dengan widget ini pengunjung dapat mengetahui artikel terakhir yang diposting oleh sang penulis. Banyak juga sih tools untuk Widget posting terbaru, seperti yang sudah diposting cak to sebelumnya disini, ataupun model-model javascript lainnya. Namun ada kelemahan dibalik itu. Penggunaan script yang berlebihan akan membuat web jadi lemot/ terlalu lama loading, pengunjung pastinya kecewa dengan hal ini.

Sebenarnya cara yang ini lebih simple dan mudah digunakan daripada script2 lainnya. Tools yang dibutuhkan cuma feed yang sudah tersedia di fasilitas blogspot. Ready ?
Go.. Go.. Go.. (kaya main Counter strike)
Step by step caranya :

• Login Di blogspot

• Menuju ke Layout/Tata Letak

• Klik Tambah Elemen Halaman (maka muncul gambar seperti ini)

• Pilih Feed
• lalu Masukkan URL dengan format http://namablog.blogspot.com/feeds/posts/default ganti namablog dengan blog anda contoh blog Tito-KUN -- http://tito-kun.blogspot.com/feeds/posts/default

• klik Lanjutkan maka akan muncul tampilan seperti gambar dibawah ini

• silahkan setting Judul terserah anda dan Link Posting terakhir yang akan ditampilkan dengan jumlah maximum tampilan lima

• centang pada tanggal item dan nama pengarang jika dibutuhkan

• Klik Simpan

• Selesai

udaan dulu ya.... udah ampir jam tiga pagi. Besok lanjut lagi..............

Lanjutkan membaca “Widget Posting Terbaru (2)”  »»

Setelah cuti beberapa hari, akhirnya nongol juga batang hidung gua. Wew. Ya maklum masih banyak urusan yang perlu dikerjakan. Yuk lanjut lagi dengan Blogger. Artikel yang sedang kutulis ini bernama Widget Posting Terbaru Dengan Feedburner. Sebenarnya banyak sekali tools, script dkk untuk menampilkan posting terbaru, namun yang satu ini merupakan unjuk gigi kebolehan dari feedburner. Sudah punya account feedburner? KLIK DISINI jika belom.

Menggunakan Feeburner untuk membuat tampilan posting terbaru sangat mudah sekali, tools yang digunakan adalah feed dan java blogger.

step by step

• login ke account feedburner anda

• klik feed yang akan digunakan

• klik publicize

• klik BuzzBoost

1. setting feed - pengaturan tampilan feed dll

kalo sudah klik activate

• copy code nya buat widget kamu

• atau langsung pilih auto add widget blogger

• selesai

Lanjutkan membaca “Widget Posting Terbaru Dengan FeedBurner”  »»

Berita gembira, meskipun baru draft dari blogger namun fitur yang satu ini sudah mengundang kegembiraan para blogger mania. Fitur apa itu? komentar dan kotak komentar tampil satu halaman dengan posting. Sungguh menarik untuk memperindah halaman, dengan begini interaksi pembaca dengan penulis lebih mudah dan jelas.

• Untuk membuatnya anda harus login lewat blogger in draft.

• Klik Setting/pengaturan

• Klik Comments/komentar

• Pada Penempatan Formulir Komentar, klik radio button Disemat di bawah entri

• Klik Simpan Pengaturan

• Sekarang klik tata letak/layout lalu pilih Edit HTML

• Centang EXPAND WIDGET TEMPLATE

• Lalu cari kode dibawah ini

<p class='comment-footer'><b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </p>

• Hapus kode diatas dan ganti dengan kode ini.

<p class='comment-footer'><b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/> <b:else/><b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if> </b:if></p>

• lalu simpan

• cari kode seperti dibawah ini

<b:include data='post' name='comments'/>

• dibawah kode di atas silahkan ditambahi dengan kode ini

<b:include data='post' name='comment-form'/>

• Klik Simpan

• Selesai

Horee kotak komentarku udah jadi
catatan: jika komentar kamu belum terlihat, dicek dulu centang dengan login sebagai draft.blogger.com

Lanjutkan membaca “Menampilkan Kotak Komentar”  »»

Ini adalah salah satu keunggulan dari blogger dengan menggunakan moderasi komentar. Moderasi komentar ini memiliki banyak manfaat karena selain mempermudah dalam pengaturan komentar juga bisa untuk pencegahan spam comment. Coba bayangin blog kamu dengan ratusan komentar yang ga jelas dan menghapus satu persatu komentar yang masuk. Wow sungguh melelahkan sekali. yah namanya aja orang iseng pasti ada aja kerjaannya. Untuk menghindari hal ini ada cara pencegahan, lumayan kan mencegah daripada mengobati. Pernahkah kalian masuk ke suatu situs/web menemukan angka-amgka atau huruf sebelum menekan submit, login atau enter ? pasti tentunya anda-anda semua pernah menemukannmya.

Angka-angka dan huruf-huruf itu adalah CAPTCHA. Jika anda salah memasukkan kode-kode tersebut pasti langsung ditolak untuk bisa masuk. Hal ini menyebabkan anda lebih sulit untuk memberikan komentar. Pengurangan spam ya gitu, memang sih bisa memberikan kemudahan memanaged komentar yang punya blog. tapi gara-gara hal ini pula si komentar malas berkomentar. Jadi kegiatan interaktif antara si pembaca dan si penulis kurang ada. itulah keuntungan dan kelemahan moderasi komentar.



cara mengubah setting moderasi komentar

1. Login ke blogger
2. Masuk ke pengaturan
3. Masuk lagi ke komentar
4. Ubah setting terserah diatur aja sendiri sesuai selera masing-masing. Moderasi kmentar selalu aktif, setelah kesekian hari atau tidak perlu moderasi
   
5. Alamat email dibawahnya bertujuan untuk pemberitahuan ke email jika ada salah satu anggota berkomentar di blog kamu.
   

OK. setelah kita setting moderasi komentar, untuk memanaged komentar yang masuk dengan caranya :

1. Masuk posting
2. Klik Moderasi Komentar

jika dalam blogmu tidak ada komentar yang masuk akan keluar tulisan
"Tidak Ada Komentar Yang Belum Dimoderasi Ditemukan"



kalo yang belum dimoderasi akan keluar isi pesan komentar, komentar ini bisa dipublikasikan atau tidak. Coba liat gambar



Bisa juga mempublikasikan dan menolak komentar lewat email untuk moderasi komentar. tentu saja setting dulu di moderasi komentar kamu dan tuliskan alamat email kamu.



sekian dulu

Lanjutkan membaca “Moderasi Komentar di blogger”  »»

Tata Letak di blogspot atau bahasa sono tuh layout. merupakan setting tampilan/design yang kita buat. disini kita mengatur keindahan suatu blog disini. Sub menu dari tata letak yaitu Elemen halaman, Font dan Warna, Edit HTml, Pilih template baru.
ini adalah contoh tata letak blog tito-kun kategori elemen halaman




disini anda bisa menambahkan suatu widget yang sudah disediakan oleh blogspot, contohnya daftar blog, tampilan slide, link berlangganan, polling, daftar, daftar link, gambar, adsense, teks, HTML, Feed, Label, News reel, baris video, logo, profil dan arsip blog.

Font dan warna - setting untuk mengganti warna dari template yang kita buat.




dengan catatan pendeklarasian warna di Edit HTML blog tidak diubah kodenya sebab jika diubah kita harus mengubah code dengan yang kita inginkan secara manual di Edit HTML.

Edit HTML


dapat kita lihat di gambar tentang pengeditan template lewat html. Kode tersebut bisa di edit dan ditambahi, fitur tersebut ditambah lagi dengan expand template widget.

ada lagi yang keempat yaitu pilih template baru
disini kita bisa memilih template untuk dipilih atau menggantinya. Tapi ingat pengubahan template disini akan menyebabkan beberapa widget yang sudah disetting akan hilang jadi ingat selalu untuk back up data sebelum ganti template.

Trims sekian dulu

Lanjutkan membaca “Tata Letak di Blogspot”  »»

Wah akhirnya tiba juga disurabaya, setelah bertapa 4 hari di kota angin atau lebih dikenal dengan nama kota nganjuk. Emang ada yang nanyain ga ? ngapain pergi kenganjuk? wew kok pada diem semua. Berarti ga kangen sama aku dong ! he... ya gpp lah kalo ga pingin tahu, ya udah kuberitahu saja ya!! NYADRAN SONO. Ada yang bertanya ga tentang nyadran sono ? aku juga belum jelas apa arti dari nyadran sono tapi seperti "bersih desa" gitu, dilakukan untuk membersihkan desa dari hal-hal buruk dan dilakukan setiap satu tahun cuman sekali waktu malam jumat pahing kalo bulannya sih saya ga tahu sekarang bulan jawa apa ya!.

Kegiatan nyadran sono yang diadakan di desa sonoageng kota nganjuk sangat meriah sekali , jutaan orang ada disana bahkan dari luar kota pun banyak berdatangan. Ada yang dari tulung agung, kediri, mojokerto, sidoarjo, malang. Banyak pagelaran yang digelar ada wayang, jaranan, orkes dangdut, layar lebar, tontonan binatang aneh dll, ditambah dengan BAAZAR murah sepanjang 2 km. Kalo yang belom pernah dan melihatnya pasti akan terkagum-kagum. Wow betapa besar dan indahnya budaya indonesia, sungguh aku hanya bisa berharap dan berdoa semoga budaya ini tidak akan musnah dan tetap diteruskan sebagai salah satu aset kekayaan bangsa.

Ya itulah kegiatanku selama 4 hari di kota nganjuk. ya cuman sekilas info aja qqq. BTW lanjut yuk ke blogspot lagi, kemarin di pengaturan di blogspot 1 udah dijelasin sampai format. ok lanjut



4. komentar

• komentar - menampilkan atau menyembunyikan komentar

• Siapa yang Bisa Berkomentar ? - pengaturan siapa saja yang bisa berkomentar. ada 4 kategori comentator yaitu siapapun, anggota terdaftar, pengguna google account, anggota blog

• Penempatan Formulir Komentar - pengaturan letak munculnya komentar bisa dihalaman itu sendiri, jendela baru atau disemat dibawah entry kalo yang ini masih dalam tahap draft google

• Default Komentar untuk Posting - setting pada posting baru memiliki komentar atau tidak

• Link balik - melacak halaman lainnya yang terhubung dengan postingan

• Default Link Balik untuk Posting - setting pada posting baru memiliki backlink atau tidak

• Format Timestamp Komentar - pengaturan waktu komentar

• Pesan Formulir Komentar - pesan kepada komentator di form entry komentar ini bisa di isi dengan kode html

• Moderasi komentar - memberikan alert komentar sebelum diterbitkan ke dashboard dan alamat email yang disetting

• Tampilkan verifikasi kata untuk komentar? - verifikasi untuk menghindari spam

• Tampilkan gambar profil dalam komentar? - ini berupa tampilan profil komentator

• Email Pemberitahuan Komentar - bisa di isi sampai 10 alamat email.

5. Arsipkan

• Frekuensi Arsip - frekuensi arsip yang ditampilkan

• Aktifkan Halaman Posting? - Halaman Posting memberikan setiap posting Anda halaman web uniknya sendiri, sebagai tambahan untuk muncul di halaman depan blog Anda.

6. Feed Situs

• Izinkan Feed Blog - tampilan feed dari blog ke email. ada 3 kategori yaitu lengkap, singkat, tak satupun

• Posting URL Pengubahan Arah Feed - masukkan URL feed contoh http://feeds.feedburner.com/BlogTito-kun

• Footer Feed Posting - muncul setelah setiap posting di feed posting Anda

7. Email

• Alamat BlogSend - Memasukkan daftar email (maksimal 10),agar blog dapat dikirim ke semuanya ketika ada yang baru.

• Alamat Mail-ke-Blogger - untuk memposting teks dan gambar bisa sampai 10MB

8. OpenID

• OpenID - untuk masuk ke situs yang memanfaatkan OpenID lainnya

9. Ijin

• Penulis Blog - bisa menambah penulis blog hingga 100 penulis

• Pembaca Blog - Blog dapat memiliki hingga 100 pembaca.

ya segitu dulu dari pengaturan blogspot

Lanjutkan membaca “Pengaturan di Blogspot (2)”  »»