Mei 2010 | Tutorial Blog | Mp3 | Film | Wisata | Budaya | Aneh n Uniq

Postingan Terbalik

By Girant_31

Siap berjungkir-jungkir ria?????

Tips :

Untuk membaca tulisan dibawah ini, putarkan kepala sobat searah jarum jam 180⁰
Syukur kalau seperti gambar diatas.. hehehe..

˙˙ʞılɐqǝʞ ɐʎɐƃɹǝq uɐƃuıʇsod sılnuǝɯ ʞıɹʇ ɥɐlɐpɐ ıuı sɟnʎ
`uıʞƃunɯ ʇǝqıɹǝs ʇɐnq ǝuɐ ɐɾɐƃuǝs
ɥɐlɐsɐɯ ıpɐɾ ɐƃ ʇıʞıp ʇǝqıɹ
¿¿ɐƃ lnʇ `ɐʎuɯɐlɐp ıp uɐɹɐɾɐlǝqɯǝd ɐpɐ ƃuıʇuǝd ƃuɐʎ

: qos ɐʎu uıʞıq ɐɹɐɔ ɐıp ıu
1. snʇıs ıƃunɾunʞ

Langsung Ke TKPKlik disini untuk mengunjungi situs penulisan posting terbalik

2. uɐʞılɐq ɹıʞƃqnɾıp uɐʞɐ ƃʎ ʇɐɯılɐʞ uɐʞsılnʇ
3. ˙pʇ ʇɐɯılɐʞ uɐʞnsɐɯ ʇɐqos ƃʎ ɯoloʞ ɥɐʍɐqıp ɯoloʞ ıp ɐpɐɹǝq ƃʎ ɐʎulısɐɥ sɐdoɔ
4. ıɐslǝs

¿¿ ɐuɐɯıƃ
ǝɥǝɥǝɥ ¿¿¿ɐnɯǝs ɐlɐdǝʞ ƃuısnd ɐsɐɹǝɯ ɥɐpns

˙˙ʇɐɐɟuɐɯɹǝq ɐƃoɯǝs

Postingan Bergaya Alay

By Girant_31

Sobat semua ada yg termasuk Anak Lebay (ALAY) ???
Mestinya ngerti dg tulisan ane dibawah ini :

kl In 4n 4K4n MmbAh45 tntNG p3nul54n GAy 4ly dALM p5tngn..

n1 b6 yN6 mr5 4n4k lBy (ly) 42 Y4..
51p tau B3Rm4nFt..

n dkhusuSkn bG 5bt yN6 1ngn mr5 6al dN 6 pnGn rBt tntny..

n1 D3 caRny..

1. Kunjungi situs nya dibawah ini :

Langsung Ke TKPKlik disini untuk mengunjungi situs Penulisan bergaya Alay

2. Masukan kalimat yg akan dibuat penulisan nya bergaya alay
3. Pilih sesuai keinginan sobat akan diapakan kalimat2 tersebut

- Hurup Besar kecil
- Pake angka az
- Atau dg singkatan2.
- Pilih semua jg ga apa-apa ko.

4. Generat dech dengan tombol go Alay go.
5. CoPas hasilnya.
6. Selsai.

6mn4 50bt 5m..

Gw 6l b4N63t5 6 5eEEH..
hh4Hh4..

5M0g Brmnf4t..

Rumus Kimia di Blog

By Girant_31

Yuf^s..

Ap^a k^ab_ar s_obat s^emu_a??

Kali ini ane akan sedikit membahas tentang tulisan kalimat tanya di atas.. (Loh!!).
Tapi bukan tutorial untuk pelajaran Bahasa Indonesia ya.. wkwkwk..

Coba perhatikan kembali tulisan kalimat tanya di paling atas.. !!!
Ada yg tau apa anehnya???

Ga ada yg aneg seh ya.. cuman uniq az..
Tulisan tu bergaya rumus KIMIA loh (Jiaaah... gaya..)

Oy sebelumnya diantara sobat semua ada yg jago kimia ga???
pernah nulis postingan dg rumus kimia??
Pastinya ya...

Nah untuk menulis postingan bergaya rumus kimia itu, ada sedikit triknya loh..
Mao tau caranya???

Nih die caranya..

1. Tulisan menjorok ke bawah
    contoh : Gir_ant
    script : Gir<sub>a</sub>nt

2. Tulisan menjorok ke atas
    contoh : 3¹
    script : 3<sup>1</sup>

Kesimpulannya :
huruf yang akan dibuat sedemikian rupa diapit dengan tag

<sub> . . . . . . . . </sub>
atau
<sup> . . . . . . . . </sup>

Begitu sodara-sodara..

Inget..
Jangan berimpropisasi sendiri dg menambahkan script seenaknya seperti ini :
<sup ayam> . . . . </sup kambing>
Dilarang.

Sekian dan semoga bermanfaat.
Terimakasih.

Page Navigation Berbeda

By Girant_31

Setelah kemarin ngebahas Page 123 Navigation..
Kali ini ane masih membahas tentang Page Navigation.

hanya saja dg trik yg aga berbeda,
dan tentunya hasilnya pun akan berbeda dg yg kemarin..

Demo Page NavigationKlik disini untuk melihat demo Page Navigation Berbeda

Asal sobat mengikuti langkah2 nya dg teliti,
Insya Allah Page Navigation berbeda ini akan muncul di blog sobat..

