Articles by "Blogging"

Showing posts with label Blogging. Show all posts

Menurut kalian pentingkah kotak komentar itu ?? kalau menurut saya penting banget, tahu kenapa ?? klo ada komentar kan postingan kita ada yang baca dan memperhatiin,!! Senengnya, tapi klo ga ada komentar ?? kita ga tahu apa postingan kita berarti atau tidak, nah pada blogger kotak komentar tersebut ga ada, dan hanya berupa link “Post Comment” klo gini orang malez untuk kasih komentar..!! truz biar ada kotak komentar di bawah postingan caranya gimana ?? mudah ko’, ikuti tips berikut ini...

1. Login ke http://draft.blogger.com, Ingat bukan yang http://blogger.com.
2. Kemudian pada menu Setting ==> Comments truz "Comment Form Placement" ubah menjadi "Embedded below post" (seperti gambar dibawah)



3. Lalu klik Save Setting, nah selesai !! simple kan dan sekarang coba lihat pada blog kamu dan klik salah satu postingan kamu apakah dibawah postingan sudah ada kotak komentar atau belum ?? semoga saja sudah !! tapi klo belum kalian bisa tambahkan script pada htmlnya..ikuti langkah selanjutnya...!!
4. Pada menu Layout pilih “Edit HTML”
5. Jangan lupa kasih tanda centang pada “Expand widget templates”
6. Truz cari kode di bawah ini, klo ga ketemu cari yang hampir sama dengan kode tersebut karena biasanya setiap template berbeda scripnya.

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


7. Lalu ganti kode diatas tersebut dengan

<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> </b:if>


8. Kemudian “Save template”

Nah sekarang coba lihat hasilnya dengan pilih salah satu postingan kamu maka dibawahnya akan muncul kotak komentar seperti punyaku....

Bagi yang mau kasih kritik atau saran silahkan kirim komentar pada kotak komentar di bawah postingan ini.

Semoga berhasil.

Buat apa sih Recent Post atau Postingan terbaru ?? Recent Post atau Postingan Terbaru digunakan untuk menampilkan kutipan artikel yang baru dibuat, klo di Wordpress aplikasi tersebut sudah disediakan trus bagaimana dengan blogger ?? pada blogger belum tersedia, truz bagaimana kita bisa membuat yang seperti itu ?? gampang ko’, sebenarnya hal yang seperti itu bagus buat pembelajaran, karena bisa membuat kita lebih kreatif untuk berkarya, untuk membuat Recent Post ikuti tips berikut:

1. Login ke account blogger kamu
2. Pada menu Layout pilih “Page Element” lalu tambahkan Gadget baru pilih kategori HTML/Java Script.
3. Kemudian masukkan kode berikut ke kotak content

<script src="http://www.mata-maya.com/script/recent-post.js"></script> <script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script> <script src="http://NAMABLOGKAMU.blogspot.com/feeds/posts/default
?orderby=published&amp;alt=json-in-script&amp;callback=rp"> </script>

4. Pada kode yang di cetak tebal ganti dengan alamat blog kamu, untuk title ketikkan Recent Pos atau Postingan Terbaru
5. Klik Save

Sekarang lihat blog kamu, selamat kalian sudah bisa buat Recent Comment atau Postingan terbaru...

Referensi : matamaya.com

Klo kalian ingin membuat postingan yang membahas tentang pemrograman atau apa yang nantinya akan memasukkan kode html ke dalam postingan, maka ketika disimpan akan menunjukkan adanya kesalahan, kalian pernah mengalami yang seperti ini ?? nah agar bisa memasukkan kode html ke dalam postingan kalian harus mengubah tanda tanda seperti berikut


< diganti dengan tanda <
> diganti dengan tanda >
diganti dengan tanda

Untuk memasukkan kode HTML tersebut caranya begini :

- Buka Notepad
- Kemudian pada menu Edit pilih “Replace” lalu masukkan kode yang akan direplace pada kolom "Find What" truz masukkan kode pengantinya pada kolom "Replace With" lalu klik Replace All.
- Klo sudah semua baru copy semua kode tersebut kedalam postingan kamu..

Atau lebih mudahnya lagi simak tips berikut ini

- Buka situs http://centricle.com/tools/html-entities
- Kemudian copy semua code HTML yang mau dimasukkan kedalam postingan ke kotak yang disediakan kemudian klik Encode
- Hasil yang telah kalian Encode tadi copy ke dalam postingan
- Kemudian klik Publish Post

Nah kalian sudah bisa melihat hasil inputan HTML tadi pada postingan.
Selamat mencoba...

Related Post merupakan postingan terkait dari postingan yang bersangkutan, buat pemula yang ingin buat related post ikuti tips berikut ini,

