iTEKNOPEDIA: Blog

Tampilkan postingan dengan label Blog. Tampilkan semua postingan

Posting Artikel Di Blog Menggunakan Ms. Word 2013

<div style="text-align: justify;"><b>Posting Artikel Di Blog Menggunakan Ms. Word 2013</b> - Anda blogger? jika ya sobat berada pada halaman yang tepat, karena apa? karena kali ini admin ingin membahas bagaimana cara posting/upload atrikel ke blogspot menggunakan Microsoft Office Word 2013. Mungkin tutorial ini tidak jauh berbeda dengan bagaimana melakukan posting menggunakan Ms. Word 2007 maupun 2010 karena pada dasarnya sama saja dan tidak banyak yang berubah dengan user interface Ms. Word sendiri. </div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Tanpa panjang lebar lagi langsung saja ya ke pembahasan kita kali ini. Pertama yang harus sobat lakukan tentu saja harus membuka Ms. Word 2013, jika sudah terbuka kliklah <i>FILE</i> yang terletak dipojok kiri atas, maka sobat akan diarahkan pada tampilan seperti ini :</div><div style="text-align: justify;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPhjWXmL1lboyTWBi2TGMbQCBgzX1qD8mk1nmoxTirOoe4jWEytsbH9IFZYEluEJFLfxu-0F9tMZvmHAfFtpor9QSC0enPxACDG58363bij8DKcLBv0UaK-KxU8JpC2EvmrFkAmLy9pzwE/s1600/post_to_blog1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPhjWXmL1lboyTWBi2TGMbQCBgzX1qD8mk1nmoxTirOoe4jWEytsbH9IFZYEluEJFLfxu-0F9tMZvmHAfFtpor9QSC0enPxACDG58363bij8DKcLBv0UaK-KxU8JpC2EvmrFkAmLy9pzwE/s400/post_to_blog1.jpg" width="400" /></a></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Perhatikan menu yang admin tandai merah diatas, kliklah post to blog maka sobat akan menemukan tampilan seperti ini :</div><div style="text-align: justify;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbwS-G-tpbTnds8f9EQItYMlfVUu1hq10oJPDFeoVPGaoooelLjyTFXcHjN6qy0tnkchl2YL805hJsh3bUKqJXtJQjRpRR2cCkHWBCaf6GGYKfGttSIqeTm9twB8KQ1Q88eb8i531B63wG/s1600/post_to_blog2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbwS-G-tpbTnds8f9EQItYMlfVUu1hq10oJPDFeoVPGaoooelLjyTFXcHjN6qy0tnkchl2YL805hJsh3bUKqJXtJQjRpRR2cCkHWBCaf6GGYKfGttSIqeTm9twB8KQ1Q88eb8i531B63wG/s400/post_to_blog2.jpg" width="400" /></a></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Lanjutkan klik pada pilihan <i>Post to Blog.</i></div><div style="text-align: justify;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFzjMnLbSJqGotgvwJE6nf1m0eMCa4R_-evF0IpBFgnFLlqISHsVJdAnTu4GvLN0WPtKkr1u_Br7fUlLlgS_wESYJUqlW_AJHk0oyNsxhufCzUxBN2J329Buod0JSRPe8aVgYNL7gRJ-Lh/s1600/post_to_blog3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFzjMnLbSJqGotgvwJE6nf1m0eMCa4R_-evF0IpBFgnFLlqISHsVJdAnTu4GvLN0WPtKkr1u_Br7fUlLlgS_wESYJUqlW_AJHk0oyNsxhufCzUxBN2J329Buod0JSRPe8aVgYNL7gRJ-Lh/s1600/post_to_blog3.jpg" /></a></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Klik <i>Register Now.</i></div><div style="text-align: justify;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb-e_EKSpKPZV_4lia818QJ7kNMOzvXDK6E2sNeRgagX0loDz6k3yl5EGGytzKeNqUtijy9iTxeFWkOTwI4aQN5JyI8XdOnrtB8LHB8HivYEF9BkOHe9ZhL5l6JuOI27TIkvieP2OhGg3w/s1600/post_to_blog4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="134" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb-e_EKSpKPZV_4lia818QJ7kNMOzvXDK6E2sNeRgagX0loDz6k3yl5EGGytzKeNqUtijy9iTxeFWkOTwI4aQN5JyI8XdOnrtB8LHB8HivYEF9BkOHe9ZhL5l6JuOI27TIkvieP2OhGg3w/s320/post_to_blog4.jpg" width="320" /></a></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Lanjutkan pada pengaturan blog provider, disini sobat memasukkan provider blognya. Seperti gambar diatas admin menggunakan blogger, sesuaikan apabila sobat menggunakan blog provider yang lain. Jika sudah selesai klik <i>Next</i>.<i>  </i>Maka sobat diminta untuk melengkapi <i>username</i> dan <i>password</i>, isikan data sesuai blog sobat.<i> </i>Jika muncul tampilan seperti ini klik saja <i>Yes</i> dan tunggu prosesnya sampai selesai. </div><div style="text-align: justify;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpkIOATcpQZpRVQHoZWIz1b0_hDJjiQArw-RWjmpcUQzwhD4IARNN3_0wRWuCRIEGKLJi-XsIB6qjKwPXiAOKG8b3F6bfRLtiL3QkQp1JhGkRlHx001VsmBdt8jThjOPtP6730T6zuqWRT/s1600/post_to_blog6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="65" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpkIOATcpQZpRVQHoZWIz1b0_hDJjiQArw-RWjmpcUQzwhD4IARNN3_0wRWuCRIEGKLJi-XsIB6qjKwPXiAOKG8b3F6bfRLtiL3QkQp1JhGkRlHx001VsmBdt8jThjOPtP6730T6zuqWRT/s400/post_to_blog6.jpg" width="400" /></a></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Stelah semua proses selesai mulailah sobat mengetik artikelnya dan apabila dirasa cukup sobat bisa langsung mem-publish-nya atau hanya sekedar di simpan di draft blog untuk di publish dikemudian hari.</div><div style="text-align: justify;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6U0s8AHQee05pnqsZuT-0kZN1PvKPS4PdTs3h_3VRTZBdB3gF3i-WGmytDRDMe54zoN9ihMXDq3iLryGeEjWnY51Mr5slitSvKXkTfqh3-uQ0MJWgVS6HwnDQVf7vklsmZ8LPs56VPh7U/s1600/post_to_blog7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="93" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6U0s8AHQee05pnqsZuT-0kZN1PvKPS4PdTs3h_3VRTZBdB3gF3i-WGmytDRDMe54zoN9ihMXDq3iLryGeEjWnY51Mr5slitSvKXkTfqh3-uQ0MJWgVS6HwnDQVf7vklsmZ8LPs56VPh7U/s320/post_to_blog7.jpg" width="320" /></a></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Sobat juga bisa mengetik artikelnya dulu kemudian simpan di hard drive komputer sobat dan apabila sudah ada sambungan ke internet baru di publish/draf di blog kalian. Sekian dulu sharing kali ini semoga bermanfaat, salam blogger.</div><div style="text-align: justify;"></div><div style="text-align: justify;"><br /></div>

Posting Artikel Di Blog Menggunakan Ms. Word 2013

Posting Artikel Di Blog Menggunakan Ms. Word 2013 - Anda blogger? jika ya sobat berada pada halaman yang tepat, karena apa? karena kali ini...

Baca selengkapnya »

18.54

Capture Screen Dengan Free ShareShot

<div style="text-align: justify;"><b>Capture Screen Dengan Free ShareShot</b> - Kamu seorang blogger ? atau sering capture layar komputer/aplikasi untuk berbagai keperluan tertentu ? kalau begitu sobat berada di halaman yang benar..hehehe. Kali ini admin akan share sedikit pengalaman menggunakan Free ShareShot, aplikasi free atau gratis ini memungkinkan kita untuk meng-capture layar komputer dengan mudah dan cepat. Kombinasi hotkeys sangat mudah untuk diingat sehingga kita tidak perlu susah-susah menghafal hotkeysnya.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Free ShareShot secara umum terdiri dari empat pilihan capture, antara lain :</div><ul><li>Capture Region </li><li>Capture Last Region</li><li>Capture Window</li><li>Capture Full Screen</li></ul><div style="text-align: justify;">Sobat bisa lihat hotkeysnya di sistem tray, seperti gambar dibawah ini.</div><div style="text-align: justify;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfM80w6J4T6PUvQc8HhhRatMkAfUiKejWJBZbX2XZH571gyr6aSZCIjzLEFu1-qKRshV0qklU_cVDKL78MNGRkxonfCvXyfnY3-YN9g1qlsoTVfU0wOQNa_065B-1oJXgvlj_jaV32yuuQ/s1600/free.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="261" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfM80w6J4T6PUvQc8HhhRatMkAfUiKejWJBZbX2XZH571gyr6aSZCIjzLEFu1-qKRshV0qklU_cVDKL78MNGRkxonfCvXyfnY3-YN9g1qlsoTVfU0wOQNa_065B-1oJXgvlj_jaV32yuuQ/s320/free.jpg" width="320" /></a></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Untuk pengaturannya sobat bisa membuka menu setting seperti yang terlihat pada gambar diatas. </div><div style="text-align: justify;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNrqMj3OSKUq6aZdjHH8aDJW2g8-2pYs9fSUupUPWQhcsRqDtQfgdms_x9gfhFSDoO-Q1Bf-MH3EU7n3EerRV5-YTlrhDlYIUCWUus0ZxGXE7M-e8u9beTpPvsMIzCgk33pRpjD6VtZQOH/s1600/free1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNrqMj3OSKUq6aZdjHH8aDJW2g8-2pYs9fSUupUPWQhcsRqDtQfgdms_x9gfhFSDoO-Q1Bf-MH3EU7n3EerRV5-YTlrhDlYIUCWUus0ZxGXE7M-e8u9beTpPvsMIzCgk33pRpjD6VtZQOH/s400/free1.jpg" width="318" /></a></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Untuk capture gunakanlah hotkeys yang sudah ada, semisal admin contohkan jika sudah mengcapture layar maka sobat akan menemukan interface seperti ini. </div><div style="text-align: justify;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim4J11PCRqyskkuiqOux8DzcdRiWfFlA2cw0ds3b7UntWEy0oTFInOe4VhyphenhyphenurA6ngiaMk6crwVvSKHKkVZymNpolP3Afc8TZm0iaiZMVJdgLj_0kf9ZW60KbX9ydmKE9yGixhB8vW3BoMA/s1600/free2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="265" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim4J11PCRqyskkuiqOux8DzcdRiWfFlA2cw0ds3b7UntWEy0oTFInOe4VhyphenhyphenurA6ngiaMk6crwVvSKHKkVZymNpolP3Afc8TZm0iaiZMVJdgLj_0kf9ZW60KbX9ydmKE9yGixhB8vW3BoMA/s400/free2.jpg" width="400" /></a></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Bagaimana mudah dan cepat bukan ? Untuk mendapatkkan Free ShareShot sobat bisa klik link dobawah ini.</div><div style="text-align: justify;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="http://www.softpedia.com/get/Multimedia/Graphic/Graphic-Capture/VeryPDF-ShareShot.shtml" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1uWne3Y7twrxzv1Vvl9xBs8yx2ags3OeyuY3FTJL5rY-7aMsp_og1uBCBeKsaGxhzf10TivJzuEFy51XdUjvurtBSFH8giBfUHsb3tCZSau_VD3TjEOV50jODq7jXTh_mbUeawgyUoPGd/s1600/download.png" /></a></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Sekian dulu semoga bermanfaat..</div><div style="text-align: justify;"><br /></div>

Capture Screen Dengan Free ShareShot

Capture Screen Dengan Free ShareShot - Kamu seorang blogger ? atau sering capture layar komputer/aplikasi untuk berbagai keperluan tertentu...

Baca selengkapnya »

18.20

Cara Mudah Mengganti Font Blog

