Tampilkan postingan dengan label Trik Blogger. Tampilkan semua postingan
Trik Blogger | Memasang Komentar Terbaru (Recent Comments)
on
17.07
![]() |
| Recent Comments |
Fungsinya masih sama dengan memasang posting terbaru (recent posts). Tetapi kalau komentar terbaru (recent comments) berguna untuk menampilkan komentar-komentar terbaru dalam posting blog kamu. Sebelumnya mari kita intip source code untuk recent comment di sini. Untuk memulai mesangnya di blog sobat ikuti langkah-langkahnya dibawah ini, ayo kita mulai trik blogger nya :
- Login dulu ke account blogger kamu.
- Pilih tab Tata Letak --> Elemen Halaman.
- Tambah Gadget dalam elemen blog kamu (rekomendasi : Di bawah atau di samping gadget Posting Terbaru)
- Dalam "Tambahkan Gadget", pilih HTML/JavaScript
- Copy dan pastekan kode di bawah ini dan jangan lupa diberi judul (ex : Recent Comment)
<script style="text/javascript" src="http://googledrive.com/host/0Bz-wbP60qArrZGRqZ296bVJsbDg"></script> <script style="text/javascript">var numcomments = 10;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script> <script src="http://tanggobuntung.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
Catatan :
- Ganti kode yang berwarna merah dengan alamat penyimpanan file "http://googledrive.com/host/0Bz-wbP60qArrZGRqZ296bVJsbDg" kamu sendiri (ex : //googledrive.com/host/bla..bla...). Kalau tidak biarkan apa adanya.
- Ganti kode yang berwarna biru nilai numcomments untuk menampilkan jumlah komentator dan numchars untuk menampilkan jumlah karakter teks komentar per-komentator.
- Ganti kode yang berwarna hijau dengan alamat blog kamu.
Selamat memasang komentar terbaru...
Source: optimasi-blog
Trik Blogger | Memasang Posting Terbaru (Recent Posts)
on
16.43
![]() |
| Recent Post |
Posting terbaru (recent post) merupakan sejumlah daftar posting yang terbaru dalam suatu blog dan berisi informasi singkat mengenai posting tersebut yang tersusun secara sistematis. Biasanya menghiasi dalam elemen sidebar untuk memberikan keterangan kepada pengunjung tentang terbitnya suatu posting. Fungsinya bersifat otomatis, dimana postingan yang sudah lama dalam urutan daftar posting akan langsung digantikan dengan yang terbaru. Sebelum memulai trik blogger memasang posting terbaru (recent posts), terlebih dulu mari kita lihat source code untuk recent post di sini. Ingin tahu cara memasangnya di blog kamu, langsung kita review triknya :
- Login dulu ke account blogger kamu.
- Pilih tab Tata Letak --> Elemen Halaman.
- Tambah Gadget dalam elemen blog kamu (rekomendasi : Sidebar).
- Dalam "Tambahkan Gadget", pilih HTML/JavaScript.
- Copy dan pastekan kode di bawah ini dan jangan lupa diberi judul (ex : Posting terbaru).
<script style="text/javascript" src="http://new-post.eclipselabs.org.codespot.com/files/Script%20postterbaru.txt"></script> <script style="text/javascript">var numposts = 10;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script> <script src="http://tanggobuntung.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>
Catatan :
- Ganti kode yang berwarna merah dengan alamat penyimpanan file "postterbaru.js atau postterbaru.txt" kamu sendiri (ex : googlecode.com). Kalau tidak biarkan apa adanya.
- Ganti kode yang berwarna biru nilai numposts untuk menampilkan jumlah posting terbaru dan numchars untuk menampilkan jumlah karakter teks per-posting terbaru.
- Ganti kode yang berwarna hijau dengan alamat blog kamu.
Selamat memasang posting terbaru...
Script dapat di download disini
Source: Optimasi Blog
Widget Posting dan Komentar Terbaru yang Sederhana
on
16.31
Mungkin Anda pernah membaca artikel sebelumnya tentang Trik Blogger | Memasang Posting Terbaru (Recent Posts) & Trik Blogger | Memasang Komentar Terbaru (Recent Comments). Keduanya tidak menggunakan struktur kode daftar urut (unordered list atau ordered list), namun menggunakan horizontal rule (
<hr>) sebagai pemisah antar item atau hanya berupa break (<br>).Sebenarnya membuat gadget atau widget posting atau komentar terbaru adalah sangat mudah, yaitu dengan memanfaatkan feed default bagi pengguna Blogger™.
h**p://namablog.blogspot.com/feeds/posts/default h**p://namablog.blogspot.com/feeds/comments/default
Cara menambahkan kedua feed di atas dilakukan melalui kustomisasi Tata Letak (Layout) pada dashboard akun Blogger™ Anda.
Kemudian pada jendela pop-up yang terbuka, pilih gadget “Feed”.
Masukkan URL feed default Blogger™ Anda, seperti yang telah diperlihatkan di atas (satu gadget berarti satu URL)& jangan lupa diganti nama blog yang berwarna merah dengan Blog Anda. Eksekusi dengan mengklik tombol “Continue”.
Selanjutnya akan ditunjukkan beberapa pengaturan yang dapat Anda kustomisasi pada gadget atau widget feed yang baru dibuat tersebut. Akhiri dengan mengklik tombol “Save”.
Mungkin yang kurang nyaman dilihat hanya pada gadget atau widget komentar terbaru (recent comments), karena isi komentar — jumlahnya dapat diatur pada saat konfigurasi feed — akan ditampilkan pula. Alternatifnya kita dapat mengganti dengan memilih gadget “HTML/JavaScript”, kemudian masukkan script berikut, sehingga komentar terbaru akan menampilkan nama komentator & judul posting.
<script type='text/javascript'>
//<![CDATA[
function showrecentcomments(r){document.write('<ul>');for(var g=0;g<a_rc;g++){var c=r.feed.entry[g];var p;if(g==r.feed.entry.length){break}for(var f=0;f<c.link.length;f++){if(c.link[f].rel=="alternate"){p=c.link[f].href;break}}p=p.replace("#","#");var m=p.split("#");m=m[0];var e=m.split("/");e=e[5];e=e.split(".html");e=e[0];var b=e.replace(/-/g," ");b=b.link(m);var o=c.published.$t;var l=o.substring(0,4);var d=o.substring(5,7);var a=o.substring(8,10);var n=new Array();n[1]="Jan";n[2]="Feb";n[3]="Mar";n[4]="Apr";n[5]="May";n[6]="Jun";n[7]="Jul";n[8]="Aug";n[9]="Sep";n[10]="Oct";n[11]="Nov";n[12]="Dec";if("content" in c){var j=c.content.$t}else{if("summary" in c){var j=c.summary.$t}else{var j=""}}var q=/<\S[^>]*>/g;j=j.replace(q,"");document.write('<li>');if(m_rc==true){document.write("On "+n[parseInt(d,10)]+" "+a+" ")}document.write('<a href="'+p+'">'+c.author[0].name.$t+"</a>");if(n_rc==true){document.write(" on "+b)}if(o_rc==0){document.write("</li>")}else{document.write(": ");if(j.length<o_rc){document.write("<i>“");document.write(j);document.write("”</i></li>")}else{document.write("<i>“");j=j.substring(0,o_rc);var h=j.lastIndexOf(" ");j=j.substring(0,h);document.write(j+"…”</i></li>");document.write("")}}}};
//]]>
</script>
<script style=text/javascript >var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=0;</script><script src='h**p://namablog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments'></script>Catatan:
Widget komentar terbaru akan ditampilkan dalam daftar urut (
Untuk demonstrasi dapat dilihat pada sidebar atau footer Optimasi Blog — Komentar Terakhir & Posting Terakhir.
Widget komentar terbaru akan ditampilkan dalam daftar urut (
<ul>). Teks “on” (huruf kecil) menunjukkan pemisah antara nama komentator & dengan judul posting. Angka 5 menunjukkan jumlah komentar & angka 0 merupakan isi komentar serta jangan lupa mengganti nama blog dengan blog Anda.Untuk demonstrasi dapat dilihat pada sidebar atau footer Optimasi Blog — Komentar Terakhir & Posting Terakhir.
Source: Optimasi-Blog
Tabulasi Pengkodean dalam Blog
on
15.55
![]() |
| code with syntax highlighter |
Jika ada sobat blogger yang belum mengetahui beberapa jenis pengkodean di dunia blogging, berikut saya akan bagikan ke sobat semua, mengenai pemberian markup pada dokumen HTML, termasuk posting blog. Kode ini berfungsi agar dokumen tampak lebih semantik dan aksesibel. Dan b isa jadi kita jarang sekali memikirkan bahkan menggunakan beberapa tag serta simbol HTML berikut dalam postingan. Berikut beberapa kode dan deskripsinya:
/+SIMBOL BEBERAPA TANDA BACA DAN DESKRIPSI+/ Deskrisi Tag HTML Blok paragraf <p>…</p> Daftar terurut <ol><li>…</li><li>…</li></ol> Daftar tidak terurut <ul><li>…</li><li>…</li></ul> Daftar definisi <dl><dt>…</dt><dd>…</dd><dd>…</dd>
<dt>…</dt><dd>…</dd><dd>…</dd></dl>Kutipan <q>…</q> Blok kutipan <blockquote><p>…</p></blockquote> Teks tebal <strong>…</strong>, <b>…</b> Teks miring <em>…</em>, <i>…</i> Teks bebas <pre>…</pre> Blok kode <pre><code>…</code></pre> Kepanjangan dari <abbr title="">…</abbr> Teks penting <mark>…</mark> Teks Kode <code>…</code> Teks tombol papan ketik <kbd>…</kbd> Teks dihapus <del>…</del> Teks superskrip <sup>…</sup> Teks subskrip <sub>…</sub> Teks Pranala <a href="" title="">…</a> Penanda gambar <img src="" alt="" width="" height=""…/> Tabel Menata pembuatan tabel dalam blog Figure/Lampiran <figure>…<figcaption>…</figcaption></figure>
Kita tinggal menyisipkan teks dalam dalam tag html tabel di atas. Sedangkan pada figure dapat dimasukkan gambar, audio, video, blok kutipan, dan sebagainya sebagai fungsi lampiran dari suatu dokumen HTML (sebelum figcaption atau deskripsi lampiran).
Kemudian tabel berikut merupakan beberapa pengkodean tanda baca yang sering digunakan dengan menekan tombol tertentu pada papan ketik. Tetapi hal tersebut mungkin bukan aktivitas yang tepat untuk memaknai dokumen html, terutama dalam posting blog.
/+SIMBOL BEBERAPA TANDA BACA+/ Deskripsi Tanda Simbol HTML Numerik Ampersand & & & Spasi   Lebih kurang ± ± ± Pecahan ¼ ¼ ¼ ¼ Pecahan ½ ½ ½ ½ Pecahan ¾ ¾ ¾ ¾ Perkalian × × × Pembagian ÷ ÷ ÷ Tanda pisah En – – – Tanda pisah Em — — — Tanda petik pembuka tunggal ‘ ‘ ‘ Tanda petik penutup tunggal ’ ’ ’ Tanda petik pembuka ganda “ “ “ Tanda petik penutup ganda ” ” ” Ellipsis … … … Menit ′ ′ ′ Detik ″ ″ ″
Beberapa uraian penjelas tentang penggunaan simbol beberapa tanda baca adalah sebagai berikut:
- Perkalian
×akan lebih baik daripada menekan tombol X pada papan ketik. - Pembagian
÷akan lebih baik daripada menekan tombol / pada papan ketik. - Tanda petik, menit, atau detik
‘,’,“,”,′, dan″akan lebih baik daripada menekan tombol ' dan " pada papan ketik. - Tanda pisah
–dan—akan lebih baik daripada menekan tombol - pada papan ketik.- Penggunaan
–yang berarti “sampai dengan”, contoh: 2014 – 2015 - Penggunaan
—untuk menjelaskan suatu kata atau frase kata di luar bangun kalimat, contoh:
Saya karyawan swasta — Manager Perkebunan — yang menyukai dunia Blogging
- Penggunaan
Saya pikir semua orang harus belajar coding, Karena coding mengajarkan anda berpikir.
Source: Optimasi Blog
Langganan:
Postingan
(
Atom
)





.png)

