Telolet Apps

Cara Membuat Kotak Berlangganan Via Email Dan Artikel di Blog

Selamat sore? pada sore hari ini saya akan share Cara Membuat Kotak Berlangganan Lewat Email Dan Postingan di Blog. Seperti judul diatas saya share 2 cara sekaligus karena mengingat sudah banyak yang mengetahui tutorial Cara Membuat Kotak Berlangganan Email Dan Postingan di Blog.

Tutorial ini memang saya peruntukan buat pemula yang baru memulai ngeblog, khususnnya ngeblog di Blogspot.


Berikut Cara Membuat Kotak Berlangganan Via Email dibawah ini:

- Kunjungi Feedburner.

- Masukkan nama blog kalian + tambahkan "/feeds/post/default" tanpa tanda petik diakhir alamat blog.




















- Feed Title adalah judul Feed dari blog kalian dan Feed Address adalah alamat Feed blog kalian.
Untuk Feedburner yang sekarang kalian jangan mengganti isi didalam kolom.


- Berhasil, klik next lagi.



- Jangan di centang, langsung klik next.



- Pilih Publicize dan Email Subscrition.

 Klik Activate.


- Setelah itu copy kode javascriptnya

Copy kode javascript yang pertama saja, tempel di menu Tata Letak/Tambahkan Gadget, kemudian klik HTML/JavaScript, pastekan kode yang kalian copy tadi.

Sementara untuk kode javascript yang kedua bebas mau dipasang atau tidak.


Berikut Cara Membuat Kotak Berlangganan Artikel yang saya kutip langsung dari situs www.maskolis.com dibawah ini:

- Kunjungi feedburner.com, secara otomatis anda akan langsung ke halaman Google.

- Klik Claim Your Feeds Now.












 


- Masuk dengan akun Feedburner kalian Kalau kalian kurang mengerti, jangan pilih tahap ini. Sebelumnya kalian juga bisa masuk menggunakan alamat Gmail kalian.


 
- Tulis URL RSS feed kalian. Contohnya:
? http://k0k0h.blogspot.com/feeds/posts/default
? (Ganti tulisan berwarna merah dengan URL blog kalian).

- Langsung klik Next tidak usah memberi tanda cek pada "I am a podcaster!"

- Maka Secara otomatis akan tampil Feed Title dan Feed Address dengan format:
http://feeds.feedburner.com/alamatfeed



Jika kalian sudah selesai menulis Title dan Address nya, langsung klik Next.


- Alamat Feed baru kalian telah selesai dibuat, simpan alamat Feed nya.


- Ganti Terlebih dahulu Feed blog kalian dengan Feed dari Feedburner.
Caranya:
? Masuk pada akun Blogspot kalian! setelah itu pilih Pengaturan
? Pilih menu Site Feed, kemudian isikan URL Feed kalian di dalam kolom yang sudah disediakan.

Klik Save Pengaturan

- Klik Skip directly to feed management pada gambar no. 7, letaknya tepat di sebelah tombol Next.
Pilih menu Publicize dan pada Sub Menu, pilih Email Subscriptions.



- Klik Activate dan kemudian copy kode script pada form yang muncul ke Gadget blog kalian.
Caranya:
? Masuk ke akun Blogger kalian, buka menu Tata Letak.
? Klik Gadget, tambahkan JavaScript/HTML
? Pastekan didalam kolom yang sudah disediakan kode script yang kalian copy tadi

Sebelumnya pada menu Dropdown, pilih Blogger sebagai Platform Blog kalian.

 

Available link for download

Cara Membuat Artikel Terkait Vertikal Dengan Thumbnail di Bawah Postingan Blog

Artikel Terkait/Related Post salah satu widget yang wajjib dipasang di Blog. Artikel Terkait letaknya biasanya dibawah postingan Blog, Artikel Terkait juga biasanya sudah terpasang otomats saat menggunakan Template karya para master, baik secara gratis ataupun berbayar.

Widget Artikel Terkait yang saya share kali ini menggunakan Thumbnail, apa itu Thumbnail? Thumbnail adalah gambar kecil yang ada pada homepage postingan. Dan Widget Artikel Terkait yang saya share kali ini bukanlah versi simple/Sederhana, meskipun tidak simple/sederhana tetapi tetap Responsive.

Berikut Cara Memasang Artikel Terkait Vertikal Dengan Thumbnail di Bawah Postingan Blog dibawah ini:

- Login ke akun Blogger.com

- Selanjutnya langsung menuju Template/Edit HTML, cari kode </head> (gunakan CTRL F)

- Copy kode dibawah ini, pastekan diatas kode </head>