Untuk membuat seperti itu,
Ni die langkah-langkahnya sob :
1. Pertama, seperti biasa. Login dahulu ke akun blogger sobat.
2. Setelah login, klik Tata Letak - Edit HTML dan centang kotak Expand Template Widget.
3. Kalau sudah, cari kode <b:include name='nextprev'/> lalu ganti dengan kode berikut:

<b:if cond='data:blog.pageType == "index"'>
<style type="text/css">
.blogpager {
font-size:16px;
color: #060;
font-weight:bold;
padding:0px 4px;
}
</style>

<div align="center" style="margin:5px;">
<form action="#" name="pager20">
<span id="vwg-pager-first"></span> <span id="vwg-pager-prev"></span> <input name="showingpage" onfocus="this.select()" value="init..." type="text" size="4" title="Enter page number that You want to go" />/<input size="4" type="text" name="pagestotal" disabled="disabled" value="init..." /> <input type="button" onclick="checkpager()" value="Go" /> <span id="vwg-pager-next"></span> <span id="vwg-pager-last"></span>
</form>
</div>
<script type="text/javascript">

var blogID = "7367585238037754776";
var home_page = "http://agoezimoetz.blogspot.com/";
var pager_max_main = 1;

var pager_first_text = "First";
var pager_last_text = "Last";
var pager_prev_text = "Prev";
var pager_next_text = "Next";


</script>
<script src="http://www.freewebs.com/anhvo/blogger/blogger_pager_script_v20.js"
type="text/javascript"></script>
</b:if>

KET:
var blogID --- terdapat angka setelah kode tersebut.
Ganti angka tersebut dengan ID blog kita.
Dapat ditemukan saat kita sedang menulis posting / mengedit template.

var home_page --- ganti url yang dicetak merah dengan url blog sobat.
var pager_max_main --- tergantung pada setting blog kita.
Seperti pada blog ini, pada halaman utama setting jumlah posting blog ini adalah 1.

Source Code Page NavigationKlik disini untuk mengambil source code Page Navigation

4. Selsai..
5. Ucapkanlah Alhamdulillah..

Semoga bermanfaat..

Page 123 Navigation

By Girant_31

Pernah mengenal Page Halaman Navigation??
Pastinya ya..

Ane yakin, pada template-template Sobat pasti ada Page Halaman Navigation, tp biasanya bentuknya standart, hanya berupa tulisan seperti “Posting Lama – Home – Posting Baru”.

Sepertinya bentuk Page Navigation seperti itu kurang praktis digunakan oleh pengunjung, karena pengunjung tidak bisa menjelajah dengan cepat di blog sobat.

Kali ini ane punya trik yg sangat Simple, dan dijamin langsung jadi..

Asal sobat mengikuti langkah2 nya dg teliti.

Seperti gambar diatas Page 123 Navigation yang dimaksud judul diatas, seperti layaknya di Wordpress khan.

Script ini sudah dicoba dan berhasil loh..
caranya-pun sangat mudah tidak ribet,

Tidak perlu Edit HTML.

Jika Sobat ingin memasang Page 123 Navigation seperti gambar diatas, Sobat cukup klik gambar dibawah ini saja

Instal Page 123 NavigationKlik disini untuk Menginstal Page 123 Navigation pd blog Sobat

Lalu sobat cukup dengan mengganti tulisan Previous (sebelumnya) dan Next (selanjutnya), kemudian Sobat klik Customize dan Add Widget to my Blog.

Kemudian drag dan drop ke elemen halaman yang terletak dibawah widget post.

Dan lihat hasilnya...

Selesai..

Semoga bermanfaat..

Jam Digital Plus Calendar [GRATIS]

By Girant_31

Buat Sobat semua yang kali az tertarik untuk Pasang Jam Digital Plus Calendar, Seperti contoh gambar diatas..

Dilengkapi :
1. Jam digital
2. Kalender
3. Adsense Google

Silahkan copy kode di bawah ini (GRATIS).

<iframe id="preview-iframe" width="240" frameborder="0"src="http://1.blogger.gmodules.com/gadgets/ifr?container=blogger
&amp;mid=1&amp;v=f481142f5f4eda48784987ce3947788&amp;lang=en&amp;country=ALL&amp;view=default&amp;url=http%3A%2F%2Fhosting.gmodules.com
%2Fig%2Fgadgets%2Ffile%2F101114783872353139053%2FLCD_Clock_3_5.xml" height="490"></iframe>

Pastekan az langsing pd Page Element HTML/Java Script yg baru.

Simpan..
Dan lihat hasilnya...

Semoga Bermanfaat..

Source Code Jam Digital + CalendarKlik disini untuk mengambil source code Jam Digital Plus Calendar

Tab View Slider (Tanpa di Click)

By Girant_31

Sengaja ane review lg neg pos, coz Sulit jg untuk menerangkan tab view slider ini..
Jadi begini sobat semua.. (Khususnya sobat EGE, sebagai pemohon post ini).
Jd intinya seh, tab view slider ini sama dg tab view biasa..
Hanya saja penggunaanya tanpa sobat click cursor untuk membuka isi tab.. cukup letakan pointer sobat diatas nama tab masing2..

Untuk lebih jelasnya sobat bisa lihat bemonya (demonya mksd ane.. hehehe..) :

Demo Tab View SliderKlik disini untuk melihat demo Tab View Slider

