CSS

Showing posts with label Newbies. Show all posts
Showing posts with label Newbies. Show all posts

Tuesday, August 14, 2012

Menggunakan Javascript Console di Browser yang berbeda?




Chrome:
1. Press either CTRL + SHIFT + I or F12 to open the Developer Tools. 
2. Press ESC (or click on "Show console" in the bottom right corner) to slide the console up.
Note: In Chrome's dev tools, there is a "Console" tab. However, a smaller "slide-up" console can be opened while any of the tabs is active.




Safari:

1. Press CTRL + ALT + I to open the Web Inspector.

2. See Chrome's step 2. (Chrome and Safari have pretty much identical dev tools.)
Note: Step 1 only works if the "Show Develop menu in menu bar" check box in the Advanced tab of the Preferences menu is checked!

IE9:

    Press F12 to open the developer tools.

    Click the "Console" tab.



Firefox:

    Press CTRL + SHIFT + K to open the Web console.
or, if Firebug is installed (RECOMMENDED!):

    Press F12 to open Firebug.

    Click on the "Console" tab.

Opera:
Press CTRL + SHIFT + I to open Dragonfly.

    Click on the "Console" tab.


And to put an end to read this post :
Press ALT + F4 Thank you to agan  XD

Source



Thursday, March 8, 2012

Facebook on your Blog (simple1)

Silahkan baca untuk cara Masang Script di Postingan Blog? kalo belom.

Main Script

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_GB/all.js#xfbml=1&appId=312289072134118" async=true type="text/javascript"></script>

Add to Timeline

<fb:add-to-timeline show-faces="true" mode="button"></fb:add-to-timeline>

Login Button

<fb:login-button show-faces="true" width="485" max-rows="1" scope="read_stream,publish_stream,publish_actions"></fb:login-button>

Profile Name

<fb:name uid="loggedinuser" useyou="false" linked="false"></fb:name>

Profile Picture

<fb:profile-pic uid="loggedinuser" size="normal"></fb:profile-pic>

Recommendations Bar

<script type="text/javascript">
document.write('<fb:recommendations-bar href="'+window.location.href.split('?')[0].split('#')[0]+'" site="'+window.location.hostname+'" trigger="onvisible" read_time="30" action="like" side="right" num_recommendations="2"></fb:recommendations-bar>');
</script>

Activity

<fb:activity site="aing-creations.blogspot.com" app_id="312289072134118" width="300" height="300" header="false" linktarget="_top" border_color="white" font="arial" recommendations="true"></fb:activity>

Comments Box

<fb:comments href="http://aing-creations.blogspot.com/" width="485" colorscheme="light" num_posts="2"></fb:comments>

Comments Count

awesome comments
<fb:comments-count href="http://aing-creations.blogspot.com/"></fb:comments-count> awesome comments

Like Button

<fb:like href="http://aing-creations.blogspot.com/" send="true" layout="standard" show_faces="true" width="485" action="like" font="tahoma" colorscheme="light"></fb:like>

Subscribe Button

<fb:subscribe href="http://www.facebook.com/irland.tea" layout="standard" show_faces="true" colorscheme="light" font="tahoma" width="485"></fb:subscribe>

Like Box

<fb:like-box href="http://www.facebook.com/AingCreations.Blog" show_faces="true" colorscheme="light" stream="true" header="false" border_color="white" width="485"></fb:like-box>

Tuesday, February 28, 2012

dapetin POST ID gimana?

Step 1
Step 2
Step 3
Step 4
Done

Cara motong Postingan Blog..

<script type="text/javascript"> document.write(unescape('%3C/div%3E%3Cdiv class="post-body" style="margin-top:10px"%3E')); </script>

Div dengan gambar sebagai Background..

