Created (c) by Princexells Seyka (Princelling Saki)
Headlines News :

Latest Post

Showing posts with label Tutorial Blog. Show all posts
Showing posts with label Tutorial Blog. Show all posts

Cara Membuat Tooltip Otomatis di Blog

Written By ๖̶̶̶ۣۜc-mp3ñk on Thursday, June 28, 2012 | 6:26 PM


Kali ini dalam Pembuatan Tooltip Otomatis di Blog ini kita akan menggunakan script dari warungbebas.com. Tootlip ini akan muncul di semua title pada blog sobat.
Agar tidak berlama-lama lagi sekarang mari kita bahas Cara Membuat Tooltip Otomatis di blog sobat.


Tutorial :

  •  Masuk Ke akun bloger sobat
  • Pada Dasbor klik Rancangan ➨  Edit HTML
  • Jangan lupa centang Expand Template Widget ➨ Backup dulu templatenya untuk mengantisipasi bila terjadi kesalahan.
  • Selanjutnya dalam Edit Template sobat cari kode <body>  
  • Jika sudah ketemu sekarang sobat copy kode berikut dan paste atau letakkan di bawah kode tadi.

<script src='http://javascript-share.googlecode.com/files/wb.js'/><a href='http://www.warungbebas.com' id='wb_ttauth'>Created (c) by Princexells Seyka (Princelling Saki)</a><script type='text/javascript'>//<![CDATA[ wb.tooltip_setting = { func : "Tooltip", top : 5, left : 5, maxw : 300, speed : 20, timer : 40, endalpha : 95, alpha : 0, style_plus : "#tt{border:3px solid #778899;background:#dcdcdc}#ttcont{background:#000000;color:#00ff00}" }; //]]></script><script src='http://javascript-share.googlecode.com/files/wb_tooltips.js'/> <script src='http://javascript-share.googlecode.com/files/wb_autotooltips.js'/><!-- pembuka warungbebasautotooltip --><div id='warungbebasautotooltip'>


  • Selanjutnya sobat cari kode </body> lalu letakkan kode di bawah ini di atasnya.

</div><!-- penutup warungbebasautotooltip --><script type='text/javascript'>wb.$_auto_tooltip('warungbebasautotooltip');</script>

  • Simpan Template
Demikianlah Cara Membuat Tooltip Otomatis di Blog, seperti yang saya lakukan / terapkan di Blog saya ini.
Sumber : http://otowebsite.blogspot.com/2012/06/cara-membuat-tooltip-otomatis-semua.html

-->

Domain Gratis Dari Intuit Tanpa Kartu Kredit

Written By ๖̶̶̶ۣۜc-mp3ñk on Saturday, June 2, 2012 | 6:40 PM

Buat sobat2 yang ingin mengganti Domain bloger ke .com, .biz. .net. dll
sekarang tidak perlu susah2 lagi, ikuti saja tutorial berikut ini..

warning : Mohon untuk tidak diPerjual Belikan, semua ini gratis,,,

Langkah Pertama :

  • Daftar dulu ke Intuit disini
  • Sebelum memilih domain anda sebaiknya cek dulu apakah sudah terdaftar atau belum domain pilihan kamu disini
  • Kemudian daftar domain anda disini
  • masukkan email yg kamu daftar tadi dan domain pilihan kamu
  • masukkan domain tanpa di awali dgn www
  • Jangan centang domain privasi
  • Centang saya setuju kemudian submit
  • Tunggu selama 24 jam buat aktif


Cara Setting DNS untuk blogspot :
  1. login ke Intuit
  2. klik Domains kemudian Advance DNS Setting dan Edit
  3. kemudian isi seperti gambar dibawah ini



    4.  pada kolom CNAMES isi dgn www pada Host dan ghs.google.com di kolom Points To



Setting DNS


Jika semua cara di atas sudah di lakukan, kembali ke blog anda untuk mengganti domain yg telah siap..
Demikanlah cara Mendapatkan Domain Gratis Dari Intuit Tanpa Kartu Kradit, saya berharap trik ini tidak Diperjual Belikan, sebagaimana yg di amanatkan oleh pembuat scriptnya, sekian dan trim's

Special Thank  to : Putra Cyber4rt -Crew



Decrypt HTML Online

Written By ๖̶̶̶ۣۜc-mp3ñk on Monday, May 28, 2012 | 8:07 PM