Gimana ???
Begitu sobat letakan pointer sobat diatas tab nya, Isi dari menu tab terslide/terbuka dg sendirinya bukan??

Nah sekarang Langsung saja..
Langkah-langkahnya :
1. Seperti biasa login dulu ke blogger.com
2. Cari menu LAYOUT ->> Edit HTML, centang kotak kecil disamping teks Expand Template Widget
3. Cari kode ]]></b:skin>
Dan ganti dengan kode berikut :

bodie {
        font-family:arial;
        font-size:12px;    
    }
    
    a {
        color:#333;
        text-decoration:none;
        display:block;
    }

    a:hover {
        color:#888;
        text-decoration:none;
    }
    
    #moving_tab {
        /* hide overlength child elements*/
        overflow:hidden;
        
        /* all the child elements are refering to this width */
        width:300px;

        /* fix ie 6 overflow bug */
        position:relative
        
        /* styling */
        border:1px solid #ccc;    
        margin:0 auto;
    }
    
        #moving_tab .tabs {
            /* enable absolute position for .lava */
            position:relative;    
            height:30px;
            
            /* styling */
            padding-top:5px;
            cursor:default;
        }
    
        #moving_tab .tabs .item {
            /* enable z-index */
            position:relative;
            z-index:10;
        
            /* display in one row */
            float:left;
            display:block;

            /* width = half size of #moving_tab */
            width:150px;
            
            /* height = height of .tabs */
            text-align:center;
            font-size:14px;
            font-weight:700;    
        }

        #moving_tab .tabs .lava {
            /* Set it to absolute */
            position:absolute;
            top:0; left:0;
            
            /* display the lava in bottom most layer */
            z-index:0;        
                
            /* width = half size of #moving_tab */
            width:150px;

            /* height = height of .tabs */
            height:30px;
            
            /* styling */
            background:#abe3eb;

        }
        
        #moving_tab .content {
            /* enable absolute position for .panel */    
            position:relative;
            overflow:hidden;
            
            /* styling */
            background:#abe3eb;
            border-top:1px solid #d9fafa;
        }
        
        #moving_tab .panel {
            /* width is width of #moving_tab times 2 */
            position:relative;
            width:600px;
        }
        
        #moving_tab .panel ul {
            /* display in one row */
            float:left;
            
            /* width is the same with #moving_tab */
            width:300px;
            
            /* remove all styles */
            padding:0;
            margin:0;
            list-style:none;
            

        }
            /* styling */
            #moving_tab .panel ul li {
                padding:5px 0 5px 10px;    
                border-bottom:1px dotted #fff;
            }
]]></b:skin>

4. Cari kode </head>
Dan ganti dg kode berikut :

$(document).ready(function () {
    //set the default location (fix ie 6 issue)
    $('.lava').css({left:$('span.item:first').position()['left']});
    
    $('.item').mouseover(function () {
    
        //scroll the lava to current item position
        $('.lava').stop().animate({left:$(this).position()['left']}, {duration:200});
            
        //scroll the panel to the correct content
        $('.panel').stop().animate({left:$(this).position()['left'] * (-2)}, {duration:200});
    });
        
});
</head>

Perlu di ingat, Kode no 4 ini merupakan file.js dari tab slider ini.
dan kita sudah membahas bagai mana memasang file.js di template qita pada postingan saya waktu itu DISINI.

5. Layout --> Page Elements
Pilih tempat yang kamu inginkan kemudian Add a Gadget
pilih HTML/JavaScipt dan taruh code dibawah didalamnya

<div id="moving_tab">
<div class="tabs">
<div class="lava">
</div>
<span class="item">Tab 01</span>
<span class="item">Tab 02</span>
</div>               
<div class="content">                        
<div class="panel">                        
<ul>
<li><a href='#'>Isi Tab 1</a></li>
<li><a href='#'>Isi Tab 1</a></li>
<li><a href='#'>Isi Tab 1</a></li>
<li><a href='#'>Isi Tab 1</a></li>
<li><a href='#'>Isi Tab 1</a></li>
</ul>
<ul>
<li><a href='#'>Isi Tab 2</a></li>
<li><a href='#'>Isi Tab 2</a></li>
<li><a href='#'>Isi Tab 2</a></li>
<li><a href='#'>Isi Tab 2</a></li>
<li><a href='#'>Isi Tab 2</a></li>
</ul>
</div>
</div>
</div>

Isikan link dan nama link sesuai keinginan sobat semua..
Selesai..

Source Code Tab View SliderKlik disini untuk mengambil semua source code Tab View Slider

Semoga bermanfaat..

ShutDown PC dg BOM Waktu

By Girant_31

Melanjutkan bahasan tentang Shutdown yg kemarin2..

Sama halnya dengan yg kemarin tentang mematikan komputer,
Tapi kali ini m-ShutDown PC nya agak sedikit berbeda, yaitu dg meng-klik suatu icon yang ada didesktop kita, maka windows kita akan mati alias shutdown dalam jangka waktu yang telah kita tentukan sebelumnya.

Trik ini juga bisa kita pakai untuk menjahili komputer teman kita loh.

Kalau belum tahu triknya maka trik ini pasti akan dianggap virus..
Karena apa? Kenapa coba??