<div style="font-family: inherit; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheWrjVYP_84_4bVTDZWXX7cSCW6lGugo-Z3eX7tmTrlcKA2GHoutjI2ZwQ03rSRnjZ65pjudp0hCGcKdH-zm0C2IwQ2p0cjaUwvsCMOo7hyphenhyphenHDB4KJFifDGBJRfcVmXgzCNdIo6bq55qAn3/s1600/free-fonts-for-logos.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheWrjVYP_84_4bVTDZWXX7cSCW6lGugo-Z3eX7tmTrlcKA2GHoutjI2ZwQ03rSRnjZ65pjudp0hCGcKdH-zm0C2IwQ2p0cjaUwvsCMOo7hyphenhyphenHDB4KJFifDGBJRfcVmXgzCNdIo6bq55qAn3/s200/free-fonts-for-logos.jpg" width="153" /></a><b>Cara Mudah Mengganti Font Blog</b> - Lama juga ya admin tidak membahas tentang tutorial blog lagi, maklumlah admin lagi semangat-semangatnya mengutak-atik sistem operasi keluaran terbaru microsoft, yups windows 8. Bagi sobat sekalian yang ingin mengetahui windows 8 tweaking terbaru bisa mengunjungi halaman khusus <a href="http://breakdoom02.blogspot.com/p/blog-page_1.html" target="_blank">windows 8</a> di blog ini. Wah jadi ngelantur kesana, baik pada kesempatan kali ini admin akan share satu trik lagi untuk mengganti jenis huruf atau font di blog dengan cepat dan mudah. </div><div style="font-family: inherit; text-align: justify;"><br /></div><div style="font-family: inherit; text-align: justify;">Langsung saja langkah pertama adalah bukalah dashboard blog sobat kemudian langsung meluncur ke Template --> Edit HTML --> Centanglah Expand Widget Template. </div><div style="font-family: inherit; text-align: justify;"><br /></div><div style="font-family: inherit; text-align: justify;">Kemudian lanjutkan dengan mencari kode seperti ini. </div><div style="text-align: justify;"><blockquote class="tr_bq"><div style="font-family: inherit;"><link href='http://fonts.googleapis.com/css?family=</div></blockquote><br /><div style="font-family: inherit;"> Jika sobat kesulitan menemukannya gunakanlah fasilitas CTRL + F (Find) lalu sobat akan menemukan kode seperti ini. </div></div><div style="font-family: inherit; text-align: justify;"><br /></div><div style="text-align: justify;"><blockquote class="tr_bq"><div style="font-family: inherit;"><link href='http://fonts.googleapis.com/css?family=<span style="color: red;">Segoe UI</span>' rel='stylesheet' type='text/css'/> </div></blockquote></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN3pkyH-Pa3kzNFVmWnU39hcZwzC9m-rTe7b-x1gc7Kyn4cmLceYddnkVyTF1wFefbSpuB4NW-yVfERpAoDwnowMZ3UKpeBE__zvAzKRWPSVPskkAKGg1_OkF1xbb2Yj7G56wj9pNWtNB5/s1600/font1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="231" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN3pkyH-Pa3kzNFVmWnU39hcZwzC9m-rTe7b-x1gc7Kyn4cmLceYddnkVyTF1wFefbSpuB4NW-yVfERpAoDwnowMZ3UKpeBE__zvAzKRWPSVPskkAKGg1_OkF1xbb2Yj7G56wj9pNWtNB5/s320/font1.JPG" width="320" /></a></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Ket : yang admin tandai dengan warna merah tersebut merupakan jenis huruf/font yang admin pakai bisa saja berbeda dengan template blog sobat dan itulah yang akan kita ubah nantinya.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Gantilah huruf yang admin tandai dengan warna merah tersebut dengan jenis huruf/font lainnya sesuai dengan kehendak sobat maka blog sobat sudah menggunakan jenis huruf/font tersebut sekarang kita tinggal menggunakannya saja pada beberapa elemen yang diperlukan di blog kita. Seperti blog ini admin menggunakan jenis huruf/font yang sama maka caranya adalah carilah kode :</div><div style="text-align: justify;"></div><div style="text-align: justify;"><blockquote class="tr_bq">font-family:</blockquote></div><div style="text-align: justify;">Kemudian gantilah/isilah setelah tanda " : " (titik dua) tersebut dengan jenis huruf/font yang sudah diganti sebelumnya seperti ini :</div><div style="text-align: justify;"></div><blockquote class="tr_bq"><div style="text-align: justify;">font-family:'Segoe UI' , Arial;</div></blockquote><div style="text-align: justify;">Gantilah semuanya jika hendak menggunakan pada seluruh elemen blog. Sekian dulu share kali ini semoga bisa membantu sobat blogger yang hendak mengganti jenis huruf atau font di blog.</div><div style="text-align: justify;"><br /></div>

Cara Mudah Mengganti Font Blog

Cara Mudah Mengganti Font Blog - Lama juga ya admin tidak membahas tentang tutorial blog lagi, maklumlah admin lagi semangat-semangatnya me...

Baca selengkapnya »

06.35

Dengan Google Page Speed Insights Loading Blog Makin Joss !!!

<div class="separator" style="clear: both; text-align: center;"><a href="http://gadgetcrave.frsucrave.netdna-cdn.com/wp-content/uploads/2009/12/google_logo.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="133" src="http://gadgetcrave.frsucrave.netdna-cdn.com/wp-content/uploads/2009/12/google_logo.jpg" width="200" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><b>Dengan Google Page Speed Insights Loading Blog Makin Joss !!!</b> - Pusing dengan <i>loading page</i> situs anda masih lambat? Tenang aja sob, masih ada si mbah yang siap membantu kita. <br />Si mbah ini memang baik hati dan tidak sombong. Untuk masalah meta tag, dia bantu melalui Rich Sippets. Sedangkan untuk masalah kecepatan <i>loading</i>, dia siap membantu melalui PageSpeed Insight. <i>Bagaimana sob tertarik ?</i></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"></div><a name="more"></a><br />Sesuai dengan tag-nya "Make your website faster", PageSpeed Insight siap  memberikan saran-saran agar situs kita bisa lebih optimal sehingga  dapat mempercepat <i>loading page</i>. <a href="http://www.blogger.com/blogger.g?blogID=7953045116796293254" name="more"></a> Tertarik dengan saran-saran si mbah? Gampang saja kok. Kamu bisa  melakukannya dengan cara berkunjung ke Google Developers atau dengan  cara <i>inspect elements</i>.<br /><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br /></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Ok..langsung saja menuju halaman si mbah dengan klik <a href="https://developers.google.com/speed/" target="_blank">disini</a>. Maka akan muncul penampakan kurang lebih seperti ini :</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgImfNDPTDJlpf0HLTraDsnqHw3YfeuRSOrWdUrDDLbrimoI1xvrWIriHPlCz5GYLNPm75RcyuglAKBatCcUc8-GY5we_EtDtvYG7ho6788VA5i6TPzGNrAUU2I6apZmriz6JrISDyiM2ID/s1600/speed.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgImfNDPTDJlpf0HLTraDsnqHw3YfeuRSOrWdUrDDLbrimoI1xvrWIriHPlCz5GYLNPm75RcyuglAKBatCcUc8-GY5we_EtDtvYG7ho6788VA5i6TPzGNrAUU2I6apZmriz6JrISDyiM2ID/s400/speed.PNG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br /></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Nah setelah itu klik "Analyze with PageSpeed Insights" , kalo sudah ketikkan url web atau blog sobat yang hendak dianalisis.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYea-Ueom_ye6P_orszUeRSTyDLHbRwl_dfzesQxT1Xw4igvmvRfwoHNajVwcd4TtC3EglmQDxAwDUAP2-52ArIYZd-cooPWhjdaVk_kyNAfaZxcUU1TCax84iJhJwhefZYKHCteH071lr/s1600/speed2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYea-Ueom_ye6P_orszUeRSTyDLHbRwl_dfzesQxT1Xw4igvmvRfwoHNajVwcd4TtC3EglmQDxAwDUAP2-52ArIYZd-cooPWhjdaVk_kyNAfaZxcUU1TCax84iJhJwhefZYKHCteH071lr/s400/speed2.PNG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br /></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br /></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Langkah terakhir adalah klik tombol anayze maka analisis dari web atau blog sobat sekalian akan keluar,,nah disitu mbah google memberi anda saran, yang mana dari web atau blog sobat yang harus diperbaiki.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4ReX5TKH86dJoBoFOuo-lPdYkBUqUcT37cgLB8_ImBfrGpZUQNRBJCTqyNdphlXwU5kuKxBESLc4ZXtsXFbqPT8zLyq9eM1QpwKvCSFEzZHcmDGnoadmb7kipsS_j3Vxmj99DtkukABka/s1600/speed3.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4ReX5TKH86dJoBoFOuo-lPdYkBUqUcT37cgLB8_ImBfrGpZUQNRBJCTqyNdphlXwU5kuKxBESLc4ZXtsXFbqPT8zLyq9eM1QpwKvCSFEzZHcmDGnoadmb7kipsS_j3Vxmj99DtkukABka/s400/speed3.PNG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br /></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br /></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Semakin mendekati 100 dari overall PageSpeed Score sobat makan web atau blog sobat semakin baik.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br /></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Sekian dulu ya..semoga bermanfaat bagi sobat-sobat sekalian.. </div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br /></div>

Dengan Google Page Speed Insights Loading Blog Makin Joss !!!

Dengan Google Page Speed Insights Loading Blog Makin Joss !!! - Pusing dengan loading page situs anda masih lambat? Tenang aja sob, masih ...

Baca selengkapnya »

03.27

Memasang Widget Tab View di Blog