decrypt html
Setelah kemarin saya memposting artikel Encrypt HTML, berikutnya adalah Decrypt HTML Online.
Mungkin sebagian blog sengaja menyembunyikan code mereka dengan Encrypt HTML, yaitu merubah menjadi code hexa yg kalau kita perhatikan kita tidak ngerti sedikit pun, contohnya seperti code ini




<Script Language='Javascript'> <!-- document.write(unescape('%A9%20%43%6F%70%79%72%69%67%68%74%20%32%30%31%32%20%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%63%2D%6D%70%33%6E%6B%2E%63%6F%6D%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%3E%63%2D%6D%70%33%6E%6B%3C%2F%61%3E' )); <!-- HTML Encryption by http://c-mp3nk.com --> </script>

Untuk membuka code tersebut di atas, coba kalian masukkan code yg berwarna Merah tersebut ke kolom  Decrypt HTML di bawah ini. kemudian klik Decrypt



Cara Membuat Parse HTML Sendiri

Written By ๖̶̶̶ۣۜc-mp3ñk on Friday, May 25, 2012 | 8:01 PM

Parse HTML
Memparse kode Html sangat diperlukan sekali oleh para blooger, ya ini dikarenakan sangat membantu sekali apabila sobat bloger ingin memasukan kode Html kedalam postingan. Misalnya ingin memposting Script2 HTML/javaScript ataupun mengedit kode HTML templates. Tentu saja ada beberapa kode yang HARUS di Parse terlebih dahulu agar kode tersebut bisa berfungsi atau berjalan dengan baik, misal kode script Iklan Google Adsense ( apabila ingin dipasang di dalam postingan ), jadi ya biar ga kemana-mana lagi nyari penyedia jasa Encode Decode ( Parse HTML ) lebih baik buat sendiri kan. .
Oke.... langsung aja sobat copy kode berikut :


<script src="//www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/102462998830435293579/post-Code.xml&amp;up_grows=10&amp;up_conv1=1&amp;up_conv2=1&amp;up_conv3=1&amp;up_conv4=1&amp;up_conv5=1&amp;synd=open&amp;w=565&amp;h=200&amp;title=Parser+HTML&amp;border=http%3A%2F%2Fwww.gmodules.com%2Fig%2Fimages%2F&amp;output=js"></script>

Ini Hasilnya :






Encrypt HTML Online

Written By ๖̶̶̶ۣۜc-mp3ñk on Thursday, May 24, 2012 | 9:16 PM


1. Masukkan kode HTML yang ingin Anda Encrypt!
2. Klik 'Encrypt' kemudian copy dan paste 'Kode HTML Encrypted' ke website Anda.


© Copyright 2012 c-mp3nk

cara membuat Menu Galery Menggunakan CSS Float

Written By ๖̶̶̶ۣۜc-mp3ñk on Sunday, May 13, 2012 | 1:30 PM

 Dengan menggunakan fitur CSS float ini, sebuah element dapat kita letakkan dari sebelah kiri ke kanan dan seterusnya. CSS Float ini biasa nya sangat sering digunakan untuk Galerry gambar ataupun untuk element lain nya. Tapi, pada contoh Saya yang ada di bawah ini. Saya menggunakan fitur CSS Float ini untuk membuat Gallery gambar tentang beberapa postingan yang telah Saya buat. Silahkan Anda ganti sendiri sesuai dengan gallery gambar yang Anda punya. Fitur gallery dengan CSS Float ini sangat bagus sekali bagi Anda yang mempunyai sebuah Blog dengan tema Gambar ataupun wallpaper. Untuk lebih lengkap nya, silahkan Anda perhatikan contoh gallery yang ada dibawah ini, semoga dengan ada nya contoh ini bisa menjadi sebagai rujukan untuk Blog Anda:















Sekarang mari kita mulai bagaimana langkah-langkah cara membuat nya:

Langkah 1:
1. Masuk akun blogger lalu pilih menu Rancangan > Edit Html
2. Jangan Lupa backup dulu template Blog anda
3. Jangan lupa klik ‘Expand Widget Templates
4. Copy-paste kode berikut ini dan taruh di atas kode </head>


