Assalamualaikum Wr. Wb. Selamat datang di Kata Irhamna | Tutorial, Tips and Trick Blogspot... Silahkan isi komentar dan pertanyaan anda, karena itu sangat berarti buat Saya dan Insya Allah Pertanyaan dari Anda akan Saya Jawab... Terima Kasih Atas Kunjungan Anda dan Jangan Sungkan Berkunjung Kembali...

Award dan Tag Persahabatan Pertama

Untuk pertama kalinya nih, Kata Irhamna menerima AWARD, waktu diberitahu kalau dapat award, perasaan gimana gitu, seneng campur aduk, habisnya aku udah tunggu-tunggu, kapan ya para blogger memberikan aku award???

Award pertama ini datang dari mas budiawan hutasoit, gak tanggung-tanggung 1 paket berisi 2 award + tag persahabatan diberikannya kepadaku, betapa kagetnya, tapi award ‘The Smile Stone Award’ yang ini ada pekerjaan rumahnya (PR), yaitu 10 hal yang bikin aku tersenyum





1. Pertama, senyum untuk ibadah buat semua orang yang aku jumpai (biasanya dikira orang gak waras)
2. Senyum karena memikirkan dirinya (siapa ya??) yang tak kan pernah terlupakan
3. Dirga yang selalu membuat guyonan membuatku tersenyum hingga tertawa
4. Senyum bahagia di saat mendapatkan teman terbaik di sekolah
5. Senyum mendapat award dari mas budiawan
6. Senyum karena pengunjung Blogku bertambah
7. Senyum karena bisa membagikan ilmu kepada Blogger muda Mujahidin
8. Senyum karena sudah menjadi seorang Blogger pada bulan September yang lalu
9. Senyum karena pada waktu itu akhirnya bertemu dengan Bang Sahlan (seorang Blogger Senior Pontianak)
10. Dan terakhir Senyum untuk semua karena telah meramaikan Blog ini.


Masih award dari mas Budiawan nih awardnya plus tag persahabatan



Wah award dan tag-nya pasti aku pajang di lemari yang baru saja kubuat, moga aja award dan tag ini tak kalah ubahnya menjadi awal kelak persahabatan diriku dengan mas Budiawan!!!

Oh ya, aku mau lanjutin award ‘The Smile Stone Award’ buat Maya (Ayo blogging terus!)
Lalu Award 'Best of the Best Blogger Award’ aku mau kasih buat Bunda Desy / Mrs. Green (Selalu dengan green school dan PR onlinenya buat murid mujahidin dan Jangan pantang menyerah mengedit HTML-nya ya BU!!!)
Dan terakhir buat tag persahabatan aku mau kasih kepada semua temanku {jangan lupa diambil} khususnya Fitria Lyanita (Semangat terus posting cerita bersambungnya dan jangan bosan untuk berkarya, semoga kelak engkau menjadi penulis terkenal!!!)

Sekian award dan tag-nya kali ini, Terima Kasih untuk semuanya, Blog ini tak akan pernah bisa hidup tanpa kalian semua.

Read More >>> ...

Membuat Recent Post

Apa kabar semuanya, alhamdulillah, makin ramai saja pengunjung blog ini, sebelumnya banyak sekali pertanyaan dari sobat-sobat blogger, untuk itu dari mas fauzan, saya akan menjawab pertanyaan tentang membuat recent post.
Untuk membuatnya seperti biasa nih, login dulu di Blog anda, lalu masuk ke Tata Letak > Tambah Widget > HTML JAVA SCRIPT, dalam text boxnya masukkan kode dibawah ini

<script style="" src="http://www.geocities.com/oom_directory/recentpost.txt"></script><script style="">var numposts = 3;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script src="http://www.artiirhamna.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts"></script>

teks yang berwarna biru adalah jumlah recent post yang ditampilkan, anda bisa menggantinya. Sedangkan yang berwarna merah adalah sebagian teks dari postingan yang muncul, and bisa mengganti dengan 0 jika tidak ingin menampilkan sebagian artikel atau 50/100/150 tapi standarnya sih 100. Setelah itu simpan widget. selesai.Selamat mencoba!!!

Read More >>> ...

Membuat Recent Coment

Belum lama ini saya dikejutkan dengan pertanyaan dari teman-teman saya, Irham, bagaimana membuat komentar terbaru??? Tanya Mereka kepada saya. Sebenarnya mudah saja, mungkin langsung saja saya memulai untuk menjelaskannya, seperti biasanya nih, kita login dahulu ke blog kita trus masuk ke Tata Letak > Tambah Element Halaman > HTML Java Script.
Lalu Masukkan kode berikut ini dalam text boxnya


<script style="text/javascript" src="http://kendhin.890m.com/comments.js"></script><script style="text/javascript">var a_rc=6;var m_rc=false;var n_rc=true;var o_rc=40;</script><script src="http://kata-irhamna.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script>

Yang berwarna merah adalah jumlah komentar yang akan muncul, jadi anda bisa menggantinya dengan 2, 3 atau 5, seterah anda. sedangkan yang bercetak tebal, ganti dengan alamat blog anda.

Nah, kalau sudah jangan lupa beri judul widgetnya dan simpan...
Selesai sudah, selamat mencoba ya!!

Read More >>> ...

Membuat Cursors Trailer

Anda pernah melihat cursor pada bog saya beberapa waktu yang lalu ? atau bisa lihat di artiirhamna Kalau udah, bagaimana menurut And, apakah anda tertarik ? Jika Anda ingin menggunakannya, coba saja gunakan hack berikut ini.
Ya seperti biasa Anda harus login ke blog dan menuju ke Edit HTML sebelumnya back-up terlebih dahulu template anda.
Lalu masukkan kode berikut tepat di bawah tag <head>

&lt;style type=&quot;text/css&quot;&gt;
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #000;
/* End Optional */

/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
&lt;/style&gt;
&lt;script type=&quot;text/javascript&quot;&gt;

/* Circling text trail- Kata Irhamna
Website: http://www.artiirhamna.blogspot.com/
Visit: http://www.kata-irhamna.blogspot.com/
Modifications as first seen in http://www.kata-irhamna.blogspot.com/Tutorial Blog
*/

;(function(){

// Your message here (QUOTED STRING)
var msg = &quot;Kata Irhamna&quot;;

/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */

// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers &amp; decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

////////////////////// Stop Editing //////////////////////

if (!window.addEventListener &amp;&amp; !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode &amp;&amp; document.compatMode != &quot;BackCompat&quot;? document.documentElement : document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i &gt; -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i &gt; 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, &amp; sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i &gt; -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();

&lt;/script&gt;


Untuk kode yang ditebalkan warna hitam, mulai paling atas adalah style font, ukuran font, jenis huruf dan warna huruf.
Yang berwarna merah adalah teks yang akan muncul di cursor, maka tinggal ganti saja sesuai keinginan Anda. Kemudian kode berwarna orange adalah besarnya lingkaran, kemudian yang berwarna hijau adalah kecepatan teks berputar pada lingkaran dan yang berwarna biru adalah kecepatan teks saat menuju pusat cursor (menuju ke tempat semula).
Setelah itu jangan lupa di save lalu cek pada blog anda.
Selamat mencoba dan Sukses selalu buat anda!!!!


Read More >>> ...