<if cond=data:blog.pageType == "item"><br /><style>#related_posts{} #related_posts h4{ border-top:1px solid #333; border-bottom:1px solid #333; color:#333; font-size:14px; letter-spacing:0; line-height:20px; margin:0 0 5px; padding:5px 10px; background:#03C} #relpost_img_sum{/* height:320px; overflow:auto; */margin:0; padding:0px; line-height:16px} #relpost_img_sum:hover{background:none} #relpost_img_sum ul{list-style-type:none; margin:0; padding:0} #relpost_img_sum li{border:1px solid #ccc; background:#fff; margin:0 0 5px; padding:5px; height:65px; list-style:none} #relpost_img_sum .news-title{display:block; font-weight:bold !important} #relpost_img_sum .news-text{display:block; text-align:justify; font-weight:normal; text-transform:none; color:#333} #relpost_img_sum img{float:left; margin-right:5px; padding:4px; border:solid 1px #ccc; width:50px; height:50px; background:#fff} </style><br /><script type=text/javascript>// var relnum = 0; var relmaxposts = 5; var numchars = 150; var morelink = "Read More"; eval(function(p,a,c,k,e,r){e=function(c){return(c<a?:e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){returnw+};c=1};while(c--)if(k[c])p=p.replace(new RegExp(b+e(c)+b,g),k[c]);return p}(2 4=f g();2 5=f g();2 9=f g();2 b=f g();s K(L,M){2 7=L.19("<");l(2 i=0;i<7.3;i++){8(7[i].N(">")!=-1){7[i]=7[i].O(7[i].N(">")+1,7[i].3)}}7=7.1a("");7=7.O(0,M-1);y 7}s 1b(z){l(2 i=0;i<z.P.6.3;i++){2 6=z.P.6[i];4[n]=6.A.$t;u="";8("Q"B 6){u=6.Q.$t}C 8("R"B 6){u=6.R.$t}9[n]=K(u,1c);8("S$T"B 6){D=6.S$T.1d}C{D="1e://1f.1g.1h/1i/1j/1k/1l/d/1m.1n"}b[n]=D;l(2 k=0;k<6.E.3;k++){8(6.E[k].U==1o){5[n]=6.E[k].v;F}}n++}}s V(a,e){l(2 j=0;j<a.3;j++)8(a[j]==e)y 1p;y 1q}s 1r(){2 m=f g(0);2 o=f g(0);2 p=f g(0);2 q=f g(0);l(2 i=0;i<5.3;i++){8(!V(m,5[i])){m.3+=1;m[m.3-1]=5[i];o.3+=1;o[o.3-1]=4[i];p.3+=1;p[p.3-1]=9[i];q.3+=1;q[q.3-1]=b[i]}}4=o;5=m;9=p;b=q;l(2 i=0;i<4.3;i++){2 c=w.W((4.3-1)*w.X());2 Y=4[i];2 Z=5[i];2 10=9[i];2 11=b[i];4[i]=4[c];5[i]=5[c];9[i]=9[c];b[i]=b[c];4[c]=Y;5[c]=Z;9[c]=10;b[c]=11}2 x=0;2 r=w.W((4.3-1)*w.X());2 12=r;2 h;2 13=14.1s;1t(x<15){8(5[r]!=13){h="<16 G=H-A 1u>";h+="<1w 1x="+b[r]+" />";h+=""+4[r]+"";h+="<17 G=H-18>"+9[r]+" ... "+1y+"<17 G=H-18>";h+="</16>";14.1z(h);x++;8(x==15){F}}8(r<4.3-1){r++}C{r=0}8(r==12){F}}},62,98,||var|length|reljudul|relurls|entry|cuplik|if|relcuplikan||relgambar|informasi|||new|Array|relhasil||||for|tmp|relnum|tmp2|tmp3|tmp4||function||postcontent|href|Math|rangkumanPosts|return|json|title|in|else|postimg|link|break|class|news|target|_top|saringtags|suchas|panjang|indexOf|substring|feed|content|summary|media|thumbnail|rel|contains|floor|random|tempJudul|tempUrls|tempCuplikan|tempGambar|rini|dirURL|document|relmaxposts|li|span|text|split|join|relpostimgthum|numchars|url|http|lh3|ggpht|com|_xcD4JK_dIjU|SnamIh0KTCI|AAAAAAAADMA|hLjqmEbdtkw|noimagethumb|gif|alternate|true|false|relatpost|URL|while|clearfix|nofollow|img|src|morelink|write.split(|),0,{})) //</script><br /></if>

- Kemudian cari kode <data:post.body/> (gunakan CTRL F)

- Copy kode dibawah ini, pastekan dibawah kode <data:post.body/>

<if cond=data:blog.pageType == "item"><br /><div id=related_posts style=margin-top:35px;><h4 style=color:#ffffff; text-shadow:none; border-radius:5px; border:2px solid #ddd; background:#6fa8dc;>Artikel Terkait</h4><loop values=data:post.labels var=label><br /><script expr_src="/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=relpostimgthum&max-results=50" type=text/javascript/></loop><ul id=relpost_img_sum><script type=text/javascript>relatpost();</script><br /></ul></div></if>

- Biasanya kode <data:post.body/> lebih dari satu, jadi silahkan coba satu persatu, mana yang paling cocok.

Available link for download