<style type='text/css'> div.gallery { margin: 2px; border: 2px solid #D8D8D8; background-color:#2E3030; height: auto; width: auto; float: left; text-align: center; } div.gallery img { height: 150px; width: 198px; display: inline; margin: 1px; border: 2px solid #ffffff; } div.gallery a:hover img { border: 2px solid #000000; /* for IE */ filter:alpha(opacity=40); /* CSS3 standard */ opacity:0.4; } div.label { border: 2px solid #D2D2D2; background-color:#000000; text-align: center; font-weight: normal; height: 80px; width: 198px; padding:0px; margin: 1px; } </style>


Note :
  • Untuk yang warna Merah adalah Nilai Tinggi dari gambar.
  • Untuk yang warna Biru adalah Nilai Lebar dari masing-masing Element.
  • Dan Untuk yang warna Hijau adalah Nilai Tinggi dari Deskripsi Gambar atau Judul Gambar.
5. Save Template anda.

Langkah 2.

Copy kode di bawah ini paste kan di Postingan Anda atau pada sidebar Blog Anda.


<div class="gallery"> <a href="URL LINK TARGET" target="_blank"><img src="URL GAMBAR" /></a> <div class="label"> JUDUL TARGET</div> </div>
<div class="gallery"> <a href="URL LINK TARGET" target="_blank"><img src="URL GAMBAR" /></a> <div class="label"> JUDUL TARGET</div> </div>



Note :
  • Untuk yang warna Merah adalah Link Target dari gambar
  • Untuk yang warna Biru adalah URL gambar
  • Dan Untuk yang warna Hijau adalah Judul atau keterangan gambar.


Jika Anda ingin menampilkan banyak Gambar pada Gallery, Anda cukup mengCopy paste ulang kode yang di atas.


Akhir nya selesai sudah Tutorial tentang Bagaimana Cara Membuat Menu Gallery Menggunakan CSS Float. Semoga dengan adanya Tutorial ini bisa membantu Anda dalam membuat nya. Dan semoga Bermamfaat.

sumber :
http://ahmad-roni.blogspot.com/2012/04/cara-membuat-gallery-menggunakan-css.html




Cara Membuat Kotak Komentar Facebook, Twitter dan Blog

Written By ๖̶̶̶ۣۜc-mp3ñk on Tuesday, May 1, 2012 | 9:42 PM

Cara Membuat Kotak Komentar Facebook, Twiter Dan Blog
Setelah Memposting Cara Membuat kotak Komentar Facebook dan blog kemarin, kali ini saya akan memberikan Tips Cara membuat kotak Komentar Facebook, Twiter Dan Blog.

Sebelum memulai, terlebih dulu download template lengkap untuk berjaga-jaga barangkali kita ingin mengembalikan ke template semula atau jika terjadi kesalahan. Sekarang kita mulai langkah-langkah memasang kotak komentar facebook dan twitter di blogger.


1. Masuk ke akun blogger, lalu pilih Rancangan > Edit HTML > Centang 'Expand Template Widget'
2. Tekan tombol Ctrl+F lalu cari kode <head>
3. Masukkan kode berikut tepat di bawah kode <head>:

<meta content='Profile_IDe_ID' property='fb:admins'/>
<meta content='APP_ID' property='fb:app_id'/>
<script src='http://code.jquery.com/jquery-latest.pack.js'/>
<script src='http://c-mp3nk.googlecode.com/files/jscomment.js'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://c-mp3nk.googlecode.com/files/twetcomment.js'/>
<script src='http://platform.twitter.com/anywhere.js?id=API_KEY&amp;v=1'/>
4. perhatikan code berwarna Merah

  • Ganti tulisan Profile_ID dengan ID profil atau username facebook kita. ID profil bisa berupa angka atau huruf. Cara mengetahui ID profil kita adalah dengan membuka halaman profil dan lihatlah kolom alamat (address bar).  Jika alamat profil Pengemis Tua  adalah www.facebook.com/unitama, maka ID profil Saya adalah unitama.
  • Ganti tulisan APP_ID dengan ID Aplikasi facebook kita 
  • Ganti tulisan API_KEY dengan API KEY dari aplikasi twitter 
5. Kemudian cari CODE <div class='comments' id='comments'> , masukkan code berikut ini tepat di bawah <div class='comments' id='comments'> ke 2


<div class='comments-tab' id='blogger-comments' title='Comments from Blogger'> <data:post.numComments/> Comments </div> <div class='comments-tab' id='twitter-comments' title='Comments with Twitter'> <span class='js-page-tweet-count' expr:href='data:post.url'/> Tweets </div> <div class='js-default-tab comments-tab' id='fb-comments' title='Comments made on Facebook'> <fb:comments-count expr:href='data:post.url'/> Komentar </div> <div class='clear'/> </div> <div class='comments-page' id='twitter-comments-page'> <div id='js-tweet-box'/> </div> <div class='comments-page' id='fb-comments-page'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/> <fb:comments expr:href='data:post.url' num_posts='10' width='400'/> </b:if> </div> <div class='comments comments-page' id='blogger-comments-page'>


  •  Angka 10 adalah Jumlah komentar facebook yang ingin di tampilkan.
  • Angka 400 adalah Ukuran Lebar Kotak Komentar.
6. Simpan template Anda dan liat hasilnya,,

Notes :

  •  Untuk Mendapat API_KEY klik DISINI dan ikuti saja langkah2nya.
  •  Untuk Mendapat APP ID klik DISINI dan ikuti saja lagnkah2nya.





How to create a Button Select All

Written By ๖̶̶̶ۣۜc-mp3ñk on Sunday, April 29, 2012 | 8:46 AM

How to create a Button Select All
I am now trying to write the article How to create a button select All or our regular known as Copy and paste or copy all.

What use the select all?
This button is useful when we want to share with fellow blogger comrades such as articles, link exchange code, and others.

select all the easier for us to copy by clicking the button can copy a file.Ok we just practice makes the button to select all the look of the blog, let us look at the code we will use to create the button and select all code or file that we will put in it.

This Script Code

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 200px; HEIGHT: 90px" name="txt" rows="100" wrap="VIRTUAL" cols="55">put your writing here, can be a plain text and text in the form of HTML / Javascript </textarea></p></div></form>

sample code above



so how to create a SELECT ALL button on the blog, if you have any questions or additional information about this article please contact admin.


How to Make the Two Hidden Tabs Scroll Widget

Written By ๖̶̶̶ۣۜc-mp3ñk on Wednesday, April 18, 2012 | 1:15 AM

How to Make the Two Hidden Tabs Scroll Widget
Want your blog added widget like the picture beside? let's do's how:

1. Log in to your blogger
2. Sign in to design / design
3. Choose Layout
4. Edit HTML
5. Then find this code: ]]> </ b: skin> (use Ctrl + F on your keyboard), after the meet to stay put following CSS code right above the code ]]> </ b: skin>






