Featured

0 MEMBUAT BLOG

By PERNAK-PERNIK BLOG on Rabu, November 30, 2011

Dalam proses membuat suatu Blog sangatlah mudah. Hanya dalam 3 langkah, kita sudah bisa membuat Blog. Bukalah DI SINI.

Sebelum Sobat membuat Blog Sobat Wajib memiliki e-mail untuk mendaftarkan Blog yang Sobat buat, ada beberapa e-mail yang bisa Sobat buat, diantaranya : G-Mail, Yahoo, Hotmail. Bagi Sobat yang mau mendaftar e-mail G-Mail silakan Sobat klik DI SINI. Silakan Sobat isi semua kolom-kolom yang disediakan.

Read more
Reaksi: 
Link ke posting ini
,

0 MEMEBUAT EFFECT PHOTOGRAPHY

By PERNAK-PERNIK BLOG on Kamis, Juni 30, 2011

Membuat efek-efek buat foto sebenernya gak susah.. saya nemu membuat efek dari foto yang keliatan nya biasa menjadi foto yang lumayan keren.. hanya dengan 1 menit sajah.. beneran !

Oia… Sekali lagi… saya pake adobe photoshop CS 3 yah… jadi jangan ada yang nanya lagi yah.. saya pake photoshop versi berapa :)

Langsung aja tanpa basa basi …

Buka foto yang mau diedit..

Duplikat layer background dengan menekan ctrl+J

Klik Filter > Other > High Pass

Ganti layer effect menjadi Vivid Light..

Gambar sekarang keliatan sedikit lebih tajam dan mendetail..

Klik Add New Fill or Adjusment Layer > Gradient Map

Otomatis akan terbentuk layer baru di atas layer hasil duplikat tadi.

Gradient Map yang dipake dari hitam ke putih

Duplikat lagi layer background dengan menekan CTRL + J lalu pindahkan layer hasil duplikat ke paling atas

Klik Image > adjustment layer > Shadow/Highlight

Terakhir Layer Effect ganti menjadi Overlay dan opacity jadi 80%..

hasilnya :

Kita lihat perbedaan sebelum dan sesudah :

Selamat mencoba !



Artikel Photography Effect : Membuat Efek Keren Lagi dalam 1 menit ini dipersembahkan oleh Tutorial Photoshop Gratis. Kunjungi Wallpaper, Font, Desktop Theme Gratis Pokoknya Serba Gratis. Baca Juga Adobe Photoshop Tutorials

Read more
Reaksi: 
Link ke posting ini
,

0 MEMBUAT TEXT BERJALAN DI NAVBAR ATAS

By PERNAK-PERNIK BLOG on Rabu, April 13, 2011

Apakabar Sobat Semua?... Tentu baik-baik aja bukan?...Setelah beberapa minggu Absen dalam Dunia Blog karena disebabkan pindah tempat tinggal dan sibuk membenahi tempat tinggal yang baru maka malam ini Saya hadir kembali ditengah-tengah Sobat para Pecinta Seni Blog.

Baiklah Sobat dalam Postingan kali ini saya mencoba membuat Cara atau Tips Membuat Text Berjalan Dinavbar Atas. Mau tau caranya Sobat?...Ok! Baiklah, disini saya buatkan Tipsnya.