<center> <div style="background:transparent url(http://ALAMAT_GAMBAR) no-repeat scroll top left; width: LEBAR_GAMBARpx; height: TINGGI_GAMBARpx; -moz-border-radius:0px 10px 0px 0px; border-radius:0px 10px 0px 0px;"> <b style="font-size:20px; -moz-text-shadow:-1px 1px 0px black; text-shadow:-1px 1px 0px black; color:orange; cmargin-top:-20px; position:absolute; left:40%; background: WARNA_BACKGROUND_DI_SESUAIKAN_DGN_GAMBAR; display:inline-block; padding:0px 10px; -moz-border-radius:7px 7px 0px 0px; border-radius:7px 7px 0px 0px;">JUDUL</b> <p>ISI KALO MAU..</p> </div> </center>

Blog Settings for Scripting purpose ( ala Gue :P )

Kalo gw bilang sih settingan blog lebih gampang kalo dari Old Blogger Layout, jadi kalo elo udah pake New layout-nya blogger, biar sama, kita kaya gini dulu..

Dari Dashboard blogger (draft.blogger.com/home), tunjuk nama blog yang mau di setting, misal..
Copas ke Navbar terus Hapus bagian #overview dan ..
Ganti bagian blogger.g jadi rearrange
Then hit Enter
Masuk ke Tab Settings

Setting pada bagian Basic
Biasanya nih dulu (kadang²), kalo pas di share ke facebok si gambar pensil ini suka jadi thumbnail.

Setting pada bagian Formatting
Biasanya kalo posting pake script² terus ini gak di setting 1 post, pas orang ngunjungin HomeBlog yang ada script pada tabrakan berantakan gak karuan :D.
---------------
Penting gak penting yang penting di setting :P ting*
---------------
Biasanya kalo posting pake script gitu, terus di script itu ada garis baru, kalo ini di-set yes, sama blogger si garis baru tadi bakalan di ganti jadi <br /> , wal hasil script pun jadi ancorrrr.
Sebenernya langsung dari postingan juga ada sih settingan ini di Post options.
---------------
Ini fasilitas baru dari blogger, jadi pas gambar di click, bakalan keluar preview gambar mirip kaya di facebook gitu deh..
Tapi kalo gambar itu kita setting pake script, misal buat pop-up atau link atau apalah, yang ada malah preview gambar yang keluar, dan script kita di cuekin :\
Makanya kalo gw sih lebih milih gak pake.

Setting pada bagian Comments
Comment popup itu menurut gw sih lebih simple, tiapkali orang abis komen, halaman jadi gak perlu dimuat ulang (reload), kalo embed below post kan kalo di blog kita misal di pasang musik nih,, musik juga jadi di ulang dari awal kan :P belom lagi kalo script yang aneh².
---------------
Ini nih yang kadang suka bikin males komen kalo ke blog orang,, cape,, komen aja mesti nunggu ijin buat di tampilin,, ckck.
---------------
Sama ini juga,, pernah sekali waktu udah ngetik komen rapih, panjang gitu,, pas nulis captcha susah banget wkwk.. akhirnya gak jadi komen :D

Setting pada bagian Site Feed
Ini hubungannya sama transfer data API call gitu lah,, contonya kaya Reading list atau Dynamic blogger archive.
Bayangin aja kalo Post feed di set full, gimana kalo postingannya panajang?
Kalo untuk Comments feed sih gak masalah,, sepanjang-panjang orang komen masih pandai tupai meloncat kata nenek leluhur juga :D
Okeh people,, that's it for today,, hope you've enjoyed reading my write
biarpun gak jelas ngomongin apaan sih :P
If you have any correction to the info listed above or if you have anything to add on this subject, please leave a comment if you don't mind :)

wkwkwkk...

Saturday, January 8, 2011

Masang Script di Postingan Blog?

Cuman sedikit saran, mungkin akan lebih baik kalo kita login ke draft.blogger.com daripada ke www.blogger.com, kenapa? ,, gw juga gak tau XD wkwkwkkk... xP

Settingan default blogger untuk Postingan emang untuk text format, bukan untuk script/HTML tag, jadi kita mesti ngerubah settingan ini biar bisa pasang script/widget di postingan.