6. After that, look for the code </ head> after the meet put the following code and jQuery javascript right above it:




7. Save tempalate, and still up ya ... go to Layout / Design, click the Add New Widget / Add a widget, then select HTML / Javascript. Then put the code below:

html/javascript






8. Copy And paste This Scripts :




9. Up here you can make a scroll view jquery show hide tab widget. and do not forget to save it.


Automatic Posting of Blog to Facebook

Written By ๖̶̶̶ۣۜc-mp3ñk on Tuesday, April 10, 2012 | 12:00 AM

Rss GrafittyThe following tutorial will explain how to automatically share of the blog to Facebook. With automatic share, then the blogger simply its settings once on Facebook account and then post the URL would happen automatically share a few minutes after the blogger clicking the "Publish" / "Publish" without the need to enter your Facebook account at all.

Actually a lot of applications that are used for automatic posting of the blog to Facebook, but in this tutorial will use RSS Graffiti is already quite popular among the bloggers.




The following tutorial Automatic Posting From Blog to Facebook:

1. Login to your facebook
2. If already entered, go to the Rss Graffitti
3. RSS Graffiti home page appears as shown below:

Rss GrafittyRss Grafitty



4. Click Add New Publishing Plan

Rss Grafitty








5. Fill in the blog Feed URL address that will be posted automatically to facebook Feed URL column.

  • Feed the default blogspot: http://blogname.blogspot.com/feeds/posts/default
  • Default wordpress feed: http://www.yoursitename.com/feed


Rss Grafitty









6. then select the target where your blog posts appear

Rss Grafitty











7. click the save button and finish.

By utilizing this RSS Graffiti, each of us posting on the blog it will be automatically sent to Facebook (send to the wall / our profile).





Disable Right click mouse with Pictures

Written By ๖̶̶̶ۣۜc-mp3ñk on Monday, April 9, 2012 | 9:14 PM