<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicQd7FP-Fuq9QRyoo52E4e_9vTADWcFTUZLjBKAdkl76t2Wr77jFR8GHuBQ5pd0E5c7sLOA64vDQzfk5RdiYTp3rXsshW_J3fcsvKMsUutEBOiqiGl2Hqg1IVGhmIpj6mltKBUkuhsyMvp/s1600/tabview.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="155" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicQd7FP-Fuq9QRyoo52E4e_9vTADWcFTUZLjBKAdkl76t2Wr77jFR8GHuBQ5pd0E5c7sLOA64vDQzfk5RdiYTp3rXsshW_J3fcsvKMsUutEBOiqiGl2Hqg1IVGhmIpj6mltKBUkuhsyMvp/s200/tabview.PNG" width="200" /></a><b>Memasang Widget Tab View di Blog</b> - Pusing juga melihat segitu banyak widget yang terpasang di blog, apalagi efeknya sampai loading blog menjadi berat alias lama. Tapi tenang kawan-kawan sekalian ada solusinya kok. Apa ?? ok..kali ini saya mau share tentang membuat widget tab view khusus di blogspot. Seperti yang terlihat di sebelah kanan layar kalian jika membuka blog ini. </div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br /></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Ok..langsung saja ke materi kita kali ini, step by step membuat tab view widget :</div><a name="more"></a><br /><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"></div><ul style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><li> Login ke akun <a href="http://www.blogger.com/" target="_blank" title="Bisa login dari sini">Blogger</a> kamu.</li><li> Dari halaman <b>dashboard</b>, pilih <b>Edit HTML</b>.</li><li> Pada halaman <b>Edit HTML</b>, cari kode <b>]]></b:skin></b> pada <i>script</i> template blog kamu. Tekan <b>Control F</b> untuk mencarinya.</li><li> Kopikan kode CSS berikut <i>(gunakan Control C)</i> dan letakkan di atas kode <b>]]></b:skin></b> tersebut.<pre id="code2" title="Klikganda untuk menyeleksi">/* Menu Tab View<br />----------------------------------------------- */<br />div.TabView div.Tabs {<br />padding-top: 0px;<br />height: 24px;<br />overflow: hidden;<br />}<br /><br />/* Menu Utama */<br />div.TabView div.Tabs a {<br />float: left;<br />display: block;<br />width: 80px; <span style="color: red;">/*ukuran lebar tabmenu*/</span><br />text-align: center;<br />height: 24px; <span style="color: red;">/*ukuran tinggi tabmenu*/</span><br />padding-top: 3px;<br />margin-right:4px; <span style="color: red;">/*jarak antartabmenu*/</span><br />vertical-align: middle;<br />border: 1px solid #CCC; <span style="color: red;">/*warna border menu*/</span><br />border-bottom-width: 0;<br />font-family: "Arial", Times New Roman, Serif; <span style="color: red;">/*jenis hurup menu*/</span><br />font-size: 12px; <span style="color: red;">/*besar hurup menu*/</span><br />letter-spacing: -1px;<br />background-color: #A4A4A4; <span style="color: red;">/*warna latar menu*/</span><br />color: #FFFFFF; <span style="color: red;">/*warna hurup menu*/</span><br />-moz-border-radius-topleft:10px;<br />-moz-border-radius-topright:10px;<br />-webkit-border-top-left-radius:10px;<br />-webkit-border-top-right-radius:10px;<br />}<br /><br />div.TabView div.Tabs a.Active {<br />background-color: #888888; <span style="color: red;">/*warna background menu aktif*/</span><br />color: #FFFFFF;<br />}<br /><br />div.TabView div.Tabs a:hover {<br />background-color: #999999; <span style="color: red;">/*warna background menu hover*/</span><br />color: #FFFFCC;<br />font-weight: bold;<br />}<br /><br />/* Kotak Utama */<br />div.TabView div.Pages {<br />clear: both;<br />border: 1px solid #CCC; <span style="color: red;">/*warna border kotak utama*/</span><br />overflow: hidden;<br />background:url("http://sites.google.com/site/ruangsc/image/bgtabview.gif"); <span style="color: red;">/*background kotak utama*/</span><br />}<br /><br />div.TabView div.Pages div.Page {<br />height: 100%;<br />padding: 0px;<br />overflow: hidden;<br />}<br /><br />div.TabView div.Pages div.Page div.Pad {<br />padding: 3px 5px;<br />font-size: 12px; <span style="color: red;">/*besar hurup kotak utama*/</span><br />}<br /></pre></li></ul><ul style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><li><dt>Pada bagian yang diberi <span style="color: red;">tanda keterangan</span>, kamu dapat mengubahnya sesuai dengan yang diinginkan, seperti pada ukuran, warna maupun jenis hurup.</dt></li><li> Setelah itu letakkan sumber <i>script</i> berikut di bawah <b>]]></b:skin></b><div><pre id="code1" title="Klikganda untuk menyeleksi"><script src="http://enes-sc.googlecode.com/files/tabview.js" type="text/javascript"/><br /></pre></div></li><li> Simpanlah hasil editing tersebut.</li></ul><div class="subjdl" style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Langkah Kedua</div><ul style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><li> Pilih tab <b>Elemen Halaman</b> <i>(Page Element)</i>.</li><li> Klik pada bagian <b>Tambah Gadget</b> dan pilih <b>HTML/JavaScript</b>.</li><li> Kopikan <i>script</i> berikut dan letakkan pada kotak <i>Content</i> yang tersedia: <div><pre id="code2" title="Klikganda untuk menyeleksi"><form action="tabview.html" method="get"><br /><div id="TabView" class="TabView"><br /><div style="width: <b style="color: red;">100%</b>;" class="Tabs"><br /><a title="<b style="color: red;">Keterangan Menu 1</b>"><b style="color: red;">Menu 1</b></a><br /><a title="<b style="color: red;">Keterangan Menu 2</b>"><b style="color: red;">Menu 2</b></a><br /><a title="<b style="color: red;">Keterangan Menu 3</b>"><b style="color: red;">Menu 3</b></a><br /><a title="<b style="color: red;">Keterangan Menu 4</b>"><b style="color: red;">Menu 4</b></a><br /></div><br /><div style="width: <b style="color: red;">100%</b>; height: <b style="color: red;">200px</b>;" class="Pages"><br /><br /><br /><div class="Page"><div class="Pad"><br /><b style="color: red;">Isi Menu 1.1</b><br/><br /><b style="color: red;">Isi Menu 1.2</b><br/><br /><b style="color: red;">Isi Menu 1.dst</b><br/><br /></div></div><br /><br /><br /><br /><div class="Page"><div class="Pad"><br /><b style="color: red;">Isi Menu 2.1</b><br/><br /><b style="color: red;">si Menu 2.2</b><br/><br /><b style="color: red;">Isi Menu 2.dst</b><br/><br /></div></div><br /><br /><br /><br /><div class="Page"><div class="Pad"><br /><b style="color: red;">Isi Menu 3.1</b><br/><br /><b style="color: red;">Isi Menu 3.2</b><br/><br /><b style="color: red;">Isi Menu 3.dst</b><br/><br /></div></div><br /><br /><br /><br /><div class="Page"><div class="Pad"><br /><b style="color: red;">Isi Menu 4.1</b><br/><br /><b style="color: red;">Isi Menu 4.2</b><br/><br /><b style="color: red;">Isi Menu 4.dst</b><br/><br /></div></div><br /><br /><br /></div></div></form><br /><br /><script type="text/javascript" src="http://enes-sc.googlecode.com/files/tabview-tab.js"></script><br /></pre></div><dt>Pada tulisan yang berwarna <span style="color: red;">merah tebal</span> dapat kamu ubah disesuaikan dengan kebutuhan. Milsalnya pada ukuran <span style="color: red;">width</span> (lebar) dan <span style="color: red;">height</span> (tinggi), dapat kamu gunakan ukuran <span style="color: red;">%</span> atau <span style="color: red;">pixel</span> (px) yang disesuaikan dengan lebar <i>sidebar</i> blog kamu. Begitupun dengan judul <span style="color: red;">Menu</span> dan <span style="color: red;">Isi Menu</span> dapat kamu buat sendiri sesuai keinginan. <br />Selain itu kamu juga bisa menambahkan menu-menu lain (lebih dari 4) asalkan lebar <i>sidebar</i> blog kamu mencukupi. Atau bisa juga mengakalinya dengan cara memperkecil <span style="color: red;">ukuran lebar menu</span> pada <i>script</i> yang tadi diletakkan pada HTML template blog kamu.</dt><dt> </dt></li><li> Simpan hasil kerjaan kamu dan lakukan pratinjau <i>(preview)</i> untuk melihat hasilnya. *<a href="http://ruangsc.blogspot.com/2009/07/cara-membuat-tab-view-widget-pada.html" target="_blank">source</a> </li></ul>

Memasang Widget Tab View di Blog

Memasang Widget Tab View di Blog - Pusing juga melihat segitu banyak widget yang terpasang di blog, apalagi efeknya sampai loading blog men...

Baca selengkapnya »

02.55

Script Disable Klik Kanan Pada Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht7vRs83AkYn5pXNerJbM97iPUG_HnXiJDKYIW8mf3xGW-DvXrHEHqqQNW3hR42gP_CYirwApuab3mE9ujuR1KeBw4xMAM9mrZQpAlXyBZOmT0aqizP-h1cBuO0DkPL4tS6uPG5g9tjME/s1600/01.GIF" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht7vRs83AkYn5pXNerJbM97iPUG_HnXiJDKYIW8mf3xGW-DvXrHEHqqQNW3hR42gP_CYirwApuab3mE9ujuR1KeBw4xMAM9mrZQpAlXyBZOmT0aqizP-h1cBuO0DkPL4tS6uPG5g9tjME/s200/01.GIF" width="200" /></a></div><div style="text-align: justify;"><span style="font-family: "Trebuchet MS",sans-serif;"><b>Script Disable Klik Kanan Pada Blog</b> - Sangat cocok memang untuk menjaga document atau  memproteksi gambar yang ada di blog kita, agar tidak disalah gunakan oleh  pihak lain.<br />Meski ada shortcut tertentu yang mewakili perintah-perintah <strong>right click</strong>, nggak ada salahnya anda mencoba kode di bawah ini :</span></div><div style="text-align: justify;"><span style="font-family: "Trebuchet MS",sans-serif;"><br /></span></div><div style="text-align: justify;"><span style="font-family: "Trebuchet MS",sans-serif;"><br /></span></div><div style="text-align: justify;"><span style="font-family: "Trebuchet MS",sans-serif;"></span></div><a name="more"></a><br /><br /><div style="text-align: justify;"><span style="font-family: "Trebuchet MS",sans-serif;"><br /></span></div><div style="text-align: justify;"><span style="font-family: "Trebuchet MS",sans-serif;"><br /></span></div><hr alt="Disable Right click!" size="1" style="margin-left: 0px; margin-right: 0px;" /><div style="text-align: justify;"><span style="font-family: "Trebuchet MS",sans-serif;"><code style="color: #990000;"><script></code><br /><code style="color: #990000;"></code><br /><code style="color: #990000;"></script></code></span></div><div style="text-align: justify;"><span style="font-family: "Trebuchet MS",sans-serif;"><code style="color: #990000;"> </code></span></div><hr alt="Right klik nggak bisa" size="1" style="margin-left: 0px; margin-right: 0px;" /><div style="text-align: justify;"><span style="font-family: "Trebuchet MS",sans-serif;">Cukup menempatkan kode di atas diantara</span></div><hr alt="Anti Klik kanan katanya" size="1" style="margin-left: 0px; margin-right: 0px;" /><div style="text-align: justify;"><span style="font-family: "Trebuchet MS",sans-serif;"><code style="color: #990000;"><body> dan </body></code></span></div><div style="text-align: justify;"><span style="font-family: "Trebuchet MS",sans-serif;"><code style="color: #990000;"> </code></span></div><div style="text-align: justify;"><span style="font-family: "Trebuchet MS",sans-serif;"><code style="color: #990000;"><span style="color: black;">*<a href="http://pelajaran-blog.blogspot.com/2009/02/membuat-disable-right-click-anti-klik.html" target="_blank"><span style="font-family: "Trebuchet MS",sans-serif;">source</span></a></span> </code></span></div>

Script Disable Klik Kanan Pada Blog

Script Disable Klik Kanan Pada Blog - Sangat cocok memang untuk menjaga document atau memproteksi gambar yang ada di blog kita, agar tidak...

Baca selengkapnya »

19.19

Design Template Blog Dengan Artisteer 3

<div style="text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSW4D8UXTbwq7wrSdDwc1mgdCllNehTuRlngehiHeDcJhovHdzJ2JWcVed7TZ1UiDIS74ulmElLqSOYMMmLDaGoWDfvOOg3L3yvw6xwR7FFzQZIKF9k3_vWFq47Fj80WVlNxtIUlaNUzBn/s1600/Artisteer_wm.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSW4D8UXTbwq7wrSdDwc1mgdCllNehTuRlngehiHeDcJhovHdzJ2JWcVed7TZ1UiDIS74ulmElLqSOYMMmLDaGoWDfvOOg3L3yvw6xwR7FFzQZIKF9k3_vWFq47Fj80WVlNxtIUlaNUzBn/s200/Artisteer_wm.JPG" width="174" /></a><span style="font-family: "Trebuchet MS",sans-serif;"><b>Design Template Blog Dengan Artisteer 3</b> - Artisteer merupakan sebuah software yang dapat digunakan untuk membuat Template  Blogger, Template Wordpress, Template Joomla ataupun membuat Themes  Drupal sesuai dengan yang anda inginkan. Tidak seperti aplikasi lain yang rata-rata masih berkutat di code html, aplikasi ini cukup mudah digunakan karena tampilannya hampir mirip dengan Microsoft Office Word 2007 sehingga anda hanya perlu mendesign template kemudian klik dan klik maka jadilah template blog yang anda inginkan.</span></div><a name="more"></a><br /><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><span style="font-family: "Trebuchet MS",sans-serif;">Bagi yang masih bingung ini saya kasi penampakannya dulu.</span></div><div style="text-align: justify;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimGHX-rFYtLAL4Rl6FAYZ62WMDgb8XDvLeCfjgnsd3pACEpzPzWLsV7b9U6W4t7jJojICIWpp0pu5KlM7TKYIi12c8Tqu_thQm3X2M_pFtIH6KM-LNP7VHcqvnTlXuGXJcqBTS8iZ7ZyuV/s1600/artisteer3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="333" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimGHX-rFYtLAL4Rl6FAYZ62WMDgb8XDvLeCfjgnsd3pACEpzPzWLsV7b9U6W4t7jJojICIWpp0pu5KlM7TKYIi12c8Tqu_thQm3X2M_pFtIH6KM-LNP7VHcqvnTlXuGXJcqBTS8iZ7ZyuV/s400/artisteer3.jpg" width="400" /></a></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><span style="font-family: "Trebuchet MS",sans-serif;">Keren gak??..Ok bagi sobat yang ingin download bisa klik <a href="http://adf.ly/8JL1O" target="_blank">disini</a> ukuran filenya kurang lebih 103Mb dan untuk keygennya bisa download pada link berikut :</span></div><div style="text-align: justify;"><br /></div><div class="prettyprint" id="thepaste"><span style="font-family: "Trebuchet MS",sans-serif;">MediaFire: http://q.gs/1yWr4 </span></div><div class="prettyprint" id="thepaste"><span style="font-family: "Trebuchet MS",sans-serif;">Indowebster: http://q.gs/1yWsf </span></div><div class="prettyprint" id="thepaste"><span style="font-family: "Trebuchet MS",sans-serif;">ShareBeast:  http://q.gs/1yWv5</span></div><div style="text-align: justify;"><span style="font-family: "Trebuchet MS",sans-serif;"><br /></span></div><div style="text-align: justify;"><span style="font-family: "Trebuchet MS",sans-serif;">Untuk passwordnya </span>:</div><pre class="prettyprint" id="thepaste">boelshare</pre><pre class="prettyprint" id="thepaste"> </pre><div style="text-align: justify;"><span style="font-family: "Trebuchet MS",sans-serif;">Cara Aktivasi :</span> <br /><div class="separator" style="clear: both; text-align: center;"><span style="font-family: "Trebuchet MS",sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAenVfJR4WcHlWIAOQ3_SuShwLqaHKFjiFXyB6GKwpJ8vU31cL8s0967GQFg1tyTBT8CHe5k0IH1w1vgjb-2jEgWejNdLIQgrOhLCrajHlqNhqRnhwcJUrRBxlmHrtYq-00AtETSBAzJZE/s1600/aktivasi-artisster.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Aktivasi Artisteer" border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAenVfJR4WcHlWIAOQ3_SuShwLqaHKFjiFXyB6GKwpJ8vU31cL8s0967GQFg1tyTBT8CHe5k0IH1w1vgjb-2jEgWejNdLIQgrOhLCrajHlqNhqRnhwcJUrRBxlmHrtYq-00AtETSBAzJZE/s320/aktivasi-artisster.png" title="Cara Aktivasi Artisteer" width="320" /></a></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: "Trebuchet MS",sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq0I17mS-N2XRUzQ8vJicPHVCx7dFrwE2CFRjL9r-vIhoLcDsBxNKr47ypaQAPh8_FT8vL0Xg3k1DOLENGcP0xJT-gBamE_fLcsz6t_s5zogIGQdhWoKp1vG4Wo7NF5eQvWPLM76fJgtcu/s1600/aktivation-artisster.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Aktivasi Artisteer" border="0" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq0I17mS-N2XRUzQ8vJicPHVCx7dFrwE2CFRjL9r-vIhoLcDsBxNKr47ypaQAPh8_FT8vL0Xg3k1DOLENGcP0xJT-gBamE_fLcsz6t_s5zogIGQdhWoKp1vG4Wo7NF5eQvWPLM76fJgtcu/s400/aktivation-artisster.png" title="Cara Aktivasi Artisteer" width="400" /></a></span></div><div class="separator" style="clear: both;"><span style="font-family: "Trebuchet MS",sans-serif;"><br /></span></div><div style="background: none repeat scroll 0% 0% rgb(230, 230, 230); border-radius: 5px 5px 5px 5px; border: 1px solid rgb(202, 218, 239); margin-top: 10px; padding: 10px;"><ol><li><span style="font-family: "Trebuchet MS",sans-serif;"><b>Install Artisteer terbaru</b> hingga selesai, (agar lebih aman matikan koneksi Internet)</span></li><li><span style="font-family: "Trebuchet MS",sans-serif;">Launch Program Artisteer -> Klik <b>Activate</b> -> Copy Instalation Code </span></li><li><span style="font-family: "Trebuchet MS",sans-serif;">Jalankan <b>Keygen Artisteer</b> terbaru -> Paste Instalation Code yang sudah di copy tadi di kolom Instalation Code pada keygen, </span></li><li><span style="font-family: "Trebuchet MS",sans-serif;">Copy License Key dan Activation Key yang terbentuk oleh keygen.</span></li><li><span style="font-family: "Trebuchet MS",sans-serif;">Paste-kan License Key dan Activation Key hasil genarate tadi pada kolom yang tersedia di artisteer.</span></li><li><span style="font-family: "Trebuchet MS",sans-serif;">Jangan Lupa <b>HILANGKAN</b> tanda checklist pada <b>Auto-activation through the Internet</b></span></li><li><span style="font-family: "Trebuchet MS",sans-serif;">Klik Activate</span></li><li><span style="font-family: "Trebuchet MS",sans-serif;">Program Artisteer menjadi <b>Full version</b></span></li></ol></div><span style="font-family: "Trebuchet MS",sans-serif;"><br /></span><br /><div><span style="font-family: "Trebuchet MS",sans-serif;"><b>Tambahan</b>:</span></div><div><span style="font-family: "Trebuchet MS",sans-serif;">Bagi yang sebelumnya sudah meng-Install Artisteer tetapi gagal / <b>tidak bisa melakukan Save</b> atau muncul "<b>Product Activation Failed!</b>". Silahkan lakukan Aktivasi ulang. Caranya :</span> <br /><div style="background: none repeat scroll 0% 0% rgb(230, 230, 230); border-radius: 5px 5px 5px 5px; border: 1px solid rgb(202, 218, 239); margin-top: 10px; padding: 10px;"><ol><li><span style="font-family: "Trebuchet MS",sans-serif;">Buka Program <b>Artisteer</b></span></li><li><span style="font-family: "Trebuchet MS",sans-serif;">Klik File -> <b>Activation</b></span></li><li><span style="font-family: "Trebuchet MS",sans-serif;">Copy Instalation code</span></li><li><span style="font-family: "Trebuchet MS",sans-serif;">Selanjutnya liat poin 3 - 8 pada cara aktivasi diatas</span></li></ol></div><span style="font-family: "Trebuchet MS",sans-serif;"><br /></span><br /><div><span style="font-family: "Trebuchet MS",sans-serif;">Jika Artisteer masih belum Full Version / Activation Failed coba lakukan Install ulang Program <b>Artisteernya</b>. Sebelumnya  Uninstall dulu Artisteernya pake software Your Uninstaller atau Revo  Uninstaller(kalo saya lebih suka pake REVO Uninstaller, lebih bersih)  atau yang sejenisnya. Sekian dulu, jika ada pertanyaan silakan berkomentar. Semoga berhasil.</span></div><div><span style="font-family: "Trebuchet MS",sans-serif;">*Source : <a href="http://boelshare.blogspot.com/2012/05/keygen-artisteer-dan-cara-aktivasi.html" target="_blank">disini</a> dan <a href="http://anankrosy-ar.blogspot.com/2012/05/artisteer-31-standard-edition-full-with.html" target="_blank">disini</a>.</span></div><div><span style="font-family: "Trebuchet MS",sans-serif;"><br /></span></div></div><span style="font-family: "Trebuchet MS",sans-serif;"><a href="http://ec.tynt.com/b/rf?id=am2NWWecqr4AABacwqm_6l&u=Boelshare" target="_blank"></a></span><br /><pre class="prettyprint" id="thepaste"><span style="font-family: "Trebuchet MS",sans-serif;"> </span></pre></div>

Design Template Blog Dengan Artisteer 3

Design Template Blog Dengan Artisteer 3 - Artisteer merupakan sebuah software yang dapat digunakan untuk membuat Template Blogger, Templat...

Baca selengkapnya »

19.59

Memasang Widgets Chatting di Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK2MqK54Bt0SIOV-97t2P5vAyN4WHGSTk2pk12qhNy_7uOMFIpJuyCrO2iY8GqUH584bfFb331ImGwZ-czTBqlc_eiM3e2SPGfzhkQRr-dr8FFZSjaRTpROaiZYk7P7vRPyE0LlSnfSoYO/s1600/evc.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="138" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK2MqK54Bt0SIOV-97t2P5vAyN4WHGSTk2pk12qhNy_7uOMFIpJuyCrO2iY8GqUH584bfFb331ImGwZ-czTBqlc_eiM3e2SPGfzhkQRr-dr8FFZSjaRTpROaiZYk7P7vRPyE0LlSnfSoYO/s200/evc.JPG" width="200" /></a></div><div style="text-align: justify;"><span style="font-family: "Trebuchet MS",sans-serif;"><b>Memasang Widgets Chatting di Blog -</b></span><span style="font-family: "Trebuchet MS",sans-serif;"><b> </b>Sebenarnya widget chatting online/live chat ini bisa sobat dapatkan  secara gratisan. Dan untuk mendapatkan serta memasangnya kita harus  memanfaatkan pihak ketiga.Siapakah pihak ketiga itu???...tentunya adalah  situs penyedia layanan chatting online/live chat.</span><span style="font-family: "Trebuchet MS",sans-serif;"> Dalam perkembangannya,widget ini banyak dipakai dan digunakan oleh para  blogger di Dunia.Tentunya bagi mereka yang mahir dalam dunia blog akan  sangat mudah untuk memasangnya. Namun bagi blogger pemula, jangan kan  memasngnya untuk mengetahui situs penyedia widget ini saja terlalu sulit  untuk ditemukan. </span></div><a name="more"></a><br /><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><span style="font-family: "Trebuchet MS",sans-serif;">Tapi sobat blogger tenang saja,karena saya akan mencoba  membantu sobat blogger untuk bisa memasang widget chatting online/live  chat ini. Dan untuk memasangnya, silahkan sobat blogger ikuti  langkah-langkah seperti di bawah ini :</span></div><div style="text-align: justify;"><span style="font-family: "Trebuchet MS",sans-serif;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuvp4T-LJbpynD40yBSKllWflMd_rJZCmbPj3o2Pw6LMBenMyUTYTfu3ezaFdDqmU1U_Rg_CbF25iO44NW6-Xzdn4stIemXU9_Z39kOHjb5ObLbIJHJKkbpR-8kHnjbfL_HBhXh18Zxau8/s1600/ev.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuvp4T-LJbpynD40yBSKllWflMd_rJZCmbPj3o2Pw6LMBenMyUTYTfu3ezaFdDqmU1U_Rg_CbF25iO44NW6-Xzdn4stIemXU9_Z39kOHjb5ObLbIJHJKkbpR-8kHnjbfL_HBhXh18Zxau8/s400/ev.JPG" width="400" /></a></div><div style="text-align: justify;"><span style="font-family: "Trebuchet MS",sans-serif;"><br /></span></div><ol style="text-align: justify;"><li><span style="font-family: "Trebuchet MS",sans-serif;">Silahkan kunjungi <span style="color: blue;"><a href="https://www.envolve.com/">https://www.envolve.com/</a></span>  </span></li><li><span style="font-family: "Trebuchet MS",sans-serif;">Silahkan sobat Daftar atau Sign Up terlebih dulu (gratis), kemudian silahkan verifikasi akun sobat</span></li><li><span style="font-family: "Trebuchet MS",sans-serif;">Jika sudah terverifikasi, silahkan Login ke Envolve</span></li><li><span style="font-family: "Trebuchet MS",sans-serif;">Kemudian masuk ke my site>klik Add New Sites</span></li><li><span style="font-family: "Trebuchet MS",sans-serif;">Setelah sukses menambahkan URL blog sobat di Envolve, silahkan pilih  platform blog seperti wordpress, joomla. Saran saya pilih saja Other</span></li><li><span style="font-family: "Trebuchet MS",sans-serif;">Silahkan Copy kodenya</span></li><li><span style="font-family: "Trebuchet MS",sans-serif;">Silahkan Login ke Blogger</span></li><li><span style="font-family: "Trebuchet MS",sans-serif;">Klik Template</span></li><li><span style="font-family: "Trebuchet MS",sans-serif;">Klik Edit HTML > klik Lanjutkan</span></li><li><span style="font-family: "Trebuchet MS",sans-serif;">Cari kode <span style="color: blue;"></body></span> untuk memudahkan pencarian tekan tombol Ctrl+f kemudian ketik <span style="color: blue;"></body></span></span></li><li><span style="font-family: "Trebuchet MS",sans-serif;">Letakkan/Paste kode HTML yang didapatkan dari Envolve tepat di bawah <span style="color: blue;"></body></span></span></li><li><span style="font-family: "Trebuchet MS",sans-serif;">Klik Simpan Template</span></li><li><span style="font-family: "Trebuchet MS",sans-serif;">Selamat Mencoba dan Semoga Berhasil *<a href="http://tjoretan-akoe.blogspot.com/2012/10/panduan-cara-memasang-widget-chatting.html" target="_blank">source</a> </span></li></ol>

Memasang Widgets Chatting di Blog

Memasang Widgets Chatting di Blog - Sebenarnya widget chatting online/live chat ini bisa sobat dapatkan secara gratisan. Dan untuk mendapa...

Baca selengkapnya »

17.35

Membuat Buka/Tutup Komentar di Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX0jgtcQCxbl-K5qE0R50Hy1JcFQhdK_Ya6X4ikPi-TwrGguZpLKLG5T1AbobCcq67Xp-b3TIP3pfKuT9XsqXMz8c5OYL1icSdpdCCucWLbXLN1aDAFRevFkSKb_FqcgcdSu91rUXco4rd/s1600/komp.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX0jgtcQCxbl-K5qE0R50Hy1JcFQhdK_Ya6X4ikPi-TwrGguZpLKLG5T1AbobCcq67Xp-b3TIP3pfKuT9XsqXMz8c5OYL1icSdpdCCucWLbXLN1aDAFRevFkSKb_FqcgcdSu91rUXco4rd/s200/komp.JPG" width="200" /></a></div><div style="text-align: justify;"><span style="font-family: "Trebuchet MS",sans-serif;"><b>Membuat Buka/Tutup Komentar di Blog</b> - Bagaimana jika seluruh komentar pada artikel sobat ditampilkan semua tanpa ada batasan??..pastinya ribet bukan ?, bukan hanya anda sang admin blog tapi para pengunjung pun akan merasa kebingungan dibuatnya. Jujur saja, saya pernah singgah ke blog seseorang yang komentarnya sampai beratus-ratus dan semuanya itu ditampilkan, saya hendak berkomentar pada artikel tersebut tapi saya harus mencari kotak komentar yang jauh dibawah karena komentar yang banyak. Hal ini juga berdampak kurang baik bagi blog karena harus meload begitu banyak komentar dan tentu saja diperlukan waktu untuk itu. Tapi agan gak usah khawatir kali ini saya akan share mengenai cara membuat buka/tutup komentar diblog.<a name="more"></a></span></div><div style="text-align: justify;"><span style="font-family: "Trebuchet MS",sans-serif;"> </span></div><div style="text-align: justify;"><span style="font-family: "Trebuchet MS",sans-serif;">Untuk screenshotnya lihat gambar ini gan:<br /><br /><a href="http://4.bp.blogspot.com/-OKwD1_lSPRA/T_hZA8ZC3qI/AAAAAAAAB1w/kBLCCDksais/s1600/show%2Bhide%2Bcomment%2Bblogger%2Bjquery.GIF"><img alt="" border="0" src="http://4.bp.blogspot.com/-OKwD1_lSPRA/T_hZA8ZC3qI/AAAAAAAAB1w/kBLCCDksais/s200/show%2Bhide%2Bcomment%2Bblogger%2Bjquery.GIF" style="cursor: hand; cursor: pointer; height: 122px; width: 200px;" /></a><br />Lihat Gambar lebih Besar di <a href="http://4.bp.blogspot.com/-OKwD1_lSPRA/T_hZA8ZC3qI/AAAAAAAAB1w/kBLCCDksais/s1600/show%2Bhide%2Bcomment%2Bblogger%2Bjquery.GIF" target="_blank">SINI</a><br /><br />Nah,gimana gan? tertarik ingin menciptakan 'show hide blogger comment' ini?</span></div><h3 style="text-align: justify;"><b><span style="font-family: "Trebuchet MS",sans-serif;">Langkah dan Cara Membuat Show Hide Komentar / Expand Collapse Blogger Comment Box</span></b></h3><div style="text-align: justify;"><span style="font-family: "Trebuchet MS",sans-serif;"><b>1. </b>Pertama,sobat pergilah ke <b>Dashboard</b> lalu pilih <b>Tata Letak</b> kemudian contreng tulisan <b>Expand Widget Templates</b>,dan cari kode berikut (Gunakan Ctrl+F):</span><blockquote><span style="font-family: "Trebuchet MS",sans-serif;"><code><span style="color: red;"></head></span></code></span></blockquote><span style="font-family: "Trebuchet MS",sans-serif;">Jika sobat sudah menemukannya,tepat diATASnya letakkan script berikut:</span><blockquote><span style="font-family: "Trebuchet MS",sans-serif;"><code><span style="color: red;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/><br /><script type='text/javascript'><br />//<![CDATA[<br />var panelSelector       = '#comments',<br />openPanelText       = "Tampilkan Komentar",<br />closePanelText      = "Tutup Komentar",<br />slideDownPanelSpeed = 600,<br />slideUpPanelSpeed   = 400;<br />//]]><br /></script><br /><script type='text/javascript'><br /></script><br /><script src='http://membuatgempar.net23.net/comment.js' type='text/javascript'/> </span></code></span></blockquote><span style="font-family: "Trebuchet MS",sans-serif;"><br />2. Setelah itu,cari kode berikut:</span><blockquote><span style="font-family: "Trebuchet MS",sans-serif;"><code><span style="color: red;">]]></b:skin></span></code></span></blockquote><span style="font-family: "Trebuchet MS",sans-serif;">Jika sudah sobat ketemukan,tepat diATASnya letakkan barisan kode ini:</span><blockquote><span style="font-family: "Trebuchet MS",sans-serif;"><code><span style="color: red;">a.openpanel  {display:block;width:100%;height:40px;padding:0px  0px;text-align:center;font-weight:bold;line-height:30px;background:#ffffff;  url()repeat-x;-webkit-transition: all .15s  ease-in-out;-webkit-transform-origin: 50% 1px;position:relative;<br />}a.openpanel em  {width:0px;height:0px;display:block;position:absolute;top:15px;  right:15px;border:6px solid transparent;border-top-color:white;<br />}a.openpanel.active {background-color:#ffffff;}a.openpanel.active em {top:6px;border color:#222222;<br />}div.paneline {height:0px;-webkit-transition: all .15s  ease-in-out;-webkit-transform-origin: 50% 1px;}div.hompiPanel  {padding:10px 20px 20px;margin:0px 0px !important;}</span></code></span></blockquote><span style="font-family: "Trebuchet MS",sans-serif;">3. Setelah itu simpan template sobat.</span></div><div style="text-align: justify;"><span style="font-family: "Trebuchet MS",sans-serif;">Catatan:<br />Trik ini akan bekerja tentu jika sobat mengaktifkan komentar di  blogger,baik dalam komentar posting maupun settingan secara  universalnya.Selamat mencoba, semoga berhasil..*<a href="http://pelajaran-blog.blogspot.com/2012/07/membuat-show-hide-komentar-blogger.html" target="_blank">source</a></span></div>

Membuat Buka/Tutup Komentar di Blog

Membuat Buka/Tutup Komentar di Blog - Bagaimana jika seluruh komentar pada artikel sobat ditampilkan semua tanpa ada batasan??..pastinya ri...

Baca selengkapnya »

06.21

Membuat Drop Caps di Awal Posting Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvJ96Lkect41ve0BIjenqz-5cXoDTl-12I4bqqXIpMe65tYKjLYAzxtikU-lksIem7zVI25rqGDmxm6AreOEEwM1LJi8WL2iTjoWMm_BIDsn2SioBO-zDUpJxuiW06X8bhVaOcNjTlhAHp/s1600/drop_caps.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvJ96Lkect41ve0BIjenqz-5cXoDTl-12I4bqqXIpMe65tYKjLYAzxtikU-lksIem7zVI25rqGDmxm6AreOEEwM1LJi8WL2iTjoWMm_BIDsn2SioBO-zDUpJxuiW06X8bhVaOcNjTlhAHp/s200/drop_caps.gif" width="200" /></a></div><div style="text-align: justify;"><b>Drop Caps</b> - Pada Microsoft Word kita dapat dengan mudah membuat Drop Caps tetapi lain halnya dengan blog. Di blogger tidak menyediakan fasilitas tersebut , tenang kawan kali ini saya akan share mengenai cara membuat huruf besar di awal paragraf atau lebih dikenal dengan Drop Caps.<br />Ok! langsung aja ya..<br /><br />Sebenarnya banyak cara yang bisa anda pilih untuk <span style="font-style: italic;">membuat Drop Caps</span> ini,bisa dengan CSS,maupun yang lain.</div><a name="more"></a><br />Drop caps-drop caps..,kaya apa sich?<br />Misal saya akan menuliskan sebuah kalimat seperti ini:<br /><br /><hr alt="menghias blog dengan Drop Caps" style="font-size: 78%; margin-left: 0px; margin-right: 0px;" title="belajar menghias blog" /><div style="text-align: justify;"><span style="font-style: italic;">Saya  sekarang sedang belajar membuat Drop Caps di Pelajaran Blog,saya nanti  bisa membuat Drop Caps pada setiap artikel saya pada blog,jangan  lupa,belajar membuat Drop Caps di Pelajaran Blog</span>.</div><hr alt="drop caps" size="1" style="margin-left: 0px; margin-right: 0px;" title="drop caps pada artikel" /><div style="text-align: justify;">Jika saya ingin membuat Drop Caps dan memperbesar huruf "S" di atas,saya hanya menuliskan kode berikut :</div><hr alt="caps Drop Caps pada blog" size="1" style="margin-left: 0px; margin-right: 0px;" title="buat DropCaps pada artikel" /><div style="text-align: justify;"><code><span  style="float: left; color: black; font-size: 50px; line-height: 30px;  padding-top: 5px; padding-right: 5px; font-family:  arial;">S</span>aya sekarang sedang belajar membuat Drop Caps  di Pelajaran Blog,saya nanti bisa membuat Drop Caps pada setiap artikel  saya pada blog,jangan lupa,belajar membuat Drop Caps di Pelajaran Blog.</code></div><hr alt="mebuatDrop Caps" style="font-size: 78%; margin-left: 0px; margin-right: 0px;" title="pelajaran blog" /><div style="text-align: justify;">Maka hasinya nanti akan menjadi seperti ini :</div><hr alt="belajar membuat Drop Caps" style="font-size: 78%; margin-left: 0px; margin-right: 0px;" title="belajar membuat blog" /><div style="text-align: justify;"><span style="font-style: italic;"><span style="color: black; float: left; font-family: arial; font-size: 50px; line-height: 30px; padding-right: 5px; padding-top: 5px;">S</span>aya  sekarang sedang belajar membuat Drop Caps di Pelajaran Blog,saya nanti  bisa membuat Drop Caps pada setiap artikel saya pada blog,jangan  lupa,belajar membuat Drop Caps di Pelajaran Blog.</span></div><hr alt="belajarmenghiasblog" size="1" style="margin-left: 0px; margin-right: 0px;" title="belajar menghiasi blog" /><div style="text-align: justify;">Mudah khan?<br />Anda hanya menisipkan kode seperti di atas,pada setiap anda menuliskan artikel pada blog.<br /><br />Untuk lebih efisien anda fokuskan menulis artikel pada halaman html bukan tulis/compose!.</div>

Membuat Drop Caps di Awal Posting Blog

Drop Caps - Pada Microsoft Word kita dapat dengan mudah membuat Drop Caps tetapi lain halnya dengan blog. Di blogger tidak menyediakan fasi...

Baca selengkapnya »

19.07

Membuat Kotak Komentar Fb dan Blog Berdampingan

<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHDSp4LNAnfQkojmnezERdt4pi92zxXY8WOzIFoxEEHyH7wfi9CQFIdP4olQoq7JFGQgqAtc4wT0N2NyOFDTTYHVN7UOxHjM8Rc2ozgzQ08fdl-6dA0Z-CPISz90snIh3B3d7FVlNxAldE/s1600/kom.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="88" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHDSp4LNAnfQkojmnezERdt4pi92zxXY8WOzIFoxEEHyH7wfi9CQFIdP4olQoq7JFGQgqAtc4wT0N2NyOFDTTYHVN7UOxHjM8Rc2ozgzQ08fdl-6dA0Z-CPISz90snIh3B3d7FVlNxAldE/s200/kom.JPG" width="200" /></a></div>Mungkin sudah banyak yg share tutorial ini sebelumnya, tapi mungkin banyak juga yang error alias gak berhasil. Nah..kali ini saya mau share cara yang cukup simpel dan tentunya gak ribet. Caranya gampang kok, ikuti aja langkah-langkah membuat kotak komentar facebook berdampingan dengan kotak komentar blogger dibawah ini : </div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><a name="more"></a>Biar gak bingung ini ane kasi screenshotnya dolo </div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><br /></div><div class="separator" style="clear: both; font-family: "Trebuchet MS",sans-serif; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaMww3mNQ6ka2oDs4836_vsMkRtPu9BYq1LhAw5k1avvtFOTCEnT9E1vM8u_lgOHrkf0c0vJmvhthpJcogbEcn5lvrdvEaUSYIy68flUs9KlPG4vBTmhtcyRhLDLwA355aIvSz3folzslv/s1600/kom.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaMww3mNQ6ka2oDs4836_vsMkRtPu9BYq1LhAw5k1avvtFOTCEnT9E1vM8u_lgOHrkf0c0vJmvhthpJcogbEcn5lvrdvEaUSYIy68flUs9KlPG4vBTmhtcyRhLDLwA355aIvSz3folzslv/s400/kom.JPG" width="400" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">1. Login dulu ke akun Blogger kamu.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">2. Pilih Rancangan lalu Edit HTML kemudian centang <input checked="checked" id="expandWidgets" type="checkbox" /> Expand Template Widget </div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">3. Cari kode <span style="color: #cc0000;"><div class='comments' id='comments'></span> kemudian copas kode dibawah ini, letakkan tepat dibawah kode <span style="color: #cc0000;"><div class='comments' id='comments'></span> tadi.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><blockquote class="tr_bq">Ket : Jika kode <span style="color: #cc0000;"><div class='comments' id='comments'></span> ada 2, pastekan kode dibawah ini tepat dibawah kode <span style="color: #cc0000;"><div class='comments' id='comments'></span> yang ke-2.</blockquote></div><div style="background: none repeat scroll 0% 0% rgb(255, 251, 204); border: 1px solid rgb(230, 219, 85); font-family: "Trebuchet MS",sans-serif; padding: 10px; text-align: justify;"><br /><div class='comments-tab' id='fb-comments'  onclick='javascript:commentToggle(&quot;#fb-comments&quot;);'  title='Comments made with Facebook'><br /><img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><br /><fb:comments-count expr:href='data:post.url'/> Comments<br /></div><br /><div class='comments-tab inactive-select-tab' id='blogger-comments'  onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);'  title='Comments from Blogger'><br /><img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments<br /></div><div class='clear'/><br /></div><br /><div class='comments-page' id='fb-comments-page'><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><div id='fb-root'/><br /><fb:comments expr:href='data:post.url' num_posts='2' width='400'/><br /></b:if><br /></div><br /><div class='comments comments-page' id='blogger-comments-page'><br /><br /><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <br /><script src='http://code.jquery.com/jquery-latest.js'/><br /><meta content='<span style="color: red;">Masukan ID Fb anda disini</span>' property='fb:admins'/><br /><script type='text/javascript'><br />function commentToggle(selectTab) {<br />$(".comments-tab").addClass("inactive-select-tab");<br />$(selectTab).removeClass("inactive-select-tab");<br />$(".comments-page").hide();<br />$(selectTab + "-page").show();<br />}<br /></script><br /><style>.comments-page { background-color: #f2f2f2;}<br />#blogger-comments-page { padding: 0px 5px; display: none;}<br />.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}<br />.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}<br />.comments-tab:hover { background-color: #eeeeee;}<br />.inactive-select-tab { background-color: #d1d1d1;}</style></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">4. Ganti tulisan warna merah (<span style="color: red;">Masukkan ID Fb anda disini</span>)  dengan ID facebook anda. Karna ID fb sudah diganti menjadi username,  untuk mengetahui ID anda silahkan pastekan link ini ke browser  anda https://graph.facebook.com/username (contoh http://www.facebook.com/ssad3 maka usernamenya batak.musik)</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">5. Setelah diganti Simpan Template anda dan lihat hasilnya.</div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Selamat mencoba.*<a href="http://karaokebatak.blogspot.com/2012/08/membuat-komentar-facebook-disamping.html" target="_blank">source</a> </div>