Karena eh karena trik ini akan mengeluarkan sebuah pop up window kecil yang memberitahukan bahwasanya windows akan dimatikan dalam beberapa detik, layaknya bom waktu. Dan pop up ini tidak bisa dihilangkan, baik dengan jalan task manager atau apapun kecuali kita punya kuncinya.

Gimana sudah mengerti semuanya???hehe..
Untuk Live Demo, silahkan di coba di komputer masing2..
Jangan dikomputer Tetangga ya..

Neg dia langkah-langkahnya sob :
1. Klik kanan pada desktop.
2. Kemudian pilih new shortcut.
3. Kemudian akan muncul window kecil.
4. Kemudian masukan ke teks box = shutdown -s -t 600 -c “Pesan sobat”
(-t 800 adalah menunjukan waktu yg ditentukan dalam 600 detik) Aturlah sesuai keinginan sobat.
5. Kemudian klik next, maka sobat akan diminta membuat untuk icon sobat,
sobat bebas memberi nama apapun, kali ini saya dengan contoh “Rahasia”,
6. Clik finish.
7. Jadi dech.

Untuk Mengganti icon nya :
Klik kanan pada icon tersebut, kemudian klik property, klik change icon, klik OK aja kalau ada konfirmasi, kemudian pilih icon sesuai selera (disini saya dengan contoh icon NotePad).OK, apply, OK.

Kemudian mari kita coba double klik icon tersebut, maka kalau benar maka akan keluar sebuah konfirmasi bahwa windows akan shutdown dalam waktu beberapa menit. nah kalau dibiarkan terus maka akan benar-benar shutdown.

Penangkal dari trik ini :
Nah untuk menangkal santet ini, Trik ini maksudnya.. hehe..
Sobat cukup klik start, pilih RUN, lalu ketikan shutdown.
Atau biarkan PC mati dg tenang...
Beres.

Gimana??
Selamat mencoba..

Oy..

PENTING :
Bila Terjadi Kerusakan pada Komputer Anda, Setelah mencoba trik ini..
Itu bukan Tanggung Jawab Ane ya..

Terima Kasih..

Menjadwal ShutDown Komputer Tanpa Software

By Girant_31

Sobat semua pernah ga ketika menggunakan komputer, seringkali meninggalkannya. Hal tersebut terjadi, mungkin saja karena sobat ketiduran, Kondangan, Arisan, asik ngobrol, ada acara lain, ke rumah teman, BAB, ngeronda dan sebagainya.

Bila hal ini sering terjadi, bisa saja PC komputer sobat mengalami sakit hati karena sering di cuekin.. hehe..

So.. Obatnya apa yah ? Pada trik dibawah ini, sobat bisa mengetahui bagaimana sih agar komputer kita secara otomatis melakukan shutdown pada waktu yang telah ditentukan.
Semua ini, sobat lakukan tidak perlu menggunakan perangkat lain, cukup windows sobat dan yang pastinya tidaklah sulit untuk dilakukan.

Begi neg sob langkah-langkahnya : (Bagi yg belum tau az loh ya..)

- klik menu Start dan pilih RUN (Jangan Lari beneran ya.. hehe..), atau sobat cukup melakukan klik Windows + r.

- Untuk melakukan perintah Shutdown otomatis,
Langsung saja sobat ketik tsshutdn AA / Powerdown atau tsshutdn AA saja (AA adalah waktu rentang periode shutdown yang sobat inginkan dalam hitungan detik).

Contohnya : sobat ingin mematikan komputer sobat 1 menit kemudian atau 1 jam kemudian, tinggal sobat ketik tsshutdn 60 (1 menit) atau tsshutdn 3600 (1 jam), pada menu RUN, Kemudian klik OK.

- Maka timbullah pesan dari Command Prompt anda, yaitu System is Shutingdown in 60 seconds (1 menit) atau 3600 seconds (1 jam).

- Selsai sob.. Tinggal menunggu waktu PC sobat mengakhiri azal nya.. hehehe..

- Jika sudah Mati (PC Sobat).. Ucapkan lah Inalillahi Wa inalillahi Rijiun.

- Selesai.

Penangkal Trik ini :

- Tinggal anda klik Ctrl + C untuk membatalkannya.
- Close jendela Command Prompt sobat.
karena apabila di Close, maka perintah Shutdown Sobat tersebut akan gagal atau Timer-nya tidak akan berjalan.

Semoga bermanfaat..
Dan semoga PC Sobat tidak Mati selamanya.. Amiiiiinn..

Menambah Kolom Diatas Postingan

By Girant_31

Mohon Maaf neg sebelmnya..
Diawali tanpa penjelasan nya dulu tentang menambah Kolom Diatas Kolom Postingan ini..

Ane masih Berduka cita atas Kepergian My Emoticon kesayangan Ane.. hehe..

Langsung aja ya..
Karena ane yakin, Sobat semua sudah Faham apa yg di maksud dengan menambah Kolom Diatas Kolom Postingan..

- Seperti biasa login dulu ke blogger.com
- Cari menu LAYOUT ->> Edit HTML, centang kotak kecil disamping teks Expand Template Widget
- Cari kode ]]></b:skin>
Dan taruh kode berikut di atas kode ]]></b:skin>

.topcolumn{
width: 578px;
padding:10px 0px 10px 10px;
background:#fff;
margin:0px 0px 10px 0px;
text-align:left;
border:1px solid #C0C0C0;
}
.topcolumn .widget{
}

