Sillaturrahmi : Ajang Promosi Blog

Besok adalah Hari Raya Idul Fitri, saatnya mempererat tali sillaturrahmi. Hari kemenangan setelah sebulan lamanya berpuasa memerangi hawa nafsu dan semoga kembali ke Fitrah kita sebagai manusia. Banyak keuntungan di Hari Raya Idul Fitri ini, selain bisa saling memaafkan, bertemu dengan sanak saudara atau bisa makan-makan :D Tapi ada lagi satu keuntungan di Hari nan Fitri ini, yaitu saatnya PROMOSI BLOG! Bagaimana caranya?

Saat ini kita sudah dimanjakan oleh teknologi, email, chatting, sms atau yang lainnya. Nah di era saat ini, media promosi bisa melalui apa saja. Untuk momen lebaran ini saya memilih SMS. Seperti tradisi sebelum-sebelumnya, setiap hari lebaran pastilah banyak saudara dan teman saling ber-sms untuk mengucapkan minal aidzin atau sejenisnya. Sebagai pemilik blog baru, tidak ada salahnya mempromosikan blog yang saya punya, yaitu dengan menambahkan alamat blog di akhir ucapan minal aidzin. Contohnya seperti ini :

Minal aidzin wal faidzin, mohon maaf lahir dan batin. Afit (www.blogger-jogja.com)

Nah asik kan, sillaturrahmi tetep terjaga, promosi blog jalan terus.

saya mengucapkan : Minal aidzin wal faidzin, mohon maaf lahir dan batin

Read More..

Memberikan Tanda Tangan di Setiap Tulisan

Bagaimana membuat tanda tangan atau signature di bawah postingan seperti yang terlihat di bawah posting ini? Ikuti langkah-langkah yang saya sadur dari mas firdaus berikut, mudah dan ga pake lama :

Pertama
Siapkan gambar signature anda dan simpan di hosting yang anda punya 


Kedua
Pilih Setting->Formatting, scroll halaman ke paling bawah, temukan kotak post comment.


Ketiga
Copy-paste kan kode berikut pada kotak post comment:

<p><image class="centered" alt="post signature" src="http://alamathostinganda.com/Signature.gif" /></p>

Kemudian simpan.
Sekarang coba anda membuat sebuah posting baru, dan anda akan langsung disuguhi logo signature anda. Selamat mencoba

Read More..

Menambahkan Star Rating Pada Tiap Posting

Star Rating, atau Rating berbentuk bintang merupkan simbol dari populer atau tidak-nya sebuah tulisan anda. Semakin banyak Star Rating yang di dapat, maka semakin populer-lah tulisan itu. Nah untuk membuat Star Rating di blog anda, silakan ikuti tutorial yang saya sadur dari blogger-buster. Seperti biasa, sebelum mencoba tips ini backup terlebih dahulu template anda. Oke sekarang ikuti cara berikut:

Pertama

Pilih Layout->Edit HTML, centang Expand Widget Template

Kedua

Cari kode di bawah ini :

<div class='post-footer-line post-footer-line-1'>

Jika tidak bisa menemukan kode tersebut, cari kode ini :

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

Ketiga

Copy kode di bawah ini tepat setelah kode di atas

<b:if cond='data:blog.pageType == &quot;item&quot;'> <span class='star-ratings'> <b:if cond='data:top.showStars'> <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='180'/> </b:if> </span> </b:if>

Keempat

Cari kode ini :

<b:include name='nextprev'/>

Kelima

Copy-kan kode ini tepat di bawahnya :

<b:if cond='data:top.showStars'> <script src='http://www.google.com/jsapi' type='text/javascript'/> <script type='text/javascript'> google.load("annotations", "1"); function initialize() { google.annotations.createAll(); google.annotations.fetch(); } google.setOnLoadCallback(initialize); </script> </b:if>

Keenam

Simpan dan lihat hasilnya

Jika Star Rating sudah terlihat pada posting anda, itu tandanya sudah matang, eh berarti sudah berhasil..berhasil..horee...

Read More..

Membuat Jadwal Harian (Schedule Day) di Blog

Sebenarnya tutorial (kode) ini hanya menjiplak dari o-om (tips of the day). Nah supaya ga terlihat sama persis, kode tersebut saya gunakan untuk membuat jadwal harian supaya terlihat di blog. Fungsinya? banyak sekali, tergantung dari kebutuhannya. Oke, ikuti langkah-langkah berikut, gampang dan ga pake lama :