Membuat Kotak Komentar Fb dan Blog Berdampingan

Mungkin sudah banyak yg share tutorial ini sebelumnya, tapi mungkin banyak juga yang error alias gak berhasil. Nah..kali ini saya mau share ...

Baca selengkapnya »

03.29

Search Box Unik Untuk Blogspot

<div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8R_WHTk5Ajo8KLe5PCEdeKXazr54puJo4URPyo8i-lpxHBdykogzQW0Yq8wkSnFPFqrl5RRnBx5qXHdP5crno9rDt7yNhX08htLqaEZwZ5WkvtIiT8HwuQjGik3kE9A0yMrbRC0IgjZ1x/s1600/search_box_v2.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8R_WHTk5Ajo8KLe5PCEdeKXazr54puJo4URPyo8i-lpxHBdykogzQW0Yq8wkSnFPFqrl5RRnBx5qXHdP5crno9rDt7yNhX08htLqaEZwZ5WkvtIiT8HwuQjGik3kE9A0yMrbRC0IgjZ1x/s200/search_box_v2.jpg" width="200" /></a></div><span style="font-weight: bold;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXAhKBDOU8fY5x6i-vwHOpvk-qHi_7zxq_g4ECGBGRoiN_yoEWC9MkCu1JXOl1VL7VgHZqwlY2xkeSjH9nVJ8ZJTp89J3MK3-cAB-YN7WpcXoQXNIzBf9dEVKfEbW4Vfdw13VU15RTYVc/s1600/Simple-dan-keren-search-box-pack-demo1.jpg"></a>Search Box Unik Untuk Blogspot</span>, dari judulnya saja sobat pasti sudah tahu apa yang kiranya akan saya share kali ini. Search Box (kotak pencarian di blogspot) pastinya sobat sudah tidak  asing lagi mendengarnya, jadi saya rasa tidak perlu panjang lebar saya  menjelasakan kembali tentang apa dan fungsi dari Search Box/kotak  pencarian di blogspot ini. </div><a name="more"></a><br />Dan agar lebih jelasnya saya sertakan juga contoh demo/screenshot dibawah ini: <br /><br /><br /><br /><div style="text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXAhKBDOU8fY5x6i-vwHOpvk-qHi_7zxq_g4ECGBGRoiN_yoEWC9MkCu1JXOl1VL7VgHZqwlY2xkeSjH9nVJ8ZJTp89J3MK3-cAB-YN7WpcXoQXNIzBf9dEVKfEbW4Vfdw13VU15RTYVc/s1600/Simple-dan-keren-search-box-pack-demo1.jpg"><img alt="Simple-dan-keren-search-box-pack-demo" border="0" id="BLOGGER_PHOTO_ID_5641438455457581378" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXAhKBDOU8fY5x6i-vwHOpvk-qHi_7zxq_g4ECGBGRoiN_yoEWC9MkCu1JXOl1VL7VgHZqwlY2xkeSjH9nVJ8ZJTp89J3MK3-cAB-YN7WpcXoQXNIzBf9dEVKfEbW4Vfdw13VU15RTYVc/s320/Simple-dan-keren-search-box-pack-demo1.jpg" style="display: block; height: 240px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a></div><h4 style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Langsnung ke TKP, dan simak langkah-langkah cara membuat Search Box Simpel  dan Keren Untuk Blogspot:</h4><div style="text-align: justify;"><br style="font-family: "Trebuchet MS",sans-serif;" /><span style="font-family: "Trebuchet MS",sans-serif;">1. Login ke akun blogger sobat </span><br /><span style="font-family: "Trebuchet MS",sans-serif;">2. Masuk ke rancangan/design </span><br /><span style="font-family: "Trebuchet MS",sans-serif;">3. Pilih Page Element/Elemen Laman </span><br /><span style="font-family: "Trebuchet MS",sans-serif;">4. Kemudian Add Gatget dan pilih HTML/Javascript, dan masukan kode search box dibawah ini: </span><br /><br style="font-family: "Trebuchet MS",sans-serif;" /><br style="font-family: "Trebuchet MS",sans-serif;" /><pre style="font-family: "Trebuchet MS",sans-serif;">Style 1</pre><br style="font-family: "Trebuchet MS",sans-serif;" /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVQ17Xl20_pf9LCwCXquBY4IGbeEuiqS6csIoo00u3_IgDnYPUkZmJyChn7MrfLExUXmUphQZpzsHmSQw4yB30j8_ySQLixnIFMxUQzkLWYUOlPhkTD8jV0U7gQIqS8eoumk7F6XV7c3I/s1600/kode-blogger_searchbox1.png" style="font-family: "Trebuchet MS",sans-serif;"><img alt="kode-blogger_searchbox1" border="0" id="BLOGGER_PHOTO_ID_5641444970424479410" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVQ17Xl20_pf9LCwCXquBY4IGbeEuiqS6csIoo00u3_IgDnYPUkZmJyChn7MrfLExUXmUphQZpzsHmSQw4yB30j8_ySQLixnIFMxUQzkLWYUOlPhkTD8jV0U7gQIqS8eoumk7F6XV7c3I/s320/kode-blogger_searchbox1.png" style="cursor: hand; cursor: pointer; display: block; height: 50px; margin: 0px auto 10px; text-align: center; width: 307px;" /></a><code style="font-family: "Trebuchet MS",sans-serif;">><style type="text/css"> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;">#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5Ex9d9Z-MA58igmrh4IomVQQuyTXlkLJCKn-b4hVw_8TWHt9gDodhsFhG_PQC-cC9GQM5hekIWPMOJEoCuvgEYIGzhakNot2DKK0e9D_C07MmnpVxLQKFH7RhH1GejLejuHUJhnG4Y5Y/s320/kode-blogger_searchbox1.png)  no-repeat scroll center center  transparent;width:307px;height:50px;disaply:block;} </code><br /><code style="font-family: "Trebuchet MS",sans-serif;">form#w2b-searchform{display: block;padding: 10px 12px;margin:0;} </code><br /><code style="font-family: "Trebuchet MS",sans-serif;">form#w2b-searchform #s{padding: 6px;margin:0;width:  235px;font-size:14px;vertical-align:  top;border:none;background:transparent;} </code><br /><code style="font-family: "Trebuchet MS",sans-serif;">form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"></style> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"><div id="w2b-searchbox"> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"><form id="w2b-searchform" action="/search" method="get"> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"><input type="text" id="s" name="q" value="Search..." onfocus='if  (this.value == "Search...") {this.value = ""}' onblur='if (this.value ==  "") {this.value = "Search...";}'/> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"><input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"></form> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"></div></code><span style="font-family: "Trebuchet MS",sans-serif;"> </span><br /><br style="font-family: "Trebuchet MS",sans-serif;" /><pre style="font-family: "Trebuchet MS",sans-serif;">Style 2</pre><br style="font-family: "Trebuchet MS",sans-serif;" /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3MIN8df0wAnFWiCgnJ8NlnqYzEkhhPBG0qiLQ3puJY2QeBDczRGxOa69mYFOMaOb84dEYqxZDqyV6Z1KagdZIRpa6Pxybn9wNQCuvu1K3cnRm07Tpj7S-2VdXduPEgmKmOqIEUeXhFIA/s1600/kode-blogger_searchbox2.png" style="font-family: "Trebuchet MS",sans-serif;"><img alt="kode-blogger_searchbox2" border="0" id="BLOGGER_PHOTO_ID_5641444996453058770" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3MIN8df0wAnFWiCgnJ8NlnqYzEkhhPBG0qiLQ3puJY2QeBDczRGxOa69mYFOMaOb84dEYqxZDqyV6Z1KagdZIRpa6Pxybn9wNQCuvu1K3cnRm07Tpj7S-2VdXduPEgmKmOqIEUeXhFIA/s320/kode-blogger_searchbox2.png" style="cursor: hand; cursor: pointer; display: block; height: 50px; margin: 0px auto 10px; text-align: center; width: 307px;" /></a><code style="font-family: "Trebuchet MS",sans-serif;"><style type="text/css"> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;">#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwfjnU3axC8TdPeKHnpOPzwMhmeFTMEeTDFSDOK6mtDuFbhyphenhyphenqXZL7GetbZAESRlWhTNnTQKVej-kjXXPIEr7TIaH9BYIQq9j7Hq9OOk7tHEDRTFhsBIy7apz6zEYsdM8t7vVENYaOGMhE/s1600/kode-blogger_searchbox2.png)  no-repeat scroll center center  transparent;width:307px;height:50px;disaply:block;} </code><br /><code style="font-family: "Trebuchet MS",sans-serif;">form#w2b-searchform{display: block;padding: 10px 12px;margin:0;} </code><br /><code style="font-family: "Trebuchet MS",sans-serif;">form#w2b-searchform #s{padding: 6px;margin:0;width:  235px;font-size:14px;vertical-align:  top;border:none;background:transparent;} </code><br /><code style="font-family: "Trebuchet MS",sans-serif;">form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"></style> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"><div id="w2b-searchbox"> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"><form id="w2b-searchform" action="/search" method="get"> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"><input type="text" id="s" name="q" value="Search..." onfocus='if  (this.value == "Search...") {this.value = ""}' onblur='if (this.value ==  "") {this.value = "Search...";}'/> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"><input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"></form> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"></div></code><span style="font-family: "Trebuchet MS",sans-serif;"> </span><br /><br style="font-family: "Trebuchet MS",sans-serif;" /><pre style="font-family: "Trebuchet MS",sans-serif;">Style 3</pre><br style="font-family: "Trebuchet MS",sans-serif;" /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc98MqLO0Iv_wFOyhI6UbbASHNOb5MsHwlpCVK4dP6nYHGTq5MxcQ2Nx85Ym351cmi2W0LuPq3Wjmv4Pp94od032xwhorFWipNNfOgmwKIqX49TnPTsvrjmIKS6KvW8hAicfx-8uZyEpk/s1600/kode-blogger_searchbox3.png" style="font-family: "Trebuchet MS",sans-serif;"><img alt="kode-blogger_searchbox3" border="0" id="BLOGGER_PHOTO_ID_5641445013116194498" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc98MqLO0Iv_wFOyhI6UbbASHNOb5MsHwlpCVK4dP6nYHGTq5MxcQ2Nx85Ym351cmi2W0LuPq3Wjmv4Pp94od032xwhorFWipNNfOgmwKIqX49TnPTsvrjmIKS6KvW8hAicfx-8uZyEpk/s320/kode-blogger_searchbox3.png" style="cursor: hand; cursor: pointer; display: block; height: 50px; margin: 0px auto 10px; text-align: center; width: 308px;" /></a><code style="font-family: "Trebuchet MS",sans-serif;"><style type="text/css"> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;">#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEist_xhnjEpiYQhoQYpeSUiV-UHUjYTXcKtzEFM79TE9De2Wr-r2o-6sO7JYslz1cs9_jcuNUggmg3FW1V7NUHA0dAHmX78ieI5-hyBiNABKIAI7SwfA0SyiKl4v5E5QP4CY-WkxduWm4U/s1600/kode-blogger_searchbox3.png)  no-repeat scroll center center  transparent;width:307px;height:50px;disaply:block;} </code><br /><code style="font-family: "Trebuchet MS",sans-serif;">form#w2b-searchform{display: block;padding: 10px 12px;margin:0;} </code><br /><code style="font-family: "Trebuchet MS",sans-serif;">form#w2b-searchform #s{padding: 6px;margin:0;width:  235px;font-size:14px;vertical-align:  top;border:none;background:transparent;} </code><br /><code style="font-family: "Trebuchet MS",sans-serif;">form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"></style> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"><div id="w2b-searchbox"> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"><form id="w2b-searchform" action="/search" method="get"> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"><input type="text" id="s" name="q" value="Search..." onfocus='if  (this.value == "Search...") {this.value = ""}' onblur='if (this.value ==  "") {this.value = "Search...";}'/> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"><input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"></form> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"></div></code><span style="font-family: "Trebuchet MS",sans-serif;"> </span><br /><br style="font-family: "Trebuchet MS",sans-serif;" /><pre style="font-family: "Trebuchet MS",sans-serif;">Style 4</pre><br style="font-family: "Trebuchet MS",sans-serif;" /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLxr9q6CxdFNRkm1t_DIZaaxAq1PObnocuXuyHML-M3SeFeQZG8wdZHVtpsODx4mzpdjJ5G6xwDdlplFlfpAHSdcglCj-U_t8zJM0J_qUaXgPW8lEqAGNW_1WLwEpVrMhrnH435oMj6oU/s1600/kode-blogger_searchbox4.png" style="font-family: "Trebuchet MS",sans-serif;"><img alt="kode-blogger_searchbox4" border="0" id="BLOGGER_PHOTO_ID_5641447002838532722" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLxr9q6CxdFNRkm1t_DIZaaxAq1PObnocuXuyHML-M3SeFeQZG8wdZHVtpsODx4mzpdjJ5G6xwDdlplFlfpAHSdcglCj-U_t8zJM0J_qUaXgPW8lEqAGNW_1WLwEpVrMhrnH435oMj6oU/s320/kode-blogger_searchbox4.png" style="cursor: hand; cursor: pointer; display: block; height: 49px; margin: 0px auto 10px; text-align: center; width: 307px;" /></a><code style="font-family: "Trebuchet MS",sans-serif;"><style type="text/css"> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;">#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6zR8bVbrR9SFMuMj9k3_-bUYpKofFvg25DeDO0XEmVXYxdzMij2b2ePgn_NCfarI0iWa8IUCY3V8eYImaCZGKP20XqI9hwBZ9wnFmo8kyRiKRyGR_L6kUOZSwA7BMn-yj8OkX_9oUgys/s1600/kode-blogger_searchbox4.png)  no-repeat scroll center center  transparent;width:307px;height:50px;disaply:block;} </code><br /><code style="font-family: "Trebuchet MS",sans-serif;">form#w2b-searchform{display: block;padding: 12px;margin:0;} </code><br /><code style="font-family: "Trebuchet MS",sans-serif;">form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width:  215px;font-size:14px;vertical-align:  top;border:none;background:transparent;} </code><br /><code style="font-family: "Trebuchet MS",sans-serif;">form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"></style> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"><div id="w2b-searchbox"> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"><form id="w2b-searchform" action="/search" method="get"> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"><input type="text" id="s" name="q" value=""/> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"><input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"></form> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"></div></code><span style="font-family: "Trebuchet MS",sans-serif;"> </span><br /><br style="font-family: "Trebuchet MS",sans-serif;" /><pre style="font-family: "Trebuchet MS",sans-serif;">Style 5</pre><br style="font-family: "Trebuchet MS",sans-serif;" /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZms3gZj6WCAMTZ4eEAzeBPFqvHgcL7D4x5lYxgVa7AC6A7hjHyEchO3kz2WZCTm6hUeT99evPNfR3gcPodaM-z2p0u-qNWn97-IuRew4P8qFdNKqkVUF0wnaJfJxrjCP6JaI0d2NChwY/s1600/kode-blogger_searchbox5.png" style="font-family: "Trebuchet MS",sans-serif;"><img alt="kode-blogger_searchbox5" border="0" id="BLOGGER_PHOTO_ID_5641447003425526578" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZms3gZj6WCAMTZ4eEAzeBPFqvHgcL7D4x5lYxgVa7AC6A7hjHyEchO3kz2WZCTm6hUeT99evPNfR3gcPodaM-z2p0u-qNWn97-IuRew4P8qFdNKqkVUF0wnaJfJxrjCP6JaI0d2NChwY/s320/kode-blogger_searchbox5.png" style="cursor: hand; cursor: pointer; display: block; height: 49px; margin: 0px auto 10px; text-align: center; width: 307px;" /></a><code style="font-family: "Trebuchet MS",sans-serif;"><style type="text/css"> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;">#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgksqOyXJt2GHDsK8Nod2_mhzFvZia0rk0_oSVxo89Aq20bGUanq-5n222ZXPwXSubbQCo4qLTaF-ygUwVuGYW9zFaU87zGhhytzRIjlZCbTLLfTPM2ihx5v_CYDhB1tF-pFAWlEZE6thc/s1600/kode-blogger_searchbox5.png)  no-repeat scroll center center  transparent;width:307px;height:50px;disaply:block;} </code><br /><code style="font-family: "Trebuchet MS",sans-serif;">form#w2b-searchform{display: block;padding: 12px;margin:0;} </code><br /><code style="font-family: "Trebuchet MS",sans-serif;">form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width:  215px;font-size:14px;vertical-align:  top;border:none;background:transparent;} </code><br /><code style="font-family: "Trebuchet MS",sans-serif;">form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"></style> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"><div id="w2b-searchbox"> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"><form id="w2b-searchform" action="/search" method="get"> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"><input type="text" id="s" name="q" value=""/> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"><input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"></form> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"></div></code><span style="font-family: "Trebuchet MS",sans-serif;"> </span><br /><br style="font-family: "Trebuchet MS",sans-serif;" /><pre style="font-family: "Trebuchet MS",sans-serif;">Style 6</pre><br style="font-family: "Trebuchet MS",sans-serif;" /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6RbqQqN4W2HJQQB4ZbtQwlTAWSmnP15RVK76fw3H-5dL073SYsygj0uLz6z8NTlgcn4QrLrYf2sJbJnFz_KFNvjbMKTLdhxxnH11Z84xbrG-YG6v_xoHw6VB2MuY_EnmgFTwgdRDSHnM/s1600/kode-blogger_searchbox6.png" style="font-family: "Trebuchet MS",sans-serif;"><img alt="kode-blogger_searchbox6" border="0" id="BLOGGER_PHOTO_ID_5641447004707603074" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6RbqQqN4W2HJQQB4ZbtQwlTAWSmnP15RVK76fw3H-5dL073SYsygj0uLz6z8NTlgcn4QrLrYf2sJbJnFz_KFNvjbMKTLdhxxnH11Z84xbrG-YG6v_xoHw6VB2MuY_EnmgFTwgdRDSHnM/s320/kode-blogger_searchbox6.png" style="cursor: hand; cursor: pointer; display: block; height: 49px; margin: 0px auto 10px; text-align: center; width: 307px;" /></a><code style="font-family: "Trebuchet MS",sans-serif;"><style type="text/css"> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;">#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE0Q6etfVHkKW75qdZRhB78bemTi01bZMY1CaXnOsGQ7NY7qGt_ivRxmiUUn-OnTi3FBtK_QJ2KE5efkR8h_Pvaboy_Vrp8n85dThlXUpvIFIbPALpt1NhzTOf7ICVQB2GMcMVaZ8K5m0/s1600/kode-blogger_searchbox6.png)  no-repeat scroll center center  transparent;width:307px;height:50px;disaply:block;} </code><br /><code style="font-family: "Trebuchet MS",sans-serif;">form#w2b-searchform{display: block;padding: 12px;margin:0;} </code><br /><code style="font-family: "Trebuchet MS",sans-serif;">form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width:  215px;font-size:14px;vertical-align:  top;border:none;background:transparent;} </code><br /><code style="font-family: "Trebuchet MS",sans-serif;">form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"></style> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"><div id="w2b-searchbox"> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"><form id="w2b-searchform" action="/search" method="get"> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"><input type="text" id="s" name="q" value=""/> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"><input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"></form> </code><br /><code style="font-family: "Trebuchet MS",sans-serif;"></div></code><span style="font-family: "Trebuchet MS",sans-serif;"> </span><br /><br style="font-family: "Trebuchet MS",sans-serif;" /><br style="font-family: "Trebuchet MS",sans-serif;" /><span style="font-family: "Trebuchet MS",sans-serif;">Sip... </span><span style="font-family: "Trebuchet MS",sans-serif; font-weight: bold;">Search Box Unik Untuk Blogspot</span><span style="font-family: "Trebuchet MS",sans-serif;"> diatas hanyalah beberapa saja yang bisa saya share, pastinya ada lebih banyak lagi diluar sana. </span><br /><span style="font-family: "Trebuchet MS",sans-serif;">Semoga Bermanfaat.*<a href="http://kode-blogger.blogspot.com/2011/08/search-box-simpel-dan-keren-untuk.html" target="_blank">source</a></span></div>