- Lihat ke bagian bawah, lalu cari kode berikut :

<div id='main-wrapper'>

- Copy kode bawah ini lalu Paste persis di bawah kode ini <div id='main-wrapper'>

<b:section class='topcolumn' id='topcolumn' preferred='yes'/>

- Klik tombol SIMPAN TEMPLATE
- Selesai.

Source Code Kolom Diatas PostKlik disini untuk mengambil source code Menambah Kolom Diatas Postingan

Segitu az dulu ya Sob..
Semoga bermanfaat..

Good Bye My Emoticon

By Girant_31

Bagi para sobat2 semua yg sering berkunjung kemari..
Bagi yang sering berkomentar khususnya.. (Terima kasih banyak ya Sobat...) .

Mungkin ada yang sengaja dari kemarin2 nyari emoticon di atas kolom komentar di blog ane,
Ko sudah tiada.. !?

Kemana kah gerangan diri nya???
Ane mohon Maaf Buangets...
Teruntuk yg membaca postingan ane tentang Emoticon Baru Girant_31 ..

Emoticon nya sudah ane hapus..

Why.. Why.. Why.. Why.. Why.. Why..

Dikarenakan Girant_31 blog sedang dalam proses PELANGSINGAN badan neg.. hehe..
Harap dimaklum ke-tidak ada-an nya..

Good Bye My Emoticon..

Semoga Kau diterima di Sisinya dg tenang..

Sekian dari ane..
Wassalam...

Kode Warna HTML Generator

By Girant_31

Tiap kali ngutak-ik CSS, ane suka bingung sob sama kode warna.. harus nyari kesana-kemari..
Tapi setelah browsing, akhirnya nemu juga neg Kode Color Generator.. Lebih kumplit dan lebih mudah memilih warna..

Ni dia Applikasinya :

atau bisa dilihat disini :

Demo Kode Warna HTML GeneratorKlik disini untuk melihat demo Kode Warna HTML Generator

Bagi yang berminat..

Ane kasih juga neg kode nya..
Sobat bisa langsung pasang di Postingan atawa di gadget HTML/Java Script..

Ni die Kodenya sob :

<center><div id="TrixCGv1"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="400" height="430" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab"><param name="movie" value="http://e-infotainment.com/applications/color-code-generator/v1/trixcgv1.swf"><param name="quality" value="high"><param name="bgcolor" value="#cccccc"><embed src="http://e-infotainment.com/applications/color-code-generator/v1/trixcgv1.swf" flashvars="lng=Tamil&timeint=30&skt=yes" quality="high" bgcolor="#cccccc" width="400" height="430" name="flash" align="middle" play="true" loop="false" quality="high" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></object></div></center>

Atau

Source Code Kode Warna GeneratorKlik disini untuk mengambil source code Kode Warna HTML Generator

So..
Semoga bermanfaat..

Marquee Dg Scroll Delay Dan True Speed

By Girant_31

Buat Sobat semua Marquee [Text Berjalan] Sudah bukan hal yg baru,
Tapi kali ini ane sedikit share dengan sedikit kode tambahan
biar jalannya text lebih halus dan terlihat lebih elegan (euleuh..).

DEMO Marquee Dengan Scroll Delay Dan True Speed

DEMO ►►

Welcome to Girant_31 Blog's

DEMO Marquee Tanpa Scroll Delay Dan True Speed

DEMO ►►

Welcome to Girant_31 Blog's

Gimana??
Lebih Elegan yang mana??

Dan ini dia kode Marquee Dengan Scroll Delay Dan True Speed nya Sob :

<table bgcolor="#000000" border="0" cellpadding="1" cellspacing="0" class="text_small"><tbody>
<tr><td align="center" bgcolor="#9900CC" color="FFFFFF" style="color: white; font-weight: bold;" width="17%">DEMO â�ºâ�º</td><td style="color: white; font-weight: bold;" width="75%"><marquee direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="1" scrolldelay="20" truespeed="truespeed">Welcome to <a href="http://agoezimoetz.blogspot.com/">Girant_31</a> Blog's</marquee></td></tr>
</tbody></table>

Sobat bisa tempatkan kode ini dimanapun, di postingan, di Widget Sidebar dll.

Source Code Marquee Scroll DelayKlik disini untuk mengambil source code Marquee Dg Scroll Delay Dan True Speed

Sekian dari ane..
Semoga bermanfaat..

Apture ToolBar Blog

By Girant_31

Tentang Apture Toolbar dan fitur nya.

Apture Bar adalah cara baru untuk memberikan informasi kepada pengunjung blog kita, tanpa meninggalkan halaman.
Dengan memiliki kegunaan untuk :

    * Berbagi postingan melalui tombol facebook dengan counter.
    * Berbagi postingan melalui tombol twitter dengan counter.
    * Berbagi postingan lewat icon email
    * Pencarian kotak dengan jquery, dan ini berarti bahwa sobat tidak harus meninggalkan halaman saat mencari konten lain.
    * Bila pengunjung blog Sobat yg memilih/memblock isi postingan/bagian manapun dari teks posting, maka akan Ada tombol kecil yg akan muncul (Seperti ToolTips) yang menawarkan jasa untuk Pencarian/Search.
    * Sobat juga dapat menyantumkan dengan Title or Banner sobat pada Apture ToolBar tersebut.

Ni dia Screen Shot nya :

