tag:blogger.com,1999:blog-20113064764842275782024-03-18T02:48:13.245-07:00BLOG RANGGATutorial Blogger ,Tips Trik Blogblog ranggahttp://www.blogger.com/profile/00974608774985824028noreply@blogger.comBlogger137125tag:blogger.com,1999:blog-2011306476484227578.post-87498191586298649402020-04-08T06:55:00.001-07:002020-04-08T08:24:50.485-07:00Artisteer 4.3.0.60745 Full Free Download<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-ccyzeWfVFZg/Xo3rBmDuOdI/AAAAAAAAIJs/LAc5vZ6f4h8KXHM7zsOGc6TpbVJCqZlQwCLcBGAsYHQ/s1600/Artisteer%2B4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Artisteer 4 Blog rangga , Blog Tools , Download , full , free" border="0" data-original-height="900" data-original-width="1600" height="180" src="https://1.bp.blogspot.com/-ccyzeWfVFZg/Xo3rBmDuOdI/AAAAAAAAIJs/LAc5vZ6f4h8KXHM7zsOGc6TpbVJCqZlQwCLcBGAsYHQ/s320/Artisteer%2B4.png" title="Artisteer 4 , Blog rangga ,Blog Tools , Download , full , free" width="320" /></a></div>
<span style="text-align: center;"><br /></span>
<span style="text-align: center;"><b><a href="https://blog-rangga.blogspot.com/2020/04/artisteer-43060745-full-free-download.html">Artisteer 4.3.0.60745</a></b> </span>??<span style="text-align: center;">Artisteer 4.3.0.60745 telah di sempurnakan dari versi sebelum nya dari bug dan tambahan lainya ,</span> <span style="text-align: center;">Artisteer 4.3.0.60745 </span>adalah sebuah sofware yang sangat cocok untuk profesional ataupun pemula untuk membuat website template , blogger template, Tumblr Theme , Wordpress Theme tanpa harus mengerti bahasa program Web seperti program CSS, HTML, PHP dan sebagai nya , dengan sofware Artisteer ini pengguna nya tidak perlu lagi mendesain tema atau template menggunakan Adobe Dreamwaver ataupun Adobe Photoshop karena di <span style="text-align: center;">Artisteer4.3.0.60745 </span>sudah tersedia template dan icon yang tampilan yang sangat menarik dan bagus dengan banyak pilihan tampilan yang sangat menarik dan bagus buat tampilan website template , blogger template, Tumblr Theme , Wordpress Theme sesuai yang di terangkan di website resmi nya Artisteer<br />
<br />
<b>Artisteer adalah produk otomatisasi desain web pertama dan satu-satunya yang secara instan membuat templat situs web dan tema blog yang tampak fantastis</b><br />
<b><br /></b>
<br />
<ul>
<li><b>Desain blog yang luar biasa dan templat web keren dalam hitungan menit</b></li>
<li><b>Ekspor ke Blogger, Joomla, Wordpress, dan produk CMS lainnya</b></li>
<li><b>Tidak perlu belajar Photoshop, CSS, HTML atau teknologi lainnya</b></li>
<li><b>Menyenangkan dan mudah digunakan!</b></li>
<li><b>Pratinjau, unduh, dan edit contoh situs web dan templat online!</b></li>
</ul>
Kalau buat pemula sangat cocok sekali karena menggunakan cukup klik dan klik sesuai tampilan yang di inginkan yang jelas menurut pengalaman saya sendiri Sofware ini sangat User friendly tapi sayang tool ini di gunakan berbayar dengan harga yang tertera di bawah ini<br />
<ul>
<li> <b>HOME & EDITION + THEMLER PERSONAL BUY $49.95</b></li>
<li><b>STANDARD EDITION+THEMLER BUSINESS BUY $129.95</b></li>
<li><b>STANDARD EDITION+THEMLER PRO BUY $199.95</b></li>
</ul>
<b>Tapi di sini saya akan berbagi sofware ini secara gratis</b> buat yang ingin mencoba menggunakan tool ini dengan versi full nya lengkap dengan patch dengan mendowload melalui link di bawah ini<br />
<br />
<div style="text-align: center;">
<b>Link Download</b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>Google Drive</b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b><a href="https://drive.google.com/open?id=106EcGpt_lEfsievtNhoX8idHFlojfyH9" target="_blank">Artisteer 4.3.0.60745 (120 MB)</a></b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>Userscloud</b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b><a href="https://userscloud.com/esvx47gxjc5v" target="_blank">Artisteer 4.3.0.60745 (120 MB)</a></b><br />
<b><br /></b></div>
Semoga berguna dan bermanfaat dan kalau ada link yan eror tolong di baritahukan supaya bisa di perbaiki secepat nya
blog ranggahttp://www.blogger.com/profile/00974608774985824028noreply@blogger.com0tag:blogger.com,1999:blog-2011306476484227578.post-30668018984588941532020-04-07T08:45:00.000-07:002020-04-08T04:15:41.873-07:00Link Informasi Tentang Virus Corona Covid 19 Indonesia<div class="separator" style="clear: both; text-align: center;">
</div>
Link Nasional
<br />
<ul>
<li>Nasional: <a href="https://www.covid19.go.id/" target="_blank">https://www.covid19.go.id</a></li>
<li><span style="background-color: white; color: #2a2a2a; font-family: "roboto" , sans-serif; font-size: 14px;">Kemenkes: <a href="http://covid-monitoring.kemkes.go.id/" target="_blank">http://covid-monitoring.kemkes.go.id</a></span></li>
<li><span style="background-color: white; color: #2a2a2a; font-family: "roboto" , sans-serif; font-size: 14px;">BNPB: <a href="http://covid19.bnpb.go.id/" target="_blank">http://covid19.bnpb.go.id/</a></span></li>
<li><span style="background-color: white; color: #2a2a2a; font-family: "roboto" , sans-serif; font-size: 14px;">Badan Informasi Geospasial (BIG) : <a href="https://portal.ina-sdi.or.id/big-lawan-covid19-mobile" target="_blank">https://portal.ina-sdi.or.id/big-lawan-covid19-mobile</a></span></li>
</ul>
blog ranggahttp://www.blogger.com/profile/00974608774985824028noreply@blogger.com0tag:blogger.com,1999:blog-2011306476484227578.post-23585760347017015242014-04-10T10:46:00.002-07:002014-04-10T10:46:57.124-07:00Cara memasang photo di mp3Tutorial kali ini saya akan share tentang <i><span style="color: red;">C<b>ara memasang photo di mp3</b></span></i> , saya akan menjelaskan sedikit tentang apa itu photo di mp3 ? yaitu pada saat kita memutar mp3 baik menggunakan <a href="http://blog-rangga.blogspot.com/2011/02/download-mp3-gratis.html" target="_blank">pemutar mp3</a> yang ada di komputer maupun <a href="http://blog-rangga.blogspot.com/2013/02/download-gratis-skin-dan-aimp-terbaru.html" target="_blank">pemutar mp3</a> yang ada di handphone akan tampil sebuah gambar tergantung ada tidak nya gambar di file mp3 tersebut seperti contoh gambar dibawah ini<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-wCoIyaAxjrI/U0bMqgN86HI/AAAAAAAAHpg/Qwg9m1Q0kLY/s1600/Untitled-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" src="http://1.bp.blogspot.com/-wCoIyaAxjrI/U0bMqgN86HI/AAAAAAAAHpg/Qwg9m1Q0kLY/s1600/Untitled-1.jpg" height="227" title="cara memasang photo di mp3" width="320" /></a></div>
Sekarang kita lanjut pada cara membuat nya yaitu siapkan dulu bahan untuk di gunakan untuk memasang photo di mp3<br />
1. sebuah komputer/laptop<br />
2. jaringan internet / wifi /modem<br />
3. mp3 yang mau di edit plus photo yang mau di pasang<br />
kalau semua diatas sudah di siapkan silahkan ikuti tutorial nya di bawah ini ;<br />
Pertama download dulu sofware/aplikasi nya di sini <b><i style="background-color: white;"><span style="color: red;">http://www.softpointer.com/AudioShell.htm</span></i></b><br />
<br />
<ul>
<li>Selanjutnya instal aplikasi nya seperti biasa.</li>
<li>Buka mp3 yang mau di beri gambar atau di beri tag.</li>
<li>klik kanan mp3 yang mau di edit.</li>
<li><a href="http://2.bp.blogspot.com/-xIOmgZqP3LQ/U0bUMzKGnVI/AAAAAAAAHpw/jd5Sk0JI8JQ/s1600/Untitled-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img alt="blog-rangga" border="0" src="http://2.bp.blogspot.com/-xIOmgZqP3LQ/U0bUMzKGnVI/AAAAAAAAHpw/jd5Sk0JI8JQ/s1600/Untitled-1.jpg" height="252" title="cara memasang photo di mp3" width="320" /></a></li>
<li>Selanjut klik AudioShell tag editor dan klik Add cover lalu cari file photo yang akan dipasang.</li>
<li><a href="http://3.bp.blogspot.com/-m6WGnFXxFJI/U0bWEZM1ssI/AAAAAAAAHp8/ZAQFR218pCQ/s1600/Untitled-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img alt="blog-rangga" border="0" src="http://3.bp.blogspot.com/-m6WGnFXxFJI/U0bWEZM1ssI/AAAAAAAAHp8/ZAQFR218pCQ/s1600/Untitled-1.jpg" height="320" title="cara memasang photo di mp3" width="231" /></a></li>
<li>Setelah photo di pasang klik Apply dan oke untuk menyimpan mp3.</li>
<li><a href="http://4.bp.blogspot.com/-lO9jxEo9pLU/U0bXINKL1uI/AAAAAAAAHqE/T8HWC_ysxIY/s1600/Untitled-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img alt="blog-rangga" border="0" src="http://4.bp.blogspot.com/-lO9jxEo9pLU/U0bXINKL1uI/AAAAAAAAHqE/T8HWC_ysxIY/s1600/Untitled-1.jpg" height="320" title="cara memasang photo di mp3" width="229" /></a></li>
<li>Terakhir buka mp3 yang sudah di edit untuk melihat hasil nya ......</li>
</ul>
blog ranggahttp://www.blogger.com/profile/00974608774985824028noreply@blogger.com6tag:blogger.com,1999:blog-2011306476484227578.post-66778095232741435612014-03-26T05:39:00.000-07:002014-03-26T05:43:21.350-07:00Cara menggunakan google drive untuk upload kode javascriptKarena google code sudah menghapus fasilitas untuk mengupload file hosting javascript (js.) Banyak pengguna google code yang kebingungan dimana harus mengupload file javascript nya apalagi yang mempunyai link back . Tapi siapa sangka google masih menyediakan fasilitas upload file javascript melalui google drive dan upload file host di google drive yang ternyata lebih mudah dan cepat di bandingkan dengan menggunakan google code .<br />
Disini saya akan berbagi cara menggunakan upload file sebagai contoh saya menggunakan code javascript untuk di upload di google drive<br />
<br />
<ul>
<li>Hal utama untuk bisa masuk untuk menggunakan google drive yaitu harus mempunyai akun dulu di google , untuk membuat akun di google bisa dengan berkunjung ke <a href="https://accounts.google.com/SignUp" target="_blank"><b><i>link ini</i></b></a> . <div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-bc6jkWkFbVc/UzGybBb5MZI/AAAAAAAAHmE/aegWD_dEasE/s1600/blog+rangga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" src="http://4.bp.blogspot.com/-bc6jkWkFbVc/UzGybBb5MZI/AAAAAAAAHmE/aegWD_dEasE/s1600/blog+rangga.jpg" height="194" title="Cara menggunakan google drive untuk upload kode javascript" width="320" /></a></div>
</li>
<li>Selanjut nya masuk atau langsung login ke google drive melalui <a href="https://www.google.com/intl/in/drive/start/index.html" target="_blank"><b><i>link ini</i></b></a> .<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-7iAp88Wwxno/UzG0GsjqW3I/AAAAAAAAHmQ/ect7jiPHgQg/s1600/blog+rangga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" src="http://2.bp.blogspot.com/-7iAp88Wwxno/UzG0GsjqW3I/AAAAAAAAHmQ/ect7jiPHgQg/s1600/blog+rangga.jpg" height="195" title="Cara menggunakan google drive untuk upload kode javascript" width="320" /></a></div>
</li>
<li>Klik " buat " untuk membuat folder , nama foldernya bisa di buat dengan keinginan lalu klik buat untuk menyimpan folder .<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/--BAI5RpUn7E/UzG3U1RtQfI/AAAAAAAAHmc/s6e6UGxaoik/s1600/blog+rangga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" src="http://3.bp.blogspot.com/--BAI5RpUn7E/UzG3U1RtQfI/AAAAAAAAHmc/s6e6UGxaoik/s1600/blog+rangga.jpg" height="209" title="Cara menggunakan google drive untuk upload kode javascript" width="320" /></a></div>
</li>
<li>Untuk menggunakan folder yang telah di buat tadi klik tanda panah yang ada tepat di samping folder .<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-e1_or4mfFtE/UzG5g5Q2HBI/AAAAAAAAHmo/RX4MvqF_JHM/s1600/blog+rangga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" src="http://3.bp.blogspot.com/-e1_or4mfFtE/UzG5g5Q2HBI/AAAAAAAAHmo/RX4MvqF_JHM/s1600/blog+rangga.jpg" height="174" title="Cara menggunakan google drive untuk upload kode javascript" width="320" /></a></div>
</li>
<li>Pilih file yang mau di upload atau di unggah sebagai contoh saya mengupload file js. Yang ada di My document .<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-Ci51RLLN8Qo/UzG759Zp7QI/AAAAAAAAHm0/HKd-U5iVnaU/s1600/blog+rangga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" src="http://1.bp.blogspot.com/-Ci51RLLN8Qo/UzG759Zp7QI/AAAAAAAAHm0/HKd-U5iVnaU/s1600/blog+rangga.jpg" height="197" title="Cara menggunakan google drive untuk upload kode javascript" width="320" /></a></div>
</li>
<li>Setelah file js tadi terupload atau terunggah 100 % selanjut nya klik '<b>berbagi'</b> Untuk mengatur opsi supaya kode nya bisa di lihat diweb atau blog .<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-BJQ5ulglSLM/UzG8xFpUH4I/AAAAAAAAHm8/LAnOaTywVyY/s1600/blog+rangga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" src="http://3.bp.blogspot.com/-BJQ5ulglSLM/UzG8xFpUH4I/AAAAAAAAHm8/LAnOaTywVyY/s1600/blog+rangga.jpg" height="197" title="Cara menggunakan google drive untuk upload kode javascript" width="320" /></a></div>
</li>
<li>ubah lah opsi nya menjadi “publik di web“ Cara mengunakan kode nya buat blog yaitu copy code yang tampil dan pastekan sementara dulu di notepad .<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-c0fSsYEr6Ic/UzG-yjJk56I/AAAAAAAAHnQ/WhOOsnb_r0c/s1600/blog+rangga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" src="http://4.bp.blogspot.com/-c0fSsYEr6Ic/UzG-yjJk56I/AAAAAAAAHnQ/WhOOsnb_r0c/s1600/blog+rangga.jpg" height="196" title="Cara menggunakan google drive untuk upload kode javascript" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
</li>
<li>Selanjut nya contoh menggunakan code nya untuk hosting yaitu mengambil code di tandai yang sudah di pastekan di notepad tadi
Gabungkan url nya sehingga kode menjadi seperti contoh kode di bawah ini .<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-eTQYziCsHN8/UzHA0giUwLI/AAAAAAAAHnc/MylfZq3jqEs/s1600/blog+rangga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" src="http://2.bp.blogspot.com/-eTQYziCsHN8/UzHA0giUwLI/AAAAAAAAHnc/MylfZq3jqEs/s1600/blog+rangga.jpg" height="209" title="Cara menggunakan google drive untuk upload kode javascript" width="320" /></a></div>
</li>
</ul>
<blockquote class="tr_bq">
url yang di berikan google drive <u>https://drive.google.com/file/d/<span style="color: red;">0B-YDILnfw4VqWkpZQWlDbll6Yms</span>/edit?usp=sharing </u></blockquote>
<blockquote class="tr_bq">
https://googledrive.com/host/<span style="color: red;">masukan kode yang di tandai warna merah disini</span></blockquote>
sehingga kode nya menjadi seperti dibawah ini<br />
<blockquote class="tr_bq">
https://googledrive.com/host/<span style="color: red;">0B-YDILnfw4VqWkpZQWlDbll6Yms</span></blockquote>
Supaya menjadi kode widget uang bertaburan di blog gabungan seperti ini<br />
<blockquote class="tr_bq">
<script src="<span style="color: red;">https://googledrive.com/host/0B-YDILnfw4VqWkpZQWlDbll6Yms</span>" type="text/javascript"/></script> </blockquote>
Untuk melihat hasil dari kode di atas silahkan di tes di halaman HTML blog sobat seperti apa jadi fungsi kode dari google drive.<br />
Cara di atas bisa juga di gunakan untuk code HTML , CSS dan JavaScript yang bisa anda coba sendiri.blog ranggahttp://www.blogger.com/profile/00974608774985824028noreply@blogger.com19tag:blogger.com,1999:blog-2011306476484227578.post-23732793842357586852014-03-22T09:18:00.000-07:002014-03-22T09:18:01.733-07:00Aplikasi mengoptimal kan ram windows xp free<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-B9XSlRPNlY0/Uy21gMSZP9I/AAAAAAAAHl0/-yICv00PXvE/s1600/free+ram+optimizer+xp.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="BLOG RANGGA" border="0" src="http://3.bp.blogspot.com/-B9XSlRPNlY0/Uy21gMSZP9I/AAAAAAAAHl0/-yICv00PXvE/s1600/free+ram+optimizer+xp.jpg" height="296" title="Aplikasi mengoptimal kan ram windows xp free" width="320" /></a></div>
<br />
Sebelum saya membahas lebih lanjut tentang postingan ini , saya mengucapkan minta maaf atas kekurangan yang ada pada blog ini sehingga semua permintaan dan komentar belum bisa di penuhi dan di jawab karena untuk sementara waktu komputer saya masih dalam perbaikan .<br />
<br />
Untuk postingan kali saya akan berbagi tentang tutorial komputer yaitu cara mengoptimal kan kinerja memori ram komputer terutama yang masih menggunakan komputer lama windows xp yang sering hang / crash yang akan memonitor dan membebas kan memori anda pada saat jatuh pada tingkat minimun dengan menggunakan aplikasi free ram optimizer xp yang bisa sobat download secara gratis melalui website berikut ini <b style="background-color: white;"><span style="color: blue;">http://free-ram-optimizer-xp.software.informer.com/</span></b>blog ranggahttp://www.blogger.com/profile/00974608774985824028noreply@blogger.com0tag:blogger.com,1999:blog-2011306476484227578.post-55824889874449908382013-09-18T23:51:00.001-07:002013-09-18T23:51:17.950-07:00Cara Pasang Musik Mp3 Di BlogTembang yang dialunkan dari sebuah blog ternyata bisa berpengaruh terhadap blog , buktinya saya pernah berkunjung kesebuah blog yang memasang musik mp3 kesayangan ku di blog tersebut membuat saya mau berlama di blog tersebut sambil membaca artikel sekalian mendengarkan lagu kesayangan , bagi sobat yang pingin <b><a href="http://blog-rangga.blogspot.com/2013/02/cara-memasang-widget-back-top-icon.html" target="_blank">widget</a></b> memasang mp3 yang langsung di putar secara otomatis di blog nya bisa dengan mengikuti langkahnya di bawah ini .<br />
1. Kunjungi dulu penyedia widget nya yaitu <span style="color: red;"><b>http://www.divine-music.info/</b> </span><br />
2. Pilih salah satu kategori musik yang akan di pasang di blog atau pilih Browse All untuk semua aliran dan judul lagu.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-JVsAaTBDAnU/UjqYmyBYg6I/AAAAAAAAHew/96VV7T1TlZA/s1600/blograngga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Blog Rangga" border="0" height="54" src="http://3.bp.blogspot.com/-JVsAaTBDAnU/UjqYmyBYg6I/AAAAAAAAHew/96VV7T1TlZA/s320/blograngga.jpg" title="Cara Pasang Musik Mp3 Di Blog" width="320" /></a></div>
3. Pilih judul lagu yang ingin di pasang di blog , contoh nya saya pasang lagu Muse - Starlight<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-qWreZnFTHhE/UjqaR31iF3I/AAAAAAAAHe8/5wGMrKkvAcI/s1600/blograngga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Blog Rangga" border="0" height="61" src="http://2.bp.blogspot.com/-qWreZnFTHhE/UjqaR31iF3I/AAAAAAAAHe8/5wGMrKkvAcI/s320/blograngga.jpg" title="Cara Pasang Musik Mp3 Di Blog" width="320" /></a></div>
4. Klik lagu nya dan copy kodenya script seperti contoh gambar di bawah ini .<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-zqd0FdU-mWk/UjqbRXsYfcI/AAAAAAAAHfI/yZsBWn2TP3k/s1600/blograngga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Blog Rangga" border="0" height="171" src="http://4.bp.blogspot.com/-zqd0FdU-mWk/UjqbRXsYfcI/AAAAAAAAHfI/yZsBWn2TP3k/s320/blograngga.jpg" title="Cara Pasang Musik Mp3 Di Blog" width="320" /></a></div>
5. Untuk memasang di blog login dulu ke blogger.<br />
6. Pilih Tata Letak di Dasbor blog .<br />
7. Lalu klik Tambahkan Gadget >HTML/JavaScript.<br />
8. Terakhir pastekan kode Script yang telah di copy tadi lalu simpan untuk melihat hasil nya diblog.<br />
<br />
Semoga artikel ini bermanfaat buat sobat yang telah sudi berkunjung ke Blog ini .blog ranggahttp://www.blogger.com/profile/00974608774985824028noreply@blogger.com67tag:blogger.com,1999:blog-2011306476484227578.post-56273078792142187792013-08-26T09:21:00.001-07:002013-08-26T09:21:57.008-07:00CARA MEMBUAT BLOG ANTI COPY PASTE DAN KLIK KANAN<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-wnuokeyDnqA/Uht6pzTOZCI/AAAAAAAAHbY/hat7aGxqv-E/s1600/blograngga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="BLOG RANGGA" border="0" height="102" src="http://1.bp.blogspot.com/-wnuokeyDnqA/Uht6pzTOZCI/AAAAAAAAHbY/hat7aGxqv-E/s320/blograngga.jpg" title="CARA MEMBUAT BLOG ANTI COPY PASTE DAN KLIK KANAN" width="320" /></a></div>
Blog di copas atau copy paste memang menjengkelkan sekali apalagi blog tersebut mendapat posisi bagus di atas blog yang telah dicopas karena si tukang copas gembira di atas jerih payah orang lain , untuk mengatasi hal tersebut jangan sampai terjadi ada cara nya supaya artikel blog tidak bisa di copas yaitu dengan memasang script anti klik kanan atau copy paste dengan cara sebagai berikut ;<br />
1. Login ke <b><a href="https://accounts.google.com/ServiceLogin?service=blogger&ltmpl=start&hl=en&passive=86400&continue=http://www.blogger.com/home#s01" target="_blank">Blogger</a></b><br />
2. Klik Tata Letak<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/--HP4Fpu8KgI/Uht8D1I1ZII/AAAAAAAAHbk/V6eg8cw1sow/s1600/blograngga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="BLOG RANGGA" border="0" height="257" src="http://4.bp.blogspot.com/--HP4Fpu8KgI/Uht8D1I1ZII/AAAAAAAAHbk/V6eg8cw1sow/s320/blograngga.jpg" title="CARA MEMBUAT BLOG ANTI COPY PASTE DAN KLIK KANAN" width="320" /></a></div>
<br />
3. Klik lagi Tambahkan Gadget<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-z9mUNxX0wTQ/Uht9MGts1BI/AAAAAAAAHbw/rTFcnw429Kk/s1600/blograngga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="BLOG RANGGA" border="0" height="131" src="http://2.bp.blogspot.com/-z9mUNxX0wTQ/Uht9MGts1BI/AAAAAAAAHbw/rTFcnw429Kk/s320/blograngga.jpg" title="CARA MEMBUAT BLOG ANTI COPY PASTE DAN KLIK KANAN" width="320" /></a></div>
<br />
4. Pilih HTML/JavaScript<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-XbiZ1hwG7mc/Uht-IAiFdvI/AAAAAAAAHb8/KqjX_X-5Apg/s1600/blograngga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="BLOG RANGGA" border="0" height="240" src="http://3.bp.blogspot.com/-XbiZ1hwG7mc/Uht-IAiFdvI/AAAAAAAAHb8/KqjX_X-5Apg/s320/blograngga.jpg" title="CARA MEMBUAT BLOG ANTI COPY PASTE DAN KLIK KANAN" width="320" /></a></div>
<br />
5. Masukan kode Script di bawah ini ke halaman HTML/JavaScript<br />
<blockquote class="tr_bq">
<script> var message="Maaf,, Untuk sementara dilarang klik kanan !!";<br />///////////////////////////////////<br />function clickIE4(){if (event.button==2){alert(message);return false;}} function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}} if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;} else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;} document.oncontextmenu=new Function("alert(message);return false")</script></blockquote>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-0w7pVxYtGys/Uht_3lLSfiI/AAAAAAAAHcI/rXY9s5eeP08/s1600/blograngga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="217" src="http://2.bp.blogspot.com/-0w7pVxYtGys/Uht_3lLSfiI/AAAAAAAAHcI/rXY9s5eeP08/s320/blograngga.jpg" title="CARA MEMBUAT BLOG ANTI COPY PASTE DAN KLIK KANAN" width="320" /></a></div>
<br />
6. Terakhir klik simpan<br />
<br />
Buka halaman blog untuk melihat hasil nya , dan kalau tidak berhasil silahkan tinggal kan pertanyaan di kolom komentarblog ranggahttp://www.blogger.com/profile/00974608774985824028noreply@blogger.com29tag:blogger.com,1999:blog-2011306476484227578.post-30408779309667984982013-07-13T20:14:00.003-07:002013-07-13T20:14:35.345-07:00Cara Merubah Warna Mata Menggunakan Photoshop<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-Lgs1kvOlWtU/UeIWXQWvl7I/AAAAAAAAHa0/7sGMOHktxug/s1600/blog+rangga+1+.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="BLOG RANGGA" border="0" height="145" src="http://1.bp.blogspot.com/-Lgs1kvOlWtU/UeIWXQWvl7I/AAAAAAAAHa0/7sGMOHktxug/s320/blog+rangga+1+.jpg" title="Cara Merubah Warna Mata Menggunakan Photoshop" width="320" /></a></div>
Udah lama juga gak update postingan nie , akhir nya ada juga waktu senggang hari ini untuk berbagi di hari yang penuh berkah ini sambil menjalankan ibadah puasa dan untuk bahan postingan kali ini saya memilih judul postingan yaitu <b>Cara Merubah Warna Mata Menggunakan Photoshop</b> dengan cara atau langkah-langkah sebagai berikut :<br />
<div>
1. buka dulu aplikasi <b>Photoshop</b> sobat </div>
<div>
2. Pilih <b>Open</b> atau <b>CTRL + O</b> untuk memilih gambar yang ingin di edit , untuk contoh saya menggunakan gambar wanita berhijab di bawah ini </div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-iPgnGOLDOg4/UeIHj7c__YI/AAAAAAAAHY4/_VE3G9KiqZI/s1600/blog+rangga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="BLOG RANGGA" border="0" height="203" src="http://1.bp.blogspot.com/-iPgnGOLDOg4/UeIHj7c__YI/AAAAAAAAHY4/_VE3G9KiqZI/s320/blog+rangga.jpg" title="Cara Merubah Warna Mata Menggunakan Photoshop" width="320" /></a></div>
3. Selanjutnya pilih <b>Pen Tool</b> atau <b>Klik P</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-_4-m-8WaBI0/UeIJ5zWOm6I/AAAAAAAAHZU/deXc0DJE_HE/s1600/blog+rangga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="BLOG RANGGA" border="0" height="248" src="http://4.bp.blogspot.com/-_4-m-8WaBI0/UeIJ5zWOm6I/AAAAAAAAHZU/deXc0DJE_HE/s320/blog+rangga.jpg" title="Cara Merubah Warna Mata Menggunakan Photoshop" width="320" /></a></div>
4. Next <b>Seleksi Area</b> pada mata dengan menggunakan Pen Tool seperti contoh gambar di bawah ini<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-qO5Vzsrubs4/UeIMrcDhCLI/AAAAAAAAHZk/CE1t25fnN0A/s1600/blog+rangga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="BLOG RANGGA" border="0" height="180" src="http://1.bp.blogspot.com/-qO5Vzsrubs4/UeIMrcDhCLI/AAAAAAAAHZk/CE1t25fnN0A/s320/blog+rangga.jpg" title="Cara Merubah Warna Mata Menggunakan Photoshop" width="320" /></a></div>
5. Setelah area pada mata selesai di seleksi klik , berikut nya klik kanan pada mouse dan pilih <b>Make Selection.....</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-I_JcDKELfH0/UeIOFz1ALNI/AAAAAAAAHZ0/A1oxo93EcqE/s1600/blog+rangga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="BLOG RANGGA" border="0" height="187" src="http://3.bp.blogspot.com/-I_JcDKELfH0/UeIOFz1ALNI/AAAAAAAAHZ0/A1oxo93EcqE/s320/blog+rangga.jpg" title="Cara Merubah Warna Mata Menggunakan Photoshop" width="320" /></a></div>
6. Berikut nya merubah warna mata yang sudah di seleksi dengan menggunakan <b>CTRL + B</b> atau <b>Image >>Adjustments >> Color Balance......</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-XLBIQTyBkCI/UeIPcyhFWGI/AAAAAAAAHaE/5kL2hcDs5yM/s1600/blog+rangga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="BLOG RANGGA" border="0" height="224" src="http://3.bp.blogspot.com/-XLBIQTyBkCI/UeIPcyhFWGI/AAAAAAAAHaE/5kL2hcDs5yM/s320/blog+rangga.jpg" title="Cara Merubah Warna Mata Menggunakan Photoshop" width="320" /></a></div>
7. Sebagai contoh saya akan merubah warna mata dengan warna hijau dengan merubah nilai pada tool seperti contoh pada gambar di bawah ini .<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-AdTDkxxDMSA/UeIR43sgXGI/AAAAAAAAHaU/qFdMBIZSi1o/s1600/blog+rangga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="BLOG RANGGA" border="0" height="212" src="http://3.bp.blogspot.com/-AdTDkxxDMSA/UeIR43sgXGI/AAAAAAAAHaU/qFdMBIZSi1o/s320/blog+rangga.jpg" title="Cara Merubah Warna Mata Menggunakan Photoshop" width="320" /></a></div>
<blockquote class="tr_bq">
Keterangan : Nilai Tool Color Balance sesuaikan nilai nya dengan keinginan sobat dengan warna mata yang sobat inginkan </blockquote>
8. Terakhir simpan hasil nya kalau hasil nya sudah sesuai denga keinginan sobat seperti contoh gambar di bawah ini<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-q1j2gBlYfgg/UeIT3VvwI3I/AAAAAAAAHak/dMJXa7Hs0xI/s1600/blog+rangga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="BLOG RANGGA" border="0" height="203" src="http://4.bp.blogspot.com/-q1j2gBlYfgg/UeIT3VvwI3I/AAAAAAAAHak/dMJXa7Hs0xI/s320/blog+rangga.jpg" title="Cara Merubah Warna Mata Menggunakan Photoshop" width="320" /></a></div>
Sekian dan terima kasih semoga artikel ini bermanfaat dan selamat menjalankan Ibadah Puasa Bagi Yang Menjalankan ........blog ranggahttp://www.blogger.com/profile/00974608774985824028noreply@blogger.com3tag:blogger.com,1999:blog-2011306476484227578.post-34003017040750287432013-06-20T10:18:00.001-07:002013-06-20T10:18:30.300-07:00Cara Membagi Dua Kolom Pada Postingan BlogPada postingan kali ini saya akan berbagi tentang Tutorial Blogger yaitu <i><b>Cara Membagi Dua Kolom Pada Postingan Blog</b></i> yaitu dalam satu halaman postingan akan terbagi dan terpisah menjadi dua kolom .<br />
Penasaran tentang cara nya ?? langsung saja ke TKP nya dengan cara sebagai berikut :<br />
1. Login dulu dengan <i><b>Account Blogger</b></i> yang telah sobat buat<br />
2. Pilih <i><b>Buat Entri Baru</b></i> atau klik <i><b>Icon Pena</b></i> <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-KNmUtV5oym0/UcMvuoqst4I/AAAAAAAAHWk/t51h6teol4o/s1600/blog+rangga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="BLOG RANGGA" border="0" height="66" src="http://3.bp.blogspot.com/-KNmUtV5oym0/UcMvuoqst4I/AAAAAAAAHWk/t51h6teol4o/s320/blog+rangga.jpg" title="Cara Membagi Dua Kolom Pada Postingan Blog" width="320" /></a></div>
3. Lalu pilih <i><b>HTML</b></i> pada halaman postingan blog dan masukan kode di bawah ini kehalaman tersebut<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-lsF_D_vNO_I/UcMxVji_KJI/AAAAAAAAHW0/lKFg4WPVJOU/s1600/blog+rangga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="BLOG RANGGA" border="0" height="199" src="http://3.bp.blogspot.com/-lsF_D_vNO_I/UcMxVji_KJI/AAAAAAAAHW0/lKFg4WPVJOU/s320/blog+rangga.jpg" title="Cara Membagi Dua Kolom Pada Postingan Blog" width="320" /></a></div>
Kode Script Artikel 2 Kolom
<br />
<blockquote class="tr_bq">
<table border="0" cellspacing="<span style="color: blue;"><i><b>10</b></i></span>" style="width: <i><b><span style="color: blue;">500px</span></b></i>;"><br />
<tbody><br />
<tr><br />
<td valign="top" width="<span style="color: blue;"><i><b>250</b></i></span>">kolom artikel 1...</td><br />
<td valign="top" width="<span style="color: blue;"><i><b>250</b></i></span>">kolom artikel 2...</td><br />
</tr><br />
</tbody></table></blockquote>
4. Lalu Klik <i><b>Compose</b></i> dan ganti tulisan <i><b>kolom artikel 1...</b></i>dan <i><b>kolom artikel 2...</b></i>dengan artikel postingan sobat<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-lRZHlVrtmmE/UcM0P5vsnfI/AAAAAAAAHXE/6wGZW-05KQo/s1600/blog+rangga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="BLOG RANGGA" border="0" height="262" src="http://2.bp.blogspot.com/-lRZHlVrtmmE/UcM0P5vsnfI/AAAAAAAAHXE/6wGZW-05KQo/s320/blog+rangga.jpg" title="Cara Membagi Dua Kolom Pada Postingan Blog" width="320" /></a></div>
5. Terakhir <i><b>Publikasikan</b></i> postingan sobat .<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-Yya-9t2YZ6Y/UcM2Ft6zJII/AAAAAAAAHXU/Kwyz2Ni94Tc/s1600/blog+rangga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="BLOG RANGGA" border="0" height="195" src="http://1.bp.blogspot.com/-Yya-9t2YZ6Y/UcM2Ft6zJII/AAAAAAAAHXU/Kwyz2Ni94Tc/s320/blog+rangga.jpg" title="Cara Membagi Dua Kolom Pada Postingan Blog" width="320" /></a></div>
<u>Keterangan : </u><br />
Kode yang di tandai warna biru ( <span style="color: blue;"><i><b>10 </b></i><span style="color: black;">,</span><i><b> </b></i></span><i><b><span style="color: blue;">500px </span></b></i><span style="color: blue;"><span style="color: black;">dan </span></span><span style="color: blue;"><i><b>250 </b></i><span style="color: black;">)</span></span>silahkan ganti dengan ukuran dengan menyesuaikan dengan ukuran lebar halaman postingan sobat<br />
<br />blog ranggahttp://www.blogger.com/profile/00974608774985824028noreply@blogger.com27tag:blogger.com,1999:blog-2011306476484227578.post-13320514025421000642013-06-06T09:56:00.000-07:002013-06-06T09:57:56.913-07:00Cara Memutihkan Dan Mencerahkan Wajah Menggunakan Photoshop<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-20Ejxaz-Ou4/UbC-mM-nj2I/AAAAAAAAHRY/8IvSlxhKZo8/s1600/blog+rangga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" height="169" src="http://4.bp.blogspot.com/-20Ejxaz-Ou4/UbC-mM-nj2I/AAAAAAAAHRY/8IvSlxhKZo8/s320/blog+rangga.jpg" title="Cara Memutihkan Dan Mencerahkan Wajah Menggunakan Photoshop" width="320" /></a></div>
Terkadang hasil cepretan photo yang ingin kita gunakan kurang memuaskan dan tidak sesuai dengan keinginan contoh nya wajah kurang bersih dan tidak cerah pada area wajah baik pada bawaan kulit atau bisa juga akibat kurang nya cahaya pada saat pemotretan dan supaya hasil nya maksimal sesuai dengan keinginan lakukan lah pengeditan pada photo dengan menggunakan berbagai sofware yang telah banyak sekarang ini salah satu nya dengan menggunakan Photoshop .<br />
<br />
Bagaimana cara Cara Memutihkan Dan Mencerahkan Wajah Menggunakan Photoshop ? Nah disini saya akan berbagi<i><b> <a href="http://blog-rangga.blogspot.com/2013/06/cara-memutihkan-dan-mencerahkan-wajah.html" target="_blank">Cara Memutihkan Dan Mencerahkan Wajah Menggunakan Photoshop</a></b></i> dengan langkah-langkah lengkap dengan gambar yaitu dengan cara sebagai berikut :<br />
1. Pastikan dulu aplikasi <i><b>Photoshop</b></i> sobat sudah ada di komputer sobat dan kalau belum ada terpaksa sobat harus ke warnet dulu .<br />
2. Selanjut nya buka Photoshop sobat dan lalu pilih <i><b>File > Open</b></i> atau <b><i>CTRL + O</i></b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-bOjWydmKsxA/UbCx5sUeKeI/AAAAAAAAHQM/_yc4mlEfgYs/s1600/Untitled-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" src="http://4.bp.blogspot.com/-bOjWydmKsxA/UbCx5sUeKeI/AAAAAAAAHQM/_yc4mlEfgYs/s1600/Untitled-1.jpg" title="Cara Memutihkan Dan Mencerahkan Wajah Menggunakan Photoshop" /></a></div>
3. Selanjut nya pilih tools <i><b>Quick Selection Tool</b></i> atau <i><b>W</b></i><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-doJMRCfu2hc/UbCzfNWL0tI/AAAAAAAAHQc/pVV3Xu9Ll98/s1600/Untitled-3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" height="161" src="http://2.bp.blogspot.com/-doJMRCfu2hc/UbCzfNWL0tI/AAAAAAAAHQc/pVV3Xu9Ll98/s320/Untitled-3.jpg" title="Cara Memutihkan Dan Mencerahkan Wajah Menggunakan Photoshop" width="320" /></a></div>
4. Batasi area wajah dengan dengan teliti menggunakan <i><b>Quick Selection Tool</b></i><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-XXMIxS_u5H0/UbC02ftmDmI/AAAAAAAAHQo/E9aP-MQ37eg/s1600/Untitled-4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" height="239" src="http://1.bp.blogspot.com/-XXMIxS_u5H0/UbC02ftmDmI/AAAAAAAAHQo/E9aP-MQ37eg/s320/Untitled-4.jpg" title="Cara Memutihkan Dan Mencerahkan Wajah Menggunakan Photoshop" width="320" /></a></div>
<b> </b>
5. Pilih <i><b>Image > Adjustments > Levels</b></i> atau <i><b>CTRL + L</b></i><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-bT9KcfKyEro/UbC1p5OEVeI/AAAAAAAAHQ0/mN9XlSNNUUM/s1600/Untitled-5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" height="125" src="http://3.bp.blogspot.com/-bT9KcfKyEro/UbC1p5OEVeI/AAAAAAAAHQ0/mN9XlSNNUUM/s320/Untitled-5.jpg" title="Cara Memutihkan Dan Mencerahkan Wajah Menggunakan Photoshop" width="320" /></a></div>
6. Sesuaikan kecerahan pada area wajah dengan merubah nilai pada <i><b>Levels</b></i><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-FSlt7hZjLOw/UbC3Tua1oTI/AAAAAAAAHRA/9XoXJ19lnuE/s1600/Untitled-6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" height="160" src="http://3.bp.blogspot.com/-FSlt7hZjLOw/UbC3Tua1oTI/AAAAAAAAHRA/9XoXJ19lnuE/s320/Untitled-6.jpg" title="Cara Memutihkan Dan Mencerahkan Wajah Menggunakan Photoshop" width="320" /></a></div>
7. Terakhir kalau hasil nya sudah sesuai simpan hasil nya dengan cara klik <i><b>File > Save</b></i> atau <i><b>CTRL + S</b></i><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Gq-qBr_Q8U8/UbC4TF4uIRI/AAAAAAAAHRI/CX4dBdz_7QM/s1600/Untitled-7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" height="208" src="http://2.bp.blogspot.com/-Gq-qBr_Q8U8/UbC4TF4uIRI/AAAAAAAAHRI/CX4dBdz_7QM/s320/Untitled-7.jpg" title="Cara Memutihkan Dan Mencerahkan Wajah Menggunakan Photoshop" width="320" /></a></div>
<br />
Inilah cara saya menggunakan Photoshop untuk memutihkan dan mencerahkan pada wajah , semoga artikel ini bermanfaat dan jangan lupa membaca tentang artikel yang berhubungan dengan <a href="http://blog-rangga.blogspot.com/search/label/Tutorial%20Photoshop" target="_blank"><i><b>Tutorial Photoshop</b></i></a> lain nya di Blog Rangga .blog ranggahttp://www.blogger.com/profile/00974608774985824028noreply@blogger.com19tag:blogger.com,1999:blog-2011306476484227578.post-38293563351242147882013-06-04T09:45:00.001-07:002013-06-04T09:45:22.044-07:00Cara Mengirim Sms Ke Handphone Dengan Menggunakan Jaringan InternetTerkadang pada saat kita ingin menghubungi seseorang tapi pulsa tidak ada dan kebetulan kita sedang berinternet , tidak usah bingung kalau kita sedang di warnet atau sedang berinternet di rumah , sobat bisa gunakan jaringan internet sobat untuk menelpon dan bersms an secara gratis tanpa harus repot-repot membeli pulsa dulu dengan menggunakan Google Mail .<br />
mungkin masih ada sobat yang belum tahu Cara Mengirim Sms Ke Handphone Dengan Menggunakan Jaringan Internet dan melalui postingan ini saya akan berbagi cara nya kepada sobat yang ingin menggunakan cara ini dengan langkah-langkah sebagai berikut :<br />
1. Sobat harus conect dulu dengan jaringan internet<br />
2. Login dulu dengan account <i><b>Google Mail </b></i>sobat dan kalau belum ada daftar dulu melalui link ini <a href="https://accounts.google.com/ServiceLogin?service=mail&passive=true&rm=false&continue=https://mail.google.com/mail/?tab%3Dwm&scc=1&ltmpl=default&ltmplcache=2" target="_blank"><span style="color: red;"><i><b>Google Mail</b></i></span></a> .<br />
3. Kalau sudah terdaftar dan masuk silahkan klik icon chat di pojok halaman Gmail sobat seperti contoh gambar di bawah ini .<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-f8qCt5k-Fv8/Ua4UYDSNYTI/AAAAAAAAHPc/Bmk-Ing7ho4/s1600/blog+rangga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" src="http://1.bp.blogspot.com/-f8qCt5k-Fv8/Ua4UYDSNYTI/AAAAAAAAHPc/Bmk-Ing7ho4/s1600/blog+rangga.jpg" title="Cara Mengirim Sms Ke Handphone Dengan Menggunakan Jaringan Internet" /></a></div>
4. Selanjut nya masukan no Handphone tujuan ke <i><b>Kolom</b></i> telusuri , ngobrol .<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-UKhUTIdd1G4/Ua4WXjvEyCI/AAAAAAAAHPs/qdKyp31RsKY/s1600/blog+rangga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" height="176" src="http://2.bp.blogspot.com/-UKhUTIdd1G4/Ua4WXjvEyCI/AAAAAAAAHPs/qdKyp31RsKY/s320/blog+rangga.jpg" title="Cara Mengirim Sms Ke Handphone Dengan Menggunakan Jaringan Internet" width="320" /></a></div>
5. Masukan pesan sobat ke dalam kolom pesan dan untuk mengirim klik <i><b>Enter </b></i><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-qYG2mlcd_bA/Ua4YNvCEgkI/AAAAAAAAHP8/9N-KuIAqoG8/s1600/blog+rangga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" src="http://4.bp.blogspot.com/-qYG2mlcd_bA/Ua4YNvCEgkI/AAAAAAAAHP8/9N-KuIAqoG8/s1600/blog+rangga.jpg" title="Cara Mengirim Sms Ke Handphone Dengan Menggunakan Jaringan Internet" /></a></div>
Bagaimana cukup mudah kan sob ??? dan untuk menelpon melalui Google Mail bisa dengan sobat coba sendiri atau tunggu saya akan share pada postingan berikut nya , sekian dan terima kasih dan semoga artikel ini berguna dan bermanfaat .......<br />blog ranggahttp://www.blogger.com/profile/00974608774985824028noreply@blogger.com15tag:blogger.com,1999:blog-2011306476484227578.post-64788144309057296372013-05-29T09:00:00.000-07:002013-05-29T09:02:37.221-07:00Cara Membuat Efek Shadow / Bayangan Pada Pinggir Blog<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-rxJ8W1nvNbQ/UaYlS6wtHkI/AAAAAAAAHO8/79uJX104Rlk/s1600/BLOG+RANGGA.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="BLOG RANGGA" border="0" height="125" src="http://4.bp.blogspot.com/-rxJ8W1nvNbQ/UaYlS6wtHkI/AAAAAAAAHO8/79uJX104Rlk/s320/BLOG+RANGGA.jpg" title="Cara Membuat Efek Shadow / Bayangan Pada Pinggir Blog" width="320" /></a></div>
Posting lagi setelah hampir 1 bulan gak update postingan karena terlalu banyak tugas yang harus di selesaikan , supaya tidak berlama-lama saya akan berbagi tentang inti dari postingan ini yang saya beri judul <a href="http://blog-rangga.blogspot.com/2013/05/cara-membuat-efek-shadow-bayangan-pada.html" target="_blank"><i><b>Cara Membuat Efek Shadow / Bayangan Pada Pinggir Blog</b></i></a> yaitu kita akan memberi efek bayangan pada tepi blog dengan cara sebagai berikut :<br />
<br />
1. <i><b>Login</b></i> dulu ke Blogger<br />
2. Di Dasbor Blog pilih <i><b>Template</b></i><br />
3. Selanjut nya klik <i><b>Edit HTML</b></i><br />
4. Cari salah kode yang mirip dengan kode di bawah ini di HTML Template blog sobat<br />
<i><b>content-outer</b></i> atau <i><b>content-wrapper</b></i><br />
5. pasang kode di bawah ini setelah atau di bawah kode <i><b>content-outer</b></i> atau <i><b>content-wrapper</b></i><br />
<blockquote class="tr_bq">
border:<span style="color: red;"><i><b>2px</b></i> </span>solid <span style="color: red;"><i><b>#0000ff</b></i></span>;<br />
border-color:#9ecaed;<br />
box-shadow:0 0 <span style="color: red;"><i><b>10px</b></i></span> <span style="color: red;"><i><b>#666</b></i></span>} </blockquote>
Keterangan untuk merubah warna dan ukuran bayangan tepi blog :<br />
<ul>
<li><span style="color: red;"><i><b>2px</b></i></span> = ketebalan Garis tepi blog.</li>
</ul>
<ul>
<li><i><b><span style="color: red;">#0000ff</span></b></i> = warna Garis pinggir.</li>
</ul>
<ul>
<li><span style="color: red;"><i><b>10px </b></i></span>= ketebalan efek shadow/bayangan blog.</li>
</ul>
<ul>
<li><span style="color: red;"><i><b>#666</b></i></span> = warna shadow/bayangan.</li>
</ul>
6. Terakhir <i><b>Simpan </b></i>kode untuk melihat hasil nya di blog .<br />
<br />
Kalau sobat juga ingin membuat efek bayangan pada link blog kunjungi link ini <a href="http://blog-rangga.blogspot.com/2013/01/cara-membuat-efek-shadowbayangan-pada.html" target="_blank"><i><b>Cara Membuat Efek Shadow/Bayangan Pada Link Blog</b></i></a>blog ranggahttp://www.blogger.com/profile/00974608774985824028noreply@blogger.com16tag:blogger.com,1999:blog-2011306476484227578.post-34027898164678655262013-05-17T08:54:00.000-07:002013-05-17T09:01:57.550-07:00Cara Membuat Gambar Berputar Dan Membesar Saat Di Lalui Cursor Pada Blog<div id="Hengky">
<div style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;">
<img alt="Blog rangga" src="http://sphotos-a.xx.fbcdn.net/hphotos-ash3/p206x206/576205_421587091210872_394466854_n.jpg" title="Cara Membuat Gambar Berputar Dan Membesar Saat Di Lalui Cursor Pada Blog" /></div>
Pada postingan kali ini saya akan berbagi artikel tentang <a href="http://blog-rangga.blogspot.com/2013/05/cara-membuat-gambar-berputar-dan_17.html" target="_blank"><b>Cara Membuat Gambar Berputar Dan Membesar Saat Di Lalui Cursor Pada Blog</b></a> yaitu gambar pada blog secara otomatis akan berputar dan membesar pada saat di lalui kursor , supaya tidak penasaran kunjungi dulu link ini <span style="color: red;"><b>http://lapautemplate.blogspot.com/2013/05/ratu-sikumbang.html</b></span> untuk melihat contoh nya , langkah selanjut nya yaitu cara memasang nya di blog yaitu dengan langkah sebagai berikut :</div>
1. <i><b>Login</b></i> dulu ke Blogger<br />
2. Pilih <i><b>Template</b></i> di dasbor blog<br />
3. Klik <i><b>Edit HTML</b></i><br />
4. Selanjut nya cari code <span style="color: blue;"><i><b></head></b></i></span> dan tambahkan code script di bawah ini di atas / sebelum code <span style="color: blue;"><i><b></head></b></i></span><br />
<blockquote class="tr_bq">
<style>#Hengky img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;} #Hengky img:hover{ -o-transform: scale(1.3) rotate(360deg); -moz-transform: scale(1.3) rotate(360deg); -webkit-transform: scale(1.3) rotate(360deg);}</style></blockquote>
5. Untuk selanjut nya memasang gambar nya di postingan blog atau gadged blog yaitu dengan memasang kode di bawah ini di <i><b>halaman HTML postingan</b></i> blog atau <i><b>halaman HTML Gadged</b></i> blog<br />
<blockquote class="tr_bq">
<div id="Hengky"><br />
<a href="<i><b><span style="color: red;">http://sphotos-a.xx.fbcdn.net/hphotos-ash4/p206x206/480039_422560754446839_1421935342_n.jpg</span></b></i>"><br />
<img src="<i><b><span style="color: red;">http://sphotos-a.xx.fbcdn.net/hphotos-ash3/p206x206/576205_421587091210872_394466854_n.jpg</span></b></i>" /></a><br />
</div></blockquote>
<u>Keterangan : </u><br />
<ul>
<li>Ganti kode Url gambar yang ditandai warna merah dengan kode Url gambar yang ingin sobat ganti </li>
</ul>
6. Terakhir <i><b>Publikasikan</b></i> kalau sobat memasang nya di halaman HTML postingan blog dan Klik simpan kalau sobat memasang nya di halaman HTML Gadged blog .<br />
<br />
Semoga artikel ini bermanfaat dan kalau ada waktu tinggal kan komentar tentang postingan ini untuk memastikan kode nya berfungsi atau tidak berfungsi di blog sobat .blog ranggahttp://www.blogger.com/profile/00974608774985824028noreply@blogger.com7tag:blogger.com,1999:blog-2011306476484227578.post-61665804867264690462013-05-11T10:36:00.002-07:002013-05-11T10:38:20.484-07:00Cara Membuat Headline News Animasi Di Blog<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-r9POUvDq8wc/UY5_8tROa-I/AAAAAAAAHL0/p44BN5ljWKg/s1600/blog+rangga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Blog Rangga" border="0" height="26" src="http://2.bp.blogspot.com/-r9POUvDq8wc/UY5_8tROa-I/AAAAAAAAHL0/p44BN5ljWKg/s400/blog+rangga.jpg" title="Cara Membuat Headline News Animasi Di Blog" width="400" /></a></div>
Udah lama gak posting membuat <a href="http://blog-rangga.blogspot.com/2013/01/cara-mudah-dan-cepat-merampingkan-alexa.html" target="_blank"><b>Alexa</b></a> blog ini semakin membengkak , supaya langsing lagi saya akan membuat sebuah postingan tentang tutorial blogger dengan pilihan judul <a href="http://blog-rangga.blogspot.com/2013/05/cara-membuat-headline-news-animasi-di.html" target="_blank"><b>Cara Membuat Headline News Animasi Di Blog</b></a> yang berguna untuk mempermudah user melihat artikel terbaru di blog tanpa harus membuka <b><a href="http://blog-rangga.blogspot.com/2011/03/daftar-isi-blograngga.html" target="_blank">Sitemap</a> </b>blog .<br />
<br />
tampilanya cukup unik dan menarik pada blog seperti gambar diatas , kalau sobat ingin melihat secara detail tampilanya bisa dilihat melalui link ini <b>http://lapautemplate.blogspot.com/</b> dan kalau sobat memang tertarik untuk mencoba silahkan ikuti tutorial nya di bawah ini :<br />
<br />
1. <b>Login</b> dulu ke Account kepunyaan sobat<br />
2. Pilih <b>Tata Letak</b> di dasbor blog<br />
3. Klik salah satu <b>Tambahkan Gadget</b><br />
4. Lalu pilih <b>HTML/JavaScript</b><br />
5. Copy code Script dibawah ini dan pastekan kehalaman <b>HTML/JavaScript</b><br />
<blockquote class="tr_bq">
<script type="text/javascript">var hn_url_blog = "<b><span style="color: red;">http://blog-rangga.blogspot.com/</span></b>";var hn_jumlah_post = <b><span style="color: orange;">15</span></b>;var hn_warna_latar = "#<b><span style="color: lime;">FAF8F8</span></b>";var hn_warna_garis = "#<b><span style="color: lime;">FD0606</span></b>";var hn_posisi = "<b><span style="color: blue;">top</span></b>";var hn_tampilkan_judul = true;var hn_backlink = true;</script> <script src="https://blograngga.googlecode.com/files/rangga_Headline-animasi.js"> </script> </blockquote>
Keterangan : <br />
<ul>
<li>Ganti <b><span style="color: red;">http://blog-rangga.blogspot.com/ </span></b>dengan Url kepunyaan sobat.</li>
<li>Ganti <b><span style="color: orange;">15</span></b> dengan jumlah link yang ingin di tampilkan</li>
<li>Ganti warna latar atau backgroud widget <b><span style="color: lime;">FAF8F8</span></b>. </li>
<li>Ganti warna garis <b><span style="color: lime;">FD0606</span></b></li>
<li>Ganti posisi <b><span style="color: blue;">top </span></b>sesuai dengan posisi yang di inginkan</li>
</ul>
6. Terakhir <b>Simpan</b> kode untuk melihat hasil nya diblog sobat<br />
<br />
Terima kasih telah membaca artikel ini , semoga artikel ini bermanfaat dan berguna ......blog ranggahttp://www.blogger.com/profile/00974608774985824028noreply@blogger.com5tag:blogger.com,1999:blog-2011306476484227578.post-44966863735209699622013-05-05T04:40:00.000-07:002013-05-05T05:09:03.905-07:00Cara membuat karikatur avatar photo dengan cara online Website yang satu ini memang cocok untuk mengubah photo menjadi karikatur ,avatar , kartun dan lain2 selain <a href="http://blog-rangga.blogspot.com/2013/04/cara-membuat-photo-seperti-gambar.html" target="_blank"><b>Photoshop</b></a>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-6rM2-AvPk2U/UYZEnn3h71I/AAAAAAAAHGM/19LpCMj3rOQ/s1600/BLOG+RANGGA.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" height="164" src="http://2.bp.blogspot.com/-6rM2-AvPk2U/UYZEnn3h71I/AAAAAAAAHGM/19LpCMj3rOQ/s320/BLOG+RANGGA.jpg" title="Cara membuat karikatur avatar photo dengan cara online " width="320" /></a></div>
cara ini sangat cocok dengan pemula dengan menggunakan tools yang
cukup mudah dan gampang di mengerti buat sobat yang ingin mencoba cara
ini tidak ada salah nya menggunakan tools dari website ini secara<b> Gratis</b> dengan cara sebagai berikut :<br />
<br />
1.Pertama kunjungi dulu website nya <a href="http://www.mywebface.com/" target="_blank"><b>DISINI</b></a> ! <br />
2. Langkah selanjutnya <b>FREE Download</b> atau <b>Click To Install</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-XOGR3ILE1FY/UYYWqdLgwnI/AAAAAAAAHE0/YECMXEk-vII/s1600/BLOG+RANGGA.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" height="180" src="http://4.bp.blogspot.com/-XOGR3ILE1FY/UYYWqdLgwnI/AAAAAAAAHE0/YECMXEk-vII/s320/BLOG+RANGGA.jpg" title="Cara membuat karikatur avatar photo dengan cara online " width="320" /></a></div>
<br />
3. Selanjutnya klik <b>Pasang sekarang</b> pada saat muncul halaman Pemasangan perangkat lunak<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-GnjwS6K3XHg/UYYZNWuTTWI/AAAAAAAAHFE/BHR8L0UeKLc/s1600/BLOG+RANGGA+1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" height="181" src="http://4.bp.blogspot.com/-GnjwS6K3XHg/UYYZNWuTTWI/AAAAAAAAHFE/BHR8L0UeKLc/s320/BLOG+RANGGA+1.jpg" title="Cara membuat karikatur avatar photo dengan cara online " width="320" /></a></div>
<br />
4. Lanjutkan dengan klik <b>INSTALL</b> kalau sudah selesai langsung klik <b>FINISH</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-xQw8DqyPVcI/UYYaQ8OCrwI/AAAAAAAAHFQ/u_EtgbUty_k/s1600/blog+rangga+3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" height="204" src="http://3.bp.blogspot.com/-xQw8DqyPVcI/UYYaQ8OCrwI/AAAAAAAAHFQ/u_EtgbUty_k/s320/blog+rangga+3.jpg" title="Cara membuat karikatur avatar photo dengan cara online " width="320" /></a></div>
<br />
5. Setelah instalan nya Success akan terbuka tab baru seperti di bawah ini<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-ieCWByGhLH0/UYYe_P9s48I/AAAAAAAAHFg/4QH93ubLecA/s1600/blog+rangga+5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" height="182" src="http://2.bp.blogspot.com/-ieCWByGhLH0/UYYe_P9s48I/AAAAAAAAHFg/4QH93ubLecA/s320/blog+rangga+5.jpg" title="Cara membuat karikatur avatar photo dengan cara online " width="320" /></a></div>
<br />
6. Mulai edit photo sesuai dengan keinginan sobat dengan memilih tool yang sudah tersedia dengan contoh gambar di bawah ini <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-i-4HsH5LmF8/UYYlCWNW2dI/AAAAAAAAHFw/R7SVPaCePG4/s1600/blog+rangga+5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" height="185" src="http://4.bp.blogspot.com/-i-4HsH5LmF8/UYYlCWNW2dI/AAAAAAAAHFw/R7SVPaCePG4/s320/blog+rangga+5.jpg" title="Cara membuat karikatur avatar photo dengan cara online " width="320" /></a></div>
<br />
Kalau penjelasan nya ada yang kurang paham silahkan sobat tinggal kan pesan di form komentar yang telah tersedia , Terima kasih atas kunjugan nya dan selamat ber exsperiment ......blog ranggahttp://www.blogger.com/profile/00974608774985824028noreply@blogger.com1tag:blogger.com,1999:blog-2011306476484227578.post-78217798127499786902013-04-24T10:13:00.000-07:002013-04-24T10:15:45.091-07:00Cara membuat photo seperti gambar kartun menggunakan photoshop <div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-IMSzwudii1E/UXgQ1OE05tI/AAAAAAAAGAQ/Lln4OUL9nEY/s1600/Untitled-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="BLOG RANGGA" border="0" height="225" src="http://3.bp.blogspot.com/-IMSzwudii1E/UXgQ1OE05tI/AAAAAAAAGAQ/Lln4OUL9nEY/s320/Untitled-1.jpg" title="Cara membuat photo seperti gambar kartun menggunakan photoshop " width="320" /></a></div>
Tutorial photoshop sebelum nya saya pernah berbagi tentang <a href="http://blog-rangga.blogspot.com/2013/04/cara-membuat-photo-seperti-lukisan.html" target="_blank"><b>Cara Membuat Photo Seperti Lukisan Pensil Menggunakan Photoshop CS 3</b></a> dan pada postingan kali ini akan saya beri judul <a href="http://blog-rangga.blogspot.com/2013/04/cara-membuat-photo-seperti-gambar.html" target="_blank"><b>Cara membuat photo seperti gambar kartun menggunakan photoshop</b></a> dengan langkah - langkah sebagai berikut :<br />
<br />
1. Buka dulu photoshop.<br />
2. Pilih File > <b>Open</b> atau klik CTRL+O.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-cMaGLc-SeOw/UXY9_xy22NI/AAAAAAAAF-s/zXzaEWLUHQA/s1600/blog+rangga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="BLOG RANGGA" border="0" src="http://3.bp.blogspot.com/-cMaGLc-SeOw/UXY9_xy22NI/AAAAAAAAF-s/zXzaEWLUHQA/s1600/blog+rangga.jpg" title="Cara membuat photo seperti gambar kartun menggunakan photoshop " /></a></div>
<br />
3. Cari photo yang mau diedit seperti gambar kartun supaya hasilnya maksimal pilih photo yang bagus dan terang seperti contoh photo pinjam dari tetangga sebelah buat praktek postingan ini .<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-sqmNQezUZ5k/UXZItDHt38I/AAAAAAAAF-0/_L4t_mDwNG4/s1600/59819_155299074499221_7740222_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="BLOG RANGGA" border="0" height="320" src="http://2.bp.blogspot.com/-sqmNQezUZ5k/UXZItDHt38I/AAAAAAAAF-0/_L4t_mDwNG4/s320/59819_155299074499221_7740222_n.jpg" title="Cara membuat photo seperti gambar kartun menggunakan photoshop " width="240" /></a></div>
4.Selanjut nya pilih <b>Layer</b> > <b>Duplicate layer</b> atau <b>tekan CTRL+J</b> .<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-2ZhAv3biGVA/UXZK9hBMkPI/AAAAAAAAF_A/sdjkI_CkyTg/s1600/Untitled-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="BLOG RANGGA" border="0" height="173" src="http://3.bp.blogspot.com/-2ZhAv3biGVA/UXZK9hBMkPI/AAAAAAAAF_A/sdjkI_CkyTg/s320/Untitled-1.jpg" title="Cara membuat photo seperti gambar kartun menggunakan photoshop " width="320" /></a></div>
5. Berikut nya <b>Filter</b> > <b>Artistic</b>> <b>Poster Edges</b> <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-55DY8VqGXRI/UXZMl6dF5UI/AAAAAAAAF_M/BCxig5knAes/s1600/Untitled-3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="BLOG RANGGA" border="0" height="261" src="http://1.bp.blogspot.com/-55DY8VqGXRI/UXZMl6dF5UI/AAAAAAAAF_M/BCxig5knAes/s320/Untitled-3.jpg" title="Cara membuat photo seperti gambar kartun menggunakan photoshop " width="320" /></a></div>
6. Atur nilai nya dalam <b>Poster Edges </b> dengan nilai <b>Edge Thickness = 10</b> , <b>Edge Intensity</b> <b>= 4</b> , <b>Posterazion = 3</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-l6HxxjKuy78/UXZNxWmaIEI/AAAAAAAAF_c/rJDz_Rg9kRQ/s1600/Untitled-4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="BLOG RANGGA" border="0" height="193" src="http://2.bp.blogspot.com/-l6HxxjKuy78/UXZNxWmaIEI/AAAAAAAAF_c/rJDz_Rg9kRQ/s320/Untitled-4.jpg" title="Cara membuat photo seperti gambar kartun menggunakan photoshop " width="320" /></a></div>
7. Klik <b>New effect layer</b> lalu pilih <b>Film grain</b> dan atur nilai nya <b>Grain = 0</b> , <b>Highlight Area = 8</b> , <b>Intensity = 9</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-6zNovWF9hJo/UXZRv0qZsKI/AAAAAAAAF_o/lY5-bJUnWM8/s1600/cats.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="BLOG RANGGA" border="0" height="320" src="http://3.bp.blogspot.com/-6zNovWF9hJo/UXZRv0qZsKI/AAAAAAAAF_o/lY5-bJUnWM8/s320/cats.jpg" title="Cara membuat photo seperti gambar kartun menggunakan photoshop " width="245" /></a></div>
8. Klik lagi <b>New effect layer</b> lalu pilih <b>Cutout </b>atur nilai nya <b>Number Level = 8</b> , <b>Edge Simplicity = 2</b> , <b>Edge Fidelity 3</b> dan baru di klik <b>Ok</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-FUskBB0NNdE/UXZTOWnN7hI/AAAAAAAAF_w/rnFil3TM3IA/s1600/cats1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="BLOG RANGGA" border="0" height="276" src="http://2.bp.blogspot.com/-FUskBB0NNdE/UXZTOWnN7hI/AAAAAAAAF_w/rnFil3TM3IA/s320/cats1.jpg" title="Cara membuat photo seperti gambar kartun menggunakan photoshop " width="320" /></a></div>
9. Langkah selanjut nya rapikan dengan menggunakan <b>Brush Tools</b> dan Klik <b>Set Furegruond Color</b> sambil menekan<b> CTRL</b> untuk menyamakan warna dan menghilangkan bintik yang tak di inginkan .<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-wxhBcgmgrLI/UXZWT6A-6GI/AAAAAAAAGAA/KrkHWYSl4i4/s1600/Untitled-5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="BLOG RANGGA" border="0" height="320" src="http://2.bp.blogspot.com/-wxhBcgmgrLI/UXZWT6A-6GI/AAAAAAAAGAA/KrkHWYSl4i4/s320/Untitled-5.jpg" title="Cara membuat photo seperti gambar kartun menggunakan photoshop " width="222" /></a></div>
10. Langkah terakhir klik<b> CTRL+S</b> untuk menyimpan hasil nya .<br />
<br />
Maaf hasil nya kurang maksimal dan artikel ini hanya sebagai contoh langkah cara edit nya , Semoga artikel ini bermanfaat dan berguna bagi orang lain ..... <br />
<br />blog ranggahttp://www.blogger.com/profile/00974608774985824028noreply@blogger.com9tag:blogger.com,1999:blog-2011306476484227578.post-29237784466066338502013-04-21T23:02:00.000-07:002013-04-21T23:03:44.522-07:00Cara membuat kolom atau tabel teks dengan tombol Select All pada blogKolom atau tabel pada blog biasa nya berguna pada untuk memisahkan tulisan penting atau kode tertentu pada sebuah artikel pada blog/web dan kali ini saya akan berbagi <a href="http://blog-rangga.blogspot.com/2013/04/cara-membuat-kolom-atau-tabel-teks.html" target="_blank"><b>Cara membuat kolom atau tabel teks dengan tombol Select All pada blog</b></a> yang berguna buat User untuk memblok kode yang ada di dalam tabel , tabel yang di lengkapi cocok di gunakan untuk meletakan link ataupun kode script karena cukup dengan dengan menekan tombol Select All kode otomatis akan terblok dan siap di copy seperti contoh yang saya gunakan pada halaman <span style="font-size: small;"><b><a href="http://blog-rangga.blogspot.com/2012/02/tukaran-link-yuk.html" target="_blank">Tukar Link Otomatis Blog</a></b></span>.
Cara membuat nya yaitu dengan memasang kode di bawah ini :<br />
<blockquote class="tr_bq">
<form name="copy"><div align="center"><input value="<span style="font-weight: bold;">Select All</span>" onclick="<span class="IL_AD" id="IL_AD5">javascript</span>:this.form.txt.focus();this.form.txt.select();" type="button"/></div><p style="text-align: center;"><textarea style="padding: <b style="color: blue;">3</b>px; width: <b><span style="color: blue;">300</span></b>px; height: <b style="color: blue;">50</b>px;" name="txt"><span style="color: red;">Ganti dengan teks atau kode sobat </span></textarea></p></form> </blockquote>
<u>Keterangan </u><br />
<ol>
<li><span style="color: red;">Ganti dengan teks atau kode sobat </span>adalah tulisan atau teks di dalam tabel</li>
<li>padding: <b style="color: blue;">3</b>px; adalah jarak tulisan dengan pinggir kolom</li>
<li>width: <b><span style="color: blue;">300</span></b>px; adalah lebar atau panjang kolom </li>
<li>height: <b style="color: blue;">50</b>px; adalah tinggi dari kolom atau tabel </li>
</ol>
Semoga artikel ini berguna dan bermanfaat untuk yang telah berkunjung ke blog ini .<br />
<br />
<br />blog ranggahttp://www.blogger.com/profile/00974608774985824028noreply@blogger.com5tag:blogger.com,1999:blog-2011306476484227578.post-13194470888476600362013-04-16T11:36:00.001-07:002013-04-16T11:40:45.949-07:00Cara Membuat Photo Seperti Lukisan Pensil Menggunakan Photoshop CS 3Untuk membuat blog ini lebih bervariasi kali ini saya akan berbagi postingan yang berbeda yaitu yang saya beri Label <b><a href="http://blog-rangga.blogspot.com/search/label/Tutorial%20Photoshop" target="_blank">Tutorial Photoshop</a></b> yang akan saya beri judul yaitu <a href="http://blog-rangga.blogspot.com/2013/04/cara-membuat-photo-seperti-lukisan.html" target="_blank"><b>Cara Membuat Photo Seperti Lukisan Pensil Menggunakan Photoshop CS 3</b> </a>, supaya tidak panjang lebar langsung saja pada pokok pembahasan nya dengan langkah sebagai berikut :<br />
1. Siapkan dulu photo untuk diedit menjadi sebuah lukisan pensil atau bisa di gunakan untuk contoh photo 2 artis yang tidak ternama di bawah ini he....he.....<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-1Hp7zt5f_DA/UW2Oxo3fW8I/AAAAAAAAFu0/B6ze9Oui_v8/s1600/16122012(054).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" height="240" src="http://1.bp.blogspot.com/-1Hp7zt5f_DA/UW2Oxo3fW8I/AAAAAAAAFu0/B6ze9Oui_v8/s320/16122012(054).jpg" title="Cara Membuat Photo Seperti Lukisan Pensil Menggunakan Photoshop CS 3" width="320" /></a></div>
2. Buka photoshop sobat dan klik Ctrl + O untuk membuka gambar diatas .<br />
3. Lalu pilih Image >Adjustments >desaturate atau tekan CTRL + SHIFT + U seperti contoh gambar di bawah ini<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-_a9_jz3VMAY/UW2MGxuXH6I/AAAAAAAAFus/ZDsnTbBuO1M/s1600/blog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" height="232" src="http://1.bp.blogspot.com/-_a9_jz3VMAY/UW2MGxuXH6I/AAAAAAAAFus/ZDsnTbBuO1M/s320/blog.jpg" title="Cara Membuat Photo Seperti Lukisan Pensil Menggunakan Photoshop CS 3" width="320" /></a></div>
4.Klik Layer> Duplikate layer atau CTRL + J untuk menduplikat layer.<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-iEoH1rDMolE/UW2R0heTdJI/AAAAAAAAFvE/PmpmRWjVo3Q/s1600/Untitled-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" height="159" src="http://2.bp.blogspot.com/-iEoH1rDMolE/UW2R0heTdJI/AAAAAAAAFvE/PmpmRWjVo3Q/s320/Untitled-1.jpg" title="Cara Membuat Photo Seperti Lukisan Pensil Menggunakan Photoshop CS 3" width="320" /></a></div>
5.Selanjutnya Klik Image > adjustment > Invert atau tekan CTRL + I untuk merubah menjadi seperti efek negatif photo.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-8Jjb-EeP9CM/UW2U1Sy8XtI/AAAAAAAAFvM/DGTwcsQ1GkQ/s1600/Untitled-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" height="320" src="http://3.bp.blogspot.com/-8Jjb-EeP9CM/UW2U1Sy8XtI/AAAAAAAAFvM/DGTwcsQ1GkQ/s320/Untitled-1.jpg" title="Cara Membuat Photo Seperti Lukisan Pensil Menggunakan Photoshop CS 3" width="292" /></a></div>
6. Lalu Ganti layer Efek dari normal ke Color dodge.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-yEMSy-zWIjk/UW2V1JBKbqI/AAAAAAAAFvU/v2-oJO8I0xA/s1600/cats.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" height="320" src="http://2.bp.blogspot.com/-yEMSy-zWIjk/UW2V1JBKbqI/AAAAAAAAFvU/v2-oJO8I0xA/s320/cats.jpg" title="Cara Membuat Photo Seperti Lukisan Pensil Menggunakan Photoshop CS 3" width="199" /></a></div>
7. klik Filter > Blur > Gaussian Blur dan edit nilai dari Gaussian Blur supaya hasil nya maksimal .<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-tyCIXiHx7Rs/UW2XreGyP8I/AAAAAAAAFvc/XdeRHivsaV4/s1600/Untitled-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" height="237" src="http://3.bp.blogspot.com/-tyCIXiHx7Rs/UW2XreGyP8I/AAAAAAAAFvc/XdeRHivsaV4/s320/Untitled-1.jpg" title="Cara Membuat Photo Seperti Lukisan Pensil Menggunakan Photoshop CS 3" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/--9Q4SdPEQ7Y/UW2YqErEE2I/AAAAAAAAFvk/ttypzYZwSWU/s1600/Untitled-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" height="214" src="http://4.bp.blogspot.com/--9Q4SdPEQ7Y/UW2YqErEE2I/AAAAAAAAFvk/ttypzYZwSWU/s320/Untitled-1.jpg" title="Cara Membuat Photo Seperti Lukisan Pensil Menggunakan Photoshop CS 3" width="320" /></a></div>
8. Klik OK untuk melihat hasil nya , hasil nya kurang lebih seperti gambar di bawah ini .<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-KPk3D7ptDkY/UW2Z40NQCJI/AAAAAAAAFvs/EpEg6AHoWMQ/s1600/16122012(054).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" height="240" src="http://2.bp.blogspot.com/-KPk3D7ptDkY/UW2Z40NQCJI/AAAAAAAAFvs/EpEg6AHoWMQ/s320/16122012(054).jpg" title="Cara Membuat Photo Seperti Lukisan Pensil Menggunakan Photoshop CS 3" width="320" /></a></div>
Sekian dan terima kasih semoga artikel ini berguna dan bermanfaat .....blog ranggahttp://www.blogger.com/profile/00974608774985824028noreply@blogger.com8tag:blogger.com,1999:blog-2011306476484227578.post-39276594400287387002013-04-10T08:39:00.002-07:002013-04-10T08:39:20.513-07:00Cara Memasang Link Pada Komentar blog Komentar pada suatu blog sangat berguna untuk meningkatkan peringkat blog di mata Search Engine yang dapat meningkatkan visitor atau kunjungan pada suatu blog dan buat seorang blogger memberi komentar juga sangat berguna untuk meningkatkan kunjungan blog karena dapat meningkatkan silaturahmi atar sesama blogger , tapi hati-hati pada saat berkomentar pada blog lain jangan meninggal kan link yang mengandung spam karena bisa membuat marah si empunya blog karena tidak tidak suka blog nya di kotori link external .<br />
<div>
<br /></div>
<div>
Tapi meninggalkan link pada blog lain bisa juga di gunakan kalau yang punya blog tidak marah .</div>
<div>
Buat yang belum tahu Cara Memasang Link Pada Komentar blog saya akan berbagi cara nya dibawah ini :<br />
<br />
<br />
<ul>
<li>Login dengan account blog.</li>
<li>Cari blog yang ingin untuk meninggalkan komentar dan link.</li>
<li>Copas kode dibawah ini ke halaman komentar blog</li>
</ul>
<br />
<blockquote class="tr_bq">
<a href="<span style="color: red;"><b>http://blog-rangga.blogspot.com</b></span>"><span style="color: blue;"><b>Blog Rangga</b></span></a></blockquote>
<br />
<ul>
<li>Rubah kode yang berwarna merah dengan url blog sobat</li>
<li>Rubah kode yang berwarna biru dengan anchor text sobat.</li>
</ul>
Semoga cara diatas bermanfaat dan membawa nilai positif buat orang lain dan sebelum nya saya mohon bantuan nya dukung blog ini dalam mengikuti kontes seo artikel <b><a href="http://blog-rangga.blogspot.com/2013/03/cara-hidup-pintar-dengan-tablet-pc.html" target="_blank">Acer Seo Contest</a></b><br />
<div style="text-align: center;">
<img alt="blog rangga" src="http://www.addemoticons.com/emoticon/animated/AddEmoticons04218.gif" title="Cara Memasang Link Pada Komentar blog " /></div>
<h3 class="t" style="background-color: #39373e; color: white; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; line-height: 26px; margin: 0px; min-height: 26px; padding: 0px 6px; text-align: center; white-space: nowrap;">
ACER SEO CONTEST</h3>
</div>
blog ranggahttp://www.blogger.com/profile/00974608774985824028noreply@blogger.com2tag:blogger.com,1999:blog-2011306476484227578.post-76570332330980174622013-03-30T09:17:00.002-07:002013-03-30T09:20:23.195-07:00Cara Memasang Jam Pada BlogSudah seminggu setelah postingan sebelum nya <a href="http://blog-rangga.blogspot.com/2013/03/var-text-cara-membuat-tulisan-berjalan.html" target="_blank">CARA MEMBUAT TULISAN BERJALAN SEPERTI DIKETIK PADA BLOG</a> akhirnya update postingan lagi dengan judul <a href="http://blog-rangga.blogspot.com/2013/03/cara-memasang-jam-pada-blog.html" target="_blank">Cara Memasang Jam Pada Blog</a> , Jam berguna untuk mengetahui waktu dalam kita melakukan kegiatan baik saat kita mau bekerja beristirahat dan sebagai nya , lalu apa hubungan nya pada blog ? Jam pada blog berguna untuk mengingatkan waktu kita beristirahat dan waktu bekerja karena jiwa seorang blogger sering melupakan waktu baik waktu istirahat , bekerja dan sebagai nya pada saat melakukan kegiatan blogger. jadi jam pada blog juga berguna karena bisa membawa manfaat buat orang lain dan diri sendiri untuk mengingatkan waktu selain berguna untuk mempercantik blog . supaya jam yang tepat waktu ada di blog yaitu dengan memasang widget nya yang biasa nya cocok di pasang di sidebar blog dan juga bisa di pasang di tempat lain di blog.<br />
Supaya tidak berlama-lama lebih baik kita langsung saja pada cara nya :<br />
<br />
1. Ambil jam nya dulu secara gratis melalui link ini <a href="http://www.clocklink.com/index.php">http://www.clocklink.com/index.php</a><br />
2. Pilih gallery seperti contoh gambar di bawah ini<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-JIO2o1brAAE/UVcF90zlcVI/AAAAAAAAFt0/z36DRRtID3E/s1600/blog+rangga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" src="http://1.bp.blogspot.com/-JIO2o1brAAE/UVcF90zlcVI/AAAAAAAAFt0/z36DRRtID3E/s1600/blog+rangga.jpg" title="Cara Memasang Jam Pada Blog" /></a></div>
3. Pada halaman gallery pilih jam pada menu sesuai dengan keinginan yang ingin di tampilkan di blog seperti gambar di bawah ini .<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-CjN7zsJgVf0/UVcIYIIOnmI/AAAAAAAAFt4/kKSOLv1ZRA0/s1600/2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" height="34" src="http://3.bp.blogspot.com/-CjN7zsJgVf0/UVcIYIIOnmI/AAAAAAAAFt4/kKSOLv1ZRA0/s320/2.jpg" title="Cara Memasang Jam Pada Blog" width="320" /></a></div>
4. Setelah ketemu jam yang di inginkan klik <i><b>View HTML Tag</b></i> yang terdapat tepat di bawah jam yang di inginkan.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-e5A7glanroM/UVcI5KRtahI/AAAAAAAAFuE/j6eCURQ4I20/s1600/blog+rangga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" height="242" src="http://4.bp.blogspot.com/-e5A7glanroM/UVcI5KRtahI/AAAAAAAAFuE/j6eCURQ4I20/s320/blog+rangga.jpg" title="Cara Memasang Jam Pada Blog" width="320" /></a></div>
5. Untuk menyamakan waktu dengan tempat berada klik <b><i>Select by City</i></b> dan pilih kota yang terdekat dengan tempat di mana posisi berada .<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Hebrdw_DfO4/UVcKQSHu33I/AAAAAAAAFuI/iVECtG6n9wI/s1600/blog+rangga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" height="176" src="http://2.bp.blogspot.com/-Hebrdw_DfO4/UVcKQSHu33I/AAAAAAAAFuI/iVECtG6n9wI/s320/blog+rangga.jpg" title="Cara Memasang Jam Pada Blog" width="320" /></a></div>
6. Setelah watktu nya sesuai ambil kode dengan cara di copy code HTML nya .<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-MaKhTgLVv88/UVcLqyUksGI/AAAAAAAAFuQ/gXamvColQlE/s1600/blog+rangga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" height="111" src="http://2.bp.blogspot.com/-MaKhTgLVv88/UVcLqyUksGI/AAAAAAAAFuQ/gXamvColQlE/s320/blog+rangga.jpg" title="Cara Memasang Jam Pada Blog" width="320" /></a></div>
7. Pastekan kode nya ke halaman HTML Javascript Gadged blog .<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-i_6A75R00vo/UVcMvOxY0PI/AAAAAAAAFuY/ftjpBb54QiY/s1600/blog+rangga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" height="254" src="http://3.bp.blogspot.com/-i_6A75R00vo/UVcMvOxY0PI/AAAAAAAAFuY/ftjpBb54QiY/s320/blog+rangga.jpg" title="Cara Memasang Jam Pada Blog" width="320" /></a></div>
8. Terakhir simpan kode supaya jam berfungsi di blog .<br />
<br />
Semoga artikel ini bisa memberikan hal yang positif dan berguna bagi orang lain amin .....blog ranggahttp://www.blogger.com/profile/00974608774985824028noreply@blogger.com10tag:blogger.com,1999:blog-2011306476484227578.post-62561823581145884362013-03-22T20:36:00.000-07:002013-03-30T09:28:16.627-07:00Cara Membuat Tulisan Berjalan Seperti Diketik Pada Blog<script language="JavaScript">
var text="<b>CARA MEMBUAT TULISAN BERJALAN SEPERTI DIKETIK PADA BLOG</b>";
var delay=10;
var currentChar=1;
var destination="[none]";
function type()
{
//if (document.all)
{
var dest=document.getElementById(destination);
if (dest)// && dest.innerHTML)
{
dest.innerHTML=text.substr(0, currentChar)+"<blink>_</blink>";
currentChar++;
if (currentChar>text.length)
{
currentChar=1;
setTimeout("type()", 5000);
}
else
{
setTimeout("type()", delay);
}
}
}
}
function startTyping(textParam, delayParam, destinationParam)
{
text=textParam;
delay=delayParam;
currentChar=1;
destination=destinationParam;
type();
}
</script>
<b></b>
<br />
<div 0px="" 10px="" arial="" color:="" ff0000="" font:="" id="textDestination" margin:="" style="background-color: white;">
</div>
<script language="JavaScript">
javascript:startTyping(text, 50, "textDestination");
</script> Salah satu cara menjaring pengunjung blog yaitu dengan cara memodifikasi tampilan blog supaya terlihat bagus dan indah untuk dipandang bisa saja dengan menggunakan membuat tulisan berjalan seperti di ketik seperti contoh teks yang ada diatas postingan ini .<br />
Supaya kode nya berfungsi yaitu dengan cara menyisipkan kode Script di dalam kolom dibawah ini ke dalam halaman HTML Javascript pada blog , baik pada halaman HTML postingan blog , Halaman HTML Gadget dan pada HTML Template blog .<br />
<blockquote class="tr_bq">
<script language="JavaScript"><br />
var text="<span style="color: red;">CARA MEMBUAT TULISAN BERJALAN SEPERTI DIKETIK PADA BLOG</span>";<br />
var delay=10;<br />
var currentChar=1;<br />
var destination="[none]";<br />
function type()<br />
{<br />
//if (document.all)<br />
{<br />
var dest=document.getElementById(destination);<br />
if (dest)// && dest.innerHTML)<br />
{<br />
dest.innerHTML=text.substr(0, currentChar)+"<blink>_</blink>";<br />
currentChar++;<br />
if (currentChar>text.length)<br />
{<br />
currentChar=1;<br />
setTimeout("type()", 5000);<br />
}<br />
else<br />
{<br />
setTimeout("type()", delay);<br />
}<br />
}<br />
}<br />
}<br />
function startTyping(textParam, delayParam, destinationParam)<br />
{<br />
text=textParam;<br />
delay=delayParam;<br />
currentChar=1;<br />
destination=destinationParam;<br />
type();<br />
}<br />
</script><br />
<b></b><br />
<br /><br />
<div 0px="" 10px="" arial="" color:="" ff0000="" font:="" id="textDestination" margin:="" style="background-color: white;"><br />
</div><br />
<script language="JavaScript"><br />
javascript:startTyping(text, 50, "textDestination");<br />
</script> </blockquote>
Keterangan : Teks yang ditandai warna merah ganti dengan teks tulisan yang ingin di tampilkan <br />
<br />
Kalau ingin membuat tulisan nya berjalan biasa naik dan turun dan sebagai nya kalau ada waktu silahkan kunjungi halaman tutorial nya melalui link ini <a href="http://blog-rangga.blogspot.com/2012/09/cara-membuat-tulisan-bergerak-buat-blog.html" target="_blank">CARA MEMBUAT TULISAN BERGERAK BUAT BLOG</a>blog ranggahttp://www.blogger.com/profile/00974608774985824028noreply@blogger.com20tag:blogger.com,1999:blog-2011306476484227578.post-89814688522092819032013-03-17T12:17:00.000-07:002013-03-18T00:59:44.630-07:00Cara Membuat Slideshow Photo Menggunakan Tombol Navigasi Pada Postingan BlogUntuk memenuhi jawaban dari permintaan sobat pengunjung Blog Rangga pada postingan sebelum nya pada judul post <a href="http://blog-rangga.blogspot.com/2013/01/cara-membuat-slide-show-foto-gambar.html" target="_blank"><b>Cara Membuat Slide Show Foto / Gambar Pada Postingan Blog</b></a> yang meminta supaya di bagikan <b>Cara Membuat Slideshow Photo Menggunakan Tombol Navigasi Pada Postingan Blog</b> , kali ini saya mencoba untuk memenuhi permintaan itu seperti contoh slideshow nya dibawah ini<br />
<div id="carousel-container">
<div id="carousel">
<div class="carousel-feature">
<a href="http://blog-rangga.blogspot.com/2013/03/cara-hidup-pintar-dengan-tablet-pc.html">
<img alt="Blog Rangga" class="carousel-image" src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcS8Hy4tWbpMc9wrVfoaXihMCfgxUQqF_pqNvYkBBZjU7svdUVeM" title="Cara Membuat Slideshow Photo Menggunakan Tombol Navigasi Pada Postingan Blog" /></a>
<br />
<div class="carousel-caption">
Acer kembali meluncurkan produk baru nya yang sangat luar biasa yaitu yang menyatukan Tablet PC dengan netbook
</div>
</div>
<div class="carousel-feature">
<a href="http://blog-rangga.blogspot.com/2013/02/cara-memasang-readmore-otomatis-dengan.html">
<img alt="blog rangga" class="carousel-image" src="http://4.bp.blogspot.com/-4XQfc7EooHI/UUbHqqoRXYI/AAAAAAAAFp0/_UZXtlNI10s/s1600/blog+rangga.jpg" title="Cara Membuat Slideshow Photo Menggunakan Tombol Navigasi Pada Postingan Blog" /></a>
<br />
<div class="carousel-caption">
blog rangga
Cara Membuat Readmore Otomatis Pada Blog Dengan Teks pernah saya bagikan di blog sebelum nya </div>
</div>
<div class="carousel-feature">
<a href="http://blog-rangga.blogspot.com/2013/02/download-gratis-skin-dan-aimp-terbaru.html">
<img alt="blog rangga" class="carousel-image" src="http://3.bp.blogspot.com/-9D6oWeDW6PA/UUYHvg8AsKI/AAAAAAAAFo8/2yYkcr4LdeI/s1600/Blog+Rangga.jpg" title="Cara Membuat Slideshow Photo Menggunakan Tombol Navigasi Pada Postingan Blog" /></a>
<br />
<div class="carousel-caption">
Aplikasi Audio Player yang satu ini memang tidak di ragukan lagi kualitas nya , selain hadir dengan berbagai macam tampilan </div>
</div>
<div class="carousel-feature">
<a href="http://blog-rangga.blogspot.com/2013/02/cara-memasang-widget-back-top-icon.html">
<img alt="blog rangga" class="carousel-image" src="http://1.bp.blogspot.com/-SI4cF5w7Pn0/UUYKya77MzI/AAAAAAAAFpI/D9EQMtfJD1k/s1600/Blog+Rangga.jpg" title="Cara Membuat Slideshow Photo Menggunakan Tombol Navigasi Pada Postingan Blog" /></a>
<br />
<div class="carousel-caption">
Widget ini berguna untuk mempercepat kembali ke halaman bahagian atas dengan hanya mengklik icon Back Top</div>
</div>
<div class="carousel-feature">
<a href="http://blog-rangga.blogspot.com/2013/01/cara-memasang-kamera-cctv-di-blog.html">
<img alt="blog rangga" class="carousel-image" src="http://3.bp.blogspot.com/-2crKs_fKEa4/UUYNty3ImWI/AAAAAAAAFpU/P6KysUoQpPI/s1600/Blog+Rangga+copy.jpg" title="Cara Membuat Slideshow Photo Menggunakan Tombol Navigasi Pada Postingan Blog" /></a>
<br />
<div class="carousel-caption">
Kamera CCTV di gunakan untuk memantau setiap kegiatan di suatu tempat seperti di Mall , Toko , Rumah Dll supaya </div>
</div>
</div>
<div id="carousel-left">
<img src="https://github.com/bkosborne/jQuery-Feature-Carousel/raw/master/images/arrow-left.png" /></div>
<div id="carousel-right">
<img src="https://github.com/bkosborne/jQuery-Feature-Carousel/raw/master/images/arrow-right.png" /></div>
</div>
<br />
Supaya slideshow nya berfungsi seperti di atas saya menggunakan kode yang saya dapat dari postingan nya Mas <b>Noer Cholis</b> yang mempunyai website keren <span style="color: red;">http://www.carabuatwebgratis.com/ </span>yaitu dengan langkah2 sebagai berikut :<br />
<ol>
<li>Login dulu ke blogger.</li>
<li>Pilih Template di dasbor blog.</li>
<li>Pilih Edit HTML </li>
<li>Centang dulu Expand Template Widget.</li>
<li>cari kode <span style="color: blue;"></head></span> gunakan Ctrl+F untuk memudahkan pencarian kode </li>
<li>Pasang kode di bawah ini sebelum kode <span style="color: blue;"></head></span></li>
</ol>
<div style="border: 1px solid #999999; height: 150px; overflow: auto; padding: 10px; width: 450%px;">
<center>
<script src="https://raw.github.com/bkosborne/jQuery-Feature-Carousel/master/js/jquery-1.7.min.js"></script><br />
<script src="https://raw.github.com/bkosborne/jQuery-Feature-Carousel/master/js/jquery.featureCarousel.js"></script><br />
<script src="https://raw.github.com/bkosborne/jQuery-Feature-Carousel/master/js/jquery.featureCarousel.min.js"></script><br />
<br />
<script type="text/javascript"><br />
$(document).ready(function() {<br />
var carousel = $("#carousel").featureCarousel({<br />
// include options like this:<br />
// (use quotes only for string values, and no trailing comma after last option)<br />
// option: value,<br />
// option: value<br />
});<br />
<br />
$("#but_prev").click(function () {<br />
carousel.prev();<br />
});<br />
$("#but_pause").click(function () {<br />
carousel.pause();<br />
});<br />
$("#but_start").click(function () {<br />
carousel.start();<br />
});<br />
$("#but_next").click(function () {<br />
carousel.next();<br />
});<br />
});<br />
</script><br />
<br />
<br />
<style type='text/css'><br />
/********************<br />
* FEATURE CAROUSEL *<br />
********************/<br />
#carousel-container {<br />
position:relative;<br />
<br />
padding:7px;<br />
background-color:#CCC;<br />
<br />
}<br />
#carousel {<br />
border:2px solid #fff;<br />
height:300px;<br />
background-color:#CCC;<br />
position:relative;<br />
font-size:12px;<br />
font-family: Arial;<br />
}<br />
#carousel .carousel-image {<br />
height:230px;<br />
width:400px;<br />
box-shadow: 6px 6px 10px #818181;<br />
-webkit-box-shadow: 6px 6px 10px #818181;<br />
-moz-box-shadow: 6px 6px 10px #818181;<br />
border:0;<br />
display:block;<br />
}<br />
#carousel .carousel-feature {<br />
position:absolute;<br />
top:-1000px;<br />
left:-1000px;<br />
border:2px solid #5d5d5d;<br />
cursor:pointer;<br />
}<br />
#carousel .carousel-feature .carousel-caption {<br />
position:absolute;<br />
bottom:0;<br />
width:100%;<br />
background-color:#000;<br />
}<br />
#carousel .carousel-feature .carousel-caption p {<br />
margin:0;<br />
padding:5px;<br />
font-weight:bold;<br />
font-size:12px;<br />
color:white;<br />
}<br />
#carousel .tracker-summation-container {<br />
position:absolute;<br />
color:white;<br />
right:50px;<br />
top:212px;<br />
padding:3px;<br />
margin:3px;<br />
background-color:#000;<br />
}<br />
#carousel .tracker-individual-container {<br />
position:absolute;<br />
color:white;<br />
right:95px;<br />
top:218px;<br />
padding:0;<br />
margin:0;<br />
}<br />
#carousel .tracker-individual-container li {<br />
list-style:none;<br />
}<br />
#carousel .tracker-individual-container .tracker-individual-blip {<br />
margin:0 3px;<br />
padding:0 3px;<br />
color:#000;<br />
text-align:center;<br />
border:1px solid #5d5d5d;<br />
background-color:#DDD;<br />
}<br />
#carousel .tracker-individual-container .tracker-individual-blip-selected {<br />
color:#FFC600;<br />
font-weight:bold;<br />
border:1px solid #fff;<br />
background-color:#000;<br />
}<br />
#carousel-left {<br />
position:absolute;<br />
bottom:33px;<br />
left:200px;<br />
cursor:pointer;<br />
}<br />
#carousel-right {<br />
position:absolute;<br />
bottom:33px;<br />
right:200px;<br />
cursor:pointer;<br />
}<br />
</style></center>
</div>
<br />
7. Simpan Template<br />
8. Copy kode di bawah ini dan pastekan ke halaman HTML Gadget atau Halaman HTML Postingan blog sobat<br />
<blockquote class="tr_bq">
<div id="carousel-container"><br />
<div id="carousel"><br />
<div class="carousel-feature"><br />
<a href="<span style="color: lime;">http://blog-rangga.blogspot.com/2013/03/cara-hidup-pintar-dengan-tablet-pc.html</span>"><br />
<img alt="Blog Rangga" class="carousel-image" src="<span style="color: red;">http://2.bp.blogspot.com/-d8zjlpOHJ58/UUYBDjVuUAI/AAAAAAAAFos/s8OoVQ7fipk/s1600/Blog+Rangga.jpg</span>" title="Cara Membuat Slideshow Photo Menggunakan Tombol Navigasi Pada Postingan Blog" /></a><br />
<br /><br />
<div class="carousel-caption"><br />
<span style="color: yellow;">Acer kembali meluncurkan produk baru nya yang sangat luar biasa yaitu yang menyatukan Tablet PC dengan netbook yang menyatukan dua gadget sekaligus yang sangat mudah di bawa kemanapun sangat cocok untuk semua kalangan dan pekerjaan</span> <br />
</div><br />
</div><br />
<div class="carousel-feature"><br />
<a href="<span style="color: lime;">http://blog-rangga.blogspot.com/2013/02/cara-memasang-readmore-otomatis-dengan.html</span>"><br />
<img alt="Image Caption" class="carousel-image" src="<span style="color: red;">http://2.bp.blogspot.com/-i-EfRR8rUuo/UUYF-P3L26I/AAAAAAAAFo0/Ny2L-kDdB18/s1600/Blog+Rangga.jpg</span>" /></a><br />
<br /><br />
<div class="carousel-caption"><br />
<div style="color: yellow;">
blog rangga</div>
<div style="color: yellow;">
Cara Membuat Readmore Otomatis Pada Blog Dengan Teks pernah saya bagikan di blog sebelum nya dan kali ini masih tutorial yang sama yaitu Cara Memasang </div>
</div><br />
</div><br />
<div class="carousel-feature"><br />
<a href="<span style="color: lime;">http://blog-rangga.blogspot.com/2013/02/download-gratis-skin-dan-aimp-terbaru.html</span>"><br />
<img alt="Image Caption" class="carousel-image" src="<span style="color: red;">http://3.bp.blogspot.com/-9D6oWeDW6PA/UUYHvg8AsKI/AAAAAAAAFo8/2yYkcr4LdeI/s1600/Blog+Rangga.jpg</span>" /></a><br />
<br /><br />
<div class="carousel-caption"><br />
<div style="color: yellow;">
Aplikasi Audio Player yang satu ini memang tidak di ragukan lagi kualitas nya , selain hadir dengan berbagai macam tampilan nya yang menarik AIMP juga menghasilkan suara yang </div>
</div><br />
</div><br />
<div class="carousel-feature"><br />
<a href="<span style="color: lime;">http://blog-rangga.blogspot.com/2013/02/cara-memasang-widget-back-top-icon.html</span>"><br />
<img alt="Image Caption" class="carousel-image" src="<span style="color: red;">http://1.bp.blogspot.com/-SI4cF5w7Pn0/UUYKya77MzI/AAAAAAAAFpI/D9EQMtfJD1k/s1600/Blog+Rangga.jpg</span>" /></a><br />
<br /><br />
<div class="carousel-caption"><br />
<div style="color: yellow;">
Widget ini berguna untuk mempercepat kembali ke halaman bahagian atas dengan hanya mengklik icon Back Top , Cara Memasang Widget Back Top Icon Animasi Pada Blog ini </div>
</div><br />
</div><br />
<div class="carousel-feature"><br />
<a href="<span style="color: lime;">http://blog-rangga.blogspot.com/2013/01/cara-memasang-kamera-cctv-di-blog.html</span>"><br />
<img alt="Image Caption" class="carousel-image" src="<span style="color: red;">http://3.bp.blogspot.com/-2crKs_fKEa4/UUYNty3ImWI/AAAAAAAAFpU/P6KysUoQpPI/s1600/Blog+Rangga+copy.jpg</span>" /></a><br />
<br /><br />
<div class="carousel-caption"><br />
<div style="color: yellow;">
Kamera CCTV di gunakan untuk memantau setiap kegiatan di suatu tempat seperti di Mall , Toko , Rumah Dll supaya aman dan bisa melihat dengan detail semua kejadian yang telah di</div>
</div><br />
</div><br />
</div><br />
<div id="carousel-left"><br />
<img src="https://github.com/bkosborne/jQuery-Feature-Carousel/raw/master/images/arrow-left.png" /></div><br />
<div id="carousel-right"><br />
<img src="https://github.com/bkosborne/jQuery-Feature-Carousel/raw/master/images/arrow-right.png" /></div><br />
</div></blockquote>
9. Klik simpan untuk melihat hasil nya di blog <br />
<br />
Keterangan :<br />
<ul>
<li>Kode yang di tandai warna merah adalah kode URL gambar</li>
<li>Kode yang di tandai warna merah adalah Link tautan gambar</li>
<li>Kode yang di tandai warna kuning adalah deskripsi atau judul gambar</li>
</ul>
Semoga artikel ini bermanfaat dan selamat berexperiment ........<br />
<br />blog ranggahttp://www.blogger.com/profile/00974608774985824028noreply@blogger.com16tag:blogger.com,1999:blog-2011306476484227578.post-3149357403762657122013-03-09T09:35:00.000-08:002013-03-18T01:22:14.971-07:00Cara Hidup Pintar Dengan Tablet Pc Smart Acer Iconia<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.blogger.com/blogger.g?blogID=2011306476484227578" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=2011306476484227578" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="http://4.bp.blogspot.com/-Z7h2H3wjmhM/UTtScQT5hbI/AAAAAAAAFoU/oVMvyUnq--k/s1600/img-ref-02-big.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" height="200" src="http://4.bp.blogspot.com/-Z7h2H3wjmhM/UTtScQT5hbI/AAAAAAAAFoU/oVMvyUnq--k/s320/img-ref-02-big.png" title="Tablet Pc Smart Acer Iconia" width="320" /></a></div>
Acer kembali meluncurkan produk baru nya yang sangat luar biasa yaitu <b>Iconia PC tablet dengan Windows 8</b> yang menyatukan Tablet PC dengan netbook yang menyatukan dua gadget sekaligus yang sangat mudah di bawa kemanapun sangat cocok untuk semua kalangan dan pekerjaan terutama pekerjaan yang mempunyai mobilitas tinggi seperti traveler , wartawan dan lain-lain , dan tidak itu saja Tablet <b><a href="http://acerid.com/" target="_blank">Pc Smart Acer Iconia</a></b> juga cocok untuk yang hoby game dan hoby nonton video dengan Tablet Pc Smart Acer Iconia semua itu bisa di lakukan di mana saja , supaya tidak penasaran seperti apa tampilan Tablet PC pintar yang satu ini silahkan enyempatkan diri untuk melihat screen shot video <b>Iconia PC tablet dengan Windows 8</b> nya di bawah ini <br />
<div style="text-align: center;">
<a href="http://www.blogger.com/blogger.g?blogID=2011306476484227578" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=2011306476484227578" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=2011306476484227578" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><iframe allowfullscreen="" frameborder="0" height="360" src="http://www.youtube.com/embed/A0jstPaHchQ?feature=player_embedded" width="550"></iframe>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.blogger.com/blogger.g?blogID=2011306476484227578" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
Selain mempunyai dua keunggulan dalam satu device one Acer Iconia ini juga mempunyai banyak keunggulan seperti sistem operasi nya yang terbaru Windows 8 dari Microsoft yang di usungnya yang dipercaya mampu menambah performa yang mengagumkan buat pengguna nya dengan desain tampilan yang keren dan tentu saja suport untuk semua aplikasi dan perangkat lunak sejenis nya dan masih banyak yang lain keunggulan nya seperti Tablet PC Acer Iconia ini juga menggunakan 2 kamera yang bisa merekam video hingga resolusi FullHD (1080p) yang cocok di gunakan untuk wartawan yang membutuhkan kamera resolusi tinggi di gunakan dalam pekerjaan nya dan tentu saja<b> Iconia PC tablet dengan Windows 8</b> juga bisa untuk yang mempunyai hobi photo Tablet PC Acer Iconia sangat baik di gunakan untuk mengabadikan kenangan terindah dan moment penting lain yang tidak akan terlupakan hasil dari jepretan kamera yang menggunakan 8 Megapixel (autofocus) yang terletak di bagian belakang tablet pc ini<br />
Sedangkan untuk yang punya hobi video call atau video chat seperti Skype , Camfrog dan sebagai nya , Tablet PC Acer Iconia sangat bagus karena kamera yang ditanamkan dalam tablet pc ini mempunyai resolusi 2,1 Megapixel .<br />
Selain kelebihan fitur - fitur <b> Iconia PC tablet dengan Windows 8 </b>seperti diatas yang di gunakan nya , masih banyak yang bisa anda nikmati kepintaran nya seperti sebahagian fitur nya di bawah ini .<br />
<ul>
<li>Sistem operasi menggunakan Microsoft Windows 8</li>
<li>keyboard docking</li>
<li>Ukuran layar 10.1 dengan kualiatas High Definition</li>
<li>resolusi 1366×768 pixel teknologi In-Plane Switching (IPS)</li>
<li>output HDMI port</li>
<li>daya tahan baterai 18 jam</li>
<li>bobot 580 gram</li>
<li>konektivitas Adhoc nirkabel WiFi access point, Bluetooth ,port micro HDMI, slot MicroSD, dan slot micro USB
</li>
<li>prosesor Intel Atom Z2760. Prosesor 1,5 GHz dual core (4 thread) </li>
<li><span itemprop="average">warna silver dan putih</span> </li>
</ul>
untuk info lengkap kunjungi situs resmi nya <a href="http://acerid.com/">http://acerid.com/</a><br />
Bagaimana mantap dan keren kan Tablet Pc Smart Acer Iconia ? sekalian ya !! bantu dukung blog ini untuk kontes SEO Contest Iconia 2012-2013 ya sob dengan cara meninggalkan komentar , share artikel dan klik gambar dari ACER SEO CONTEST dan sebelum nya saya ucapkan terima kasih dan mohon maaf kalau ada salah kata dalam penulisan artikel ini........blog ranggahttp://www.blogger.com/profile/00974608774985824028noreply@blogger.com10tag:blogger.com,1999:blog-2011306476484227578.post-50749868343265755172013-03-06T22:13:00.002-08:002013-03-06T22:13:50.469-08:00Cara Memasang Like Facebook Di Atas Postingan Blog <div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-ZwthPNJh1pQ/UTgvzfdi-iI/AAAAAAAAFnw/dydHgQl1L3A/s1600/blog+rangga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" height="43" src="http://3.bp.blogspot.com/-ZwthPNJh1pQ/UTgvzfdi-iI/AAAAAAAAFnw/dydHgQl1L3A/s320/blog+rangga.jpg" title="Cara Memasang Like Facebook Di Atas Postingan Blog " width="320" /></a></div>
Pada postingan sebelum, nya saya pernah berbagi <b><a href="http://blog-rangga.blogspot.com/2013/01/cara-membuat-like-box-fans-facebook.html" target="_blank">Cara Membuat Like Box Fans Facebook Tersembunyi Di Blog</a> </b>yang berguna untuk membantu meningkatkan kunjungan pada blog dan kali ini saya akan kembali mencoba untuk berbagi <b>Cara Memasang Like Facebook Di Atas Postingan Blog</b> dengan langkah sebagai berikut :<br />
<ol>
<li>Login dulu ke blogger.</li>
<li>Pilih Template di dasbor blog.</li>
<li>Pilih Edit HTML </li>
<li>Centang dulu Expand Template Widget.</li>
<li>cari kode <span style="color: red;"><data:post.body/></span> dan kalau Sudah ketemu kemudian Copy dan paste kode dibawah ini tepat dibawah kode <span style="color: red;"><data:post.body/></span>
</li>
</ol>
<blockquote>
<iframe allowTranrparency='true'
expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot;
+ data:post.url +
&quot;&amp;action=like&amp;layout=standard&amp;show_faces=false&amp;width=400&amp;font=arial&amp;colorscheme=light&quot;'
frameborder='0' scrolling='no' style='border:none; overflow:hidden;
width:450px; height:25px;'/></div></blockquote>
6. terakhir klik Simpan
Selesai dan lihat hasilnya
blog ranggahttp://www.blogger.com/profile/00974608774985824028noreply@blogger.com2tag:blogger.com,1999:blog-2011306476484227578.post-43449762289630306462013-02-28T10:06:00.001-08:002013-02-28T10:29:20.877-08:00Cara Memasang Readmore Otomatis Dengan Gambar Pada Blog<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-EBseP9S6wmA/US-cL6NkKWI/AAAAAAAAFnM/6WW0aFoYvUI/s1600/BLOG+RANGGA.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog rangga" border="0" height="104" src="http://4.bp.blogspot.com/-EBseP9S6wmA/US-cL6NkKWI/AAAAAAAAFnM/6WW0aFoYvUI/s320/BLOG+RANGGA.jpg" title="Cara Memasang Readmore Otomatis Dengan Gambar Pada Blog" width="320" /></a></div>
<a href="http://blog-rangga.blogspot.com/2012/01/membuat-readmore-otomatis-pada-blog.html" target="_blank"><b>Cara Membuat Readmore Otomatis Pada Blog Dengan Teks</b></a> pernah saya bagikan di blog sebelum nya dan kali ini masih tutorial yang sama yaitu <a href="http://blog-rangga.blogspot.com/2013/02/cara-memasang-readmore-otomatis-dengan.html" target="_blank"><b>Cara Memasang Readmore Otomatis Dengan Gambar Pada Blog</b></a> yaitu dengan langkah-langkah sebagai berikut :<br />
<br />
1. Login dulu ke <b>Blogger</b><br />
2. Pilih Template<br />
3. Klik Edit <b>HTML</b> <br />
4. Centang dulu <b>Expand Widget Template</b> .<br />
5. Cari kode <b style="color: red;"></head></b> gunakan control F untuk memudahkan pencarian kode <b style="color: red;"></head></b> pada template.<br />
6. Lalu hapus kode <b><span style="color: red;"></head></span></b> dan ganti dengan kode di bawah ini<br />
<blockquote class="tr_bq">
</head><script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://blograngga.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/></blockquote>
7. Selanjut nya cari kode <b style="color: red;"><data:post.body/></b> atau <b style="color: red;"><p><data:post.body/></p></b>ganti kode tersebut dengan kode di bawah ini<br />
<blockquote class="tr_bq">
<b:if cond='data:blog.pageType != &quot;item&quot;'><br />
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div><br />
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);<br />
</script><br />
<span class='rmlink' style='float:right;padding-top:20px;'><br />
<a expr:href='data:post.url'><img alt='Read More..'
src='http://4.bp.blogspot.com/-uyXENbjo1O8/US-PaVYcUCI/AAAAAAAAFm4/mAI-9X4zv8o/s1600/blog+rangga+readmore.png'/></a></span><br />
</b:if><br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if></blockquote>
8. Terakhir <b>Save Template</b> untuk melihat hasil nya blog ranggahttp://www.blogger.com/profile/00974608774985824028noreply@blogger.com6