Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

26 November 2012

Keuntungan Menulis Blog

Pernahkah Anda mendapat sindiran panas karena ada seseorang yang sirik dengan asyiknya rutinitas menghabiskan waktu dengan kegiatan nge-blog?
Atau, pernahkah Anda mendapat sindiran keras dari seseorang yang menganggap menulis blog itu tindakan sia-sia, karena saat ini zaman telah berubah menjadi zaman media sosial, dimana respon pembaca terhadap tulisan Anda jauh lebih cepat?
Jika iya, sampaikan keunggulan menulis blog ini kepada mereka.
1. Nge-Blog akan meningkatkan kemampuan menulis Anda
Menulis blog adalah kegiatan yang berhubungan dengan kata-kata, rangkaian foto, video atau podcast yang dikemas dengan apik di dalam blog pribadi. Apabila Anda bekerja di bidang marketing, dan senang menulis blog tentang cara marketing yang baik, nge-blog dapat menampilkan kemampuan Anda dalam bernegosiasi.
Siapa tahu dengan pengalaman menulis Anda yang canggih, ada banyak orang yang akan berguru ilmu marketing kepad Anda, dan akan sangat menguntungkan untuk mendapatkan pendapatan sampingan bukan?
2. Nge-Blog akan meningkatkan kemampuan komunikasi Anda
Dengan menceritakan apa yang ingin Anda ceritakan lewat tulisan, Anda mampu menciptakan metode komunikasi dengan orang lain. Tanpa Anda sadari, dengan menulis blog, Anda akan meningkatkan kemampuan komunikasi dengan orang lain.
Meskipun Anda tergolong orang yang pemalu, karena tulisan Anda mengajak orang lain untuk membaca, dan mengenal lebih dekat pribadi Anda yang sebenarnya, akan membuat orang lain menyadari metode komunikasi yang baik untuk Anda.
3. Nge-Blog untuk memperlihatkan kepedulian
Jika Anda tergolong orang yang peduli dengan kehidupan hewan yang tersakiti karena menjadi tester produk kecantikan untuk manusia, tulislah blog tentang kepedulian tentang harkat hidup binatang tersebut. Karena, berawal dari sebuah tulisan yang penuh dengan kepedulian, maka Anda dapat menyelamatkan hidup mahkluk lain.
4. Nge-blog menempatkan Anda sebagai pemimpin
Menulis blog dapat memperlihatkan kemampuan Anda yang sebenar-benarnya. Para bloger yang sudah terkenal, sudah pasti terlihat menonjol karena mereka mampu menjadi pemimpin dalam menampilkan konten yang berbeda dengan yang lain. Apakah Anda mampu menciptakan konten blog yang baik?
5. Nge-blog meninggikan status personal Anda
Nge-blog bukanlah kegiatan yang bisa dianggap sepele. Karena Anda harus menentukan konten yang menarik untuk pembaca, apabila konten Anda tidak menarik, sudah pasti blog Anda hanyalah ajang narsis semata, dan tidak ada orang yang mempedulikan tulisan di dalamnya. 
Tetapi, jika Anda menulis blog setulus hati, dan menciptakan konten yang baik, sudah pasti banyak orang akan membaca, dan selalu merasa dekat dengan Anda. Hal ini sangat menguntungkan bagi Anda, karena Anda mampu selangkah lebih maju dari orang lain, dan mampu meningkatkan status personal Anda di lingkup sosial.
Ingat, berbeda menjadi lebih baik itu lebih menguntungkan dibandingkan menjadi follower bukan?

12 Juni 2011

Auto Read More

Fungsi Read More kali ini memang sedikit berbeda dengan versi Read More yang lama. Bila versi terdahulu kita harus meng-cut tulisan menggunakan cara manual dengan melakukan pemangilan fungsi <div class="fullpost">..</div> atau <span class="fullpost">..</span> dimana kode ini biasanya kita tanamkan secara manual kedalam halaman postingan. Untuk versi Auto Read More terbaru kali ini sepertinya lebih canggih lagi, karena fungsi pemenggalan kalimat langsung bekerja secara otomatis tanpa harus menambahkan kode diatas.

Selain itu, fungsi Read More ini mampu menampilkan image pertama dalam postingan dan mem-fload image tersebut di awal paragraf awal, meskipun gambar yang kita letakan berada di tengah atau akhir postingan.

Tidak hanya itu saja, kita dapat juga mengatur jumlah karakter yang ditampilkan. Disini ada 2 pilihan untuk jumlah karakter. Yang pertama, jumlah karakter yang ditampilkan jika ada Gambar yang diikutsertakan dalam postingan dan yang kedua jumlah karakter tanpa Gambar.

Penting! Yang sudah memasang Read More versi lama sebaiknya di kodenya kembalikan dulu ke seperti semula, caranya hapus kode yang berwarna merah dibawah ini (Setiap template mungkin berbeda, jadi tinggal disesuaikan saja)

<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

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

<b:else/>

<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Readmore</a>
</b:if>
<div style='clear: both;'/>

OK, kalau sudah tinggal lanjutkan dengan tutorial dibawah ini.

Pertama, silahkan tuju langsung ke halaman EDIT HTML, Cari kode </head> kemudian letakan script dibawah ini di atas kode </head> Kalo sudah, jangan lupa di simpan terlebih dahulu.
Langsung copy paste aja kode dibawah ini:

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>


<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

Masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" lalu temukan kode seperti dibawah

<data:post.body/>

Kalo sudah, ganti kode <data:post.body/> dengan semua kode dibawah ini

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

silahkan disimpan dan lihat hasilnya :)

Keterangan:

var thumbnail_mode = "float"; (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

Selamat mencoba..