Ane akan mencoba untuk menjelaskan apa yang toolbar ini dapat lakukan untuk Sobat,
ketika pengunjung blog sobat gulir ke bawah pada blog Sobat, bar ini akan muncul sarat dengan beberapa fitur yang telah disebutkan di atas.

Lebih jelas Liat demonya :

Demo Apture ToolBarKlik disini untuk melihat demo Apture ToolBar

Gimana ?? mengerti kan maksud ane???

So langsung az ke TKP.

Langkah - langkahnya :

1. Cara memasang Apture ToolBar ini sobat harus berkunjung ke Situsnya terlebih dahulu

Langsung Ke TKPKlik disini untuk mengunjungi situs pembuat Apture ToolBar

Ini dilakukan, agar sobat bisa mendesign langsung tampilan Apture ToolBar yg akan sobat pasang.

2. Click Tombol Design a bar now.

3. Isilah kolom-kolom pada

Your website address : Isi dg URL blog sobat
Your email : Isi dg eMail sobat
Upload a Logo or Set Title : Isikan dg Title blog sobat ATAU click tulisan Upload a Logo untuk memasukan Logo/banner blog sobat.
Lalu atur warna yang sobat suka.
Lihatt preview, jika sudah cocok
Click Tombol Get My Bar dipojok kanan atas.

Maka tampilan keseluruhan nya akan seperti ini :

4. Pada tampilan berikutnya, Sobat ambil kode yang telah disediakan,

5. lalu Copy dan Paste kan diatas kode </body> pada kode template Sobat di halaman edit HTML.

6. Simpan template, lalu sobat bungkus dech dg Karung, hehehe...

7. Lihat blog Sobat.

8. Selsai.

Itulah sob tata cara pemasangan nya..

Tapi untuk pemasangan ke dua kali, sobat semua diharuskan Sign Up dulu..

So.. jngn sampai salah or mengulang ya dalam pengisian kolom yg telah disebutkan diatas.

Sekian dulu ya Sob..

Selamat mencoba dan semoga Berhasil.. Amiiiiiiiiiiiiiiiiiiiiiiiiiiin.

Sharing Dock Ala Mac OS

By Girant_31

Sharing Dock Ala Mac OS dibawah Posting

Sharing Dock Ala Mac OS ini sama halnya dengan widget Sharing yang lain,

Hanya saja Style nya ala Mac OS, Sobat semua tw kan Mac OS???

Sobat bisa liat contoh nya :

Demo Sharing Dock Ala Mac OSKlik disini untuk melihat demo Sharing Dock Ala Mac OS

Juga kali ini ane kasih dua Opsi untuk penempatan Sharing Dock Ala Mac OS ini..

1. Pertama ditempatkan di bawah posting pada halaman posting saja

2. Fixed di semat di sebelah bawah page.

Ok langsung saja..

Ini dia langkah-langkahnya :

Langkah ini untuk ditempatkan dibawah postingan di halaman postingan.

1. Seperti biasa login dulu ke blogger.com
2. Cari menu LAYOUT ->> Edit HTML, centang kotak kecil disamping teks Expand Template Widget
3. Cari kode <div class='post-footer-line post-footer-line-1'>

Dan taruh kode berikut di bawah kode <div class='post-footer-line post-footer-line-1'>