Pertama

Pilih Layout->Page Element->Add Page Elemen, pilih yang HTML / Java Script

Kedua
Copy-Paste kan kode berikut :

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin var Tips = new Array();
Stamp = new Date();
today = Stamp.getDate();
Tips[1] = "Tip 1";
Tips[2] = "Tip 2";
Tips[3] = "Tip 3";
Tips[4] = "Tip 4";
Tips[5] = "Tip 5";
Tips[6] = "Tip 6";
Tips[7] = "Tip 7";
Tips[8] = "Tip 8";
Tips[9] = "Tip 9";
Tips[10] = "Tip 10";
Tips[11] = "Tip 11";
Tips[12] = "Tip 12";
Tips[13] = "Tip 13";
Tips[14] = "Tip 14";
Tips[15] = "Tip 15";
Tips[16] = "Tip 16";
Tips[17] = "Tip 17";
Tips[18] = "Tip 18";
Tips[19] = "Tip 19";
Tips[20] = "Tip 20";
Tips[21] = "Tip 21";
Tips[22] = "Tip 22";
Tips[23] = "Tip 23";
Tips[24] = "Tip 24";
Tips[25] = "Tip 25";
Tips[26] = "Tip 26";
Tips[27] = "Tip 27";
Tips[28] = "Tip 28";
Tips[29] = "Tip 29";
Tips[30] = "Tip 30";
Tips[31] = "Tip 31";
function writeTip() { document.write(Tips[today]); }
// End -->
</SCRIPT>
<SCRIPT>
writeTip();
</SCRIPT>

Jangan lupa ganti tulisan yang berwarna merah dengan jadwal anda. Keep blogging bro

Read More..

Mengganti “Tulisan Posting Sebuah Komentar” dengan “Gambar Posting Sebuah Komentar”

Seperti yang para blogger tahu, tulisan “posting sebuah komentar” di bawah blog sangat 'menyiksa' mata, susah untuk dicari (mungkin kalo yang menggunakan embeded komentar sudah tidak lagi). Nah supaya tulisan tersebut terlihat menyolok, tidak ada salahnya untuk menggantinya dengan sebuah “gambar posting sebuah komentar”. Selain terlihat jelas, penempatan gambar tersebut dapat memperindah tampilan blog.

Oke mari kita mulai tutorial yang saya ambil dari pakar blog si o-om ini.

Pertama

Jangan lupa backup template terlebih dahulu.

Kedua

Buka Layout-> Edit HTML dan centang Expand Widget Template

 

Ketiga

Cari kode ini :

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

Kemudian sebelum tag </a> copy-kan kode berikut :

<b><font color='#444'> <img alt='Tulis Komentar Anda' border='0' height='47' src='http://www.geocities.com/contoh/images/comments.gif' width='61'/> <data:postCommentMsg/></font></b>

Kode tersebut bisa anda ganti-ganti, jika ingin merubah gambar, anda bisa mengganti tulisan berwarna merah dengan sumber gambar anda sendiri. Jika sudah, simpan dan klik Preview untuk melihat hasilnya. Keep blogging bro.

Read More..

Membuat Label Animasi Dengan Blogomous

Label atau kategori atau apapun itu, berfungsi untuk lebih mengkhususkan tema-tema tulisan dalam blog kita. Di blogger, fasilitas label ini secara default memang sudah tersedia. Namun bagi an anda yang tidak puas dengan tampilan label yang standar, kita bisa mengubahnya menjadi animasi yang berputar-putar (awas bikin sakit kepala). Nah untuk mengubahnya, ikuti tutorial berikut (jangan lupa untuk membackup template anda terlebih dahulu) :
1. Buka Edit HTML, dan jangan lupa centang Expand Widget Templatenya
2. Cari kode berikut

<b:section class="sidebar" id="sidebar" preferred="yes">

Ingat, setiap template tidak sama, yang jelas ada kode tersebut

3. Setelah itu, copy-kan kode berikut tepat di bawahnya

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

4. Simpan dan lihat hasilnya

Anda bisa mengubah settingan dari kode tersebut, seperti mengganti warna background (kode warna biru), ukuran label (warna merah)atau merubah ukuran font (yang ditebalkan).

Read More..