Search Box Unik Untuk Blogspot

Search Box Unik Untuk Blogspot , dari judulnya saja sobat pasti sudah tahu apa yang kiranya akan saya share kali ini. Search Box (kotak penc...

Baca selengkapnya »

00.57

Search Box Keren Untuk Blogspot

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDrfiMmTEM_9AYsF7AW_jneFbxoyrgFDKMK13CENOmUw7vt8NEIe1Egwf2wSaE-v13CmVXBcY8N3YU7ADDyEuUf28ofadezOducuUdxCQ_DM8MLaSu1XhHOS94BTHAU1UjB9EJvQW7BttE/s1600/ser.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="118" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDrfiMmTEM_9AYsF7AW_jneFbxoyrgFDKMK13CENOmUw7vt8NEIe1Egwf2wSaE-v13CmVXBcY8N3YU7ADDyEuUf28ofadezOducuUdxCQ_DM8MLaSu1XhHOS94BTHAU1UjB9EJvQW7BttE/s200/ser.JPG" width="200" /></a></div><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;">Search  box atau kotak pencarian merupakan salah satu elemen yang cukup penting  pada sebuah Blog atau Website. Mengapa demikian? Ini dikarenakan search  box berfungsi sangat membantu para visitors yang ingin mencari artikel  di Blog sobat. Blogger dan google telah  menyediakan widget search box ini, namun banyak Blogger yang menganggap  widget bawaan Blogger dan google itu kurang menarik dan tidak cool  (Dingin?) Nah kali ini saya akan memposting mengenai tutorial Blog tentang search box yaitu Cara membuat search box - kotak pencarian unik dan keren di Blog. Berikut Cara membuat search box  keren di Blogspot</div><a name="more"></a>Upss..hampir lupa..kalo mau liat demonya dulu silakan klik <a href="http://www.bloggermint.com/demos/css3searchbox/" target="_blank">disini</a> gan.<br /><br /><h3 style="font-family: "Trebuchet MS",sans-serif; font-weight: normal; text-align: justify;">  Cara membuat search box - kotak pencarian unik dan keren di Blog :</h3><div style="font-family: "Trebuchet MS",sans-serif; text-align: justify;"><ul><li>Login ke dashboard blog sobat.</li><li>Klik template kemudian edit HTML.</li><li>Copy salah satu kode CSS berikut kemudian paste di atas kode <b>]]></b:skin> </b>kemudian simpan template.</li></ul><div><b>1. Hitam :</b><br /><span style="background-color: white;"><span style="line-height: 18px; text-align: -webkit-auto;">#search {</span><br style="line-height: 18px; text-align: -webkit-auto;" /><span style="line-height: 18px; text-align: -webkit-auto;">}</span><br style="line-height: 18px; text-align: -webkit-auto;" /><span style="line-height: 18px; text-align: -webkit-auto;">#search input[type="text"] {</span><br style="line-height: 18px; text-align: -webkit-auto;" /><span style="line-height: 18px; text-align: -webkit-auto;">    background: url(search-dark.png) no-repeat 10px 6px #444;</span><br style="line-height: 18px; text-align: -webkit-auto;" /><span style="line-height: 18px; text-align: -webkit-auto;">    border: 0 none;</span><br style="line-height: 18px; text-align: -webkit-auto;" /><span style="line-height: 18px; text-align: -webkit-auto;">    font: bold 12px Arial,Helvetica,Sans-serif;</span><br style="line-height: 18px; text-align: -webkit-auto;" /><span style="line-height: 18px; text-align: -webkit-auto;">    color: #777;</span><br style="line-height: 18px; text-align: -webkit-auto;" /><span style="line-height: 18px; text-align: -webkit-auto;">    width: 150px;</span><br style="line-height: 18px; text-align: -webkit-auto;" /><span style="line-height: 18px; text-align: -webkit-auto;">    padding: 6px 15px 6px 35px;</span><br style="line-height: 18px; text-align: -webkit-auto;" /><span style="line-height: 18px; text-align: -webkit-auto;">    -webkit-border-radius: 20px;</span><br style="line-height: 18px; text-align: -webkit-auto;" /><span style="line-height: 18px; text-align: -webkit-auto;">    -moz-border-radius: 20px;</span><br style="line-height: 18px; text-align: -webkit-auto;" /><span style="line-height: 18px; text-align: -webkit-auto;">    border-radius: 20px;</span><br style="line-height: 18px; text-align: -webkit-auto;" /><span style="line-height: 18px; text-align: -webkit-auto;">    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);</span><br style="line-height: 18px; text-align: -webkit-auto;" /><span style="line-height: 18px; text-align: -webkit-auto;">    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;</span><br style="line-height: 18px; text-align: -webkit-auto;" /><span style="line-height: 18px; text-align: -webkit-auto;">    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;</span><br style="line-height: 18px; text-align: -webkit-auto;" /><span style="line-height: 18px; text-align: -webkit-auto;">    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;</span><br style="line-height: 18px; text-align: -webkit-auto;" /><span style="line-height: 18px; text-align: -webkit-auto;">    -webkit-transition: all 0.7s ease 0s;</span><br style="line-height: 18px; text-align: -webkit-auto;" /><span style="line-height: 18px; text-align: -webkit-auto;">    -moz-transition: all 0.7s ease 0s;</span><br style="line-height: 18px; text-align: -webkit-auto;" /><span style="line-height: 18px; text-align: -webkit-auto;">    -o-transition: all 0.7s ease 0s;</span><br style="line-height: 18px; text-align: -webkit-auto;" /><span style="line-height: 18px; text-align: -webkit-auto;">    transition: all 0.7s ease 0s;</span><br style="line-height: 18px; text-align: -webkit-auto;" /><span style="line-height: 18px; text-align: -webkit-auto;">    }</span><br style="line-height: 18px; text-align: -webkit-auto;" /><br style="line-height: 18px; text-align: -webkit-auto;" /><span style="line-height: 18px; text-align: -webkit-auto;">#search input[type="text"]:focus {</span><br style="line-height: 18px; text-align: -webkit-auto;" /><span style="line-height: 18px; text-align: -webkit-auto;">    width: 200px;</span><br style="line-height: 18px; text-align: -webkit-auto;" /><span style="line-height: 18px; text-align: -webkit-auto;">    }</span></span><br /><span style="background-color: white;"><span style="line-height: 18px; text-align: -webkit-auto;"><br /></span></span><br /><span style="background-color: white;"><span style="line-height: 18px; text-align: -webkit-auto;"><b>2. Putih :</b></span></span><br /><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">#search {</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">}</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">#search input[type="text"] {</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    background: url(search-white.png) no-repeat 10px 6px #fcfcfc;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    border: 1px solid #d1d1d1;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    font: bold 12px Arial,Helvetica,Sans-serif;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    color: #bebebe;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    width: 150px;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    padding: 6px 15px 6px 35px;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    -webkit-border-radius: 20px;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    -moz-border-radius: 20px;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    border-radius: 20px;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    -webkit-transition: all 0.7s ease 0s;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    -moz-transition: all 0.7s ease 0s;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    -o-transition: all 0.7s ease 0s;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    transition: all 0.7s ease 0s;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    }</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;"><br /></span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">#search input[type="text"]:focus {</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    width: 200px;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    }</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;"><br /></span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;"><b>3. Hitam putih :</b></span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">#search {</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;"><br /></span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">}</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;"><br /></span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">#search input[type="text"] {</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    background: url(search-white.png) no-repeat 10px 6px #444;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    border: 0 none;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    font: bold 12px Arial,Helvetica,Sans-serif;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    color: #d7d7d7;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    width:150px;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    padding: 6px 15px 6px 35px;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    -webkit-border-radius: 20px;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    -moz-border-radius: 20px;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    border-radius: 20px;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    -webkit-transition: all 0.7s ease 0s;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    -moz-transition: all 0.7s ease 0s;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    -o-transition: all 0.7s ease 0s;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    transition: all 0.7s ease 0s;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    }</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;"><br /></span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">#search input[type="text"]:focus {</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    background: url(search-dark.png) no-repeat 10px 6px #fcfcfc;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    color: #6a6f75;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    width: 200px;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;">    }</span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;"> </span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;"> </span></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"></div><div class="MsoNormal" style="line-height: 18px; margin-bottom: 0.0001pt;"><span style="background-color: white;"></span><span style="line-height: 18px;">Setelah  memasang salah satu kode CSS diatas, selanjutnya sobat klik tata letak  kemudian add gadget. Pilih HTML/JavaScript kemudian copy kode berikut  kemudian paste di HTML/JavaScript kemudian simpan.</span></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><div><span style="background-color: white;"></span><br /><div style="line-height: 18px;"><span style="background-color: white;"><form method="get" action="/search" id="search"></span></div><div style="line-height: 18px;"><span style="background-color: white;">  <input name="q" type="text" size="40" placeholder="<span style="color: #cc0000;">Cari artikel disini gan...</span>" /></span></div><div style="line-height: 18px;"><span style="background-color: white;"></form></span><br /><span style="background-color: white;"><br /></span></div><div><ul><li><span style="background-color: white;"><span style="line-height: 18px;">Kemudian letakkan widget search box ini dimana saja yang sobat suka :)</span></span></li><span style="background-color: white;"><li><span style="line-height: 18px;">Selesai!</span></li></span></ul><h3>  <span style="background-color: white;"><span style="line-height: 18px;"><b><span style="color: red;">Catatan :</span></b></span></span></h3></div><div><ul><li><span style="background-color: white;"><span style="line-height: 18px;">Sobat  dapat mengedit atau memodifikasi kode CSS diatas sesuai selera sobat  sendiri, misalnya jenis font yang digunakan, warna, lebar, dll.</span></span></li><span style="background-color: white;"><li><span style="line-height: 18px;">Sobat bisa mengganti tulisan "</span><span style="color: #cc0000; line-height: 18px;">Cari artikel disini gan...</span><span style="line-height: 18px;">" dengan kata - kata sobat sendiri.*<a href="http://fharhiyedh.blogspot.com/2012/06/cara-membuat-search-box-kotak-pencarian.html" target="_blank">source</a></span></li></span></ul></div></div></div></div></div></div>

Search Box Keren Untuk Blogspot

Search box atau kotak pencarian merupakan salah satu elemen yang cukup penting pada sebuah Blog atau Website. Mengapa demikian? Ini dikare...

Baca selengkapnya »

23.10

iTEKNOPEDIA

Posting Artikel Di Blog Menggunakan Ms. Word 2013

Capture Screen Dengan Free ShareShot

Cara Mudah Mengganti Font Blog

Dengan Google Page Speed Insights Loading Blog Makin Joss !!!

Memasang Widget Tab View di Blog

Script Disable Klik Kanan Pada Blog

Design Template Blog Dengan Artisteer 3

Memasang Widgets Chatting di Blog

Membuat Buka/Tutup Komentar di Blog

Membuat Drop Caps di Awal Posting Blog

Recent Post Marquee di Bawah Blog

Membuat Kotak Komentar Fb dan Blog Berdampingan

Search Box Unik Untuk Blogspot

Search Box Keren Untuk Blogspot

Entri Populer

Arsip Blog