anti klik kanan dengan gambar
This time I will share how to disable right click mouse with pictures, if you want to also try this trick please follow the tutorial

Tutorial ;
1. Login to your Blog
2. Click Layout >> Add widge >> HTML/ JavaScript

See the picture if you confused
html/javascript






3.  Then copy And Paste this Script


4. save it and then see the results

Demo


Note :

If you blog base color dark / black color, fill in the dark.
If you blog base color of white / colored light, fill light.



How to Create a Facebook Fans Page at Blogspot

Written By ๖̶̶̶ۣۜc-mp3ñk on Saturday, April 7, 2012 | 7:40 PM

membuat fans page facebook di blog
This time I will give you tricks on how to make a facebook fan page like mine, even then if you want to create a fan page like mine.
see the example picture on the side.
This trick actually has a lot of which share, but also all right if I want to tell that

please refer to the tutorial





Turorial:
1. login to your blog
2. click layout >> Add widge >> HTML/ JavaScript

html /javascript

see picture




3. then Copy And Paste this Script




4.  Then Save

Easy right? to install this widget, will certainly add to facebook fan page like my friend, this widget is also equipped with a close button, so get in close without disturbing visitors.


How to add According menu in Blog Or Website

Written By ๖̶̶̶ۣۜc-mp3ñk on Sunday, April 1, 2012 | 12:00 PM

How to add According menu in Blog Or Website
How to add According menu in Blog Or Website
if you want to make this please read the tutorial

HTML is he his
how to insert html insert button posted the same as or related share or etc.
its right after the code <data:post.body/>

Copy this Script after the code <data:post.body/>


then find the code ]]> </ b: skin>
copy this Script after ]]> </ b: skin>




than find the </head> and paste this script


According thus creating menus in your blog or website, good luck

Make Facebook Comment and Blog Comments Contiguous

Written By ๖̶̶̶ۣۜc-mp3ñk on Monday, March 19, 2012 | 3:43 PM


Make comments on the blog but can Facebook make blogs look more nice and tidy, the visitors will be more on make it easy to interact with you via the comments box as you are sure there are some visitors who are logged into Facebook accounts, so they too will be easier to comment.

But if we add Facebook comments and Etap maintain Default blog comment box would make a blog is dynamic plasticity extends down too, now therefore I will give How to Make Facebook Comments Adjacent to Blog Comments.

Here is a screenshot of his

membuat komentar facebook dan blog









How would like to try the next comment.
1. Login to Blog
2. Draft - Edit HTML
3. To avoid errors, backup your template first with complete Download
4. Check the "Expand Widget Templates"
5. Find the code <div class='comments' id='comments'>
Usually there will be 2 code in your template
Copy the code below just below <div class='comments' id='comments'> to 2




Note : " 2 " The number of comments that will show up, "400" Width Facebook Comments

6. Then Find the code </ head>
Copy the following code right above </ head>







Facebook ID: Replace with your Facebook ID is located on the back browser your Facebook profile URL, example is the Facebook ID http://www.facebook.com/Hansherly so change ID to Hansherly

7. Find the code / *Comment or # comments
Each template has a structure different code, so just look for code similar to the above code
Copy the following code in the code above was







8. Save

Done, now you have a Facebook Comment Adjacent to Blog Comments




" Have Fun "



How to Give Password in Blog Post

Written By ๖̶̶̶ۣۜc-mp3ñk on Thursday, March 15, 2012 | 9:56 PM

Blog this tutorial is how to make the protection on the blog post with a password. Maybe my friend ever visiting websites that where in the post / page are protected by passwords and can only be read when we enter the valid password. It is suitable for my friend who wanted to make certain visitors from posting to your blog or to your blog member. Want to know how? bro please see below.


Compress CSS to Accelerate Open Web

Written By ๖̶̶̶ۣۜc-mp3ñk on Wednesday, March 14, 2012 | 8:52 PM


compres css
Compress CSS Code to Speed Loading Blog, presumably that's what I will discuss tonight, because visitors often complain and most lazy when they have a blog for mercy weight loading, where the effect is bad, do not expect the visitors will return again to our blog. for example, not all the way, my blog is also quite heavy, but because it is assisted by the cache so not very heavy, but I still need to compress again.





 
█║▌│█│║▌║││█║▌│║▌║█║║▌
Copyright © 2012. ๖̶̶̶ۣۜc-mp3ñk - Some Rights Reserved