Ikutilah Langkah-langkahnya sebagai-berikut:

  1. Masuklah dengan ID Sobat DI SINI
  2. Klik Rancangan
  3. Klik Edit HTML
  4. Cari Code Berikut

    <b:skin><![CDATA[/*

  5. Kemudian Sobat sisipkan Code dibawah ini tepat diatas Code yang berwarna Merah tersebut diatas
    <script language='JavaScript'> var txt="===+++===@@@ Selamat Datang di Blog Saya, Terima Kasih Atas Kunjungannya!!!!.... ===+++===@@@"; var kecepatan=80;var segarkan=null;function bergerak() { document.title=txt; txt=txt.substring(1,txt.length)+txt.charAt(0); segarkan=setTimeout("bergerak()",kecepatan);}bergerak(); </script>
  6. Klik Simpan Template
  7. Selesai
  8. Lihat Hasilnya

Mudah bukan Sobat!...

****NOTE:

Text Yang Berwarna Merah bisa Sobat Ganti dengan Text Apa Saja yang Sesuai bagi Sobat.

Angka=80 bisa Sobat Ganti dengan Angka berapa saja yang Sobat Mau, Angka tersebut untuk mengatur kecepatan Gerakannya.

Semoga Postingan ini ada manfaatnya buat Sobat.

Bila Sobat menyukai Postingan ini jangan lupa ya memberikan Komentarnya!....Tank's.

Read more
Reaksi: 
Link ke posting ini
,

0 MEMBUAT ARTIKEL BERHUBUNGAN

By PERNAK-PERNIK BLOG on Kamis, Maret 24, 2011

Dalam Kali ini kembali Saya membuat suatu Postingan buat Sobat semua yang Hobby dengan Blog tentang cara Membuat Artikel Berhubungan, tentu sobat telah banyak menjumpai dalam sebuah Blog dibawah dari Postingan ada Sobat jumpai Artikel Yang Berhubungan.

Nah, tentu diantara Sobat Ada yang bertanya dalam hati kecil bagaimana ya, cara membuatnya?... Sudahlah Sobat jangan bingun, disini Saya buatkan cara untuk membuatnya.

Ikutilah langkah-langkahnya sebagai-berikut:

  1. Masuklah dengan ID sobat Sendiri DI SINI
  2. Klik RANCANGAN
  3. Klik EDIT HTML
  4. Beri Tanda Centang pada EXPAND TEMPLATE WIDGET
  5. Kemudian Sobat Cari Code seperti ini

    <data:post.body/></b:if>

    untuk memudahkan pencarian, tekan CTRL+F secara bersamaan. Tapi ingat, disana ada 2 Code yang sama dan Sobat pilih setelah Code yang ke 2.
  6. Sudah ketemukan?....Kalau Udah ketemu kebudian Copy Paste Code di bawah ini setelah Code tersebut diatas yang berwarna Merah
    7. <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='similiar'> <div class='widget-content'> <br/> <h3>Related Articles</h3> <div id='database'/><br/><br/> <script type='text/javascript'> var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;; var maxNumberOfPostsPerLabel = 6; var maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement(&#39;ul&#39;); var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i &lt; maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k &lt; entry.link.length; k++) { if (entry.link[k].rel == &#39;alternate&#39;) { alturl = entry.link[k].href; break; } } var li = document.createElement(&#39;li&#39;); var a = document.createElement(&#39;a&#39;); a.href = alturl; if(a.href!=location.href) { var txt = document.createTextNode(entry.title.$t); a.appendChild(txt); li.appendChild(a); ul.appendChild(li); } } for (var l = 0; l &lt; json.feed.link.length; l++) { if (json.feed.link[l].rel == &#39;alternate&#39;) { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;); var txt = document.createTextNode(label); var h = document.createElement(&#39;b&#39;); h.appendChild(txt); var div1 = document.createElement(&#39;div&#39;); div1.appendChild(h); div1.appendChild(ul); document.<span class="IL_AD" id="IL_AD6">getElementById</span>(&#39;database&#39;).appendChild(div1); } } } function search10(query, label) { var script = document.createElement(&#39;script&#39;); script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39; + label + &#39;?alt=json-in-script&amp;callback=listEntries10&#39;); script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;); document.documentElement.firstChild.appendChild(script); } var labelArray = new Array(); var numLabel = 0; <b:loop values='data:posts' var='post'> <b:loop values='data:post.labels' var='label'> textLabel = &quot;<data:label.name/>&quot;; var test = 0; for (var i = 0; i &lt; labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel &lt; maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </script> </div> </div> </b:if>
    Text Yang Berwarna Merah bisa Sobat Ganti dengan kalimat Apa Saja.
  7. Klik Simpan Template
  8. Selesai
  9. Lihat Hasilnya

NOTE:

Untuk menampilkan Postingan Sobat di ARTIKEL YANG BERHUBUNGAN/RELATED ARTICLE taruh setelah Code yang berwarna Merah itu Related Articles.

Contohnya seperti ini:

Related Articles:<ol><li><a href='http://zsalim.blogspot.com/2011/03/membuat-windows-berputar-pada-layar.html'><span style='color:yellow;'><span style='font-weight:bold;'>MEMBUAT WINDOWS BERPUTAR PADA LAYAR MONITOR</span></span></a></li></ol>


Text Yang berwarna KUNING silakan Anda Ganti dengan Punya Sobat

Maka hasilnya akan terlihat seperti Punya Saya dibawah ini!...

Bila Sobat Menyukai Postingan ini Silakan berikan Komentar pada saya.


Read more
Reaksi: 
Link ke posting ini
,

0 MEMBUAT WINDOWS BERPUTAR PADA LAYAR MONITOR

By PERNAK-PERNIK BLOG on Selasa, Maret 22, 2011

Dalam Dunia Blog sangat banyak cara untuk membuat pernak-pernik agar Blog kita kelihatan Indah dan menarik, tinggal kitanya saja lagi yang mau menghiasi Blog kita agar para pengunjung bila berkunjung ke Blog kita Mereka tidak merasa bosan bila sudah mampir ke Blog kita dan mereka juga jadinya ingin menghias Bloknya tampil rapi, indah dan menarik.

Dalam Postingan kali ini Saya membagi Tip's bagi para pecinta Blog tentang membuat Windows Berputar seperti pada Blog Saya ini. Langsung saja Saya Buatkan Tip'snya dan ikuti langkah-langkahnya sebagai berikut:

  1. Masuklah dengan ID Sobat DI SINI
  2. Klik Rancangan
  3. Klik Edit HTML
  4. Copy Paste Salah Satu Code dibawah ini tepat diatas Code

    <head>

    5. <script type='text/javascript'> /* Edited By : Salim Banjar on 22th Maret 2011 */ /* For support and information please e-mail to : sa42d543@gmail.com */ //<![CDATA[ scrW=screen.availWidth scrH=screen.availHeight window.resizeTo(10,10) window.focus() for(a=0;a<80;a++){ window.moveTo(0,0) window.resizeTo(0,scrH*a/80) } window.resizeTo(0,0) for(b=0;b<80;b++){ window.moveTo(0,scrH/1) window.resizeTo(scrW*b/80,0) } for(c=0;c<80;c++){ window.moveTo(scrW/1,scrH/1) window.resizeTo(0,scrH*c/80) } for(d=0;d<80;d++){ window.moveTo(scrW/1,0) window.resizeTo(scrW*d/80,0) } for(e=0;e<80;e++){ window.resizeTo(scrW*e/80,scrH*e/80) } window.moveTo(0,0) window.resizeTo(scrW,scrH) //]]> </script>
    <script&gr; //<![CDATA[ window.scrollBy(0,0) window.resizeTo(0,0) window.moveTo(0,0) //setInterval("move()",10); setTimeout("move()", 1); var mxm=100000 var mym=100000 var mx=100000 var my=100000 var sv=70 var status=1 var szx=0 var szy=0 var c=25 var n=0 var sm=10 var cycle=2 var done=2 function move() { if (status == 1) { mxm=mxm/1.01 mym=mym/1.01 mx=mx+mxm my=my-mym mxm=mxm+(500-mx)/5 mym=mym-(400-my)/5 window.moveTo(mx,my) rmxm=Math.round(mxm/1) rmym=Math.round(mym/2) if (rmxm == 0) { if (rmym == 0) { status=2 } } } if (status == 2) { sv=sv/1.1 scrratio=1+1/3 mx=mx-sv*scrratio/2 my=my-sv/2 szx=szx+sv*scrratio szy=szy+sv window.moveTo(mx,my) window.resizeTo(szx,szy) if (sv < 0.1) { status=3 } } if (status == 3) { document.fgColor=0xffffFF c=c-16 if (c<0) {status=8} } if (status == 4) { c=c+16 document.bgColor=c*65536 document.fgColor=(255-c)*65536 if (c > 239) {status=5} } if (status == 5) { c=c-16 document.bgColor=c*65536 document.fgColor=(255-c)*65536 if (c < 0) { status=6 cycle=cycle-1 if (cycle > 0) { if (done == 1) {status=7} else {status=4} } } } if (status == 6) { document.title = "Cljck" alert("Cljck") cycle=2 status=4 done=1 } if (status == 7) { c=c+4 document.bgColor=c*65536 document.fgColor=(255-c)*65536 if (c > 128) {status=8} } if (status == 8) { window.moveTo(0,0) sx=screen.availWidth sy=screen.availHeight window.resizeTo(sx,sy) status=9 } var timer=setTimeout("move()",0) } //]]> </script>
  5. Simpan Template
  6. Lihat Hasilnya
  7. Tamat

Bagi Anda Yang berminat dengan Postingan ini silakan Anda Coba, Semoga Ada manfaatnya, Amin.......

Jangan lupa Ya!...memberikan Komenter Pada Postingan Ini!>>>........

Read more
Reaksi: 
Link ke posting ini
,

0 MEMBUAT DAFTAR ISI OTOMATIS DENGAN TEXTAREA

By PERNAK-PERNIK BLOG on Minggu, Maret 20, 2011

Dalam membuat suatu Blog, kita sudah hampir pasti untuk menampilkan DAFTAR ISI pada Blog kita agar pengunjung Blog kita mudah mencari atau melihat hasil Postingan kita supaya para pengunjung mudah membaca segala isi hasil Postingan kita dan Para Pengunjung tidak Cape mencari Artikel yang mau dibaca.

Supaya DAFTAR ISI yang kita tampilkan tidak kelihatan terlalu memanjang kebawah pada Blog kita, maka disini Saya buatkan Tip's untuk membuatnya.

Silakan Anda Copy Paste Code Scriptnya dibawah ini:

<div style="overflow: auto; width: 480px; height: 100px;
background-color: #ffecff; background-attachment: scroll;
background-repeat: no-repeat; background-position:right bottom;
background-image:
url(http://i615.photobucket.com/albums/tt232/Salim70ksa/hqdefault.jpg);
text-align: left; padding: 5px; border: 2px solid #0000b9;">
<span style="font-size:10px;color:#800080;
font-family:Sans-serif;">[/archives]
</span>
</div>

Keterangan :


* width : lebar textarea.
* height : tinggi textarea.
* background-color : warna background textarea.
* background-image : alamat gambar.
* background-position : letak posisi background gambar pada textarea.
* text-align : perataan pada text.
* padding : jarak antar text dengan textarea.
* border : tebal tipisnya bingkai textarea.
* solid : warna bingkai textarea.
* font-family : jenis text.

Untuk Code yang berwarna Merah


[/archives]

silakan Anda hapus dan Ganti dengan link yang Anda Tuju.

Contoh:>>>

<div style="overflow: auto; width: 480px; height: 100px;
background-color: #ffecff; background-attachment: scroll;
background-repeat: no-repeat; background-position:right bottom;
background-image:
url(http://i615.photobucket.com/albums/tt232/Salim70ksa/hqdefault.jpg);
text-align: left; padding: 5px; border: 2px solid #0000b9;">
<span style="font-size:10px;color:#800080;
font-family:Sans-serif;"><ul>
<li><a href="http://zsalim.blogspot.com/2011/02/cara-membuat-marqueetext-berjalan.html"><span style="color:yellow;"><span style="font-weight:bold;">CARA MEMBUAT MARQUEE(TEXT BERJALAN)</span></span></a></li>
<li><a href="http://zsalim.blogspot.com/2011/02/membuat-labels-cloud.html"><span style="color:yellow;"><span style="font-weight:bold;">MEMBUAT LABELS CLOUD</span></span></a></li></ul>
</span>
</div>

Maka hasilnya seperti gambar dibawah ini:

Untuk menapilkan di Postingan silakan Ikuti Langkah-langkahnya Sbb:

  1. Masuk ke Blogger dengan ID Sobat
  2. Klik Gadget
  3. Klik Javascript dan Copy Paste
  4. Klik Simpan
  5. Lihat Hasilnya
  6. Semoga berhasil
  7. Bagaimana? Oke Kan Hasilnya???.....
  8. Selesai

Jangan Lupa ya Sobat memberikan Komenter pada Postingan Ini!.....


Read more
Reaksi: 
Link ke posting ini
,

0 MEMBUAT MENU NAVIGASI DYNAMIC-FX

By PERNAK-PERNIK BLOG on Rabu, Maret 16, 2011

Hai,...Sobat semua!...Apakabar Neh?...Tentu baik-baik aja bukan?...Semoga Sobat Semua dalam lindungan Tuhan Yang Maha Esa!...Amin...Setelah beberapa hari absen dalam dunia Blog, malam ini Saya kembali membuat suatu postingan tentang cara membuat Menu Navigasi Dinamic-Fx. Itu seperti yang ada pada Blog Saya ini yang ada disebelah kiri layar monitor. Caranya sangat mudah bila Anda memahaminya.

Nah, disini Saya buatkan caranya sedetail mungkin supaya sobat Mudah menganalisanya. Oke!...Baiklah Sobat ikuti langkag-langkahnya sebagai berikut:

  1. Silakan Anda loging DI SINI dulu.
    2. Lihat Gambar 1:

  2. Kemudian Anda Downloads Failnya DI SINI Yang berbentuk Winrar atau Sobat lihat Langkah 1 yang ada Tulisannya Menu.zip yang saya beri tanda Merah pada gambar dibawah ini.
    3. Lihat gambar 2:

  3. Setelah Sobat Download Failnya kemudian Sobat simpan. Terserah Mau Sobat simpan dimana Failnya supaya dilain kali sobat memerlukan Fail tersebut Sobat tinggal membukanya saja lagi.
  4. Untuk melihat Scriptnya silakan Sobat Extract dulu Failnya dan disana ada 2 fail yaitu ssm.js dan ssmItems.js. Contoh mengextract failnya lihat gambar dibawah ini yang saya beri tanda merah:

  5. Setelah Sobat Extract maka hasil failnya seperti gambar dibawah ini:

  6. Untuk melihat script ssm.js klik kanan pada failnya.
    7. Lihat gambar dibawah ini:

    maka hasil scriptnya adalah seperti gambar dibawah ini:

  7. Untuk melihat script ssmItems.js klik kanan pada failnya.
    8. Lihat gambar dibawah ini:

    maka hasil scriptnya adalah seperti gambar dibawah ini:

Baiklah Sobat, disini Saya buatkan script dari ssmItems.js:


<!--

/*

Configure menu styles below

NOTE: To edit the link colors, go to the STYLE tags and edit the ssm2Items colors

*/

YOffset=150; // no quotes!!

XOffset=0;

staticYOffset=30; // no quotes!!

slideSpeed=20 // no quotes!!

waitTime=100; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.

menuBGColor="black";

menuIsStatic="yes"; //this sets whether menu should stay static on the screen

menuWidth=150; // Must be a multiple of 10! no quotes!!

menuCols=2;

hdrFontFamily="verdana";

hdrFontSize="2";

hdrFontColor="white";

hdrBGColor="#170088";

hdrAlign="left";

hdrVAlign="center";

hdrHeight="15";

linkFontFamily="Verdana";

linkFontSize="2";

linkBGColor="white";

linkOverBGColor="#FFFF99";

linkTarget="_top";

linkAlign="Left";

barBGColor="#444444";

barFontFamily="Verdana";

barFontSize="2";

barFontColor="white";

barVAlign="center";

barWidth=20; // no quotes!!

barText="SIDE MENU"; // <IMG> tag supported. Put exact html for an image to show.

///////////////////////////

// ssmItems[...]=[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header

ssmItems[0]=["MENU"] //create header

ssmItems[1]=["Dynamic Drive", "http://www.dynamicdrive.com", ""]

ssmItems[2]=["What's New", "http://www.dynamicdrive.com/new.htm",""]

ssmItems[3]=["What's Hot", "http://www.dynamicdrive.com/hot.htm", ""]

ssmItems[4]=["Message Forum", "http://www.codingforums.com", "_new"]

ssmItems[5]=["Submit Script", "http://www.dynamicdrive.com/submitscript.htm", ""]

ssmItems[6]=["Link to Us", "http://www.dynamicdrive.com/link.htm", ""]

ssmItems[7]=["FAQ", "http://www.dynamicdrive.com/faqs.htm", "", 1, "no"] //create two column row

ssmItems[8]=["Email", "http://www.dynamicdrive.com/contact.htm", "",1]

ssmItems[9]=["External Links", "", ""] //create header

ssmItems[10]=["JavaScript Kit", "http://www.javascriptkit.com", ""]

ssmItems[11]=["Freewarejava", "http://www.freewarejava.com", ""]

ssmItems[12]=["Coding Forums", "http://www.codingforums.com", ""]

buildMenu();

//-->

Untuk Link Yang berwarna Hijau Muda dan Merah silakan ganti dengan Link yang Anda Tuju dan kata SIDE MENU bisa Anda ganti dengan kata apa saja.

### Langkah Selanjutnya Bagaimana cara menampilkan Menu Navigasinya?...Nah, Sekarang ikutilah langkah-langkahnya Sebagai-berikut:

  • Sobat harus membuka wibsite http://www.ripway.com dulu.
    • lihat gambar dibawah ini:
  • Selanjutnya Anda mendaftarkan diri dulu pada Wibsite tersebut dengan mengklik SIGN UP yang saya beri tanda merah.
    • lihat gambar dibawah ini:
  • Isi semua colum pendaftaran kemudian tekan SIGN UP NOW!
  • Setelah sukses Anda mendaftar, kemudian anda buka Email yang Anda gunakan saat mendaftar tadi. Di Email tersebut Anda mendapatkan Code Prifikasi untuk digunakan SIGN IN pada RIPWAY
    • lihat gambar dibawah ini:
  • Bila Anda sudah berhasil masuk ke Ripway kemudian Anda clik kalimat "Click here to view your filesUpload"
    • lihat gambar dibawah ini:
  • Maka disana akan terlihat gambar seperti dibawah ini:

    • Selanjutnya Anda tekan UPLOAD FILES yang Saya beri tanda Merah

  • Kemudian Anda buka dimana script ssm.js dan ssmItems.js tadi kamu simpan dengan menekan Browser.
    • lihat gambar dibawah ini:
  • Setelah Anda UPLOAD ke-2 Script fail tersebut ssm.js dan ssmItems.js.
maka hasil UPLOADNYA terlihat seperti gambar dibawah ini:


Untuk menampilkan dilayar monitor Anda silakan ikuti langkah-langkahnya sebagai berikut:

  1. Silahkan loging ke blogger dengan ID anda
  2. Klik Tata Letak
  3. Klik Edit HTML
  4. Copy paste kode tersebut di bawah ini tepat di atas Code

    </head>

  5. Klik Simpan Template
  6. Lihat Hasilnya
  7. Semoga Berhasil

<style type="text/css">
<!--
A.ssmItems:link {color:black;text-decoration:none;}
A.ssmItems:hover {color:black;text-decoration:none;}
A.ssmItems:active {color:black;text-decoration:none;}
A.ssmItems:visited {color:black;text-decoration:none;}
//-->
</style>

<SCRIPT SRC="ssm.js" language="JavaScript1.2">

//Dynamic-FX slide in menu v6.5 (By maXimus, http://maximus.ravecore.com/)
//Updated July 8th, 03' for doctype bug
//For full source, and 100's more DHTML scripts, visit http://www.dynamicdrive.com

</SCRIPT>

<SCRIPT SRC="ssmItems.js"language="JavaScript1.2 "></SCRIPT>

Ingat!!!...

Script yang Merah silakan Anda Ganti dengan punya Sobat pada hasil UPLOAD di RIPWAY tadi.

THE END


Jangan lupa ya Sobat, memberikan Komenter pada Postingan Ini!>>>......

Read more
Reaksi: 
Link ke posting ini
,

0 MEMBUAT SALAM PEMBUKA

By PERNAK-PERNIK BLOG on Rabu, Maret 09, 2011

Alahamdulillah segala Puji Bagi Allah Saya Ucapkan Dimana sampai saat ini Saya masih diberikan oleh Sang Pencipta Kesehatan Badan, dipanjangkan umur serta diberikan-Nya Kemampuan dalam melaksanakan tugas sehari-hari.

Nah, dalam kesempatan ini kembali Saya mencoba lagi membuat postingan dalam menghias Blog semoga Para Pengunjung senang dengan Postingan Saya Ini, Amin.....

Postingan Kali ini adalah cara Membuat Salam Pembuka Pada Blog. Mau tau caranya?...Baiklah Saya buatkan Tipnya diawalai dengan "Bismillahirrahmanirrahim".

  1. Masuk dengan ID Kamu http://www.blogger.com
  2. Pilih Rancangan
  3. Kemudian Pilih Elemen Laman
  4. Tekan Tambah Gadget
  5. Cari Tambah HTML/Java Scrip
  6. Masukkan Code Scrip dibawah ini:
    7. <script type='text/javascript'>
    var name = prompt("Welcome!! Nama anda siapa", "Nama Anda ");
    alert("salam kenal ya "+name)
    alert("selamat browsing di blog saya, semoga berkenan!")
    </script>
  7. Tekan Simpan
  8. Lihat Hasilnya

Bagi Sobat yang berminat dengan Artikel ini silakan Anda Pasang di Blog Sobat.

Selamat Mencoba, Semoga Berhasil!!!......

Jangan lupa Ya memberikan Komenter pada Postingan Ini!@@@......

Read more
Reaksi: 
Link ke posting ini
,

0 MEMASANG JADWAL SHOLAT DAN CALENDER HIJRIAH

By PERNAK-PERNIK BLOG on Kamis, Maret 03, 2011

Bagi Kita sebagai Umat Muslim tentu kita mengenal waktu untuk melaksanakan Sholat (Maaf bagi yang Non Muslim) dan Sholat merupakan kewajiban kita sebagai seorang Muslim maka Sungguh berdosa bila Kita meninggalkan Sholat itu.

Bagi Sobat yang ingin Memasang Jadwal Sholat Pada Blog yang Sobat buat, disini saya Coba membuatkan Tipnya.

Contoh Jadwal Sholat:

Ikutilah Langkah-langkahnya sebagai berikut:

  1. Silakan Sobat Kunjungi http://www.islamicfinder.org atau DI SINI
  2. Klik link yang bertuliskan Add new sevices to your site di halaman bagian bawah
  3. Klik menu Dropdown yang bertuliskan Select a Country (Lihat Pada Point 2)
  4. Klik nama negara yang sobat inginkan, Contoh :Indonesia lalu klik Go
  5. Klik nama kota yang sobat inginkan. Contoh : Jakarta
  6. KLik tombol Generate Code
  7. Copy kode yang di berikan dengan menekan Tombol CTRL+C, lalu paste dengan menekan Tombol CTRL+V pada notepad atau pada MO Word 2003 atau 2007 untuk nanti keperluan di simpan ke blok kita
  9. Silahkan tutup window situs tersebut
  10. Selesai
  11. Bila Sobat Ingin memasang Calender Hijriah lihat Point 3


    dan Point 4


Untuk menggunakan ke Blog Sobat silakan Ikuti Langkah-langkahnya sebagai berikut:

  1. Masuk ke Account http://www.blogger.com atau DI SINI
  2. Kemudian Klik Design atau Rancangan
  3. Klik Add a Gadget atau Tambah Gadget Yang Sobat Suka
  4. Kemudian Sobat buka Code HTML Jadwal Sholat yang Sobat Simpan di notepad atau pada MO Word 2003 atau 2007 tadi
  5. Kemudian Sobat Paste ke Add a Gadget atau Tambah Gadget Yang Sobat Suka tadi
  6. Lihat Hasilnya
  7. The End

Bila Sobat menyukai Postingan Ini, Jangan lupa Ya Komenternya!....

Read more
Reaksi: 
Link ke posting ini
,

0 CARA PASANG JAM DI BLOG

By PERNAK-PERNIK BLOG on Selasa, Maret 01, 2011

Sebenarnya sangat banyak dan beraneka ragam cara untuk menghiasi blog agar terlihat Cantik dan Menarik, disini Saya coba membuat Tip Cara Memasang Jam Pada Blog bagi Anda yang ingin menghiasi bolgnya dengan Jam. Dan beraneka ragam Model Jam yang Anda sukai, tinggal memilih Model Jam Apa yang mau Anda Pasang Pada Blog Anda. Contoh Jam:

Untuk memasang Jam Pada Blog silakan Anda ikuti Langkah-langkahnya sebagai berikut:

  1. Silakan Anda masuk DISINI Gratis tanpa dipungut biaya.
  2. Selanjutnya lihat disedebar sebelah kiri Sudut atas yang ada tulisan CLOCKLINK seperti contoh Gambar di bawah ini:



  3. Silakan Anda pilih Jam Model Apa yang Anda suka, disana ada pilihan diantarnya: "Analog, Animal, Animation, dll."
  4. Bila Anda sudah suka model jam yang disenangi kemudian klik tulisan "View HTML Tag" yang berada di bawah jam yang anda pilih itu.
  5. Tekan tombol yang bertuliskan Accept
  6. Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Misalnya : untuk indonesia bagian barat pilih GMT +7:00
  7. Set ukuran jam yang anda sukai di samping tulisan size
  8. Kemudian Copy kode HTML yang di berikan pada notepad itu dengan menekan Tombol CTRL+C.
  9. Paste dengan menekan Tombol CTRL+V pada Sideber atau Gatget yang Anda Suka.
  10. The End dan Lihat Hasilnya.

Bila Sobat menyukai Postingan Ini, Jangan lupa Ya Komenternya!....

Read more
Reaksi: 
Link ke posting ini
,

0 MEMBUAT LABEL CLOUD

By PERNAK-PERNIK BLOG on Senin, Februari 28, 2011

Kategore atau Label Cloud yang Saya pasang di blog Saya disedebar sebelah Kiri ini hanyalah untuk menghiasi Postingan pada blog.
Label Cloud ini terlihat lebih menarik karena gerakannya yang begitu dinamis apabila corsur kita arahkan kesana maka Dianya berputar-putar seperti gumpalan awan mengikuti corsur sobat.


Sebelum Sobat memasang Label Cloud Sobat harus menginstal Adobe dulu.

Sebenarnya membuat Label Cloud atau teks berputar ini membutuhkan Code HTML yang lumayan agak panjang dan Sobat harus menambahkannya pada Code HTML di template sobat, namun sebelum sobat memasang atau menambahkan Code tersebut ikutilah saran saya, "Sebelum mengedit template, ada baiknya anda terlebih dulu mendownload template sobat atau anda copy dengan cara menekan butang (Ctrl+C) dan paste dengan menekan butang (Ctrl+V) simpan di Microsoft Office Word 2003 atau 2007 atau dinotepad untuk menjaga postingan Sobat dari hal-hal yang tidak diinginkan.

Ikuti langkah-langkahnya sebagai berikut:

  1. Masuk ke account blogger http://www.blogger.com
  2. Klik "Rancangan" atau "Tata Letak"
  3. Klik Edit HTML
  4. Download terlebih dahulu template sobat dengan mengklik "Download Template Lengkap"
  5. Kemudian Klik button "Expand Template Widget" Selanjutnya cari Code HTML Seperti dibawah ini:
    6. <b:section class="sidebar" id="sidebar" preferred="yes">
  6. Copy code berikut setelah Code di atas

  7. Kemudian Simpan Template

Tunggu dulu doooong!!!......., masih ada lagi sedikit pekerjaan yang harus diselesaikan, yaitu:

  • Merubah Lebar dan tinggi kolom serta warna background

var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud","240","300", "7","#ffffff");

*Angka "240" adalah lebar kolom

*Angka "300" adalah tinggi kolom

*Sedangkan #ffffff adalah kode untuk backgroud

  • Koleksi Code Warna

    • COLOR DODE:

    #FFFFFF

    #FFFFCC

    #FFFF99

    #FFFF66

    #FFFF33

    #FFFF00

    #FFCCFF

    #FFCCCC

    #FFCC99

    #FFCC66

    #FFCC33

    #FFCC00

    #FF99FF

    #FF99CC

    #FF9999

    #FF9966

    #FF9933

    #FF9900

    #FF66FF

    #FF66CC

    #FF6699

    #FF6666

    #FF6633

    #FF6600

    #FF33FF

    #FF33CC

    #FF3399

    #FF3366

    #FF3333

    #FF3300

    #FF00FF

    #FF00CC

    #FF0099

    #FF0066

    #FF0033

    #FF0000

    #CCFFFF

    #CCFFCC

    #CCFF99

    #CCFF66

    #CCFF33

    #CCFF00

    #CCCCFF

    #CCCCCC

    #CCCC99

    #CCCC66

    #CCCC33

    #CCCC00

    #CC99FF

    #CC99CC

    #CC9999

    #CC9966

    #CC9933

    #CC9900

    #CC66FF

    #CC66CC

    #CC6699

    #CC6666

    #CC6633

    #CC6600

    #CC33FF

    #CC33CC

    #CC3399

    #CC3366

    #CC3333

    #CC3300

    #CC00FF

    #CC00CC

    #CC0099

    #CC0066

    #CC0033

    #CC0000

    #99FFFF

    #99FFCC

    #99FF99

    #99FF66

    #99FF33

    #99FF00

    #99CCFF

    #99CCCC

    #99CC99

    #99CC66

    #99CC33

    #99CC00

    #9999FF

    #9999CC

    #999999

    #999966

    #999933

    #999900

    #9966FF

    #9966CC

    #996699

    #996666

    #996633

    #996600

    #9933FF

    #9933CC

    #993399

    #993366

    #993333

    #993300

    #9900FF

    #9900CC

    #990099

    #990066

    #990033

    #990000

    #66FFFF

    #66FFCC

    #66FF99

    #66FF66

    #66FF33

    #66FF00

    #66CCFF

    #66CCCC

    #66CC99

    #66CC66

    #66CC33

    #66CC00

    #6699FF

    #6699CC

    #669999

    #669966

    #669933

    #669900

    #6666FF

    #6666CC

    #666699

    #666666

    #666633

    #666600

    #6633FF

    #6633CC

    #663399

    #663366

    #663333

    #663300

    #6600FF

    #6600CC

    #660099

    #660066

    #660033

    #660000

    #33FFFF

    #33FFCC

    #33FF99

    #33FF66

    #33FF33

    #33FF00

    #33CCFF

    #33CCCC

    #33CC99

    #33CC66

    #33CC33

    #33CC00

    #3399FF

    #3399CC

    #339999

    #339966

    #339933

    #339900

    #3366FF

    #3366CC

    #336699

    #336666

    #336633

    #336600

    #3333FF

    #3333CC

    #333399

    #333366

    #333333

    #333300

    #3300FF

    #3300CC

    #330099

    #330066

    #330033

    #330000

    #00FFFF

    #00FFCC

    #00FF99

    #00FF66

    #00FF33

    #00FF00

    #00CCFF

    #00CCCC

    #00CC99

    #00CC66

    #00CC33

    #00CC00

    #0099FF

    #0099CC

    #009999

    #009966

    #009933

    #009900

    #0066FF

    #0066CC

    #006699

    #006666

    #006633

    #006600

    #0033FF

    #0033CC

    #003399

    #003366

    #003333

    #003300

    #0000FF

    #0000CC

    #000099

    #000066

    #000033

    #000000

    #465584

    #EEF2F7

    #3A4F6C

    #00D

    #434951

    #555

    #777

    #DFE6EF

    #345487

    #F5F9FD

    #3860BB

    #BCD0ED

    #C2CFDF

    #F0F5FA

    #D1DCEB

    #003

    #900

    #CCE9FD

    #E4EAF2

    #4C77B6

    #DFE6EF

    #EEF2F7


so.addVariable("tcolor", "0x333333";

  • Code "333333" adalah untuk merubah warna tulisan yang ada dalam Labels Cloud

  • Merubah kecepatan gerak tulisan yang ada dalam Label Cloud

so.addVariable("tspeed", "100");

  • *Angka "100" adalah kecepatan gerakan

  • Merubah ukuran forn atau besar tulisan yang ada dalam tabel Label Cloud

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

  • *Angka "12" adalah untuk memperbesar tulisan yang ada dalam Label Cloud

Kiranya hanya itu pengetahuan yang Saya bagikan sama sobat, terima kasih buat
Roy Tanck dan Amanda Fazani yang telah menyediakan javascript untuk Label Cloud ini.

  • Semoga bermanfaat buat sobat semuanya!!!....... Amin.......

Salam buat Sobat semua!!!...

Bila Sobat menyukai Postingan Ini, Jangan lupa Ya Komenternya!....

Read more
Reaksi: 
Link ke posting ini
,

Delete this element to display blogger navbar

 
© PERNAK-PERNIK BLOG | Design by Blog template in collaboration with Concert Tickets, and Menopause symptoms
Powered by Blogger