1. Yang pasti harus login dulu ke blogger
2. Klo udah pada menu Layout pilih “Edit HTML”
3. Jangan lupa kasih tanda centang pada “Expand widget templates”
4. Cari kode dibawah ini

<data:post.body/>

5. Klo dah ketemu copy kode dibawah ini setelah kode diatas

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Baca Juga Artikel Terkait</h3>
<div id='data2007'/><br/><br/>
<div id='Sinau-yuk'>
Visit to <u><a href='http://sinau-yuk.blogspot.com'>Sinau-yuk</a></u>
</div>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


function listEntries10(json)
{
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;

for (var i = 0; i &lt; maxPosts; i++)
{
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++)
{
if (entry.link[k].rel == &#39;alternate&#39;)
{
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;

if(a.href!=location.href)
{
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++)
{
if (json.feed.link[l].rel == &#39;alternate&#39;)
{
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label)
{
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0)
{
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels)
{
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>


6. Kemudian Save template

Selesai kemudian lihat hasilnya...

Sebenarnya cara buat “read more” ini sudah banyak artikel atau tutorial yang membahasnya. Mungkin anda belum tahu atau kesulitan untuk membuat readmore, OK saya coba untuk kasih cara buat “read more” pada blogger baru. coba ikuti panduan dibawah ini :

Cara Pertama :

1. Login ke account blogger anda lalu masuk pada Layout/tata letak kemudian masuk pada "Edit HTML" jangan lupa kasih tanda tik pada menu "expand widget template"

2. Kemudian letakkan kode dibawah ini diatas kode </head>

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

3. Lalu letakkan kode berikut di bawah kode <p><data:post.body></p>

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

4. Nah...selesai klik Simpan

5. Setelah itu klik "Setting" atau pengaturan, terus klik formating atau format. Di paling bawah ada kotak kosong disamping menu "TEMPLATE POSTING", Isi kotak kosong tersebut dengan Kode berikut :

<span class="fullpost">
</span>

Cara Buat Postingan
ketika memposting, klik "Posting", Maka, secara otomatis akan tampak kode :

<span class="fullpost">
</span>

Letakkan posting yang akan ditampilkan di halaman muka diatas kode, sementara sisanya (yakni keseluruhan entry/artikel) letakkan di antara kode

<span class="fullpost">
dan
</span>

Permasalahan

1. Pada saat mengklik “Simpan Perubahan” kita sering mendapat pesan demikian :

XML error message : The element type “style” must be terminated by the matching end-tag “”.

Itu artinya tanda petik / kutip buka tutup (quote/unquote) yakni tanda (‘) dalam kode tidak cocok dengan font template. Yang perlu dilakukan adalah buang tanda kutip ['] itu dan kasih tanda kutip yang baru di tempat yang sama. Dan coba klik lagi SIMPAN.

2. Anda sudah berhasil memasang seluruh kode di atas, tetapi “read more” gak berhasil, Posting tetap panjang ? Dan tulisan “read more” nongol di bagian bawah artikel ?

Solusinya

Klik “Pengaturan” -> klik “Format” -> buang/delete semua tanda kutip buka/tutup (quote/unquote) di “fullpost” dan ganti dengan tanda kutip yang baru.
Jangan lupa klik “Simpan”.

Semoga Artikel ini bisa bermanfaat
Selamat Mencoba

Kali ini saya ingin memberi tahu tips bagaimana cara mempercantik blog, meski tips ini sudah di bahas pada blog-blog lainnya tetapi bagi yang belum tahu berikut ini adalah tips mempercantik blog..

1.Kayaknya kalau template standar kurang begitu menarik yah…???nah untuk itu ganti template dengan yang lebih menarik. Cari aja di search engine google dengan kata kunci “free template blogger” ato silahkan coba cari di www.fress-download.blogspot.com
2.Setelah template keren tambahkan aksesoris seperti berikut
Buku Tamu Blog” atau bisa juga disebut shoutbox, banyak penyedia buku tamu blog gratis cari di search engine google atau bisa coba di www.shoutmix.com
“Statistic dan Tracker” untuk mengetahui berapa pengunjung setiap harinya, coba gunakan www.w3counter.com
Kamus Online” bila blog anda menggunakan bahasa inggris, anda bisa memasang kamus indonesia-inggris dan inggris indonesia. Ambil kode HTML di http://kamus.net
Jam dinding” untuk menambah daya tarik tambahkan jam dinding di blog anda, ambil kode HTML di www.clocklink.com

3.Ingat..!!! jangan berlebihan memberi hiasan pada blog anda, sesuaikan dengan template blog anda, kalau berlebihan tahu sendiri kan akibatnya..??..

Nah silahkan tambahkan aplikasi tersebut pada blog anda

Tunggu tips berikutnya…

Author Name

Contact Form

Name

Email *

Message *

Powered by Blogger.