(Oy jangan asal copas, klik View Source nya dulu baru di copas, Ok)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
  #sharedock { width: 100%; height: 90px; z-index: 999; }
  #dock { position: relative; bottom: 0; font: 13px "Trebuchet MS", Verdana, Helvetica, sans-serif; }
  .dock-container { position: relative; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKJAjcR4chjAjwMPHxNkjG3uEAZ7vQ_FNwe-_vEyFKO5BqZWLyOJnVXcUM6cCbENtNvz4-VekFaSxWKePJm4cuZLPVd_es8at6btoCJv6kJd0lg2q6uTWtHTFq42FqR_DcviX8CcNgryo/) no-repeat bottom center; height: 50px; padding: 20px 0 20px 0; }
  .dock-container .custom_images a { display: block;  position: absolute; bottom: 0; text-align: center; text-decoration: none; color: #333; cursor: pointer; }
  .dock-container .custom_images span { background: rgba(0,0,0,.75); display: none; padding: 2px 8px; margin-left: 17px; font-size: 11px; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
  .dock-container .custom_images img { border: 0; margin: 5px 0px 10px 0px; width: 100%; }
  </style>
<div id="sharedock">
  <div id="dock">
  <div class="dock-container">
<div class="addthis_toolbox"> 
 <div class="custom_images">
 <a class="addthis_button_facebook"><span>Facebook</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_facebook.png" alt="Share to Facebook" /></a>
  <a class="addthis_button_twitter"><span>Twitter</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_twitter.png" alt="Share to Twitter" /></a>
<a class="addthis_button_myspace"><span>MySpace</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_myspace.png" alt="Share to MySpace" /></a>
<a class="addthis_button_stumbleupon"><span>Stumble</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_stumbleupon.png" alt="Stumble It" /></a>
<a class="addthis_button_reddit"><span>Reddit</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_reddit.png" alt="Share to Reddit" /></a>
<a class="addthis_button_delicious"><span>Delicious</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_delicious.png" alt="Share to Delicious" /></a>
  <a class="addthis_button_more"><span>More...</span><img src="http://addthis.com/cms-content/images/gallery/addthis_64.png" alt="More..." /></a>
  </div>
  </div> 
  </div>
  </div>
  </div>
  <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  <script type="text/javascript" src="http://addthis.com//cms-content/images/gallery/fisheye-iutil.min.js"></script>
  <script type="text/javascript">
  $(function () { 
  // Dock initialize
  $('#dock').Fisheye(
  {
  maxWidth: 30,
  items: 'a',
  itemsText: 'span',
  container: '.dock-container',
  itemWidth: 50,
  proximity: 60,
  alignment : 'left',
  valign: 'bottom',
  halign : 'center'
  }
  );
  });
  </script>
</b:if>

4. Simpan Template, dan amankan hehe..

Sampai disini selesai untuk memasang Sharing Dock Ala Mac OS dibawah posting dihalaman postingan saja.

Lalu Langkah dibawah ini adalah untuk disematkan Fixed di bawah pada page.

1. Tambahkan elemen gadget HTML/Java script pada template anda dengan berisikan kode dibawah ini :
(Oy lagi, jangan asal copas, klik View Source nya dulu baru di copas, Ok)

<style type="text/css">
  #sharedock { position: fixed; bottom: 0; left: 0; width: 100%; height: 90px; z-index: 999; }
  #dock { position: relative; bottom: 0; font: 13px "Trebuchet MS", Verdana, Helvetica, sans-serif; }
  .dock-container { position: relative; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKJAjcR4chjAjwMPHxNkjG3uEAZ7vQ_FNwe-_vEyFKO5BqZWLyOJnVXcUM6cCbENtNvz4-VekFaSxWKePJm4cuZLPVd_es8at6btoCJv6kJd0lg2q6uTWtHTFq42FqR_DcviX8CcNgryo/) no-repeat bottom center; height: 50px; padding: 20px 0 20px 0; }
  .dock-container .custom_images a { display: block;  position: absolute; bottom: 0; text-align: center; text-decoration: none; color: #333; cursor: pointer; }
  .dock-container .custom_images span { background: rgba(0,0,0,.75); display: none; padding: 2px 8px; margin-left: 17px; font-size: 11px; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
  .dock-container .custom_images img { border: 0; margin: 5px 0px 10px 0px; width: 100%; }
  </style>
<div id="sharedock">
  <div id="dock">
  <div class="dock-container">
<div class="addthis_toolbox"> 
 <div class="custom_images">
 <a class="addthis_button_facebook"><span>Facebook</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_facebook.png" alt="Share to Facebook" /></a>
  <a class="addthis_button_twitter"><span>Twitter</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_twitter.png" alt="Share to Twitter" /></a>
<a class="addthis_button_myspace"><span>MySpace</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_myspace.png" alt="Share to MySpace" /></a>
<a class="addthis_button_stumbleupon"><span>Stumble</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_stumbleupon.png" alt="Stumble It" /></a>
<a class="addthis_button_reddit"><span>Reddit</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_reddit.png" alt="Share to Reddit" /></a>
<a class="addthis_button_delicious"><span>Delicious</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_delicious.png" alt="Share to Delicious" /></a>
  <a class="addthis_button_more"><span>More...</span><img src="http://addthis.com/cms-content/images/gallery/addthis_64.png" alt="More..." /></a>
  </div>
  </div> 
  </div>
  </div>
  </div>
  <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  <script type="text/javascript" src="http://addthis.com//cms-content/images/gallery/fisheye-iutil.min.js"></script>
  <script type="text/javascript">
  $(function () { 
  // Dock initialize
  $('#dock').Fisheye(
  {
  maxWidth: 30,
  items: 'a',
  itemsText: 'span',
  container: '.dock-container',
  itemWidth: 50,
  proximity: 60,
  alignment : 'left',
  valign: 'bottom',
  halign : 'center'
  }
  );
  });
  </script>

2. Simpan
3. Lalu lihat blog sobat..
4. Selesai.

Source Code Sharing Dock Mac OSKlik disini untuk mengambil source code Sharing Dock Ala Mac OS

Semoga berhasil dan semoga bermanfaat.

Post Views Counter di Sebelah Judul Posting

By Girant_31

Ketemu lagi neg Sob..
Kali ini ane pengen Sharing tentang Post Views Counter.

Tapi ane letakin nya di Sebelah Judul Postingan neg sob..

Demo Post Views CounterKlik disini untuk melihat demo Post Views Counter

Gimana ???
Berniat pasang ??

Ni dia langkah nya..
1. Seperti biasa login dulu ke blogger.com
2. Cari menu LAYOUT ->> Edit HTML, centang kotak kecil disamping teks Expand Template Widget
3. Cari kode <a expr:href='data:post.link'><data:post.title/>
Dan taruh kode dibawah ini setelah kode <a expr:href='data:post.link'><data:post.title/> yang kedua, inget bukan yang pertama.

Ni dia kode yang harus ditambahkan.
(Jangan langsung di CoPas, tapi klik View Source, Lalu baru di CoPas)

| <img height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsEcPnYLDwVYDM3OFEmKWxWxW_ewJSdOzGzhwypyu8FQTz3gg6qYMSZS7ZqfjL22bmTRfDDlqJ-aKnrXEN6as56iTUbhdeTAYQODtb9D7n67GrZt71rI2tgDZEZdXVS9lnt0S2ywyymcpv/' width='16'/> <a href='http://agoezimoetz.blogspot.com/'><b><font size='2'><script src='http://nirav07.ulmb.com/counter.php' type='text/javascript'/> Views</font></b></a>

4. Simpan Template Sobat, dan bawa pulang dech.. hehehe..
5. Preview Blog sobat.

Selesai..

Source Code Post Views CounterKlik disini untuk mengambil source code Post Views Counter

Gimana???
Semoga Bermanfaat.

BBB (Blog Baru Brow)

By Girant_31

Yufs...

Akhirnya bosan juga ma ni template...
Mw ane ganti, malez mulu bawaan nya..

Iseng-iseng ane bikin blog baru neg sob...

1. Nu_Imuts (http://nu-imuts.blogspot.com/)

2. Serabi Machine (http://serabimachine.blogspot.com/)

Berkunjung ya sob..

BTW... Ane msh bingung neg sob..

Satu blog az susahnya minta ampun ngurus nya..

Apalagi 3???? hehehe..

Ada yang punya ide bt kedua blog baru ane tersebut mw diapakan????

Tapi ane yakin ga ada yang ga mustahil di dunia ini..

Mohon dukungan n motivasinya dari sobat semua...

Terimakasih...

Recent Post News Ticker

By Girant_31

Alhamdulillah...

Akhirnya Selsai juga tugas-tugas ane.. Setelah beberapa hari ini rariweuh teu puguh.. hehehe..
Cape n jadi lupa posting..

Kemarin-kemarin pun ane posting secara terjadwal, n sampe ga bisa ngebales komen sobat-sobat yg dah nyasar mampir kemari...
Mohon maaf ya semua...

Yufs.. Mulai blogging lagi,
kali ini ane sebagai perpanjangan tangan az neg dari senior ane,

dan akan membahas tentang Recent Post (Basi bangets ya..).

Tapi kali ini Recent Post nya agak sedikit berbeda loh.

Lihat pada gambar yang ditandai kotak merah.

Atau lihat demo nya langsung.

Demo Recent Post News TickerKlik disini untuk melihat demo Recent Post News Ticker

Ini Recent Post New Ticker, dimana diserati Thumbanial plus tampilan atau style slide n break.

Langsung az..

Recent Post New Ticker ini tinggal sobat masukan ke add gadget HTM/Java Script, dan........

Ga usah di apa2in lagi... Simple khan ????

(terkecuali sobat mw mengganti tampilan background, ukuran gambar dll)

Ni dia scriptnya :

(Oy jangan asal copas, klik View Source nya dulu baru di copas, Ok)

<style type="text/css">
#rp_plus_img{height:212px;overflow:hidden;border:solid 1px #585858;padding:6px 10px 14px 5px;background-color:#2f2f2f;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#FFF;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:11px;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#DEDEDE;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #585858;width:55px;height:55px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://hensblog.googlecode.com/files/rpplusimgnt-v1.0.js"></script>
<script type="text/javascript">
var speed = 400;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 10;
var numchars = 125;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

Judul Gadget terserah sobat dan baca keterangan jika ingin memodifikasinya sesuai keinginan sobat...

Source Code Recent Post News TickerKlik disini untuk mengambil source code Recent Post News Ticker

Keterangan:
Perhatikan kode-kode diatas!

Untuk membuang garis tepi ubahlah nilai 1px menjadi 0 pada kode border:solid 1px #585858; (Baris 2)

Untuk mengubah background ubahlah nilai #2f2f2f pada kode background-color:#2f2f2f; atau jika tidak ingin menggunakan background buanglah kode tersebut (Baris 2)

Untuk mengubah warna font judul artikel ubahlah nilai #FFF pada kode color:#FFF (Baris 6)

Untuk mengubah warna font artikel ubahlah nilai #DEDEDE pada kode color:#DEDEDE (Baris 8)

Untuk mengubah ukuran gambar mini ubahlah nilai 55px pada kode width:55px; dan kode height:55px; (Baris 9)

Jika template blog anda telah terpasang framework jQuery sebelumnya buanglah kode pemanggilan jQuery (Baris 11)

Ubahlah nilai 400 pada kode var speed = 400; untuk mengatur kecepatan (Baris 14)

Ubahlah nilai 2500 pada kode var pause = 2500; untuk mengatur lamanya artikel tersebut tertahan (pause) sebelum diganti artikel berikutnya (Baris 15)

Ubahlah nilai 10 pada kode var numposts = 10; untuk menentukan jumlah artikel yang akan ditampilkan (Baris 23)

Ubahlah nilai 125 pada kode var numchars = 125; untuk menentukan jumlah karakter artikel yang akan ditampilkan (Baris 24)

Lalu Simpan dech..
Selsai..

Simple khan ??!!

Diantara Kita..

Selamat Datang

Selamat datang di Girant_31 Blog's - saya senang Anda berada di sini, dan berharap Anda sering datang kembali. Silakan puas-puasin di sini dan berbagi lebih lanjut tentang artikel-artikel yg saya susun. Ada banyak hal tentang Girant_31 Blog's, Anda mungkin akan menemukan sesuatu yang menarik. Selengkapnya tentang Girant_31

Sepintas Tentang Saya

Name : Agus Adi S.
Saya seorang anak manusia yang tak bisa apa-apa, tapi sangat berambisi dan ingin belajar untuk bisa apapun.

My Blog

My Social Stuff

Twitter
Facebook
YM