tag:blogger.com,1999:blog-70495307914927492652024-03-29T18:03:30.885+07:00Free SharedBlog yang membahas tentang, Tutorial blogger, template blogger, tips trik, informasi unikbetecehttp://www.blogger.com/profile/00765209781603472758noreply@blogger.comBlogger180125tag:blogger.com,1999:blog-7049530791492749265.post-19511506845421439702014-12-11T09:02:00.000+07:002014-12-11T09:02:20.905+07:006 Langkah Formula SEO<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzjcnYnrlFZBPHXMQY9KKfQaPfxRueGVUSpspXqasOpR2BN5WcfvSJ3osJv1T3Se7vc1UxrO30xGyD9QQoXqz_XOC3N7rGGMwgvYhPSjVSSS71nhGEzK-aMLRalas92gdXbTrY27OTGFHP/s1600/SEOandSocial.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzjcnYnrlFZBPHXMQY9KKfQaPfxRueGVUSpspXqasOpR2BN5WcfvSJ3osJv1T3Se7vc1UxrO30xGyD9QQoXqz_XOC3N7rGGMwgvYhPSjVSSS71nhGEzK-aMLRalas92gdXbTrY27OTGFHP/s1600/SEOandSocial.png" height="251" width="320" /></a></div>
<br />
Agar bisa mencapai tingkatan yang tinggi dalam SEO, tentunya kita harus
lah rajin dalam menulis artikel. Dan tentu saja, artikel harus dibuat semenarik mungkin serta bermanfaat untuk orang banyak. Oke disini akan saya beri 6 Formula SEO yang bisa mengubah
hidup Anda hahaha. Bukan, tentunya formula ini akan bermanfaat untuk
kalian yang ingin berhasil mencapai peringkat teratas di Google. Simak
yaa.<br />
<br /><br />
<h4>
<b>1. Artikel atau Kata Kunci Artikel yang Sempurna</b></h4>
Terlalu banyak kata kunci, dapat membunuh sebuah artikel lebih cepat dari pada peluru Langkah pertama sangatlah mudah. Jangan khawatir dengan kepadatan kata kunci dan ingat untuk menulis dengan asli konten yang mengalir bebas. Ok, let it flow~<br /><br />
<h4>
<b>2. Judul</b></h4>
Optimasi kata kunci masih ada selain dengan langkah yang pertama. Membuat kepadatan kata kunci akan meringankan masalah konten yang tidak asli. Kata kunci adalah cara termudah untuk sebuah mesin pencari untuk menghubungkan lalu lintas ke situs yang mereka cari. Tempatkan kata kunci dalam judul sedekat mungkin dengan kata kunci yang sering dicari orang untuk membantu mesin pencari menemukan website atau blog.<br /><b><br /></b><br />
<h4>
<b>3. Gambar Lebih Bernilai Daripada Ribuan Kata</b></h4>
Server tidak membaca gambar. Tetapi dia membaca deskripsi yang diletakkan di dalam tag. Penempatan kata kunci di dalam tag alt gambar adalah cara lain mesin pencari dapat menemukan konten Ada dan dapat membawa artikel Anda ke dalam traffic mesin pencari yang sempurna atau blog yang layak.<br /><br />
<h4>
<b>4. Optimalkan h1</b></h4>
Header 1 adalah tempat yang sangat baik untuk menempatkan kata kunci. Hal ini juga mungkin bisa membuat indeks H2 dan H3 menjadi meningkat. Jadi jangan lewatkan kesempatan untuk mendapatkan artikel yang sempurna atau posting blog yang menarik. Menempatkan kata kunci di daerah ini membutuhkan sedikit perencanaan. Pikirkan terlebih dahulu untuk membuat konten yang sempurna, header, dan optimasi kata kunci.<br /><br /><br />
<h4>
5. Penempatan Kata Kunci</h4>
Tempatkan kata kunci di judul, kata kunci di H1 subtitle Anda, kata kunci dalam teks alt artikel Anda atau kalimat di paragraf pertama dan terakhir di blog, dan tentu saja, gambar Anda. Setelah Anda memiliki ini 5 kata kunci di tempat, satu di setiap paragraf atau dalam setiap kalimat lain yang lebih dari cukup dan tidak terlalu banyak. Dan jangan lupa untuk menulis alami.<br /><br />
<h4>
<b>6. Jawab Pertanyaan Ini</b></h4>
Setelah diformat dan dioptimalkan, tanya kepada diri sendiri.<br /><br /> Apakah artikelmu menarik?<br /> Apakah artikelmu informatif?<br /> Apakah artikelmu menjawab pertanyaan yang sering muncul?<br /> Apakah ada sesuatu yang berharga untuk pembaca?<br /> Apakah artikelmu asli?<br /><br /><br />Jika semua dijawab YA, berarti Anda memang hebat karena sudah menerapkan formula SEO yang sangat luar biasa. Dan sebenarnya masih ada 1 lagi formulanya, untuk membuat artikel yang sempurna, tentu saja harus perbanyak latihan<br />auto cuanhttp://www.blogger.com/profile/08920881519107522225noreply@blogger.com48tag:blogger.com,1999:blog-7049530791492749265.post-65388316455106915862014-12-03T20:43:00.001+07:002014-12-04T00:31:27.554+07:00Radiasi Smartphone Berbahaya Lho.. Yuk kita Hindari..Smartphone saat ini sudah menjadi gadget wajib yang dibawa oleh banyak orang,
mulai dari anak-anak hingga orang tua. Namun tahu kah Agan bila
menggunakan smartphone dengan cara yang salah bisa menimbulkan masalah
kesehatan parah seperti tumor hingga kanker?<br />
<br />
<img alt="" border="0" src="http://s.kaskus.id/images/2014/12/03/2997486_20141203034100.jpg" /><br />
<br />
<div style="text-align: center;">
<em>Gambar Hanya Iustrasi | Image Courtesy of : linssky.com </em></div>
<div style="text-align: center;">
<br />
<br />
Ya,
menurut penelitian dari Departemen Kesehatan New York di awal tahun
ini, terdapat sekitar 725 kasus tumor berbahaya (dari 53.000 kasus) yang
menyerang otak dan saraf warganya dari tahun 2006 sampai 2010. Ratusan
kasus itu ditengarai berkaitan dengan semakin meningkatnya penggunaan
ponsel dan smartphone.<br />
<br />
Meski sampai saat ini belum ada penelitian spesifik yang membuktikan
keterkaitan antara kemunculan tumor atau kanker dengan radiasi dari
smartphone, tentu akan lebih baik bila kita sebagai pengguna melakukan
langkah antisipasi. Berikut adalah enam langkah preventif yang bisa
dilakukan untuk menghindari bahaya radiasi smartphone. <br />
<br />
1. Pakai Headset Bluetooth<br />
<br />
<img alt="" border="0" src="http://s.kaskus.id/images/2014/12/03/2997486_20141203034236.jpg" /><br />
Gambar hanya ilustrasi | Image Courtesy of : merdeka.com<br />
<br />
Cara pertama tentu saja mengurangi pemakaian smartphone di daerah sekitar kepala, misalnya saat melakukan panggilan. Dan headset Bluetooth adalah perangkat tambahan yang paling disarankan oleh ahli untuk mengurangi paparan radiasi dari smartphone.<br />
<br />
Jika Agan masih belum terbiasa menggunakan headset Bluetooth dalam waktu yang lama, sebaiknya Agan mulai mencobanya untuk panggilan-panggilan dengan durasi waktu lama.<br />
<br />
Memakai headset Bluetooth juga sangat disarankan di menit-menit awal jika Agan merasa kurang nyaman memakainya terus menerus. Menit-menit awal panggilan adalah saat di mana radiasi smartphone paling banyak dikeluarkan.<br />
<br />
2. Pilih Chatting Atau Voice Chat Ketimbang Telepon<br />
<img alt="" border="0" src="http://s.kaskus.id/images/2014/12/03/2997486_20141203034952.png" /><br />
<br />
Gambar hanya ilustrasi | Image Courtesy of : iconfinder.com<br />
<br />
<br />
Kini banyak sekali aplikasi chatting yang sudah menawarkan fitur pesan suara atau voice chat untuk menggantikan fungsi panggilan pada smartphone. Agan juga bisa memilih SMS dan chatting saja ketimbang harus membuat panggilan untuk hal-hal yang tidak terlalu penting.<br />
<br />
Selain lebih menghemat biaya pulsa, langkah ini dapat mengurangi paparan radiasi karena pengguna akan cenderung memegang smartphone jauh dari kepala. Ingat, mengurangi frekuensi membuat panggilan adalah hal utama yang bisa mengurangi bahaya radiasi.<br />
<br />
3. Simpan Smartphone di Tas Khusus dan Beri Casing Tambahan<br />
<img alt="http://s.kaskus.id/images/2014/12/03/2997486_20141203034518.jpg" class="decoded" src="http://s.kaskus.id/images/2014/12/03/2997486_20141203034518.jpg" /><br />
<br />
Gambar hanya ilustrasi | Image Courtesy of : merdeka.com<br />
<br />
Saran ini mungkin sering kali Agan dengar di kehidupan sehari-hari. Tetapi, ternyata sangat sedikit sekali orang yang mengikuti saran ini, kerena banyak pengguna kerap merasa menyimpan smartphone di kantong celana dan kemeja memudahkan mereka untuk meraih smartphone.<br />
<br />
Tetapi, beberapa penelitian menunjukkan bila radiasi smartphone dapat menyebabkan kanker atau menurunnya kualitas sperma. Oleh sebab itu sangat disarankan untuk menyimpan smartphone di tas kecil yang kini banyak dijual serta menambah casing luar.<br />
<br />
Selain melindungi dari benturan atau potensi smartphone jatuh, penambahan casing dapat mengurangi paparan radiasi dan menjauhkan smartphone dari bagian tubuh yang berpotensi terkena dampak radiasi.<br />
<br />
<br />
4. Hindari Penggunaan Smartphone Berlebihan Saat Diperjalanan<br />
<img alt="" border="0" src="http://s.kaskus.id/images/2014/12/03/2997486_20141203035130.jpg" /><br />
gambar hanya ilustrasi | Image Courtesy of : merdeka.com<br />
<br />
Saat traveling atau bepergian banyak orang yang cenderung beralih ke smartphone untuk menghindari kebosanan. Akan tetapi hal ini sejatinya sangat tidak disarankan, apalagi untuk melakukan panggilan.<br />
<br />
Posisi Agan yang terus berubah-ubah dan melewati banyak tower seluler sepanjang perjalanan dapat meningkatkan jumlah radiasi yang dikeluarkan oleh smartphone. Hal ini akibat usaha ekstra smartphone untuk mendapatkan sinyal ke sumber jaringan terdekat.<br />
<br />
'Larangan' tersebut juga berlaku saat di perjalanan Agan mendapati smartphone hanya mendapat sinyal yang minim. Saat sinyal yang didapat sedikit, smartphone akan mengimbanginya dengan meningkatkan pancaran sinyal yang berujung pada bertambahnya paparan radiasi.<br />
<br />
5. Isi Daya Smartphone ditempat Yang Jauh Dari Jangkauan<br />
<br />
<img alt="http://s.kaskus.id/images/2014/12/03/2997486_20141203035150.jpg" class="decoded" src="http://s.kaskus.id/images/2014/12/03/2997486_20141203035150.jpg" /><br />
Gambar hanya ilustrasi | Image Courtesy of : merdeka.com<br />
<br />
Apakah Agan termasuk orang yang mengisi daya smartphone di samping tempat tidur di malam hari? Jika iya, Agan sebaiknya mulai meninggalkan kebiasaan itu.<br />
<br />
Sebab, kita tidak bisa mengawasi secara langsung apa yang terjadi pada smartphone saat kita mengisi ulang dayanya. Ada kalanya si smartphone akan mengeluarkan radiasi tinggi saat menerima banyak notifikasi. Oleh karena itu, sangat disarankan untuk mengisi ulang daya smartphone di tempat-tempat yang jauh dari jangkauan kita dan keluarga, terutama anak-anak.<br />
<br />
Tubuh anak-anak yang masih masuk tahap perkembangan dianggap lebih rentan terkena dampak buruk radiasi ketimbang orang dewasa.<br />
<br />
6. Jangan Gunakan Perangkat Anti Radiasi<br />
<br />
<img alt="" border="0" src="http://s.kaskus.id/images/2014/12/03/2997486_20141203035309.jpg" /><br />
Gambar hanya Ilustrasi | Image Courtesy of : merdeka.com<br />
<br />
Dengan semakin meningkatnya kesadaran orang akan bahaya radiasi smartphone, banyak pihak yang mulai memproduksi alat tambahan yang diklaim dapat melindungi pengguna dari radiasi smartphone mereka, salah satunya dengan stiker anti radiasi.<br />
<br />
Selain setelah stiker anti radiasi, muncul casing anti radiasi. Perangkat tambahan ini memang bisa mengurangi radiasi yang diterima oleh pengguna, tetapi casing itu juga dapat membatasi sinyal yang masuk dan justru menghambat panggilan.<br />
<br />
Hal ini justru dapat membuat kita melakukan panggilan lebih sering dan meningkatkan resiko terkena radiasi dari smartphone kesayangan.<br />
<br />
<br />
<br />
<br />
<br />
<br /></div>
auto cuanhttp://www.blogger.com/profile/08920881519107522225noreply@blogger.com17tag:blogger.com,1999:blog-7049530791492749265.post-11400858204552888732014-03-07T10:25:00.000+07:002014-03-07T10:25:57.268+07:00CMS Toko Online Terbaik<span style="background-color: white;"><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px;">Tidak bisa dipungkiri bahwa </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px;">perkembangan bisnis online di Indonesia </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px;">sangat-sangatlah pesat. Terlihat mulai dari </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px;">banyaknya muncul website-website seperti blog, forum, sosial media dan juga toko online. Hal tersebut didukung oleh kemudahan teknologi saat ini. Jika dahulu untuk membuat sebuah website kita memerlukan basic skill pemrograman, kini hanya dengan sebuah </span><span style="border: 0px; color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; line-height: 21px; margin: 0px; padding: 0px; vertical-align: baseline;">CMS (Content Management System)</span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px;"> kita sudah dapat </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px;">membangun sebuah website bahkan tanpa </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px;">harus bersentuhan dengan yang namanya </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px;">bahasa pemrograman seperti PHP, HTML, CSS, JAVASCRIPT dan sebagainya. </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px;">Semakin berkembangnya teknologi pun </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px;">menciptakan sebuah persaingan baru dimana </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px;">para pemain bisnis saling berebut untuk </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px;">mendapatkan peluang pasar yang lebih baik. </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px;">Sebut saja dalam persaingan CMS khususnya </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px;">untuk toko online. Saat ini sudah ada banyak </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px;">nama penyedia CMS untuk membuat toko online yang diatnaranya adalah Opencart, Magento, Zencart, Prestashop, dll. </span><br style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px;" /><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px;">Maka dari itu, pada Thread ini saya akan</span><br style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px;" /><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px;">membahas mengenai </span><span style="border: 0px; color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; line-height: 21px; margin: 0px; padding: 0px; vertical-align: baseline;">3 CMS terbaik yang patut anda coba kala anda ingin membuat sebuah toko online</span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px;">. Mana saja yang disebut CMS terbaik dan kenapa disebut demikian ? Berikut ulasannya :</span></span><br />
<span style="background-color: white; color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px;"></span><br />
<a name='more'></a><span style="background-color: white; color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px;"><br /></span>
<br />
<div style="text-align: left;">
<span style="background-color: white; border: 0px; color: blue; font-family: Helvetica, Arial, 'DejaVu Sans Condensed', sans-serif; font-size: 30px; font-weight: 700; line-height: 45px; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">1. Opencart</span></div>
<div style="text-align: left;">
<span style="background-color: white; border: 0px; color: blue; font-family: Helvetica, Arial, 'DejaVu Sans Condensed', sans-serif; font-size: 30px; font-weight: 700; line-height: 45px; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;"><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;">Opencart adalah salah satu CMS Opensource </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;">untuk toko online yang berbasis PHP. Dengan</span><br style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;" /><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;">tampilan yang sedikit simpel dengan </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;">penggunaan warna yang pas pada tampilan </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;">front office membuat CMS yang satu ini menjadi CMS yang paling banyak digunakan didunia. Tidak percaya ? Silakan lihat </span><a href="http://demo.opencart.com/" style="border: 0px; color: #0976bc; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline;" target="_blank">Demo</a><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;">Untuk Back Officenya, opencart memiliki menu navigasi yang cukup mudah untuk digunakan. Berikut screenshotnya.</span></span></div>
<div style="text-align: left;">
<span style="border: 0px; color: blue; font-family: Helvetica, Arial, 'DejaVu Sans Condensed', sans-serif; font-size: 30px; font-weight: 700; line-height: 45px; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;"><span style="background-color: white; color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij7lJp12-L0P2oiq1NZ39J4zNJaXHmKpcgEDl8yfTLYbwQDGB-q7zy1PX92sLNJSZcVlWtiBh9Qng6PqUVzfIhckKqhbXgyLUlBg4hwa-NN84NBFY3ySuZzqi9wcF6CeDYNd3LYAUfDuNW/s1600/oepncart.png" imageanchor="1" style="background-color: white; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij7lJp12-L0P2oiq1NZ39J4zNJaXHmKpcgEDl8yfTLYbwQDGB-q7zy1PX92sLNJSZcVlWtiBh9Qng6PqUVzfIhckKqhbXgyLUlBg4hwa-NN84NBFY3ySuZzqi9wcF6CeDYNd3LYAUfDuNW/s1600/oepncart.png" height="135" width="320" /></a></div>
<div style="text-align: left;">
<span style="background-color: white; border: 0px; color: blue; font-family: Helvetica, Arial, 'DejaVu Sans Condensed', sans-serif; font-size: 30px; font-weight: 700; line-height: 45px; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;"><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;">Fitur-fitur yang terdapat pada Opencart pun </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;">beragam mulai dari menu Catalog, Coupons, </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;">Ticket, Shipping, Order dan juga Report. Selain </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;">itu, anda juga tidak perlu khawatir dengan </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;">yang namanya ketersediaan template dan </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;">ekstensi-ekstensi tertentu. </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;">Karena seperti yang sudah saya bilang diatas,</span><br style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;" /><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;">bahwa Opencart memiliki banyak pengguna </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;">diseluruh dunia, itu berarti bahwa banyak </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;">sekali orang yang menyediakan template- </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;">template atau ekstensi untuk CMS ini.</span></span></div>
<div style="text-align: left;">
<span style="border: 0px; color: blue; font-family: Helvetica, Arial, 'DejaVu Sans Condensed', sans-serif; font-size: 30px; font-weight: 700; line-height: 45px; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;"><span style="background-color: white; color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;"><br /></span></span></div>
<div style="text-align: left;">
<span style="border: 0px; color: blue; font-family: Helvetica, Arial, 'DejaVu Sans Condensed', sans-serif; font-size: 30px; font-weight: 700; line-height: 45px; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;"><span style="background-color: white; border: 0px; color: green; margin: 0px; padding: 0px; vertical-align: baseline;">2. Prestashop</span></span></div>
<div style="text-align: left;">
<span style="border: 0px; color: blue; font-family: Helvetica, Arial, 'DejaVu Sans Condensed', sans-serif; font-size: 30px; font-weight: 700; line-height: 45px; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;"><span style="background-color: white; border: 0px; color: green; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;">Prestashop adalah CMS asal Perancis yang bisa disebut sebagai CMS Multi language dengan </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;">lebih dari 10 bahasa disupport oleh CMS ini. </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;">Sama halnya dengan Opencart, Prestashop </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;">dibangun dengan basic PHP dan AJAX untuk </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;">bagian halaman adminnya. </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;">Cukup berbeda dengan opencart, tampilan</span><br style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;" /><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;">default pada prestashop terasa sedikit lebih </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;">menarik dengan kumpulan menu dan widget </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;">yang lebih banyak. Lihat </span><a href="http://femikids.com/" style="border: 0px; color: #0976bc; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline;" target="_blank">Demo</a><br style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;" /><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;">Untuk bagian back office, prestashop memiliki kurang lebih 310 fitur yang dapat mendukung proses bisnis online anda. Jadi jangan heran jika tampilannya sedikit lebih kompleks jika dibandingkan dengan opencart.</span></span></span></div>
<div style="text-align: left;">
<span style="border: 0px; color: blue; font-family: Helvetica, Arial, 'DejaVu Sans Condensed', sans-serif; font-size: 30px; font-weight: 700; line-height: 45px; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;"><span style="border: 0px; color: green; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: white; color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;"><br /></span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN8yDUt-pe-lzkrmrss4oFTO4KMC4BHGbnr13IL0NAml_TzA8P6wUDydOJ4h4Dg4MWDXWlNJIJcvDOVgK3bdqOCj1E7o_9Yp6gcJJzpQC7Oxmsx1uiGcGW8D5PENqYyHA32h6ARZ9B4z8X/s1600/prestashop.png" imageanchor="1" style="background-color: white; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN8yDUt-pe-lzkrmrss4oFTO4KMC4BHGbnr13IL0NAml_TzA8P6wUDydOJ4h4Dg4MWDXWlNJIJcvDOVgK3bdqOCj1E7o_9Yp6gcJJzpQC7Oxmsx1uiGcGW8D5PENqYyHA32h6ARZ9B4z8X/s1600/prestashop.png" height="127" width="320" /></a></div>
<div style="text-align: left;">
<span style="border: 0px; color: blue; font-family: Helvetica, Arial, 'DejaVu Sans Condensed', sans-serif; font-size: 30px; font-weight: 700; line-height: 45px; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;"><span style="border: 0px; color: green; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: white; color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;"><br /></span></span></span></div>
<div style="text-align: left;">
<span style="border: 0px; color: blue; font-family: Helvetica, Arial, 'DejaVu Sans Condensed', sans-serif; font-size: 30px; font-weight: 700; line-height: 45px; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;"><span style="background-color: white; border: 0px; color: green; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;">Beberapa fitur dari prestashop adalah seperti </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;">fitur pembayaran dari Google Checkout, paypai, Multi store, Multi Language, Reasurance dan masih banyak lainnya.</span></span></span></div>
<div style="text-align: left;">
<span style="border: 0px; color: blue; font-family: Helvetica, Arial, 'DejaVu Sans Condensed', sans-serif; font-size: 30px; font-weight: 700; line-height: 45px; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;"><span style="border: 0px; color: green; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: white; color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;"><br /></span></span></span></div>
<div style="text-align: left;">
<span style="border: 0px; color: blue; font-family: Helvetica, Arial, 'DejaVu Sans Condensed', sans-serif; font-size: 30px; font-weight: 700; line-height: 45px; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;"><span style="border: 0px; color: green; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: white; color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; text-align: left;"><br /></span></span></span></div>
<div style="text-align: left;">
<span style="border: 0px; color: blue; font-family: Helvetica, Arial, 'DejaVu Sans Condensed', sans-serif; font-size: 30px; font-weight: 700; line-height: 45px; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;"><span style="border: 0px; color: green; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: white; border: 0px; color: red; margin: 0px; padding: 0px; vertical-align: baseline;">3. Magento</span></span></span></div>
<div style="text-align: left;">
<span style="background-color: white;"><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px;">Satu lagi daftar CMS terbaik sekaligus yang </span><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px;">terkakhir adalah Magento. Sama halnya seperti Opencart dan Prestashop, Magento juga cukup populer untuk urusan toko online. Ini terbukti dengan data tatistik dari Magento sendiri yang mngklaim bahwa CMS ini sudah digunakan oleh Lebih dari 200.000 erchant diseluruh dunia. </span><br style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px;" /><br style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px;" /><span style="color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px;">Tidak hanya itu, salah satu website E-Commerce terbesar di Indonesia juga menggunakan CMS ini yaitu Bhinneka.com. Hanya saja fitur yang disediakan untuk versi gratis masih terbilang sedikit. Jadi anda perlu mengeluarkan dana untuk mendapatkan fitur fitur premium lainnya.</span></span></div>
<div style="text-align: left;">
<span style="background-color: white; color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px;"><br /></span></div>
<div style="text-align: left;">
<span style="border: 0px; font-family: Helvetica, Arial, 'DejaVu Sans Condensed', sans-serif; font-size: 14px; font-weight: 700; line-height: 21px; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;"><span style="border: 0px; color: blue !important; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: white; border: 0px; font-family: inherit; font-size: 20px !important; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Jadi CMS Mana Yang Terbaik ?</span></span></span></div>
<div style="text-align: left;">
<span style="border: 0px; font-family: Helvetica, Arial, 'DejaVu Sans Condensed', sans-serif; font-size: 14px; font-weight: 700; line-height: 21px; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;"><span style="border: 0px; color: blue !important; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: white; border: 0px; font-family: inherit; font-size: 20px !important; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span></span></span></div>
<div style="text-align: left;">
<span style="border: 0px; font-family: Helvetica, Arial, 'DejaVu Sans Condensed', sans-serif; font-size: 14px; font-weight: 700; line-height: 21px; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;"><span style="border: 0px; color: blue !important; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-family: inherit; font-size: 20px !important; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: white; color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; text-align: left;">Untuk menentukan CMS mana yang yang paling baik tentunya semua kembali kepada anda. Masing- masing orang memiliki pendapat dan selera yang berbeda-beda. Jadi silakan tentukan sendiri mana yang menurut anda paling cocok untuk digunakan. Tapi harap diingat, dalam memilih CMS pastikan yang tidak hanya baik dari segi tampilan. CMS juga harus mendukung SEO dan kemudahan akses. Selain itu masih banyak lagi faktor-faktor seperti kemudahan maintanance, Loading Time, kemanan, dan sebagainya.</span></span></span></span></div>
betecehttp://www.blogger.com/profile/00765209781603472758noreply@blogger.com35tag:blogger.com,1999:blog-7049530791492749265.post-8018765567351722762014-03-04T15:08:00.004+07:002014-03-04T15:10:34.381+07:00Kompor Masa Depan Kaum Urban, Modena Esente PI 1310<span style="display: block; text-align: center;"></span><br />
<div style="text-align: left;">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/proxy/AVvXsEic9R6CO16Oq1nnvLZGSwMJ9eYyKIae1X1VdGb1bLZNOReL1OQtkf7ISyQRMImm8q_1Z2som3FlcqXCO0JzIvEN1jN8soy4y6UAUUZ6PjdpcPR5M7DFkRoEXB3aPAU8u2HxjH9WaD47RwI5Z_hy7adWyWNYGmreZVn6w-tR6VzIfLfr=" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://cdn.kaskus.com/images/2014/03/04/6270385_20140304110851.jpg" height="203" width="320" /></a></div>
<span style="display: block; text-align: center;"><span style="font-family: Georgia; font-size: 16px;">Modena
Esente PI 1310 menjawab kebutuhan kaum urban akan perangkat dapur yang
tidak hanya mengedepankan fungsionalitas, namun juga dapat menunjang
gaya hidup modern. </span></span></div>
<span style="display: block; text-align: center;">
</span>
<div style="text-align: left;">
<span style="display: block; text-align: center;"><span style="font-family: Georgia;"><br /></span></span></div>
<span style="display: block; text-align: center;">
<div style="font-family: Georgia !important; font-size: 16px !important; text-align: left;">
Kompor induksi portabel multifungsi ini hadir dalam balutan desain
stylish. Dibandingkan kompor lain, tampilannya terlihat lebih cantik dan
menarik. Bentuknya pun dibuat sangat kompak. Sehingga mudah saat
dipindah-tempatkan. Kita dapat menggunakannya di area dapur, atau
menempatkanya di atas meja makan untuk menyuguhkan masakan dalam keadaan
panas.</div>
<div style="font-family: Georgia !important; font-size: 16px !important; text-align: left;">
<br /></div>
<div style="text-align: left;">
<span style="display: block; text-align: center;"></span><br />
<div style="font-family: Georgia !important; font-size: 16px !important; text-align: left;">
<span style="display: block; text-align: center;">Seperti
umumnya kompor lain, Esente PI 13010 dapat digunakan untuk memasak
beragam menu. Namun karena kompor ini bisa ditempatkan di atas meja
makan, kita dapat menggunakannya untuk memasak makanan khas negeri
sakura bersama anggota keluarga, seperti menu shabu-shabu, tepanyaki dan
sukiyaki. Atapun kita bisa memasak barbecue bulgogi ala Korea. </span></div>
<span style="display: block; text-align: center;">
</span>
<div style="text-align: left;">
<span style="display: block; text-align: center;"><span style="font-family: Georgia;"><br /></span></span></div>
<span style="display: block; text-align: center;">
<span style="font-family: Georgia !important;"><div style="text-align: left;">
Esente PI 1310 juga dapat digunakan untuk membuat pancake, crepe dan
omelette. Disajikan hangat untuk menu sarapan keluarga. Namun yang
membuat kami menyukai perangkat masak ini adalah kemampuannya dalam
mempertahankan kualitas ataupun tekstur masakan. Kami berhasil membuat
fondue berbahan keju dan cokelat yang lembut dan lezat. </div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://cdn.kaskus.com/images/2014/03/04/6270385_20140304110914.jpg" height="320" width="268" /></div>
<div style="text-align: left;">
<span style="display: block; text-align: left;"><span style="font-size: 16px !important;">Kompor
induksi ini menggunakan daya listrik dalam penggunaannya. Hanya tinggal
menyambungkannya ke stop kontak listrik untuk menggunakan kompor ini.
Lebih praktis tanpa harus memerlukan ruang khusus untuk menempatkan
tabung gas. Selain itu menghilangkan kekhawatiran kehabisan ataupun
resiko kebocoran gas. Semakin aman, kompor ini hanya akan bekerja kala
diletakkan piranti masak berbahan metal. Dan seketika berhenti
beroperasi saat piranti memasak diangkat dari atas kompor. Uniknya,
ketika tangan mencoba menyentuh permukaan kompor, tidak terasa panas
sedikitpun. </span></span><span style="display: block; text-align: left;"><span style="font-size: 16px !important;"><br /></span></span><span style="display: block; text-align: center;"><span style="display: block; text-align: left;"><span style="font-size: 16px !important;">Modena
membuat kompornya efesiensi dalam penggunaan listrik. Menggunakan satu
zona masak yang hanya menggunakan daya listrik rendah. Panas yang
dialirkan dari zona masak terkonsentrasi pada piranti masak sehingga
proses memasak lebih cepat dibandingkan dengan kompor gas.</span></span><span style="display: block; text-align: left;"><span style="font-size: 16px !important;"><br /></span></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<span style="display: block; text-align: center;"><img border="0" src="http://cdn.kaskus.com/images/2014/03/04/6270385_20140304111004.jpg" height="320" width="250" /></span></div>
<span style="display: block; text-align: center;">
<span style="display: block; text-align: left;"><span style="font-size: 16px !important;"><br /></span></span><span style="display: block; text-align: left;"><span style="display: block; text-align: center;"><span style="font-size: 16px !important;"><span style="font-size: 24px !important;"><b><span style="color: green !important;">Kesimpulan</span></b></span><br />
Modena Esente PI 1310 bukan sekadar kompor biasa. Tidak hanya
mengedepankan fungsi, kompor ini mampu tampil begitu trendi dengan
kemudahan dan keamanan saat pengoperasiannya. Berpadu dengan segenap
fitur yang disematkan di dalamnya menjadikan Esente PI 1310 ini sebagai
kompor masa depan kaum urban.</span></span></span></span></div>
</span></span></div>
</span>
<!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2Fcdn.kaskus.com%2Fimages%2F2014%2F03%2F04%2F6270385_20140304110851.jpg&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/proxy/AVvXsEic9R6CO16Oq1nnvLZGSwMJ9eYyKIae1X1VdGb1bLZNOReL1OQtkf7ISyQRMImm8q_1Z2som3FlcqXCO0JzIvEN1jN8soy4y6UAUUZ6PjdpcPR5M7DFkRoEXB3aPAU8u2HxjH9WaD47RwI5Z_hy7adWyWNYGmreZVn6w-tR6VzIfLfr=" -->Unknownnoreply@blogger.com7tag:blogger.com,1999:blog-7049530791492749265.post-54544858082040497082014-03-04T10:56:00.000+07:002014-03-04T10:56:05.381+07:00Memasang widget popular post berwarna warni<span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px; text-align: justify;">Popular post adalah salah satu widget yang disediakan oleh blogger bagi memaparkan posting yang popular pada sesuatu bulan,minggu atau sepanjang masa.Anda boleh memilih bagaimana ia akan dipaparkan.Tutorial ini adalah cara untuk mengubahsuai paparannya dalam bentuk yang berwarna warni.</span><br />
<span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px; text-align: justify;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFHU0KEYmfu3mme6rcLueguXnXaTI-8mlRLR-4i3MM0URaBB44wBcluXwjfFETq56wp-qbySe_TSpCqRXb1ofFgqqbqC18lfCTcHrcptVoV6rQ_T7kav_AoPGYxTYWDsMoRuoO9KqthPE/s1600/popular+post.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFHU0KEYmfu3mme6rcLueguXnXaTI-8mlRLR-4i3MM0URaBB44wBcluXwjfFETq56wp-qbySe_TSpCqRXb1ofFgqqbqC18lfCTcHrcptVoV6rQ_T7kav_AoPGYxTYWDsMoRuoO9KqthPE/s1600/popular+post.jpg" /></a></div>
<span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px; text-align: justify;"><br /></span>
<span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px; text-align: justify;"><br /></span>
<span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">Langkah bagi membuatnya:</span><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">1.Masuk ke blogger dan masukkan widget popular post pada blog anda</span><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;"> Pada dashboard pilih Layout>>Add A gadget</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbOMgooroe16Xa7try6k7mGFq_H-DQEN1ehj32p9wLmwRiDU7wuaHQZK2BdeOftuQ39RkIAt98oc-2yLb9yUV8NeokFpy0zAUfJTrzxJInTtT0QLYZr0Incr4VqKlZGe3uyoUK_Y0m0kQ/s1600/layout+.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbOMgooroe16Xa7try6k7mGFq_H-DQEN1ehj32p9wLmwRiDU7wuaHQZK2BdeOftuQ39RkIAt98oc-2yLb9yUV8NeokFpy0zAUfJTrzxJInTtT0QLYZr0Incr4VqKlZGe3uyoUK_Y0m0kQ/s1600/layout+.jpg" height="162" width="320" /></a></div>
<span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;"><br /></span>
<span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">2.Pilih popular post dari senarai tersebut dan namakan widget tersebut dengan perkataan yang anda inginkan.</span><br />
<span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX5Nampgw-R0E5S8a7LG2F9pU1TayTDYYqlBmdS0bZR7fBH9YKXurz6PlkIgyMmU7JB5OUYgGZ0UfdnD9W6owMHcxs_Z2z5_dwkSaVsLfwRZ5Tk93srDKPm1bS5WNLQxG-ddPG4kG2fK4/s1600/popular+post.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX5Nampgw-R0E5S8a7LG2F9pU1TayTDYYqlBmdS0bZR7fBH9YKXurz6PlkIgyMmU7JB5OUYgGZ0UfdnD9W6owMHcxs_Z2z5_dwkSaVsLfwRZ5Tk93srDKPm1bS5WNLQxG-ddPG4kG2fK4/s1600/popular+post.JPG" height="72" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">3. Kemudian pada template pilih Edit HTML</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">4.Cari kod </span><b style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">]]></b:skin></b><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;"> gunakan CTRL+F</span><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">Kemudian letakkan kode berikut ini diatasnya</span></div>
<div>
<span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;"><br /></span></div>
<span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 ul{margin:0;padding:4px 0;list-style-type:none}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 ulli{position:relative;margin:4px 0;border:0;padding:10px}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 ulli:first-child{background:#ff4c54;width:90%}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 ulli:first-child:after{content:"1"}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 ulli:first-child + li{background:#ff764c;width:87%}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 ulli:first-child + li:after{content:"2"}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 ulli:first-child + li + li{background:#ffde4c;width:84%}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 ulli:first-child + li + li:after{content:"3"}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 ulli:first-child + li + li + li{background:#c7f25f;width:81%}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 ulli:first-child + li + li + li:after{content:"4"}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 ulli:first-child + li + li + li + li{background:#33c9f7;width:78%}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 ulli:first-child + li + li + li + li:after{content:"5"}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 ulli:first-child + li + li + li + li +li{background:#7ee3c7;width:75%}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 ulli:first-child + li + li + li + li + li:after{content:"6"}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 ulli:first-child + li + li + li + li + li +li{background:#f6993d;width:72%}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 ulli:first-child + li + li + li + li + li + li:after{content:"7"}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 ulli:first-child + li + li + li + li + li + li +li{background:#f59095;width:69%}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 ulli:first-child + li + li + li + li + li + li + li:after{content:"8"}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 ulli:first-child + li + li + li + li + li + li + li +li{background:#c7f25f;width:66%}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 ulli:first-child + li + li + li + li + li + li + li + li:after{content:"9"}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 ulli:first-child:after,</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 ulli:first-child + li:after,</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 ulli:first-child + li + li:after,</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 ulli:first-child + li + li + li:after,</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 ulli:first-child + li + li + li + li:after,</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 ulli:first-child + li + li + li + li + li:after,</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 ulli:first-child + li + li + li + li + li + li:after,</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 ulli:first-child + li + li + li + li + li + li + li:after,</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 ulli:first-child + li + li + li + li + li + li + li + li:after{position:absolute;top:20px;right:-15px;border-radius:50%;background:#353535;width:30px;height:30px;text-align:center;font-size:28px;color:#fff}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:70px;height:70px;}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 ul li a{font-size:13px;color:#444;text-decoration:none}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 ul li a:hover{color:#222;text-decoration:none}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 img{</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">-moz-border-radius: 130px;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">-webkit-border-radius: 130px;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">border-radius: 130px;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">-webkit-transition: all 0.3s ease;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">-moz-transition: all 0.3s ease;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">transition: all 0.3s ease;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">padding:4px;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">border:1px solid #fff !important;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">#PopularPosts1 img:hover {</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">border-radius: 0 0 0 0;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">-moz-transform: scale(1.2) rotate(-711deg) ;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">-webkit-transform: scale(1.2) rotate(-711deg) ;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">-o-transform: scale(1.2) rotate(-711deg) ;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">-ms-transform: scale(1.2) rotate(-711deg) ;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">transform: scale(1.2) rotate(-711deg) ;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">}</span><br />
<span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;"><br /></span>
<br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">5.Klik pada preview template untuk melihat paparannya.</span><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;" /><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 17.836000442504883px;">6.Klik pada save template </span>Unknownnoreply@blogger.com17tag:blogger.com,1999:blog-7049530791492749265.post-5482962588920646042014-03-04T10:41:00.000+07:002014-03-04T10:41:54.897+07:00Cara Meningkatkan Traffic Dengan Search Engine<div style="background-color: #fcfcfc; color: #222222; font-family: 'Trebuchet MS', sans-serif; font-size: 14px; line-height: 1.5em; margin-bottom: 1.5em;">
Bila Anda punya produk yang bagus, mungkin tidak banyak orang yang tahu jika tidak dipromosikan. Baik melalui social media atau SEO. Anda masih perlu untuk mendapatkan pelanggan ke website Anda – terutama jika Anda menjalankan e -commerce.</div>
<div style="background-color: #fcfcfc; color: #222222; font-family: 'Trebuchet MS', sans-serif; font-size: 14px; line-height: 1.5em; margin-bottom: 1.5em;">
Dalam artikel ini, terdapat beberapa cara untuk menaikkan ranking di google, atau bisa kita sebut cara efektif menaikkan ranking melalui SEO. Berikut tips nya :</div>
<div style="background-color: #fcfcfc; color: #222222; font-family: 'Trebuchet MS', sans-serif; font-size: 14px; line-height: 1.5em; margin-bottom: 1.5em;">
<br /></div>
<h3 style="background-color: #fcfcfc; color: #222222; font-family: 'Trebuchet MS', sans-serif; font-size: 1.125em; margin-top: 0px;">
1. Fokus pada <span style="color: #068fc8;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative;">Long Tail Keyword</span></span></h3>
<div style="background-color: #fcfcfc; color: #222222; font-family: 'Trebuchet MS', sans-serif; font-size: 14px; line-height: 1.5em; margin-bottom: 1.5em;">
Jika Anda membuat situs baru , pastinya sangat sulit untuk mengambil kata kunci populer dengan cepat. Akan lebih baik jika Anda menulis banyak artikel yang kualitas pada kata kunci yang sangat spesifik daripada mengejar keyword berpencarian banyak. Manfaat lain yang didapat dari tetap fokus dengan long tail keyword adalah biasanya keyword-keyword tersebut dapat memberikan angka konversi lebih baik.</div>
<h3 style="background-color: #fcfcfc; color: #222222; font-family: 'Trebuchet MS', sans-serif; font-size: 1.125em; margin-top: 0px;">
2. Konsisten</h3>
<div style="background-color: #fcfcfc; color: #222222; font-family: 'Trebuchet MS', sans-serif; font-size: 14px; line-height: 1.5em; margin-bottom: 1.5em;">
Semakin lama situs Anda berada di dalam niche bisnis Anda dan menghasilkan konten online kualitas, semakin besar pula kemungkinan Anda untuk keluar di hasil pencarian untuk semua kata kunci yang terkait. Memulai sebuah blog dan membuat banyak artikel adalah hal yang baik dan bagus, tetapi menjaga kegiatan tersebut selama bertahun-tahun akan berbeda dengan blog yang baru berusia sebulan ( atau seminggu ).</div>
<h3 style="background-color: #fcfcfc; color: #222222; font-family: 'Trebuchet MS', sans-serif; font-size: 1.125em; margin-top: 0px;">
3. Optimalkan Artikel Anda</h3>
<div style="background-color: #fcfcfc; color: #222222; font-family: 'Trebuchet MS', sans-serif; font-size: 14px; line-height: 1.5em; margin-bottom: 1.5em;">
Ada tiga hal utama pada halaman web Anda yang harus dioptimalkan yaitu : meta Title , description dan keyword. Ini adalah suatu hal yang sederhana dan dapat dilakukan ketika Anda menerbitkan sebuah konten pada situs Anda. Memang Anda pasti butuh waktu untuk melakukannya setiap mempublish artikel, tetapi manfaatnya besar.</div>
<h3 style="background-color: #fcfcfc; color: #222222; font-family: 'Trebuchet MS', sans-serif; font-size: 1.125em; margin-top: 0px;">
4. Jangan Lupakan Tentang Link Building ( yang etis )</h3>
<div style="background-color: #fcfcfc; color: #222222; font-family: 'Trebuchet MS', sans-serif; font-size: 14px; line-height: 1.5em; margin-bottom: 1.5em;">
Link building adalah dasar dari off-page untuk optimasi mesin pencari. Bagian yang terbaik adalah bahwa link bisa bebas Anda tempatkan di mana saja. Cobalah minta vendor, mitra, press, klien, almamater dan sumber lain yang kredibel sehingga Anda bisa menanamkan kata kunci (keyword) dan hyperlink kembali ke situs Anda untuk keyword yang Anda targetkan. Jika sumber Anda memiliki page rank tinggi, Anda akan melihat kenaikan peringkat Anda dalam waktu kurang dari dua bulan.</div>
<h3 style="background-color: #fcfcfc; color: #222222; font-family: 'Trebuchet MS', sans-serif; font-size: 1.125em; margin-top: 0px;">
5. Gunakan Google Keyword Tool (sekarang google keyword planner)</h3>
<div style="background-color: #fcfcfc; color: #222222; font-family: 'Trebuchet MS', sans-serif; font-size: 14px; line-height: 1.5em; margin-bottom: 1.5em;">
Gunakan tool dari Google untuk mencari long tail keyword yang tidak kompetitif. Jika Anda berada di niche kompetitif, ini adalah cara yang bisa Anda mulai.</div>
<h3 style="background-color: #fcfcfc; color: #222222; font-family: 'Trebuchet MS', sans-serif; font-size: 1.125em; margin-top: 0px;">
6. Berikan Value untuk Pembaca Anda</h3>
<div style="background-color: #fcfcfc; color: #222222; font-family: 'Trebuchet MS', sans-serif; font-size: 14px; line-height: 1.5em; margin-bottom: 1.5em;">
Jika ingin meningkatkan pencarian organik Anda dari search engine, content marketing melalui guest posting adalah cara tercepat untuk membangun traffic yang besar. Anda perlu mengetahui bahwa content marketing adalah tentang kualitas dan bukan kuantitas. Jika Anda memiliki konten yang jelek, orang tidak akan mau meluangkan waktu untuk membaca atau membaginya. Oleh karena itu, ketika menulis konten, cobalah untuk selalu bertanya pada diri sendiri apakah Anda (jika menjadi pembaca) akan meluangkan sepuluh menit untuk membacanya ? Apakah saya mau membaginya dengan orang lain ? Jika Anda pikir konten Anda jelek cobalah untuk mengeditnya kembali.</div>
<h3 style="background-color: #fcfcfc; color: #222222; font-family: 'Trebuchet MS', sans-serif; font-size: 1.125em; margin-top: 0px;">
7. Jangan Coba-coba untuk Mengakali Google</h3>
<div style="background-color: #fcfcfc; color: #222222; font-family: 'Trebuchet MS', sans-serif; font-size: 14px; line-height: 1.5em; margin-bottom: 1.5em;">
Jika Anda mencoba mengakali Google mungkin itu akan berjalan untuk sementara, tetapi bukan strategi yang baik untuk jangka panjang. Untuk meningkatkan traffic pencarian organik, Anda harus menghasilkan konten papan atas yang relevan dengan apa yang mungkin dicari oleh user Anda. Periksa Google Keyword Tool / <span style="color: #068fc8;"><span style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative;">Google Keyword planner</span></span> untuk memastikan Anda menggunakan keyword yang benar.</div>
<h3 style="background-color: #fcfcfc; color: #222222; font-family: 'Trebuchet MS', sans-serif; font-size: 1.125em; margin-top: 0px;">
8. Pikirkan SEO sebagai Kesempatan untuk Menciptakan Value</h3>
<div style="background-color: #fcfcfc; color: #222222; font-family: 'Trebuchet MS', sans-serif; font-size: 14px; line-height: 1.5em; margin-bottom: 1.5em;">
SEO bukan permainan. Setidaknya itu bukan permainan yang bisa Anda menangkan dalam jangka panjang jika Anda menganggapnya sebagai permainan. Buatlah konten yang memiliki value dan Google akan menganggap artikel Anda layak dicari. Pengunjung lebih cenderung untuk berbagi konten yang mereka nikmati untuk dibaca dan akan berada di situs Anda lebih lama, sedangkan blogger, media dan orang-orang di industri Anda bisa menggunakan situs Anda sebagai referensi, yang berarti lebih banyak link organik.</div>
<h3 style="background-color: #fcfcfc; color: #222222; font-family: 'Trebuchet MS', sans-serif; font-size: 1.125em; margin-top: 0px;">
9. Turunkan Bouncing Rate</h3>
<div style="background-color: #fcfcfc; color: #222222; font-family: 'Trebuchet MS', sans-serif; font-size: 14px; line-height: 1.5em; margin-bottom: 1.5em;">
Ada satu hal yang tidak disukai mesin pencari, yaitu tingkat bouncing yang tinggi. Periksa kata kunci Anda, dan cobalah mengoptimalkan halaman tersebut untuk mengurangi tingkat bouncing Anda. Search engine akan mencintai Anda untuk hal tersebut.</div>
<h3 style="background-color: #fcfcfc; color: #222222; font-family: 'Trebuchet MS', sans-serif; font-size: 1.125em; margin-top: 0px;">
10. Menghasilkan Konten berkualitas</h3>
<div style="background-color: #fcfcfc; color: #222222; font-family: 'Trebuchet MS', sans-serif; font-size: 14px; line-height: 1.5em; margin-bottom: 1.5em;">
Search engine akan memberikan <em>reward </em>kepada orang-orang dan perusahaan yang membuat konten berkualitas tinggi dan konsisten dalam melakukannya. Hal-hal seperti author rank di Google+ akan memiliki pengaruh besar pada hasil pencarian organik. Cobalah untuk tidak hanya membuat konten dan mempublikasikannya secara online, tetapi juga untuk dapat memaksimalkan nilai dari konten tersebut sehingga bisa didistribusikan dengan baik di seluruh channel distribusi dan memiliki kesempatan untuk menjadi viral.</div>
<h3 style="background-color: #fcfcfc; color: #222222; font-family: 'Trebuchet MS', sans-serif; font-size: 1.125em; margin-top: 0px;">
11. Membuat Blog Perusahaan untuk Meningkatkan Traffic SEO</h3>
<div style="background-color: #fcfcfc; color: #222222; font-family: 'Trebuchet MS', sans-serif; font-size: 14px; line-height: 1.5em; margin-bottom: 1.5em;">
SEO adalah raja di lalu lintas pencarian organik. Semakin banyak keyword yang populer dalam niche Anda, semakin banyak juga pencarian organik yang mengarah ke situs Anda. Ini termasuk terlalu banyak teks pada halaman utama situs Anda yang bisa saja dapat membahayakan situs Anda daripada membuatnya menjadi baik. Hal ini juga dapat membuat konsumen kesulitan untuk menemukan informasi yang mereka inginkan. Daripada menghapusnya dari situs Anda, cobalah untuk memulai sebuah blog terpisah sebagai pekerjaan SEO tambahan. Gunakan blog untuk menulis tentang niche Anda, apakah itu konstruksi, kecantikan atau hiburan. Cobalah untuk melakukan penelitian kata kunci untuk mengetahui frasa yang sedang tren dalam industri Anda dan masukkan mereka dalam posting blog.</div>
<h3 style="background-color: #fcfcfc; color: #222222; font-family: 'Trebuchet MS', sans-serif; font-size: 1.125em; margin-top: 0px;">
12. Berkolaborasi dengan industry experts sebagai daya ungkit (leverage)</h3>
<div style="background-color: #fcfcfc; color: #222222; font-family: 'Trebuchet MS', sans-serif; font-size: 14px; line-height: 1.5em; margin-bottom: 1.5em;">
Semua orang suka opini dari ahli. Anda akan terkejut betapa mudahnya Anda bisa meyakinkan para pemimpin industri untuk berkontribusi dalam membuat guest posting ke blog Anda. Mereka akan memiliki pembaca mereka sendiri, dan orang-orang akan menjadi akrab dengan merek Anda. Para industry expert cenderung menghasilkan konten yang memiliki value yang akan menarik bagi user dan pembaca yang ada.</div>
<h3 style="background-color: #fcfcfc; color: #222222; font-family: 'Trebuchet MS', sans-serif; font-size: 1.125em; margin-top: 0px;">
13 . Buat sebuah Komunitas</h3>
<div style="background-color: #fcfcfc; color: #222222; font-family: 'Trebuchet MS', sans-serif; font-size: 14px; line-height: 1.5em; margin-bottom: 1.5em;">
Menjawab pertanyaan-pertanyaan dari komunitas Anda sangat penting untuk meningkatkan lalu lintas website Anda dari Google. Anda harus menjadi brand yang terpercaya di niche Anda. Jika komunitas banyak mengajukan pertanyaan, tentunya proses tanya jawab tersebut akan memberikan konten berkualitas tinggi, berharga dan berguna. Google sangat memperhatikan hal ini. Bila Anda memberikan jawaban atas pertanyaan komunitas Anda, Google akan meningkatkan peringkat situs Anda. Anda tentu juga menciptakan loyalitas dalam komunitas Anda dan peringkat yang baik di Google pada waktu yang sama. Itu adalah situasi yang memberikan win- win solution.</div>
betecehttp://www.blogger.com/profile/00765209781603472758noreply@blogger.com25tag:blogger.com,1999:blog-7049530791492749265.post-51775261591238706902013-12-27T08:40:00.002+07:002013-12-27T08:40:11.906+07:00Cara Memasang Widget PageRank Valid HTML5 di Blog<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKNgwNdeHMBl4eil0Bx1jHJhc6fLDz91LiIDSbftBYuvexwa7DNWkaG-gtq_GUO94aNmE4pG2qZh-j9Yk-HdyceILK29nMj3eLtS_UAqI2lfwTAnvbsRJjYVL_KSc83HH7w1OSDvK-Qzek/s1600/Google+PageRank+Terbaru+Desember+2013+2014+Blog+Krizeer+yoga-tc.blogspot.com.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Memasang Widget PageRank Valid HTML5 di Blog Krizeer" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKNgwNdeHMBl4eil0Bx1jHJhc6fLDz91LiIDSbftBYuvexwa7DNWkaG-gtq_GUO94aNmE4pG2qZh-j9Yk-HdyceILK29nMj3eLtS_UAqI2lfwTAnvbsRJjYVL_KSc83HH7w1OSDvK-Qzek/s300/Google+PageRank+Terbaru+Desember+2013+2014+Blog+Krizeer+yoga-tc.blogspot.com.jpg" title="Google PageRank" /></a></div>
<a href="http://yoga-tc.blogspot.com/2013/12/cara-memasang-widget-pagerank-valid-html5-di-blog.html"><b>Cara Memasang Widget PageRank Valid HTML5 di Blog</b></a> - PageRank merupakan tolak ukur sebuah blog, dengan pagerank yang tinggi orang akan lebih percaya kepada sebuah blog. Singkat cerita saya membuat blog, seperti biasa karena pemula saya sering copas artikel dari blog lain. Setelah membaca sebuah artikel yakni bahaya copas, didalamnya dikatakan bahwa jika kita sering melakukan copas bukan tidak mungkin blog kita tidak akan mendapat pagerank dari google. Nah, sejak kejadian itu saya enggan lagi untuk copas (kecuali kode-kode aneh buatan master).<br />
Saya mencoba membuat artikel sendiri dengan gaya bahasa sendiri, saya terus berusaha yang terbaik dalam membuat artikel termudah supaya dapat dipahami oleh pembaca.<br />
<br />
Berikut <b>Cara Untuk memasang widget PageRank-PRchecker.Info</b>:<br />
1. Masuk ke <a href="http://www.prchecker.info/pagerank-check-button.php" target="_blank">http://www.prchecker.info/pagerank-check-button.php</a><br />
2. Kemudian masukan <b>alamat blog</b> (url blog) sobat dan lengkapi verifikasi kodenya<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="Cara Memasang Widget PageRank Valid HTML5 di Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfenfso4v5-l_wChfh5dpG0DWGWiYKqa4ZFoufYR4jyNS2v_ZFZcO-cyqb2XU7csaZD_10EvPeNoU6PpM2HgqMbUis5TjriOTrw5zcznUFmD-6bvREwOe4fDNCMpYkgze8_2Z-BlStr0j5/s320/Cara+Memasang+Widget+PageRank+Valid+HTML5+di+Blog.png" title="Masukan alamat blog (url blog) sobat dan lengkapi verifikasi kodenya" /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
3. Kemudian salin (copy) salah satu script yang sesuai dengan icon yang dipilih kedalam notepad dulu</div>
<div class="separator" style="clear: both; text-align: left;">
Kodenya kurang lebih seperti ini:</div>
<pre><code><a href="http://www.prchecker.info/" title="PageRank Checking Icon" target="_blank">
<img src="http://pr.prchecker.info/getpr.php?codex=aHR0cDovL3lvZ2EtdGMuYmxvZ3Nwb3QuY29tLw==<span style="background-color: yellow;">&</span>tag=1" alt="PageRank Checking Icon" style="border:0;" /></a>
</code></pre>
anda lihat kode <span style="background-color: yellow;">&</span> yang saya kasih tanda, kode <span style="background-color: yellow;">&</span> <b>tidak valid HTML5</b>, jadi untuk <b>memasang widget PageRank valid HTML5</b> ini harus mengubah kode <span style="background-color: yellow;">&</span> menjadi <span style="background-color: yellow;">&amp;</span> setelah diganti kodenya jadi seperti ini:<br />
<pre><code><a href="http://www.prchecker.info/" title="PageRank Checking Icon" target="_blank">
<img src="http://pr.prchecker.info/getpr.php?codex=aHR0cDovL3lvZ2EtdGMuYmxvZ3Nwb3QuY29tLw==<span style="background-color: yellow;">&amp;</span>tag=1" alt="PageRank Checking Icon" style="border:0;" /></a></code></pre>
4. Masuk ke dashboard > tata letak > klik tambah gadget/add gadget > pilih HTML atau javascript<br />
5. Lalu salin kode yang sudah valid HTML5 tadi kedalam kotak HTML<br />
6. SimpanUnknownnoreply@blogger.com32tag:blogger.com,1999:blog-7049530791492749265.post-19700761702512389042013-12-23T07:46:00.002+07:002013-12-23T08:03:40.952+07:00Membuat Link Berkdedip Warna-Warni di Blog<div style="text-align: center;">
<img alt="Cara Membuat Link Berkdedip Warna-Warni di Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9eNZyx94cHcieWRi11wJM5IqOPnt-bvGfdPe1bhRJt4Nt9lcOXaQziw3ffSP1lv4ZZLGhqaOf2RujZAxc3HsjIVfTFdLs_Cas6PtAPUQ_D1HMAu9rxDat3SsUeIaVPyLKrpRTMeZTIlUT/s1600/color.jpg" /></div>
<div style="text-align: center;">
<br /></div>
<a href="http://yoga-tc.blogspot.com/2013/12/cara-membuat-link-berkdedip-warna-warni-di-blog.html"><b>Cara Membuat Link Berkdedip Warna-Warni di Blog</b></a> - Untuk mempercantik blog anda dan anda ingin link di blog anda kedap-kedip warna-warni saat link disentuh cursor atau bahasa programnya hover, <b>saya mohon maaf untuk demonya tidak ada.</b><br />
<br />
Uuntuk pemasangannya ada 2 cara yang pertama cara menggunakan kode panjang dan yang kedua menggunakan kode pendek (menggunakan link)<br />
<br />
<b>Cara Pertama:</b><br />
1. Login ke Blogger<br />
2. Dashboar > klik template > edit HTML<br />
3. Simpan kode dibawah ini sebelum <b><span style="color: red;"></head></span></b>
<br />
<b><span style="color: red;"><br /></span></b>
<br />
<pre><code><script type='text/javascript'>
//<![CDATA[
var rate = 20;
if (document.getElementById)
window.onerror=new Function("return true")
var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}
if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
objActive.style.color = makeColor();
}
function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?
// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return '#' + elmR + elmG + elmB;
}
//]]>
</script></code></pre>
<br />
4. Simpan template<br />
<b><br /></b>
<b>Cara Kedua:</b><br />
1. Login ke Blogger<br />
2. Dashboar > klik template > edit HTML<br />
3. Simpan kode dibawah ini sebelum <b><span style="color: red;"></head></span></b>
<br />
<b><span style="color: red;"><br /></span></b>
<br />
<pre><code><script src='http://sabarmuanas.googlecode.com/files/infonetmu.blogspot.com.mousepelangi.js' type='text/javascript'>
</script></code></pre>
<br />
4. Simpan templateUnknownnoreply@blogger.com20tag:blogger.com,1999:blog-7049530791492749265.post-59924099487486054602013-12-23T07:02:00.001+07:002013-12-23T07:02:27.074+07:00Cara Membuat Kotak Centang Di Blog<div class="separator" style="clear: both; text-align: center;">
<a href="http://yoga-tc.blogspot.com/2013/12/cara-membuat-kotak-centang-di-blog.html" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Kotak Centang Di Blog Krizeer" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6pZrwhVdMSnl_JOj44P4cIV5NrxWGl53CwptWmGmkbH1wmfF4lAJQHdl5hKQGDKCluEgENZB39KFkPLmKxzc8lDQDplGsMhKHYacyTvSUfmqR_Qs5UA1JYylgvZwnQ1hdZlzRPhyvuK0w/s1600/Cara+membuat+Kotak+Centang+di+Postingan+Blog+www.yoga-tc.blogspot.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<a href="http://yoga-tc.blogspot.com/2013/12/cara-membuat-kotak-centang-di-blog.html" target="_blank"><b>Cara Membuat Kotak Centang Atau Ceklis Di Blog</b></a> - Kotak centang ini berfungsi untuk mempermudah anda dalam <b>membuat tutorial</b>, tapi tutorial ini lebih spesipik artinya tidak umum lebih kepada perorangan, dan tidak dipakai oleh banyak orang, daripada penasaran lihat dulu demonya dibawah ini:<br />
<br />
Tutorial apa yang anda suka di blog ini?<br />
<br />
<input type="checkbox" />Template Blogger Gratis<br />
<input type="checkbox" />Tutorial Blog<br />
<input type="checkbox" />Gaya Hidup<br />
<input type="checkbox" />Informasi<br />
<input type="checkbox" />Komputer<br />
<input type="checkbox" />Lainnya<br />
<br />
Kode dasarnya seperti ini (anda simpan kode dibawah ini didalam <b>HTML</b> postingan) :<br />
<br />
<pre><code><input type="checkbox"></code></pre>
<br />
Untuk mengembangkannya seperti pada demo di atas gunakan kode ini:<br />
<br />
<pre><code>Tutorial apa yang anda suka di blog ini?<br />
<br />
<input type="checkbox" />Template Blogger Gratis<br />
<input type="checkbox" />Tutorial Blog<br />
<input type="checkbox" />Gaya Hidup<br />
<input type="checkbox" />Informasi<br />
<input type="checkbox" />Komputer<br />
<input type="checkbox" />Lainnya<br /></code></pre>
Unknownnoreply@blogger.com28tag:blogger.com,1999:blog-7049530791492749265.post-70262347357568928242013-12-22T11:00:00.003+07:002013-12-24T01:33:25.529+07:00Download Template Fastest Magz V3 Terbaru Gratis<div style="text-align: center;">
<img alt="Download Template Fastest Magz Terbaru Versi 3 Gratis, Download Template Fastest Magz Terbaru Versi 2.2 Gratis, Download Template Fastest Magz Terbaru Versi 2.2 Mas Sugeng Gratis, Free Download Template Fastest Magz Versi 2.2 Mas Sugeng, Fastest Magz Terbaru Versi 2.2, Fastest Magz versi 1.0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrHA3-OA-pKbUW9-c17p59_Q6o2cYaaHS0GorbMAJ5uowH6s6r_SBU6Zeq07-cXDPZiVHzgHbM4JtRaElPZdUAcqub1QU3G6hcki76UQVcWlKG3baNclKCoqxuUoPay_mBxoFmSt5Rkvus/s400/Download+Template+Fastest+Magz+V3+Gratis+Terbaru+Desember+2014+FULL+100%25+by+www.yoga-tc.blogspot.com+22-12-13.png" width="400" />
</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b><a href="http://yoga-tc.blogspot.com/2013/12/download-template-fastest-magz-v3-mas-sugeng-gratis-terbaru-desember-2013-2014.html">Download Template Fastest Magz Terbaru Versi 3 Gratis</a></b>, <b><a href="http://yoga-tc.blogspot.com/2013/11/template-fastest-magz-versi-22-terbaru.html" target="_blank">Download Template Fastest Magz Terbaru Versi 2.2 Gratis</a>, Download Template Fastest Magz Terbaru Versi 2.2 Mas Sugeng Gratis, Free Download Template Fastest Magz Versi 2.2 Mas Sugeng, Fastest Magz Terbaru Versi 2.2, Fastest Magz versi 1.0</b></div>
<div class="separator" style="clear: both; text-align: left;">
<b><br /></b></div>
<div class="separator" style="clear: both;">
<b>Demo -></b> <a href="http://fastestmagz-bt.blogspot.com/" target="_blank">http://fastestmagz-bt.blogspot.com/</a></div>
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both;">
<b>Download:</b></div>
<div class="separator" style="clear: both;">
<b><br /></b></div>
<div class="separator" style="clear: both;">
</div>
<ul>
<li><a href="https://app.box.com/s/szqi4962x2geh59vpwwp" target="_blank">Via BOX.COM</a></li>
<li><a href="http://www.4shared.com/rar/DVWTUqwm/Fastest_Magz_V3_FULL_100_by_ww.html" target="_blank">Via 4shared</a></li>
</ul>
Kali ini saya akan membagikan template <a href="http://yoga-tc.blogspot.com/2013/12/download-template-fastest-magz-v3-mas-sugeng-gratis-terbaru-desember-2013-2014.html"><b>Fastest Magz V3 GRATIS</b></a>, saya tahu artikel ini yang kalian tunggu-tunggu kan?, hayo ngaku, hehe template <a href="http://yoga-tc.blogspot.com/2013/12/download-template-fastest-magz-v3-mas-sugeng-gratis-terbaru-desember-2013-2014.html">Fastest Magz V3</a> ini saya tidak membeli ke mas sugeng lagsung soalnya bayar sih, hehe awalnya saya cuman punya template <b>Fastest Magz V1</b> lalu saya modif jadi <b>Fastest Magz V2.2</b> lalu <b>Fastest Magz V3,</b> template ini saya bagikan gratis karena saya tidak membelinya melainkan meniru, saya hanya mempunyai modal template <b>Fastest Magz V1</b>. Bagi yang punya saran/kritik silahkan berkomentar dibawah.<br />
<br />
Seperti biasa, biasakan sebelum download <a href="http://www.blogger.com/follow-blog.g?blogID=7049530791492749265" target="_blank">follow</a> dulu blog ini, lalu <b>berkomentar</b> cara ini adalah suatu cara berterimakasih kepada saya selaku peniru template <b><a href="http://yoga-tc.blogspot.com/2013/12/download-template-fastest-magz-v3-mas-sugeng-gratis-terbaru-desember-2013-2014.html">Fastest Magz V3</a></b> ini, hehe<br />
<br />
<blockquote class="tr_bq">
<a href="http://www.blogger.com/follow-blog.g?blogID=7049530791492749265" target="_blank"><img alt="Follow Blog Krizeer" src="http://i.imgur.com/bnYp5Qq.jpg" /></a></blockquote>
<span style="font-size: large;"><b>Fitur-Fitur :</b></span><br />
<br />
<ul>
<li><b>Elegant Design</b></li>
<li><b>Responsive Design</b></li>
<li>Cross Browser Optimization</li>
<li><b>Fast Loading</b></li>
<li><b>Valid HTML5</b></li>
<li>Rating and Recipe Rich Snippet tidak dipasang lagi</li>
<li><b>Facebook Comment</b></li>
<li><b>Custom Error Page</b></li>
<li><b>Quick Search</b> Form sudah dipasang (terbaru)</li>
<li>Three different colors option (blue, red, and green)</li>
<li><b>Smooth Back To Top</b></li>
<li>Dan masih banyak lagi</li>
</ul>
Unknownnoreply@blogger.com194tag:blogger.com,1999:blog-7049530791492749265.post-66396563262280782822013-12-21T20:06:00.002+07:002013-12-24T01:37:08.685+07:00Cara Follow Blog Dengan Cepat dan Sangat Mudah<div style="text-align: center;">
<img alt="Cara Follow Blog Dengan Cepat dan Sangat Mudah" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlS-M1P3fbYueQpF-78-1nAjRw8-zkdPB1U4RR6oZ_4s4DE6YB6fGp8nvn3vN15hfXt4w6kIVjskqaekpxwQjCTxiWC7vmu72oCbZR6ZF0cfunRKEWyaCZDmWRQEYms6kx7iH4KYdr4J2Q/s1600/Cara+Follow+Blog+Dengan+Cepat+dan+Sangat+Mudah+-+Blog+Krizeer+yoga-tc.blogspot.com.png" />
</div>
<br />
<b><a href="http://yoga-tc.blogspot.com/2013/12/cara-follow-blog-dengan-cepat-dan-sangat-mudah.html">Cara Follow Blog Dengan Cepat dan Sangat Mudah</a> - </b>Pernah sobat kunjungi beberapa blog yang tidak memakai widget <b>Google Friend Connect</b>, jadi susah kan follownya, mengapa banyak blog yang tidak memakai widget <b>Google Friend Connect</b>?, hanya satu masalahnya bikin loading blogger jadi berat, tapi tutorial saya kali ini sangatlah simple dan sangat mudah dikerjakan. <b>Follow blog itu ibarat kita punya facebook tapi gak punya teman satu-pun, lalu apa yang akan saya baca, lihat?, status gak ada, berita gak ada, serasa punya dunia sendiri</b>, kembali lagi ke pokok ketika kita membuka blogger.com dan anda tidak mengikuti atau follow blog satu-pun kan serasa kesepian dan juga gak ada yang menarik, apa yang mau dibaca?, tapi ketika kita follow semua blog yang pernah kita kunjungi atau blog yang sangat bermanfaat bagi diri kita sendiri maupun orang lain jangan segan-segan untuk megikutinya / follow. Apa saja yang kita dapatkan ketika mengikuti blog orang lain?, the first pastinya akan mendapatkan artikel terbaru dari blog yang anda ikuti, the second ketika kita mengunjungi blogger.com (ketika sudah login) pastinya tidak akan kebingungan lagi mau ngapain?, dan juga ngga usah ribet cari-cari di google. Kalau menurut saya sendiri follow blog orang lain itu sangat beruntung dan tidak akan rugi sepeser-pun, <b>saya aja mengikuti 103 blog</b>, ya udah daripada ngomong terus kayak tukang obat kita lagsung saja ke pokok tutorial saya kali ini tentang <a href="http://yoga-tc.blogspot.com/2013/12/cara-follow-blog-dengan-cepat-dan-sangat-mudah.html" style="font-weight: bold;">Cara Follow Blog Dengan Cepat dan Sangat Mudah</a>, berikut totorialnya:<br />
<br />
1. Login ke Blogger<br />
2. Dashboar > gulung layar monitor anda kebawah > klik tambahkan<br />
<br />
<div style="text-align: center;">
<img alt="Cara Follow Blog Dengan Cepat dan Sangat Mudah" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihodGKGhdlbXNv7ILzdOymXMsQiVS_0mHy5fIm4C_mgv3lo4XC6epshWvscbwKBu7c4KtwGXetZVCX-aZZPHvM6ARWvuBQa6O98RQwNj3U8Ci16LoASxAUQFRsD_Msn0m5dRvp2gFSUPqf/s1600/Cara+Follow+Blog+Dengan+Cepat+dan+Sangat+Mudah+-+Blog+Krizeer+www.yoga-tc.blogspot.com.png" />
</div>
<div style="text-align: center;">
<br /></div>
3. Lalu masukan alamat web atau blog yang anda ikuti / follow contoh saya masukan alamat web/blog nya seperti ini <a href="http://yoga-tc.blogspot.com/" target="_blank">http://yoga-tc.blogspot.com/</a><br />
<br />
<div style="text-align: center;">
<img alt="Cara Follow Blog Dengan Cepat dan Sangat Mudah" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR4VfSP32Lt4rT-hN1POdC_QlKIQ0EG4i5ItOic-REMqfJaT9wpvQkWCPoJKfvPZeRfUWbWgsGyMF5c2CZHl6p31LMz1FyAr0cKWF9uc8-ZdGvntHQwMew8oB2qF0EaHkVL72yrPLl89zB/s400/Cara+Follow+Blog+Dengan+Cepat+dan+Sangat+Mudah1+-+Blog+Krizeer+www.yoga-tc.blogspot.png" />
</div>
<div class="separator" style="clear: both; text-align: left;">
4. Klik tombol "<b>ikuti</b>" yang berwarna orange</div>
<div class="separator" style="clear: both; text-align: left;">
5. Selesai dan sekarang anda dapat mendapatkan artikel terbaru dari blog yang anda ikuti</div>
Unknownnoreply@blogger.com64tag:blogger.com,1999:blog-7049530791492749265.post-21610025696419084772013-12-21T14:30:00.000+07:002013-12-24T01:45:08.049+07:00Tag Kondisional Blogger dan Cara Penggunaannya<div style="text-align: center;">
<img alt="Tag Kondisional Blogger dan Cara Penggunaannya" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm_PFJEUlrQG3OnKg4insnRJoNpuwmZTGNaQIxrEopbh9DX_vj-D0TjEXoV7hU_Oqa1GAMfLqwQFu5tOexdOl7nxxZ-ZDG2zSYb_AysYPY80NqNHCWAZrpZYp3rzgUPsBJTK2sAVK_a7_K/s1600/Tag+Kondisional+Blogger+dan+Cara+Penggunaannya+-+Blog+Krizeer.gif" />
</div>
<div style="text-align: center;">
<br /></div>
<b><a href="http://yoga-tc.blogspot.com/2013/12/tag-kondisional-blogger-dan-cara-penggunaanya.html">Tag Kondisional Blogger dan Cara Penggunaannya</a></b> - Beberapa rekan mungkin sudah tidak asing lagi atau sudah jadi keluarga dengan kata-kata Tag Kondisional, atau mungkin sebagian baru mendengar apa itu tag kondisional. Secara sederhana, arti <b>tag kondisional adalah tag yang digunakan untuk mengatur elemen-elemen di mana akan ditampilkan, atau dimana akan disembunyikan</b>.
<br />
<br />
Sebagai contoh, saya akan menyembunyikan widget <b>Artikel Pilihan</b> (di footer) dan akan ditampilkan hanya pada halaman postingan dan tidak ada tampil selain halaman yang sudah ditentukan (postingan). Untuk mengaturnya kita perlu Tag Kondisional.<br />
<br />
Untuk yang sudah mahir silakan kunjungi sumber pengambilan saya pada blog <b>Dora The Explorer (DTE)</b>, tentang <a href="http://hompimpaalaihumgambreng.blogspot.com/2011/08/pemahaman-tag-kondisional-tingkat.html" target="_blank">Tag Kondisional Tingkat Pertama</a> dan <a href="http://hompimpaalaihumgambreng.blogspot.com/2011/08/tag-kondisional-tingkat-lanjut.html" target="_blank">Tag Kondisional Tingkat Lanjut</a>. Disini saya coba jelaskan tentang <b>tag kondisional</b> serta penggunaannya bagi pemula.<br />
<br />
<span style="font-size: large;"><b>Tag Kondisional Halaman Muka (Homepage)</b></span><br />
<b>Halaman muka atau homepage</b> adalah alamat blog kita, contoh : <a href="http://yoga-tc.blogspot.com/" target="_blank">http://yoga-tc.blogspot.com/</a>. Tag kondisional untuk <b>hanya tampil pada halaman awal</b> / homepage blog sobat, kodenya sebagai berikut:<br />
<br />
<pre><code><b:if cond='data:blog.url <span style="background-color: yellow;">==</span> data:blog.homepageUrl'>
ISI KODE
</b:if></code></pre>
<br />
secara sederhana, artinya ISI KODE akan ditampilkan apabila di Halaman Muka. Atau kadang kadang ditulis dengan <b>kebalikan kode</b> tersebut seperti ini:<br />
<br />
<pre><code><b:if cond='data:blog.url <span style="background-color: yellow;">!=</span> data:blog.homepageUrl'>
ISI KODE
</b:if></code></pre>
<br />
<b>kode diatas beda dengan kode sebelumnya</b>, perbedaannya terletak pada tanda <span style="background-color: yellow;">==</span> dan <span style="background-color: yellow;">!=</span>. Maka arti kode diatas " <span style="background-color: yellow;">!=</span> " adalah ISI KODE akan ditampilkan kecuali pada Halaman Muka.<br />
Yang harus diingat bahwa tanda <span style="background-color: yellow;">==</span> artinya <b><i>sama dengan</i></b> <span style="background-color: yellow;">!=</span> artinya <i><b>kecuali</b></i>.<br />
Penerapan kode tersebut sama pada tag kondisonal yang lainnya di bawah ini.<br />
<br />
<span style="font-size: large;"><b>Tag Kondisional Halaman Item (Postingan)</b></span><br />
Contoh halaman posting : <a href="http://yoga-tc.blogspot.com/2013/12/tag-kondisional-blogger-dan-cara-penggunaanya.html">http://yoga-tc.blogspot.com/2013/12/tag-kondisional-blogger-dan-cara-penggunaanya.html</a><br />
<br />
<pre><code><b:if cond='data:blog.pageType <span style="background-color: yellow;">==</span> &quot;item&quot;'>
ISI KODE
</b:if></code></pre>
<br />
<span style="font-size: large;"><b>Tag Kondisional Halaman Statis</b></span><br />
Contoh halaman statis / <b>laman</b>: <a href="http://yoga-tc.blogspot.com/p/link-sahabat.html" target="_blank">http://yoga-tc.blogspot.com/p/link-sahabat.html</a><br />
<br />
<pre><code><b:if cond='data:blog.pageType <span style="background-color: yellow;">==</span> &quot;static_page&quot;'>
ISI KODE
</b:if></code></pre>
<br />
<b><span style="font-size: large;">Tag Kondisional Halaman Indeks</span></b><br />
Halaman indeks <i><b>semua jenis halaman selain halaman postingan</b></i><br />
<i><b><br /></b></i>
<br />
<pre><code><b:if cond='data:blog.pageType <span style="background-color: yellow;">==</span> &quot;index&quot;'>
ISI KODE
</b:if></code></pre>
<br />
<span style="font-size: large;"><b>Tag Kondisional Halaman Label</b></span><br />
Contoh halaman label : <a href="http://yoga-tc.blogspot.com/search/label/Tutorial%20Blog" target="_blank">http://yoga-tc.blogspot.com/search/label/Tutorial%20Blog</a><br />
<br />
<pre><code><b:if cond='data:blog.searchLabel'>
ISI KODE
</b:if></code></pre>
<br />
<b><span style="font-size: large;">Tag Kondisional Halaman Tertentu</span></b><br />
<b><span style="font-size: large;"><br /></span></b>
<br />
<pre><code><b:if cond='data:blog.url <span style="background-color: yellow;">==</span> &quot;URL HALAMAN&quot;'>
ISI KODE
</b:if></code></pre>
<br />
<b>Contoh penggunaannya:</b><br />
<b><br /></b>
<br />
<pre><code><b:if cond='data:blog.url == &quot;<span style="background-color: yellow;">http://yoga-tc.blogspot.com/2013/12/tag-kondisional-blogger-dan-cara-penggunaanya.html</span>&quot;'>
ISI KODE
</b:if></code></pre>
<br />
<b><span style="font-size: large;">Tag Kondisional Error Page 404</span></b><br />
Error Page adalah <b>halaman yang tidak ditemukan</b>, contoh link error page 404 <a href="http://yoga-tc.blogspot.com/cari-bubur.html" target="_blank">http://yoga-tc.blogspot.com/cari-bubur.html</a>:<br />
<br />
<pre><code><b:if cond='data:blog.pageType <span style="background-color: yellow;">==</span> &quot;error_page&quot;'>
ISI KODE
</b:if></code></pre>
<br />
<span style="font-size: large;"><b>Tag Kondisional Halaman Arsip</b></span><br />
Contoh halaman arsip : <a href="http://yoga-tc.blogspot.com/2013_12_14_archive.html" target="_blank">http://yoga-tc.blogspot.com/2013_12_14_archive.html</a><br />
<br />
<pre><code><b:if cond='data:blog.pageType <span style="background-color: yellow;">==</span> &quot;archive&quot;'>
ISI KODE
</b:if></code></pre>
<br />
<span style="font-size: large;"><b>Contoh Penggunaan Tag Kondisional</b></span><br />
<b>Cara membuat widget <span style="background-color: yellow;">HTML1</span> hanya tampil di postingan:</b><br />
<br />
<pre><code><b:widget id='<span style="background-color: yellow;">HTML1</span>' locked='false' title='Artikel Pilihan' type='HTML'>
<b:includable id='main'>
<span style="background-color: yellow;"><b:if cond='data:blog.pageType <span style="color: red;">==</span> &quot;item&quot;'></span>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<span style="background-color: yellow;"></b:if></span>
</b:includable>
</b:widget></code></pre>
<br />
<blockquote class="tr_bq">
Anda lihat tanda <span style="color: red;">==</span> di atas, itu artinya widget tersebut <b>ditampilkan dalam halaman yang telah ditentukan</b>, tapi kalo <span style="color: red;">!=</span> sebaliknya widget tersebut tidak ditampilkan dalam halaman yang diperintahkan/ditentukan melainkan ditampilkan di halaman sebaliknya yaitu homepage, statis, dll pokonya ditampilkan selain halaman postingan</blockquote>
Jika sobat masih kebingungan atau ragu-ragu bisa sobat tanyakan di komentar.<br />
<br />
<b>Sumber</b>: <a href="http://blog.kangismet.net/2012/10/tag-kondisional-dan-cara-penggunaannya.html" target="_blank">Kang Ismet</a>, <a href="http://buka-rahasia.blogspot.com/2012/10/menampilkan-widget-hanya-di-homepage-dan-halaman-posting.html" target="_blank">Buka Rahasia Blogspot</a><br />
<br />
<blockquote class="tr_bq">
Mungkin ini adalah <b>hari terakhir</b> saya untuk <b>memposting artikel</b> dikarenakan saya akan menghadapi <b>ujian nasional</b> yang sangat berat saya jalani, untuk mempersiapkan ujian nasional <b>saya putuskan untuk berhenti dulu nge ngeblogger</b> untuk beberapa bulan kedepan, jadi saya masih aktif sampai <b>hari ini tgl. 21 Desember 2013</b>, bagi yang mau bertanya buruan, sebelum waktunya habis, dan <b>jangan sia-siakan waktu anda !!!</b></blockquote>
Unknownnoreply@blogger.com16tag:blogger.com,1999:blog-7049530791492749265.post-79479635390670063862013-12-20T15:59:00.002+07:002013-12-24T01:47:50.939+07:00Cara Memasang PRISM SyntaxHighlighter di Blog<div style="text-align: center;">
<img alt="Cara Memasang PRISM SyntaxHighlighter di Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSK5C_fJdsDpeoIDrBPkyytL0s_xsoDhQZHDYEGNMoTd1F_XdVyZygffFTj1xg7IAQu_9vkfpyVjNZZKsAjtknsnfpUz1y1YlRIHtnoWJQU0IeWflOAh0dRaLvkhFaOY74dWqYJjALoLM/s1600/prism-syntaxhighlighter.png" />
</div>
<div style="text-align: center;">
<br /></div>
<b><a href="http://yoga-tc.blogspot.com/2013/12/cara-memasang-prism-syntaxhighlighter-di-blog.html">Cara Memasang PRISM SyntaxHighlighter di Blog</a></b> | Bagi sahabat yang sering berbagi tutorial, saya kira sudah tidak asing lagi dengan istilah <b>Syntax Highlighter</b>. Tapi mungkin juga masih ada yang bertanya, <b>apa sih sintaxhighlighter itu?</b> Bahasa mudah nya <b>membuat kode berwarna warni. </b>Menurut pengalaman saya<b> PRISM SyntaxHighlighter</b> ini paling ringan loadingnya.<br />
<br />
Untuk pemasangannya, hanya memerlukan dua langkah mudah, yaitu <b>memasang kode CSS dan JavaScript</b>. Sebelum memasang kode CSS, silahkan pilih tema <b>Dark</b> atau <b>Light</b>.<br />
<br />
<div style="text-align: center;">
<b><span style="font-size: large;"><a href="http://hohoketauan.blogspot.com/2013/05/demo-prism-light.html" target="_blank">Demo Light Theme</a> - <a href="http://hohoketauan.blogspot.com/2013/05/demo-prismjs.html" target="_blank">Demo Dark Theme</a></span></b></div>
<div style="text-align: center;">
<b><br /></b></div>
<b>Untuk Menambahkan jQuery Pada Template Blogger ikuti langkah-langkah berikut ini:</b><br />
1. Login ke Blogger<br />
2. Dashboar > klik template > edit HTML<br />
3. Tambahkan salah-salahsatu kode CSS di bawah ini sebelum/di atas <span style="color: red;">]]></b:skin></span><br />
<div>
<span style="color: red;"><br /></span></div>
<div>
<b>CSS Light Theme:</b><br />
<br /></div>
<pre><code>/* Tema : LightSyntax oleh Blog Krizeer
URL: http://yoga-tc.blogspot.com/2013/12/cara-memasang-prism-syntaxhighlighter-di-blog.html */
pre {
margin:15px 15px 15px 0;
padding:10px;clear:both;
background:#f2f2f2;
color:#666;
border:1px solid #ddd;
overflow:auto;
font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 12px !important;
}
code {
color:#126AAF;
font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 13px !important;
}
code .token.punctuation {
color:#83405A;
}
pre code .token.punctuation {
color:#800000;
}
code .token.comment,
code .token.prolog,
code .token.doctype,
code .token.cdata {
color:#008200;
}
code .namespace {
opacity:.8;
}
code .token.property,
code .token.tag,
code .token.boolean,
code .token.number {
color:#881280;
}
code .token.selector,
code .token.attr-name,
code .token.string {
color:#986A7C;
}
pre code .token.selector,
pre code .token.attr-name,
pre code .token.string {
color:#994500;
}
code .token.entity,
code .token.url,
pre .language-css .token.string,
pre .style .token.string {
color:#994500;
}
code .token.operator {
color:#878A85;
}
code .token.atrule,
code .token.attr-value {
color:#48D30F;
}
pre code .token.atrule,
pre code .token.attr-value {
color:#227BC0;
}
code .token.keyword {
color:#881280;
font-style:italic;
}
code .token.comment {
font-style:italic;
}
code .token.regex {
color:#B43D3D;
}
code .token.important {
font-weight:bold;
}
code .token.entity {
cursor:help;
}</code></pre>
<br />
<b>Dark Theme</b><br />
<pre><code>/* Tema RDark oleh DTE:] berdasarkan tema-tema SyntaxHighligter dari Alex Gorbatchev
URL: http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/rdark.html
*/
pre {
padding:.5em 1em;
margin:.5em 0;
white-space:pre;
word-wrap:normal;
overflow:auto;
background-color:#1B2426;
}
code {
font-family:Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace;
line-height:16px;
color:#B43D3D;
background-color:#eee;
border:1px solid #ddd;
padding:1px 2px;
}
pre code {
display:block;
background:none;
border:none;
color:#B9BDB6;
direction:ltr;
text-align:left;
word-spacing:normal;
padding:0 0;
}
code .token.punctuation {
color:#83405A;
}
pre code .token.punctuation {
color:#B9BDB6;
}
code .token.comment,
code .token.prolog,
code .token.doctype,
code .token.cdata {
color:#435A4D;
}
code .namespace {
opacity:.8;
}
code .token.property,
code .token.tag,
code .token.boolean,
code .token.number {
color:#5BA1CF;
}
code .token.selector,
code .token.attr-name,
code .token.string {
color:#986A7C;
}
pre code .token.selector,
pre code .token.attr-name,
pre code .token.string {
color:#E0E8FF;
}
code .token.entity,
code .token.url,
pre .language-css .token.string,
pre .style .token.string {
color:#E0E8FF;
}
code .token.operator {
color:#878A85;
}
code .token.atrule,
code .token.attr-value {
color:#48D30F;
}
pre code .token.atrule,
pre code .token.attr-value {
color:#48E638;
}
code .token.keyword {
color:#47A1CF;
font-style:italic;
}
code .token.comment {
font-style:italic;
}
code .token.regex {
color:#B43D3D;
}
code .token.important {
font-weight:bold;
}
code .token.entity {
cursor:help;
}</code></pre>
<br />
4. Tambahkan JavaScript dibawah ini di atas <span style="color: red;"></body></span><br />
<span style="color: red;"><br /></span>
<br />
<pre><code><script type="text/javascript" src='http://kang-is.googlecode.com/svn/trunk/javascript/prism.js'></script></code></pre>
<br />
5. Simpan template<br />
<br />
<b>Cara penggunaan:</b><br />
<br />
Setiap tipe bahasa mempunyai kelas masing-masing<br />
<ul>
<li><b>HTML, XML, PHP</b> ⇒ language-markup</li>
<li><b>CSS</b> ⇒ language-css</li>
<li><b>JavaScript</b> ⇒ language-javascript</li>
</ul>
Detail penulisan seperti ini:<br />
<br />
<pre><code><pre><code class="language-markup"> ... kode HTML (yang sudah di`escape/konversi`) di sini ... </code></pre>
<pre><code class="language-css"> ... kode CSS di sini ... </code></pre>
<pre><code class="language-javascript"> ... kode JavaScript di sini ... </code></pre></code></pre>
<br />
<b>Sumber</b>: <span style="color: blue;">http://www.dte.web.id/2012/09/syntax-highlighter-dengan-prism.html</span> dan <span style="color: blue;">http://blog.kangismet.net/2013/05/prism-syntaxhighlighter-untuk-blogger.html</span>Unknownnoreply@blogger.com26tag:blogger.com,1999:blog-7049530791492749265.post-19441691792668699102013-12-20T15:06:00.002+07:002013-12-20T15:22:50.838+07:00Membuat Seleksi Otomatis Pada Tag Blockquote dan Pre<div class="separator" style="clear: both; text-align: center;">
<a alt="Cara Membuat Seleksi Otomatis Pada Tag Blockquote dan Pre" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf8enc-TWemBuyqayXH8tDF1hzHcasEG76vYxfB-2gLNMGw8FtecbUec9h36sUsOX06eCN3R4S3z_2VPkT-HWML4KlX_eM96k4aR9sZwzT6kSL-v77ZMkJrxMBUxyKEXwnd4Bj48ad4XA/s1600/auto-highlight.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Seleksi Otomatis Pada Tag Blockquote dan Pre" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf8enc-TWemBuyqayXH8tDF1hzHcasEG76vYxfB-2gLNMGw8FtecbUec9h36sUsOX06eCN3R4S3z_2VPkT-HWML4KlX_eM96k4aR9sZwzT6kSL-v77ZMkJrxMBUxyKEXwnd4Bj48ad4XA/s250/auto-highlight.png" /></a></div>
<br />
<b><a href="http://yoga-tc.blogspot.com/2013/12/cara-membuat-seleksi-otomatis-pada-tag-blockquote-dan-tag-pre.html">Cara Membuat Seleksi Otomatis Pada Tag Blockquote dan Pre</a></b> - Bagi sahabat yang suka berbagi tutorial, biasanya membagikan kode-kode yang suka dicopy. Standarnya penggunaan kode itu pada tag <span style="color: red;">code </span>atau tag <span style="color: red;">pre</span>. Akan tetapi setelah saya mengunjungi blog sahabat, tidak sedikit menggunakan <b>blockquote</b> untuk berbagi kode, itu dikarenakan blockquote lebih mudah digunakan dan tidak ribet, tinggal block > klik ikon "quote" mudah kan?, contoh penggunaan <b>tag pre</b>:<br />
<br />
<pre><code><pre>Sekarang aku makin sayang sama kamu</pre></code></pre>
<br />
Untuk mempermudah mengcopy code yang dibagikan, sebaiknya menggunakan seleksi otomatis. Artinya, dengan hanya mengklik atau klik ganda (double click) kode tersebut akan terseleksi semua, tinggal melakukan Ctrl+C atau klik kanan kemudian Copy.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a alt="Cara Membuat Seleksi Otomatis Pada Tag Blockquote dan Pre" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikOELur3-OBjMS4WNmG0BaRRKHXFU8XKSzQCFnJv1N8N4XwA6yYDDMEkfKUnWdv3bO2o7oEnqlq5Pht-dPya54i6uqU99kQUHwwwpqz1t5_Wi81uXu20lR9aBB_GUlUp2yR2NQKh6qQU43/s1600/tag-blockquote+dan+tag-pre+blog+krizeer.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Seleksi Otomatis Pada Tag Blockquote dan Pre" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikOELur3-OBjMS4WNmG0BaRRKHXFU8XKSzQCFnJv1N8N4XwA6yYDDMEkfKUnWdv3bO2o7oEnqlq5Pht-dPya54i6uqU99kQUHwwwpqz1t5_Wi81uXu20lR9aBB_GUlUp2yR2NQKh6qQU43/s1600/tag-blockquote+dan+tag-pre+blog+krizeer.png" /></a></div>
<b>Untuk menerapkan seleksi otomatis pada tag blockquote:</b><br />
1. Login ke Blogger<br />
2. Dashboar > klik template > edit HTML<br />
3. Simpan kode dibawah ini sebelum <span style="color: red;"></body></span><br />
<span style="color: red;"><br /></span>
<br />
<pre><code><script type='text/javascript'>
var pres = document.getElementsByTagName(&quot;<span style="background-color: yellow;">blockquote</span>&quot;);
for (var i = 0; i &lt; pres.length; i++) {
pres[i].addEventListener(&quot;<span style="background-color: yellow;">dblclick</span>&quot;, function () {
var selection = getSelection();
var range = document.createRange();
range.selectNodeContents(this);
selection.removeAllRanges();
selection.addRange(range);
}, false);
}
</script></code></pre>
<br />
<b>Untuk menerapkan seleksi otomatis pada tag pre:</b><br />
Ikuti langkah ke-1, 2, dan 3 seperti di atas.<br />
<br />
<pre><code><script type='text/javascript'>
var pres = document.getElementsByTagName(&quot;<span style="background-color: yellow;">pre</span>&quot;);
for (var i = 0; i &lt; pres.length; i++) {
pres[i].addEventListener(&quot;<span style="background-color: yellow;">dblclick</span>&quot;, function () {
var selection = getSelection();
var range = document.createRange();
range.selectNodeContents(this);
selection.removeAllRanges();
selection.addRange(range);
}, false);
}
</script></code></pre>
<br />
<blockquote class="tr_bq">
Pada script di atas, saya menggunakan <b>klik ganda (double click)</b> untuk menerapkan <b>satu kali klik langsung terseleksi</b>, sobat tinggal mengganti <b>dblclick</b> menjadi <b>click</b>.</blockquote>
Unknownnoreply@blogger.com5tag:blogger.com,1999:blog-7049530791492749265.post-26072744952195384552013-12-20T14:30:00.000+07:002013-12-20T14:32:58.196+07:00Cara Menambahkan jQuery Pada Template Blogger<b><a href="http://yoga-tc.blogspot.com/2013/12/cara-menambahkan-jquery-pada-template-blogger.html" target="">Cara Menambahkan jQuery Pada Template Blogger</a></b> - Mungkin sahabat sudah tidak asing lagi dengan istilah <b>jQuery</b>. <b>Apa itu jQuery?</b> <i>jQuery adalah sebuah Library Javascript yang cepat dan ringkas yang mana dapat menyederhakan document traversing, event handling, animating, dan AJAX interactions untuk pengembangan web secara cepat</i>.<br />
<br />
<div style="text-align: center;">
<img alt="Cara Menambahkan jQuery Pada Template Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdWeJd5xTtVUcoH6XPFu5XaiH2ZJgA6i8vNvbUxjAQ4XdUxZQiCyruXwmU7cQxb8_xTf_chKMIc5JEwtnU195zcuNvMgmHF9gUKa1afoPBhfnT2hm2ID4EjondWKPdZUwY5lRAMpsecRk/s1600/jquery-for-blogger.jpg" /></div>
<br />
Secara sederhana, jQuery sangat diperlukan untuk membuat web dinamis. JQuery akan menampilkan efek, animasi, dan fungsi-fungsi yang sangat menarik lainnya. Banyak plugin / trik yang menggunakan jQuery dan tidak akan berjalan tanpa jQuery. Ukurang jQuery ini sangat kecil dan tidak membuat loading blog jadi berat cuman 100kb.<br />
<br />
Untuk <b>Menambahkan jQuery Pada Template Blogger</b> ikuti langkah-langkah berikut ini:<br />
1. Login ke Blogger<br />
2. Dashboar > klik template > edit HTML<br />
3. Tambahkan kode di bawah ini sebelum/di atas <span style="color: red;"><b></head></b></span>
<br />
<span style="color: red;"><b><br /></b></span>
<pre><code><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/></code></pre>
<br />
<blockquote class="tr_bq">
Pemasangan jQuery, hanya 1 dalam template. Tidak boleh ada 2 script atau lebih, karena akan mengakibatkan beberapa script tidak akan bekerja. Apabila ingin mengganti dengan yang terbaru, cukup ganti link-nya saja. Apabila ada tips, trik, atau tutorial yang menggunakan jQuery, sobat tidak perlu menambahkannya lagi.</blockquote>
4. Simpan template.<br />
<b>Sumber</b>: <span style="color: blue;">http://blog.kangismet.net/2013/04/menambahkan-jquery-pada-template-blogger.html</span>Unknownnoreply@blogger.com31tag:blogger.com,1999:blog-7049530791492749265.post-47790134005246120572013-12-15T13:47:00.000+07:002013-12-20T14:04:30.905+07:00Cara Membuat Link JS Dengan Google Drive<b>Cara Membuat Link JS di Google Drive</b>, Cara Termudah Upload File ke Google Drive, Upload File CSS, Javascript, HTML di Host Google Drive.<br />
<br />
Google terus melakukan perubahan guna kenyamanan pengguna serta peningkatan efektifitas sistem. <a href="https://code.google.com/" target="_blank">Googlecode</a> merupakan tempat untuk melakukan upload file dengan berbagai jenis seperti <b>CSS, JS (Javascript) , HTML, jQuery</b>, dan sebagainya. Namun ketika anda pergi ke Google Code sekarang, Menu download sudah tidak ada lagi sehingga fungsi untuk upload file ke browser pun hilang. Proyek-proyek yang telah dibangun sebelumnya tetap akan masih tersimpan dan dapat digunakan.<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a alt="Cara Membuat Link JS Dengan Google Drive" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMPQAfK3VcgDmCtfeTgbw4QWxpFayVQRhVCaeOA8ilX0eVphOvsJ6HV1vTHhO28zgZbDuH_ux7j0aZ-oYO-5RTXC_ON4miGdLpd15JMGQcm_tIxTVbMQSkNEnaMrvSGnUi4syKLMhQ8Bv7/s320/googledrive+host.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Link JS Dengan Google Drive" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMPQAfK3VcgDmCtfeTgbw4QWxpFayVQRhVCaeOA8ilX0eVphOvsJ6HV1vTHhO28zgZbDuH_ux7j0aZ-oYO-5RTXC_ON4miGdLpd15JMGQcm_tIxTVbMQSkNEnaMrvSGnUi4syKLMhQ8Bv7/s320/googledrive+host.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Anda bisa dengan mudah mengupload kode css, ataupun javascript pada web anda. Caranya adalah dengan memanfaatkan fasilitas Google Drive. Google Drive akan mempermudah kita dengan banyaknya Aplikasi yang disediakan oleh Google , mulai dari <b>Pengolah kata , Pengolah angka , Formulir , Presentasi , Pemutar Lagu , Video , Pembuatan Contact Form + Upload File (Integrasi dengan JOTFORM) , terus Alat konversi File</b> , dan masih banyak lagi.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both;">
Berikut panduan, Tutorial cara mengupload file css, javascript di Google Drive Hosting :</div>
<div class="separator" style="clear: both;">
1. Klik <a href="https://drive.google.com/" target="_blank"><b>Googledrive</b></a></div>
<div class="separator" style="clear: both;">
2. Lalu jika anda adalah pengguna baru silahkan Login lewat email Gmail anda dan Buatlah satu buah folder sebagai tempat untuk menyimpan proyek file file penting anda. Caranya click '<b>Buat</b>'.</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1mpsJU8Gzygh0eX-MdxIDpx24rXf3nK_6KM8Dx7V4hwTf2Lib5ufl6MmPmEsevr7rIMrSueWTTkmzilRkk3xczidRQGVdTLfByNuYVZ8YzQmjOy1JSda5g3XzKjEEFvzuJ5ybr2uU2o7z/s300/Cara+membuat+link+js+di+google+drive+Blog+Krizeer.png" style="margin-left: 1em; margin-right: 1em;" tag="Cara Membuat Link JS Dengan Google Drive"><img height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1mpsJU8Gzygh0eX-MdxIDpx24rXf3nK_6KM8Dx7V4hwTf2Lib5ufl6MmPmEsevr7rIMrSueWTTkmzilRkk3xczidRQGVdTLfByNuYVZ8YzQmjOy1JSda5g3XzKjEEFvzuJ5ybr2uU2o7z/s300/Cara+membuat+link+js+di+google+drive+Blog+Krizeer.png" tag="Cara Membuat Link JS Dengan Google Drive" width="195" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
3. Setelah folder jadi, klik logo icon Upload berwarna merah seperti gambar ini:</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpzy-MNcfQ7ZXyly9FMR-8d1vwsWyRM83oSIcNOUs6cKVhpCv7QoETlrkftbLyLz7gcDI4gsrcnVmJv3rE6Z5p4W3HxKxOU-FD4edi4CwBgxS_8oHeA1GBvtZggjgdu1CduK50tvCMrD0g/s300/Cara+membuat+link+js+di+google+drive+Blog+Krizeer2.png" style="margin-left: 1em; margin-right: 1em;" tag="Cara Membuat Link JS Dengan Google Drive"><img height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpzy-MNcfQ7ZXyly9FMR-8d1vwsWyRM83oSIcNOUs6cKVhpCv7QoETlrkftbLyLz7gcDI4gsrcnVmJv3rE6Z5p4W3HxKxOU-FD4edi4CwBgxS_8oHeA1GBvtZggjgdu1CduK50tvCMrD0g/s300/Cara+membuat+link+js+di+google+drive+Blog+Krizeer2.png" tag="Cara Membuat Link JS Dengan Google Drive" width="320" /></a></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
4. Pilih file yang mau diupload > Open</div>
<div class="separator" style="clear: both;">
5. Tunggu hingga proses unggah selesai yang ditampilkan pada bagian kanan bawah layar desktop anda</div>
<div class="separator" style="clear: both;">
6. Klik berbagi seperti gambar dibawah ini:</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFR0YFkQ3N8gyTAgmoF2EOWJQCX1pGfq8yCGENlc9ZSjnxzp5O2Z3XtcfbYj6g0liIlqF-X_kAN2K8gOnzAOawLtOHnhS6Vy4lQ7D71G8MRbzZgCUxZYo-c8YeN1kjZ1xYUUoKtTfcnCLk/s320/Cara+membuat+link+js+di+google+drive+Blog+Krizeer3.png" style="margin-left: 1em; margin-right: 1em;" tag="Cara Membuat Link JS Dengan Google Drive"><img height="56" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFR0YFkQ3N8gyTAgmoF2EOWJQCX1pGfq8yCGENlc9ZSjnxzp5O2Z3XtcfbYj6g0liIlqF-X_kAN2K8gOnzAOawLtOHnhS6Vy4lQ7D71G8MRbzZgCUxZYo-c8YeN1kjZ1xYUUoKtTfcnCLk/s320/Cara+membuat+link+js+di+google+drive+Blog+Krizeer3.png" tag="Cara Membuat Link JS Dengan Google Drive" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both;">
7. Copy link yang disediakan, paste di notepad terlebih dahulu.</div>
<div class="separator" style="clear: both;">
8. Pada bagian privasi klik ubah. Mengubah privasi bertujuan untuk bagaimana file tersebut dapat diakses, jika pribadi berarti khusus diri sendiri dan tidak dapat diakses oleh browser ketika meminta file css, js yang terupload tadi.</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYVXg_WAQsqO3L7LeXseuH_q_UtUNf_2ICEILXobf7xwmQW8tY7dhubCBGh5kFwovnMl993kJ-y669NKRaIxwQKXPAEBRHLF4OANg8PukaGNWFNPwvLVOf0iffXIlnz_2sXvBOO7lXekOQ/s320/Cara+membuat+link+js+di+google+drive+Blog+Krizeer5.png" style="margin-left: 1em; margin-right: 1em;" tag="Cara Membuat Link JS Dengan Google Drive"><img height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYVXg_WAQsqO3L7LeXseuH_q_UtUNf_2ICEILXobf7xwmQW8tY7dhubCBGh5kFwovnMl993kJ-y669NKRaIxwQKXPAEBRHLF4OANg8PukaGNWFNPwvLVOf0iffXIlnz_2sXvBOO7lXekOQ/s320/Cara+membuat+link+js+di+google+drive+Blog+Krizeer5.png" tag="Cara Membuat Link JS Dengan Google Drive" width="306" /></a></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
9. Ganti pribadi jadi publik di web, agar semua browser dan orang lain yang membuka web blog anda dapat menggunakan file css atau javascript code yang diupload.</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTN3C_0HAfz6kHloaCydVtb9X_udWDVPv8z0Q1xodyyO4CT6Jj6ZoBOJit2Jmnhp_4ocDQHVmswrWgcdNzr_gLM1xHsUgN5GaJFkb0HXw8BvDujVnZ4VhYvyEqQG9e4__cjWFo-h_M3yfA/s320/Cara+membuat+link+js+di+google+drive+Blog+Krizeer4.png" style="margin-left: 1em; margin-right: 1em;" tag="Cara Membuat Link JS Dengan Google Drive"><img height="242" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTN3C_0HAfz6kHloaCydVtb9X_udWDVPv8z0Q1xodyyO4CT6Jj6ZoBOJit2Jmnhp_4ocDQHVmswrWgcdNzr_gLM1xHsUgN5GaJFkb0HXw8BvDujVnZ4VhYvyEqQG9e4__cjWFo-h_M3yfA/s320/Cara+membuat+link+js+di+google+drive+Blog+Krizeer4.png" tag="Cara Membuat Link JS Dengan Google Drive" width="320" /></a></div>
<div class="separator" style="clear: both;">
10. Klik simpan</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<b>Kembali lagi ke nomor 7, </b>Berikut cara untuk mendapatkan link .js dari file googledrive tadi:</div>
<div class="separator" style="clear: both;">
Perhatikan, link to share file tadi yang di nomor 7, contohnya seperti ini :</div>
<pre>https://drive.google.com/file/d/<span style="color: blue;"><b>0By9Vs49VphQqdWFYdnZVVXhLNUU</b></span>/edit?usp=sharing</pre>
Kode berwarna biru, silahkan anda copy dan ambil dan letakkan pada kode berikut untuk memanggil file anda:<br />
<pre>https://googledrive.com/host/<span style="color: blue;"><b>MasukkanKodeFileDisini</b></span></pre>
Maka, hasilnya akan seperti :<br />
<pre>https://googledrive.com/host/<span style="color: blue;"><b>0By9Vs49VphQqdWFYdnZVVXhLNUU</b></span></pre>
Nah, sekarang struktur link tersebut sudah dapat digunakan untuk mengakses file kita dan coba buka URL diatas lalu lihat hasilnya , sama seperti ketika kalian menghosting File ke Yourjavascript atau googlecode kan ! Struktur URL itulah yang bisa berfungsi untuk diterapkan ke Blog kita , lalu dibagian ini kalian juga bisa meletakkan ekstensi .js .css .html .php atau yang lainnya tapi harus sesuai dengan Bahasa Pemrograman yang kalian Host.<br />
11. Kemudian untuk penerapannya ke Blog atau website anda tidak ada perbedaan dengan menghosting File ke GoogleCode , yah kurang lebih kayak gini :<br />
<b><br /></b>
<b>Untuk File CSS penulisannya seperti ini :</b><br />
<pre><link href='https://googledrive.com/host/<span style="color: blue;"><b>0By9Vs49VphQqdWFYdnZVVXhLNUU</b></span>' rel='stylesheet'/></pre>
<b>Untuk File Javascript strukturnya seperti ini :</b>
<br />
<pre><script type="text/javascript" src="https://googledrive.com/host/<b style="color: blue;">0By9Vs49VphQqdWFYdnZVVXhLNUU</b>"></script></pre>
12. Silahkan anda copy dan letakkan pada blog anda diatas kode <span style="color: blue; font-weight: bold;"></head></span> atau <b style="color: blue;"></body> </b>disesuaikan saja dengan kebutuhan anda.Unknownnoreply@blogger.com20tag:blogger.com,1999:blog-7049530791492749265.post-81614134940940967422013-12-15T12:34:00.002+07:002013-12-20T14:05:37.092+07:00Ternya Google Juga Bisa Dipakai Untuk Kalkulator<div class="separator" style="clear: both; text-align: center;">
<a alt="Ternya Google Juga Bisa Dipakai Untuk Kalkulator" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0vTF10zRn5ZjSD_cfV8OfvPRTeejlSM2ascySF1jHOnpwk_VQ0pxs-NX7SVby0dMYLT9GVxckImee1WuL50sHFLqOcO-6_Oj3ZZRiqFfRIbcgu3jiKGTvKrIDW58idaHpSehZJhVf3w9D/s1600/9+7+Baru+tahu+ternyata+google+juga+bisa+dibikin+kalkulator+Blog+Krizeer+www.yoga-tc.blogspot.com.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Ternya Google Juga Bisa Dipakai Untuk Kalkulator" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0vTF10zRn5ZjSD_cfV8OfvPRTeejlSM2ascySF1jHOnpwk_VQ0pxs-NX7SVby0dMYLT9GVxckImee1WuL50sHFLqOcO-6_Oj3ZZRiqFfRIbcgu3jiKGTvKrIDW58idaHpSehZJhVf3w9D/s320/9+7+Baru+tahu+ternyata+google+juga+bisa+dibikin+kalkulator+Blog+Krizeer+www.yoga-tc.blogspot.com.png" title="Ternya Google Juga Bisa Dipakai Untuk Kalkulator" width="320" /></a></div>
<b><br /></b>
<b>Baru Tahu Ternya Google Juga Bisa Dibikin Kalkulator</b>, nama <a href="http://yoga-tc.blogspot.com/2013/12/ternya-google-juga-bisa-dipakai-untuk-kalkulator.html">Google</a> sudah tidak asing lagi dalam kehidupan anda, sering sekali anda menjumpai google bahkan setiap detik, bahkan sekang juga berjuta-juta orang sedang mengakses google. Tapi ada hal yang belum anda ketahui tentang google yang satu ini, <a href="http://yoga-tc.blogspot.com/2013/12/ternya-google-juga-bisa-dipakai-untuk-kalkulator.html">ternyata google juga bisa dipakai untuk kalkulator</a>. Tampilan kalkulator google nya pun sangat bagus dan komplit. Awalnya saya iseng-iseng sembarang ngetik 9+7 di google . Karena kalo orang sudah didepan komputer pasti ngga bisa mikir penjumlahan, hehe jadi pakainya yang praktis aja. <b>Coba anda ketik di google.com "9+7" pasti sudah langsung ada hasilnya</b>, begitupula dengan bilangan yang lainnya. Selamat mencoba.Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-7049530791492749265.post-63547366487470955672013-12-14T19:59:00.001+07:002013-12-20T14:07:52.651+07:00Cara Memodifikasi Tampilan Label Cloud di Blog<div class="separator" style="clear: both; text-align: center;">
<a alt="Cara Memodifikasi Tampilan Label Cloud di Blog" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0wA3dBwKH3wvlDafu6w4Kg5-xvMa-J_umFvGDTVcBfqtZuz2FqoMv6yKBw9QAThL88W69xRv6UZK59R-6qo1-oK-w-6emr8vYa2VQ3PNXo1iy05Rn2AK5S3h4CdSjyVG_zNVRiTlL7pi2/s1600/Label+Cloud+Blog+Krizeer-3.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Memodifikasi Tampilan Label Cloud di Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0wA3dBwKH3wvlDafu6w4Kg5-xvMa-J_umFvGDTVcBfqtZuz2FqoMv6yKBw9QAThL88W69xRv6UZK59R-6qo1-oK-w-6emr8vYa2VQ3PNXo1iy05Rn2AK5S3h4CdSjyVG_zNVRiTlL7pi2/s1600/Label+Cloud+Blog+Krizeer-3.jpg" /></a></div>
<b><br /></b>
<b>Cara Memodifikasi Tampilan Label Cloud di Blog</b>, Cara mengedit tampilan label cloud di blog jadi keren ada 4 pilihan.<br />
<br />
Mungkin sobat pernah lihat tampilan label cloud yang keren-keren dan tutorial kali ini saya akan menjelaskan <b>Cara Memodifikasi Tampilan Label Cloud di Blog, </b>Untuk tampilannya ada 4 pilihan, pilih salah-satu saja yang menurut sobat paling bagus.<br />
<br />
<div class="info">
Mohon maaf tidak ada demonya, karena saya tidak memakai style label cloud seperti dibawah ini.</div>
<br />
1. Login ke Blogger<br />
2. Dashboar > klik tata letak > klik edit pada label<br />
3. Untuk pengaturannya samakan dengan gambar dibawah ini:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a alt="Cara Memodifikasi Tampilan Label Cloud di Blog" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmDiYmoFByaVf3kMXAF6gIEPvhGrIxaBcr0i1FHJogsLFcZ2fXI3lHwnFHAJ3f3KZNLo_1Tmqskia-iwqThI-6p5B7SDEiG0y_KaXiOTZT2g3tY5QRQ29AuJWK-xD3SqzBjI0xYe7Snur4/s1600/Label+Cloud+Blog+Krizeer-4.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Memodifikasi Tampilan Label Cloud di Blog" height="247" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmDiYmoFByaVf3kMXAF6gIEPvhGrIxaBcr0i1FHJogsLFcZ2fXI3lHwnFHAJ3f3KZNLo_1Tmqskia-iwqThI-6p5B7SDEiG0y_KaXiOTZT2g3tY5QRQ29AuJWK-xD3SqzBjI0xYe7Snur4/s320/Label+Cloud+Blog+Krizeer-4.jpg" width="320" /></a></div>
4. Silahkan sobat pilih salah-satu tampilan label cloud berikut:<br />
<br />
<b>Style 1</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a alt="Cara Memodifikasi Tampilan Label Cloud di Blog" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaTmprw6QtIvyv2M9X4gtF2MKUUzXQ8BnnmPg6xXqDbltf-fgLWW6UiJlq-GHnZ1pANjcIQZJUloF0O0yelrybXxnrX4NJLHwO5YzJYfHGMdMl_YVjQvnG0DZPeQ0DjmkuDkB9kox23ak/s1600/style-0-ahs.gif" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Memodifikasi Tampilan Label Cloud di Blog" height="75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaTmprw6QtIvyv2M9X4gtF2MKUUzXQ8BnnmPg6xXqDbltf-fgLWW6UiJlq-GHnZ1pANjcIQZJUloF0O0yelrybXxnrX4NJLHwO5YzJYfHGMdMl_YVjQvnG0DZPeQ0DjmkuDkB9kox23ak/s400/style-0-ahs.gif" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<pre><code>/* Label Cloud Style By Blog Krizeer
----------------------------------------------- */
.label-size{margin:0 2px 6px 0;padding:3px;text-transform:uppercase;border:solid 1px #C6C6C6;border-radius:3px;float:left;text-decoration:none;font-size:10px;color:#666}.label-size:hover{border:1px solid #B20000;text-decoration:none;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;transition:all 0.5s ease-out;-moz-transform:rotate(7deg);-o-transform:rotate(7deg);-webkit-transform:rotate(7deg);-ms-transform:rotate(7deg);transform:rotate(7deg);filter:progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455,M12=-0.08715574274765817,M21=0.08715574274765817,M22=0.9961946980917455,sizingMethod='auto expand');zoom:1}.label-size a{text-transform:uppercase;float:left;text-decoration:none}.label-size a:hover{text-decoration:none}</code></pre>
<b><br /></b>
<b>Style 2</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a alt="Cara Memodifikasi Tampilan Label Cloud di Blog" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBOpUuhex2Wd-9NIPfhahG4Vf8Lg_BK0HLpeSesNXKw_x6KsJgoH4RnmX6TJeb3qFGPQyvwt_kc2t7V9PzfMFef0xAKpi5OWDHZIUKnXU_MHLieQT1KADvn5elXAHbE05r5mzljBjJxuA/s1600/style-2-ahs.gif" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Memodifikasi Tampilan Label Cloud di Blog" height="90" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBOpUuhex2Wd-9NIPfhahG4Vf8Lg_BK0HLpeSesNXKw_x6KsJgoH4RnmX6TJeb3qFGPQyvwt_kc2t7V9PzfMFef0xAKpi5OWDHZIUKnXU_MHLieQT1KADvn5elXAHbE05r5mzljBjJxuA/s400/style-2-ahs.gif" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<pre><code>/* Label Cloud Style By Blog Krizeer
----------------------------------------------- */
.label-size{margin:0;padding:0;position:relative}.label-size a,.label-size span{float:left;height:24px;line-height:24px;position:relative;font-size:12px;margin-bottom:9px;margin-left:20px;padding:0 10px 0 12px;background:#2493C4;color:#fff;text-decoration:none;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px}.label-size a:before,.label-size span::before{content:"";float:left;position:absolute;top:0;left:-12px;width:0;height:0;border-color:transparent #2493C4 transparent transparent;border-style:solid;border-width:12px 12px 12px 0}.label-size a:after,.label-size span::after{content:"";position:absolute;top:10px;left:0;float:left;width:4px;height:4px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:#fff;-moz-box-shadow:-1px -1px 2px #2493C4;-webkit-box-shadow:-1px -1px 2px #2493C4;box-shadow:-1px -1px 2px #2493C4}.label-size a:hover,.label-size span::hover{background:#333}.label-size a:hover:before,.label-size span::hover::before{border-color:transparent #333 transparent transparent}</code></pre>
<b><br /></b>
<b>Style 3</b><br />
<div class="separator" style="clear: both; text-align: center;">
<code><a alt="Cara Memodifikasi Tampilan Label Cloud di Blog" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4eZrH-SKbSDrt94_bxAU-Pl8rzaenVXCsAC9VsdBgd5IvFGfjVVTosGRDajIVOC700DM12XL6SkX_RmyVjoDFh4-nOdZX0oXrv44vjyIkPmN7utKBf2fttRqPIPc0iro-bQFbOnMKZaw/s1600/style-3.gif" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Memodifikasi Tampilan Label Cloud di Blog" height="74" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4eZrH-SKbSDrt94_bxAU-Pl8rzaenVXCsAC9VsdBgd5IvFGfjVVTosGRDajIVOC700DM12XL6SkX_RmyVjoDFh4-nOdZX0oXrv44vjyIkPmN7utKBf2fttRqPIPc0iro-bQFbOnMKZaw/s400/style-3.gif" width="400" /></a></code></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<code>
</code>
<br />
<pre><code><code>/* Label Cloud Style By Blog Krizeer
----------------------------------------------- */
.label-size{display:inline-block;padding:0px 10px;height:29px;line-height:29px;border-radius:5px;font-weight:bold;font-size:12px;text-decoration:none}.label-size{border:1px solid #769e42;box-shadow:inset 0 1px 0 #c5e59c;background-color:#9ed35a;text-shadow:0px 1px 1px #6ea23b;color:#fff;background-image:linear-gradient(bottom,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-o-linear-gradient(bottom,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-moz-linear-gradient(bottom,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-webkit-linear-gradient(bottom,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-ms-linear-gradient(bottom,rgb(125,196,64) 0%,rgb(157,210,88) 100%)}.label-size:hover{background-color:#b7fa66;background-image:linear-gradient(top,#b7fa66 0%,#7ec940 100%);background-image:-o-linear-gradient(top,#b7fa66 0%,#7ec940 100%);background-image:-moz-linear-gradient(top,#b7fa66 0%,#7ec940 100%);background-image:-webkit-linear-gradient(top,#b7fa66 0%,#7ec940 100%);background-image:-ms-linear-gradient(top,#b7fa66 0%,#7ec940 100%)}.label-size:active{background-image:linear-gradient(top,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-o-linear-gradient(top,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-moz-linear-gradient(top,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-webkit-linear-gradient(top,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-ms-linear-gradient(top,rgb(125,196,64) 0%,rgb(157,210,88) 100%)}.label-size{display:inline-block;border-radius:5px 0 0 5px;border-right-width:0;position:relative;z-index:5;margin-right:20px;margin-bottom:10px}.label-size:after{content:"";width:22px;height:22px;line-height:18px;font-size:25px;border-top:1px solid #769e42;border-right:1px solid #769e42;box-shadow:inset 0 1px 0 #c5e59c;background-color:#9ed35a;text-shadow:0px 1px 1px #7eac46;border-radius:3px 7px 3px 0;color:#fff;background-image:linear-gradient(135deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-o-linear-gradient(135deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-moz-linear-gradient(135deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-webkit-linear-gradient(135deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-ms-linear-gradient(135deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);position:absolute;top:3px;right:-12px;z-index:-3;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865476,M12=-0.7071067811865475,M21=0.7071067811865475,M22=0.7071067811865476,sizingMethod='auto expand');zoom:1}.label-size:hover:after{background-color:#b7fa66;background-image:linear-gradient(-45deg,#b7fa66 0%,#7ec940 100%);background-image:-o-linear-gradient(-45deg,#b7fa66 0%,#7ec940 100%);background-image:-moz-linear-gradient(-45deg,#b7fa66 0%,#7ec940 100%);background-image:-webkit-linear-gradient(-45deg,#b7fa66 0%,#7ec940 100%);background-image:-ms-linear-gradient(-45deg,#b7fa66 0%,#7ec940 100%)}.label-size:active:after{background-image:linear-gradient(-45deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-o-linear-gradient(-45deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-moz-linear-gradient(-45deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-webkit-linear-gradient(-45deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-ms-linear-gradient(-45deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%)}.label-size:before{content:"";height:5px;width:5px;display:block;position:absolute;right:-3px;top:11px;background-color:#fcfdf5;border:1px solid #83ab52;border-radius:5px;box-shadow:0 1px 0 #b2ddd83}.label-size span{padding:2px 5px;border:1px solid #9e5c26;border-radius:5px;box-shadow:inset 0 1px 0 #f5bf8c;background-color:#ed943f;text-shadow:0px 1px 1px #000;margin-left:10px;background-image:linear-gradient(bottom,rgb(211,95,32) 0%,rgb(223,131,45) 100%);background-image:-o-linear-gradient(bottom,rgb(211,95,32) 0%,rgb(223,131,45) 100%);background-image:-moz-linear-gradient(bottom,rgb(211,95,32) 0%,rgb(223,131,45) 100%);background-image:-webkit-linear-gradient(bottom,rgb(211,95,32) 0%,rgb(223,131,45) 100%);background-image:-ms-linear-gradient(bottom,rgb(211,95,32) 0%,rgb(223,131,45) 100%)}#Label1{height:210px !important}</code></code></pre>
<br />
5. Jika sudah dipilih salah-satu salin kode yang sobat pilih tadi diatas <b><span style="color: red;">]]></b:skin></span></b><br />
<b>
6. Simpan template dan lihat hasilnya
</b><br />
<br />
<div class="resource">
<b>Sumber : </b>http://ah-shared.blogspot.com/2013/07/4-style-css-label-cloud-blogger.html</div>
Unknownnoreply@blogger.com7tag:blogger.com,1999:blog-7049530791492749265.post-19702945115437799922013-12-12T05:28:00.000+07:002013-12-28T08:06:30.570+07:00Cara Membuat Tombol Demo dan Download ala Blog Krizeer<a href="http://yoga-tc.blogspot.com/2013/12/cara-membuat-tombol-demo-dan-download-ala-blog-krizeer-keren-di-blogger.html">Cara Membuat Button Demo dan Download ala Blog Krizeer Keren di Blog</a>, cara membuat button demo dan download warna warni di blog.<br />
<br />
Banyak tutorial cara membuat tombol "<b>Demo</b>" dan "<b>Download</b>" yang sudah sahabat lain bagikan, kali ini saya akan membuat tutorial cara membuat tombol demo dan download ala blog ini, tutorialnya sih lumayan sulit bagi pemula seperti saya, hehe.<br />
<br />
Biasanya tombol ini digunakan untuk berbagi <a href="http://yoga-tc.blogspot.com/search/label/Template" target="_blank">template</a>, atau <b>link download</b> saja. Demonya lihat tombol dibawah ini:<br />
<br />
<div style="text-align: center;">
<ul class="kotak-demo-download">
<!-- Demo -->
<li><a class="demo" href="http://yoga-tc.blogspot.com/" target="_blank"><i class="icon-chevron-right"></i> Demo</a></li>
<!-- Download -->
<li><a class="download" href="http://yoga-tc.blogspot.com/" target="_blank"><i class="icon-download-alt"></i> Download</a></li>
</ul>
</div>
<div class="clear">
</div>
<div style="text-align: left;">
Langsung saja ketutorial nya:</div>
<div style="text-align: left;">
1. Login ke Blogger</div>
<div style="text-align: left;">
2. Dashboar > klik template > edit HTML</div>
<div style="text-align: left;">
3. Tambahkan kode di bawah ini sebelum/di atas <b><span style="color: red;">]]></b:skin></span></b></div>
<ul class="kotak-demo-download">
</ul>
<div class="clear">
</div>
<pre>/* Tombol Demo & Download ala Blog Krizeer
----------------------------------------------- */
.kotak-demo-download {
float:left;list-style:none;text-align:center;width: 100%;margin:8px 0!important;padding:0;font-size:14px;clear:both;font-family:Oswald, Open Sans, Arial, sans-serif;text-transform:uppercase;
}
.kotak-demo-download ul {
margin:0;padding:0
}
.kotak-demo-download li{
display:inline;margin:0;padding:0;
}
.demo {
border: 1px solid #d24932;border-bottom-color:#c84934;box-shadow:1px 1px 1px #aaa;padding: 7px 40px !important; background: #E55E48; color: #fff !important;text-align: center; text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -webkit-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -moz-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -ms-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); transition: background-color 1s ease-out 0s; -moz-transition:background-color 1s ease-out 0s; -webkit-transition:background-color 1s ease-out 0s; -o-transition:background-color 1s ease-out 0s;letter-spacing:1px;
}
.download {
border: 1px solid #549dd4;border-bottom-color:#4b8cbe;box-shadow:1px 1px 1px #aaa;padding: 7px 40px !important; background: #5FAAE3; color: #fff !important;text-align: center; text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -webkit-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -moz-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -ms-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); transition: background-color 1s ease-out 0s; -moz-transition:background-color 1s ease-out 0s; -webkit-transition:background-color 1s ease-out 0s; -o-transition:background-color 1s ease-out 0s; letter-spacing:1px;
}
.demo:hover {
background: #d94a33;box-shadow:none;border-color:#d0412a #d0412a #c43d27; text-shadow: 0 0 1px #222; -moz-text-shadow: 0 0 1px #222; -webkit-text-shadow: 0 0 1px #222; -ms-text-shadow: 0 0 1px #222;
}
.download:hover {
background: #4296d5;box-shadow:none;border-color:#378dcd #378dcd #2a80c0; text-shadow: 0 0 1px #222; -moz-text-shadow: 0 0 1px #222; -webkit-text-shadow: 0 0 1px #222; -ms-text-shadow: 0 0 1px #222}</pre>
4. Masukan font <b>Oswald</b> di bawah <b><span style="color: red;"><head></span></b><br />
<pre><link href='http://fonts.googleapis.com/css?family=Oswald:400,700' rel='stylesheet' type='text/css'/></pre>
5. Untuk menambahkan ikon disamping link button, tambahkan kode dibawah ini di atas <b><span style="color: red;"></head></span></b><br />
<pre><link href='netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.min.css' rel='stylesheet'/></pre>
6. Simpan template<br />
<br />
<span style="font-size: large;"><b>Untuk menggunakannya, lihat cara dibawah:</b></span><br />
<b>HTML:</b><br />
<pre><div style="text-align: center;">
<ul class="kotak-demo-download">
<!-- Demo -->
<li><a class="demo" href="http://yoga-tc.blogspot.com/" target="_blank"><i class="icon-chevron-right"></i> Demo</a></li>
<!-- Download -->
<li><a class="download" href="http://yoga-tc.blogspot.com/" target="_blank"><i class="icon-download-alt"></i> Download</a></li>
</ul>
</div>
<div class="clear">
</div></pre>
<div class="tips">
Untuk lebih lengkapnya/lebih jelasnya tentang font awsome silahkan masuk ke: http://blog.kangismet.net/2013/06/cara-menggunakan-ikon-font-awesome-di.html</div>
<img alt="Cara Membuat Tombol Demo dan Download ala Blog Krizeer Keren di Blog" class="thumbnail" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDLunOJBqrpmoMx9ldmenjLyYwpwvA960xHfCu8bZTFr4Tadh4jt2SlJ7deS374MJAuNoAP0ZRAIUEyBb_PpiMUX0VESHUf8JDqjSL7sgXdmMvBwEmSaGrF8rjOX5Ay-E01zXOx25atl8/s1600/demo_download_button.png" />
<style type="text/css">
.thumbnail {display:none}
</style>Unknownnoreply@blogger.com35tag:blogger.com,1999:blog-7049530791492749265.post-61363525876728941032013-12-11T00:44:00.004+07:002013-12-20T14:11:02.229+07:00Download Ebook Tutorial Microsoft Office Excel 2007 Gratis<div class="separator" style="clear: both; text-align: center;">
<a alt="Download Ebook Tutorial Microsoft Office Excel 2007 Gratis" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4hg2lt5H1oAIrrb37bUWksDGeOJzTOl7TQFh7dgoUdTvlbE1zHSmBi3J0zKZyCAQx2i-LqPVQflETZpRqNJ8GRiFDEqQ_wg6Hkj8HcVRlQquioRGTD2DNIRgCMcHix9foO22XqqRCUIyd/s1600/panduan-excel-2007_1.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Download Ebook Tutorial Microsoft Office Excel 2007 Gratis" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4hg2lt5H1oAIrrb37bUWksDGeOJzTOl7TQFh7dgoUdTvlbE1zHSmBi3J0zKZyCAQx2i-LqPVQflETZpRqNJ8GRiFDEqQ_wg6Hkj8HcVRlQquioRGTD2DNIRgCMcHix9foO22XqqRCUIyd/s1600/panduan-excel-2007_1.jpg" /></a></div>
<b>Download Ebook Tutorial Microsoft Office Excel 2007 Gratis</b> Lengkap - Aplikasi pengolah angka buatan microsoft ini telah banyak di gunakan oleh perusahaan perusahaan dan sekolahan sekolahan di Indonesia,terutama dalam mengolah data dan nilai siswa.Untuk banyak sekali perusahaan dan instansi yang mewajibkan untuk bisa menggunakan office Excel terutama untuk yang menduduki jabaatan jabatan khusus.bahkan Materi tentang Excel ini disisipkan dalam materi kurikulum pendidikan di Indonesia.<br />
<br />
Mulai dari smp pun sudah banyak Ebook gratis <a href="http://yoga-tc.blogspot.com/2013/12/download-ebook-tutorial-microsoft-office-word-2007-gratis-terbaru-2014-lengkap.html" target="_blank">Tutorial Office</a> Excel 2007 ini dapat di gunakan sebagai penunjang dan bahan pembelajaran yang lengkap dan murah terutama untuk lapisan menegah kebawah.Meskipun gratis <a href="http://yoga-tc.blogspot.com/2013/12/download-ebook-tutorial-microsoft-office-excel-2007-gratis-terbaru-2014-lengkap.html">ebook</a> ini kualitasnya sangat bagus,bahkan tidak kalah dengan buku buku berbayar.<br />
<br />
<b>Menurut mugi.or.id <a href="http://yoga-tc.blogspot.com/2013/12/download-ebook-tutorial-microsoft-office-excel-2007-gratis-terbaru-2014-lengkap.html">Microsoft office excel 2007</a> memiliki berbagai kelebihan antara lain :</b><br />
<ol>
<li>Jumlah field pada PivotTable dapat mencapai 16.000, sebelumnya 255</li>
<li>Baris dalam Excel 2007 sebanyak 1.048.576 yang dimulai dari baris 1 dan berakhir di baris 1.048.576, versi sebelumnya 65.536.</li>
<li>Pada Excel 2003, jumlah sel sekitar 16 juta, tapi pada Excel 2007, jumlah sel mencapai 17 miliar.</li>
<li>Jumlah warna unik dalam sebuah workbook dapat mencapai 4.3 milyar, sebelumnya hanya 56.</li>
<li>Jumlah kolom yang tersedia di Excel 2007 adalah 16.384 yang dimulai dari kolom A hingga berakhir di kolom XFD, versi sebelumnya hanya 256 kolom.</li>
<li>Jumlah kondisi pada fasilitas format kondisional, Excel versi terbaru ini hanya dibatasi oleh kapasitas memori, sebelumnya hanya ada 3 kondisi.</li>
<li>Jumlah maksimal argumen pada fungsi, versi terbaru ini membolehkan sampai 255 argumen, sebelumnya hanya 30 argumen.</li>
<li>Jumlah level pada fasilitas Sort atau pengurutan data, saat ini sampai 64 level, bandingan dengan versi sebelumnya yang hanya 3 level.</li>
<li>Dll</li>
</ol>
<div class="separator" style="clear: both; text-align: center;">
<a alt="Download Ebook Tutorial Microsoft Office Excel 2007 Gratis" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTZ-24D5TG7y-5Gyc84zLJeWA8P896gk-s59kpVuQ8MLqa3NUWAcmIa82Ij5XCHz9U7FBd6KfkwCNwMmve7SA9qG9Dlqc0LBtbDTOq5W2M_kQtdWGW3AhpsCTzLA1D2tFxBZoZCw4CeIxZ/s1600/panduan-office-2007_2.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Download Ebook Tutorial Microsoft Office Excel 2007 Gratis" height="164" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTZ-24D5TG7y-5Gyc84zLJeWA8P896gk-s59kpVuQ8MLqa3NUWAcmIa82Ij5XCHz9U7FBd6KfkwCNwMmve7SA9qG9Dlqc0LBtbDTOq5W2M_kQtdWGW3AhpsCTzLA1D2tFxBZoZCw4CeIxZ/s320/panduan-office-2007_2.jpg" width="320" /></a></div>
<div style="text-align: center;">
<span style="font-size: x-small;">logo microsoft office 2007</span></div>
<div style="text-align: left;">
<span style="font-size: large;"><b><br /></b></span></div>
<div style="text-align: left;">
<span style="font-size: large;"><b>Ebook Gratis Tutorial Office Excel 2007</b></span></div>
<br />
<ul>
<li>Berikut Urian Uraian Singkat tentang ebook gratis ini :</li>
<li>Judul : <b>Tutorial Office Excel 2007</b></li>
<li>Jumlah Halaman : <b>99 halaman</b></li>
<li><b>Bahasa : Indonesia</b></li>
<li>Penulis : Bp.Eko purwanto</li>
<li>Format Ebook : <b>Pdf</b></li>
<li>Kategori : Komputer</li>
<li>Ukuran File : <b>5 Mb</b></li>
<li>Note : Ebook ini dipublikasikan oleh webmedia</li>
</ul>
<b><span style="font-size: large;">Review Ebook Gratis Tutorial Office Excel 2007</span></b><br />
Ebook gratis ini adalah bagian dari panduan office 2007 .ebook <a href="http://yoga-tc.blogspot.com/2013/12/download-ebook-tutorial-microsoft-office-excel-2007-gratis-terbaru-2014-lengkap.html">tutorial office excel</a> ini juga di tulis oleh Bp.Eko purwanto.Terdiri dari 99 halaman dengan 12 modul antara lain :<br />
<br />
Modul 3. Mengatur Workbook & Worksheet<br />
Modul 4. Mengatur Tampilan Lembar Kerja<br />
Modul 5. Rumus dan Fungsi<br />
Modul 9. Bekerja dengan Diagram dan Grafik
<br />
<br />
<div style="text-align: center;">
<ul class="kotak-demo-download">
<!-- Download -->
<li><a class="download" href="https://dl.dropboxusercontent.com/s/ol4cjx7d8s3nfy7/Panduan%20ms%20excel%202007.zip?dl=1" target="_blank"><i class="icon-download-alt"></i> Download</a></li>
</ul>
</div>
<div class="clear">
</div>
<br />
<div class="resource">
<b>Sumber : </b>http://bukugratis.info/tutorial-office-excel-2007/</div>
Unknownnoreply@blogger.com17tag:blogger.com,1999:blog-7049530791492749265.post-9101128887030949322013-12-11T00:22:00.001+07:002013-12-20T14:12:06.581+07:00Download Ebook Tutorial Microsoft Office Word 2007 Gratis<div class="separator" style="clear: both; text-align: center;">
<a alt="Download Ebook Tutorial Microsoft Office Word 2007 Gratis" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW3ThdXps1WWnyRlHySW35twmX1xIWMfGD9UyKdJSiM4pD5J7RJaZmJ-6ZVEDFrrAtdJ-a45PLJiVPo8h-JNR2cqmdlss7E0bLWL25m_aL-UOoji_uZ1ohprcZ4OjTV3j32pA5QdqhebI2/s1600/panduan-office-2007_1.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Download Ebook Tutorial Microsoft Office Word 2007 Gratis" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW3ThdXps1WWnyRlHySW35twmX1xIWMfGD9UyKdJSiM4pD5J7RJaZmJ-6ZVEDFrrAtdJ-a45PLJiVPo8h-JNR2cqmdlss7E0bLWL25m_aL-UOoji_uZ1ohprcZ4OjTV3j32pA5QdqhebI2/s1600/panduan-office-2007_1.jpg" /></a></div>
<b>Download Ebook Tutorial Microsoft Office Word 2007 Gratis</b> Lengkap - Microsoft office word 2007 merupakan salah satu aplikasi pengolah kata besutan microsoft corporation.Memiliki tampilan yang cukup berbeda dari pendahulunya microsoft office word 2003.Sehingga banyak pula yang kadang kesulitan untuk menggunakannnya.Namun Microsoft office 2007 ini memiliki fungsi yang jauh lebih baik dari pada office 2003,dan jika anda sudah terbiasa pasti akan merasa kalau office word 2007 jauh lebih mudah dari pada office 2003.<br />
<br />
Meskipun ebook ini telah saya bagi di postingan panduan <a href="http://yoga-tc.blogspot.com/2013/12/download-ebook-tutorial-microsoft-office-word-2007-gratis-terbaru-2014-lengkap.html">microsoft office 2007</a>,akan tetapi untuk memudahkan pencarian melalui search engine jadi saya buat posting tersendiri tentang ebook panduanl <a href="http://yoga-tc.blogspot.com/2013/12/download-ebook-tutorial-microsoft-office-word-2007-gratis-terbaru-2014-lengkap.html">office</a> word 2007 ini.<br />
<div>
<br /></div>
<b><span style="font-size: large;">Ebook Gratis Tutorial Office word 2007</span></b><br />
<div>
<div>
<ul>
<li>Berikut Urian Uraian Singkat tentang ebook gratis ini :</li>
<li>Judul : <b>Pengolah kata microsoft word 2007 untuk sma kelas X smester 2</b></li>
<li>Jumlah Halaman : <b>148 halaman</b></li>
<li><b>Bahasa : Indonesia</b></li>
<li>Penulis : Bapak Eko purwanto</li>
<li><b>Format Ebook : Pdf</b></li>
<li>Kategori : Komputer</li>
<li>Ukuran File : <b>11 Mb</b></li>
<li>Note : Ebook ini dipublikasikan Webmedia</li>
</ul>
<span style="font-size: large;"><b>Review Ebook Gratis Tutorial Office word 2007</b></span></div>
</div>
<div>
<div>
Ebook Dilengkapi dengan Screenshot dan petuntuk yang jelas sehingga sangat cocok untuk pemula sekalipun.Termasuk salah satu ebook panduan belajar microsoft word yang terlengkap saat ini.</div>
<div>
Sebagai Aplikasi pengolah huruf atau word prossesor yang paling banyak digunakan oleh masyarakat baik pelajar maupun karyawan sedah menjadi layak untuk kita bisa menggunakan office suite yang satu ini..Bahkan banyak pula perusahaan yang mewajibkan seluruh karyawannya untuk bisa menggunakan microsoft office word.Untuk jika anda masih awam tentang office word,tutorial office word yang satu ini sangat cocok untuk anda.<br />
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a alt="Download Ebook Tutorial Microsoft Office Word 2007 Gratis" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy4CPVcdDKX8Sz9rZ_vC8eoeeM6ZrDaP4i-mTmmbGozIqkXeaWugWnRZhuYnCvDYpvbqGgoo7FtxP63BAC901LtBQc-74xYa9Prm7lDgDd1A_sFRRYmhseQ61Ult4x4UU3lNJnLNls_VEI/s1600/panduan-office-2007_2.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Download Ebook Tutorial Microsoft Office Word 2007 Gratis" height="205" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy4CPVcdDKX8Sz9rZ_vC8eoeeM6ZrDaP4i-mTmmbGozIqkXeaWugWnRZhuYnCvDYpvbqGgoo7FtxP63BAC901LtBQc-74xYa9Prm7lDgDd1A_sFRRYmhseQ61Ult4x4UU3lNJnLNls_VEI/s400/panduan-office-2007_2.jpg" width="400" /></a></div>
<div style="text-align: center;">
<span style="font-size: x-small;">logo office 2007</span></div>
</div>
<div>
<b><br /></b>
<b>Ebook Tutorial office word ini Terdiri dari 15 modul yaitu :</b></div>
<div>
<br />
<ul>
<li>Modul 1. Membuat Dan Menyimpan Dokumen Kerja</li>
<li>Modul 2. Mengedit Dokumen Kerja Dan Memformat Huruf</li>
<li>Modul 3. Memformat Paragraf, Bullet Dan Numbering, Drop Cap Dan</li>
<li>Spasi Baris</li>
<li>Modul 4 Mengatur Jarak Paragraf, Orientasi Halaman Dan</li>
<li>Menyisipkan tanggal</li>
<li>Modul 5 Membuat Bingkai Dokumen Dan Pangaturan Tabulasi</li>
<li>Membuat Bingkai Halaman, Paragraf Dan Teks</li>
<li>Modul 6. Mencari Teks, Halaman, Menggabungkan Dokumen Dan</li>
<li>Menggunakan Format Kolom</li>
<li>Modul 7. Bekerja Dengan Header & Footer Dan Menyisipkan Simbol</li>
<li>Dan Nomor Halamamn</li>
<li>Modul 8. Menyisipkan Text Box, Word Art, Dan Clip Art</li>
<li>Modul 9. Membuat Equation, Hyperlink, Watermark Dan Mencetak</li>
<li>Dokumen</li>
<li>Modul 10. Membuat Dan Menghapus Tabel, Konversi Teks Ke Tabel</li>
<li>Modul 11. Memanipulasi Tabe</li>
<li>Modul 12. Menyisipkan Gambar, Shape Dalam Dokumen Dan Crop Image</li>
<li>Modul 13. Membuat Diagram Dan Grafik.</li>
<li>Modul 14. Membuat Dan Mencetak Mail Merge.</li>
<li>Modul 15. Membuat Label Amplop Mail Merge.</li>
</ul>
</div>
<div>
<br /></div>
</div>
<div style="text-align: center;">
<ul class="kotak-demo-download">
<!-- Download -->
<li><a class="download" href="https://dl.dropboxusercontent.com/s/qptokdtonvn0ocb/panduan%20word%202007.zip?dl=1" target="_blank"><i class="icon-download-alt"></i> Download</a></li>
</ul>
</div>
<div class="clear">
</div>
<br />
<div class="resource">
<b>Sumber : </b>http://bukugratis.info/tutorial-office-word-2007-ebook-gratis/</div>
Unknownnoreply@blogger.com16tag:blogger.com,1999:blog-7049530791492749265.post-34160044311101442782013-12-05T17:48:00.002+07:002013-12-05T18:21:02.765+07:00Cara Memperpendek URL Agar URL Lebih Singkat<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh16y1ZiKlWKp_fgZpFFEkAvW3_NY_jmNYaJ2Uc6bD2Inpr_gc-GOGl982L7LZvmZn3Z7Hi3Q2OLd1qz3w4Ki7UX4ubf0oNUD-WVlZFltpyWYm0cz0Dh7b01RDd9rXQ1yu5rIwCPDNXV5dn/s1600/Cara+mempendek+URL+dengan+goo-gl+Blog+Krizeer.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="152" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh16y1ZiKlWKp_fgZpFFEkAvW3_NY_jmNYaJ2Uc6bD2Inpr_gc-GOGl982L7LZvmZn3Z7Hi3Q2OLd1qz3w4Ki7UX4ubf0oNUD-WVlZFltpyWYm0cz0Dh7b01RDd9rXQ1yu5rIwCPDNXV5dn/s320/Cara+mempendek+URL+dengan+goo-gl+Blog+Krizeer.jpg" width="320" /></a></div>
<b><br /></b>
<b>Cara Memperpendek URL Agar URL Lebih Singkat dengan</b> <span style="color: blue; font-weight: bold;">g</span><span style="color: red; font-weight: bold;">o</span><span style="color: orange; font-weight: bold;">o</span><span style="color: red; font-weight: bold;">.</span><span style="color: blue; font-weight: bold;">g</span><b style="color: lime;">l</b> <b>gratis,</b> <a href="http://yoga-tc.blogspot.com/2013/12/cara-memperpendek-url-agar-url-lebih.html">Cara membuat link pendek dengan <span style="color: blue;">g</span><span style="color: red;">o</span><span style="color: orange;">o</span><span style="color: red;">.</span><span style="color: blue;">g</span><span style="color: lime;">l </span>mudah</a>.<br />
<br />
<span style="color: blue;">g</span><span style="color: red;">o</span><span style="color: orange;">o</span><span style="color: red;">.</span><span style="color: blue;">g</span><span style="color: lime;">l</span> adalah layanan gratis yang telah disediakan oleh google <b>buat mempersingkat URL</b> atau alamat web/blog anda. Jadi bagi yang suka dengan yang URL pendek atau singkat-singkat, maka tak ada salahnya untuk mencoba layanan yang satu ini cara ini sangatlah mudah.<br />
<br />
1. Kunjungi <a href="http://goo.gl/" target="_blank">http://goo.gl/</a><br />
2. Masukan URL yang akan disingkatkan/dipendekan URLnya<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAYfJNOD5YEu97N-SR3DYToihwG8ZFGCIhhVqy4TDd3vUvT8g8J0uihhH3R7r3-a-OyCgGV0afG4H3wTDcBuz9CsgThegsVNs7gqILTRGaTotJzO4lemj549AQUOzGS6qmRMoGIPxPwe-U/s1600/Cara+memperpendek+URL+dengan+goo-gl_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="86" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAYfJNOD5YEu97N-SR3DYToihwG8ZFGCIhhVqy4TDd3vUvT8g8J0uihhH3R7r3-a-OyCgGV0afG4H3wTDcBuz9CsgThegsVNs7gqILTRGaTotJzO4lemj549AQUOzGS6qmRMoGIPxPwe-U/s400/Cara+memperpendek+URL+dengan+goo-gl_2.jpg" width="400" /></a></div>
3. Klik "<b>shorten URL</b>", tunggu sampai proses selesai, dan copy URL yang sudah jadi, tekan CTRL+C<br />
4. SelesaiUnknownnoreply@blogger.com25tag:blogger.com,1999:blog-7049530791492749265.post-62072198860279724942013-11-16T14:23:00.000+07:002013-11-16T20:18:49.666+07:00Cara Membuat Widget Sticky di Sidebar Blog<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt5VtmVlETJOEtvKWzoXelxONivC-dGtt2YbvOJcJEJkIJ5frPyurqPrPn9funjw2T85nXYnMWIxEdIfh-4lBpXNBzYbSVW7C9bt6SSMYWY_Ukwg_BLJScWe4lj3Kcg404IvO8Xmya1erC/s1600/cara-membuat-widget-sticky+di+blog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt5VtmVlETJOEtvKWzoXelxONivC-dGtt2YbvOJcJEJkIJ5frPyurqPrPn9funjw2T85nXYnMWIxEdIfh-4lBpXNBzYbSVW7C9bt6SSMYWY_Ukwg_BLJScWe4lj3Kcg404IvO8Xmya1erC/s320/cara-membuat-widget-sticky+di+blog.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<a href="http://yoga-tc.blogspot.com/2013/11/cara-membuat-widget-sticky-di-sidebar.html"><b>Cara Membuat Widget Sticky di Sidebar Blog</b></a>, <a href="http://yoga-tc.blogspot.com/2013/11/cara-membuat-widget-sticky-di-sidebar.html">Cara Membuat Widget Sticky di Menu Navigasi Blog</a>, <a href="http://yoga-tc.blogspot.com/2013/11/cara-membuat-widget-sticky-di-sidebar.html" target="">Cara Membuat Widget Sticky di Blog</a>, <a href="http://yoga-tc.blogspot.com/2013/11/cara-membuat-widget-sticky-di-sidebar.html">Membuat Sticky di blog dengan mudah</a>.<br />
<br />
Halo sobat <b><a href="http://yoga-tc.blogspot.com/" target="_blank">Blog Krizeer</a></b>, di hari yang cukup cerah ini namun ujan, sekarang-sekarang ini saya mohon maaf jarang update, karena saya suka main games. Kali ini saya akan membahas <b><a href="http://yoga-tc.blogspot.com/2013/11/cara-membuat-widget-sticky-di-sidebar.html">Cara Membuat Widget Sticky di Sidebar Blog</a></b>, sebetulnya widget sticky ini tidak hanya bisa digunakan di sidebar saja, tapi di ID manapun bisa, contohnya di menu navigasi. Mungkin sobat sudah mengetahui tujuan saya kali ini. <b><a href="http://yoga-tc.blogspot.com/2013/11/cara-membuat-widget-sticky-di-sidebar.html">Widget Sticky</a></b> fungsinya ketika layar di scroll kebawah, widget tersebut akan <b>menempel atau melayang</b> di atas, meskipun di scroll kebawah.<br />
<br />
<ul>
<li><b>Demo</b> widget <b>sticky</b> yang di <b>sidebar</b>, klik <a href="http://ahmadsuyadi.blogspot.com/2013/11/cara-membuat-widget-sticky-di-sidebar.html" target="_blank">disini</a> (coba scroll kebawah dan lihat iklan teks yang di sidebar menempel di atas).</li>
<li><b>Demo</b> widget <b>sticky</b> yang di <b>menu navigasi</b>, klik <a href="http://fcw-bt.blogspot.com/2013/08/cara-menggunakan-ikon-font-awesome-di.html" target="_blank">disini</a> (coba scroll kebawah dan lihat menu navigasinya menempel di atas).</li>
</ul>
Berikut langkah-langkah membuat <b><a href="http://yoga-tc.blogspot.com/2013/11/cara-membuat-widget-sticky-di-sidebar.html">Widget Sticky di Sidebar</a> :</b><br />
1. Login ke Blogger<br />
2. Dashboar > Klik Template > Edit HTML<br />
3. Tambahkan kode dibawah ini di atas <b><span style="color: red;"></head></span></b><br />
<blockquote class="tr_bq">
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/></blockquote>
4. Tambahkan kode CSS di bawah ini di atas <b><span style="color: red;">]]></b:skin></span></b><br />
<blockquote class="tr_bq">
.sticky {<br />
position:fixed;<br />
top:5px;/* jarak dari atas*/<br />
z-index: 100;<br />
}</blockquote>
5. Letakan kode java script dibawah ini di atas <b><span style="color: red;"></body> </span></b><br />
<blockquote class="tr_bq">
<script type='text/javascript'><br />
$(document).ready(function() {<br />
var stickyWidgetTop = $('<b><span style="color: blue;">#HTML1</span></b>').offset().top;<br />
var stickyWidget = function(){<br />
var scrollTop = $(window).scrollTop();<br />
if (scrollTop > stickyWidgetTop) {<br />
$('<b><span style="color: blue;">#HTML1</span></b>').addClass('sticky');<br />
} else {<br />
$('<b><span style="color: blue;">#HTML1</span></b>').removeClass('sticky');<br />
}<br />
};<br />
stickyWidget();<br />
$(window).scroll(function() {<br />
stickyWidget();<br />
});<br />
});<br />
</script></blockquote>
6. <b>Simpan Template</b><br />
<b><br /></b>
<b>Tips :</b><br />
Ganti <span style="color: blue;"><b>#HTML1</b></span> dengan ID widget yang akan dibuat sticky. ID <b><span style="color: blue;">#HTML1</span></b> itu bukan hanya berupa ID, Class pun juga bisa.<br />
<div>
<br /></div>
<div class="resource">
<b>Source : </b>http://ahmadsuyadi.blogspot.com/2013/11/cara-membuat-widget-sticky-di-sidebar.html</div>
Unknownnoreply@blogger.com51tag:blogger.com,1999:blog-7049530791492749265.post-35196931830162263582013-11-15T19:03:00.002+07:002013-12-04T19:59:12.492+07:00Template Fastest Magz Versi 2.2 Terbaru Gratis<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBFHfotbgx1yVn2zQcqHQrgSLEJCF19y06i_M5NndVsbLiRPd24xhI0Ymr2BCjpgh2ET1MU-0hBUc3h4j4oS4EodJBeuoLSBwEL3_X1oSenSlj-Ne8QSRCZbNSWfIutSW89J6s-F6IZSQn/s1600/Download+Template+Fastest+Magz+Gratis+Terbaru+Versi+2.2+Mas+Sugeng+Gratis+Free+Blogger+Templates+www.free-btemplate.blogspot.com.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBFHfotbgx1yVn2zQcqHQrgSLEJCF19y06i_M5NndVsbLiRPd24xhI0Ymr2BCjpgh2ET1MU-0hBUc3h4j4oS4EodJBeuoLSBwEL3_X1oSenSlj-Ne8QSRCZbNSWfIutSW89J6s-F6IZSQn/s400/Download+Template+Fastest+Magz+Gratis+Terbaru+Versi+2.2+Mas+Sugeng+Gratis+Free+Blogger+Templates+www.free-btemplate.blogspot.com.png" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: left;">
<b>Demo -></b> <a href="http://zs2r.blogspot.com/" target="_blank">http://zs2r.blogspot.com/</a></div>
<div class="separator" style="clear: both; text-align: left;">
<b>Download -> </b>klik <a href="https://www.dropbox.com/s/z65vsn4wf29mcjg/Fastest%20Magz%20V2.2%20FULL%20100%25%20by%20www.free-btemplate.blogspot.com.rar" target="_blank">disini</a> <b><span style="color: red;">NO Password</span></b></div>
<div class="separator" style="clear: both;">
<br /></div>
<b>Download Template Fastest Magz Terbaru Versi 2.2 Gratis</b>, <b><a href="http://yoga-tc.blogspot.com/2013/11/template-fastest-magz-versi-22-terbaru.html">Download Template Fastest Magz Terbaru Versi 2.2 Mas Sugeng Gratis</a></b>, Free Download Template Fastest Magz Versi 2.2 Mas Sugeng, <b>Fastest Magz Terbaru Versi 2.2</b>, Fastest Magz versi 1.0<br />
<br />
<div class="separator" style="clear: both;">
Lihat gambar full page klik <a href="http://i.imgur.com/PkJdB82.png" target="_blank">disini</a></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
Eitsss jangan dulu download <a href="http://www.blogger.com/follow-blog.g?blogID=4828199573495838323" rel="nofollow" target="_blank">FOLLOW</a> dulu ahh, gak enak pake templatenya kalo gak <b>FOLLOW</b> blog ini, nah jika sobat ingin template gratisan tinggal <a href="http://www.blogger.com/follow-blog.g?blogID=4828199573495838323" rel="nofollow" target="_blank">FOLLOW</a> aja blog ini biar gak usah repot-repot cari template keren gratisan, caranya mudah kok sob tinggal klik :</div>
<blockquote class="tr_bq">
<code class="language-css"><a href="http://www.blogger.com/follow-blog.g?blogID=4828199573495838323" rel="nofollow" target="_blank"><img src="http://i.imgur.com/bnYp5Qq.jpg" /></a></code></blockquote>
<pre></pre>
<div>
<b>Fitur-Fitur :</b></div>
<div>
<ul>
<li>Elegant Design</li>
<li><a href="http://yoga-tc.blogspot.com/2013/11/template-fastest-magz-versi-22-terbaru.html" rel="nofollow">Responsive Design</a></li>
<li>Cross Browser Optimization</li>
<li><a href="http://yoga-tc.blogspot.com/2013/11/template-fastest-magz-versi-22-terbaru.html">Fast Loading</a></li>
<li><a href="http://yoga-tc.blogspot.com/2013/11/template-fastest-magz-versi-22-terbaru.html">Valid HTML5</a></li>
<li>Rating and Recipe Rich Snippet</li>
<li>Facebook Comment</li>
<li>Custom Error Page</li>
<li><b><span style="color: blue;">Quick Search Form sudah dipasang (terbaru)</span></b></li>
<li>Three different colors option (blue, red, and green)</li>
<li><b><span style="color: blue;">Sekarang Tombol Back To Top Sudah Terpasang</span></b></li>
<li>Dan masih banyak</li>
</ul>
</div>
<div>
<b>Informasi :</b></div>
<div>
Nama Template : <a href="http://yoga-tc.blogspot.com/2013/11/template-fastest-magz-versi-22-terbaru.html" rel="nofollow">Fastest Magz Terbaru Versi 2.2 Mas Sugeng Gratis</a></div>
<div>
Designer : <a href="http://www.mas-sugeng.com/" target="_blank">Mas Sugeng</a></div>
<div>
Versi : 2.2</div>
<div>
Tanggal Rilis : 27 September 2013</div>
<div>
Harga : $0 <b><span style="color: red;">GRATIS</span></b> <a href="http://yoga-tc.blogspot.com/2013/11/template-fastest-magz-versi-22-terbaru.html" rel="nofollow">Free Premium</a></div>
Unknownnoreply@blogger.com56tag:blogger.com,1999:blog-7049530791492749265.post-66939901754380117672013-10-18T16:05:00.000+07:002013-10-18T16:13:48.760+07:00Download Template Mas Sugeng Premium Gratis<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihr5yGnaSQpN9r8XhDfmN-BtXNcm2fc87YaO2plZrBhcuXts4wpjuY2Wu1gER8Dl4UMpKJUjh06jlXeaPqGDcqX-0sUGDzfAJAen7LkhzEzGiDN0gV6bUNbDeDwDI7dF2llBpg_g9nKqgW/s1600/Blog+Mas+Sugeng+-+Berbagi+Seputar+Dunia+Blogging+dan+Internet+2013-10-18+15-57-51.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="356" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihr5yGnaSQpN9r8XhDfmN-BtXNcm2fc87YaO2plZrBhcuXts4wpjuY2Wu1gER8Dl4UMpKJUjh06jlXeaPqGDcqX-0sUGDzfAJAen7LkhzEzGiDN0gV6bUNbDeDwDI7dF2llBpg_g9nKqgW/s400/Blog+Mas+Sugeng+-+Berbagi+Seputar+Dunia+Blogging+dan+Internet+2013-10-18+15-57-51.png" width="400" /></a></div>
<br />
<a href="http://yoga-tc.blogspot.com/2013/10/download-template-mas-sugeng-premium.html" target="_blank">Download template Mas Sugeng premium gratis</a> - <a href="http://yoga-tc.blogspot.com/2013/10/download-template-mas-sugeng-premium.html" target="_blank">Mas Sugeng blogger template premium</a> namun sekarang Mas Sugeng sudah membukanya untuk umum, maksudnya <a href="http://yoga-tc.blogspot.com/2013/10/download-template-mas-sugeng-premium.html" target="_blank">Mas Sugeng blogger template</a> sekarang sudah digratiskan, dan atas ijin Mas Sugeng saya bagikan kembali template Mas Sugeng blogger template, nih buktinya -> <a href="http://www.templateku.com/2013/09/mas-sugeng.html" target="_blank">http://www.templateku.com/2013/09/mas-sugeng.html</a>, tanpa seijin Mas Sugeng saya tidak berani untuk membagikannya secara gratis, saya juga baru download template Mas Sugeng, bagi kalian yang ingin memilikinya tidak usah bayar alias <span style="color: blue;">GRATIS</span>, silahkan dilihat fitur-fitur template mas sugeng dulu. Sebagai tanda trimakasih kepada saya, ada baiknya follow blog ini, klik <a href="http://www.blogger.com/follow-blog.g?blogID=7049530791492749265" target="_blank">Follow Blog</a><br />
<br />
<b>Fitur-fitur Mas Sugeng blogger template</b><br />
<ul>
<li>Elegant design</li>
<li>SEO Ready</li>
<li>Custom Mobile Template</li>
<li><a href="http://yoga-tc.blogspot.com/2013/10/download-template-mas-sugeng-premium.html" target="_blank">Fast Loading</a></li>
<li><a href="http://yoga-tc.blogspot.com/2013/10/download-template-mas-sugeng-premium.html" target="_blank">Valid HTML5</a></li>
<li><a href="http://yoga-tc.blogspot.com/2013/10/download-template-mas-sugeng-premium.html" target="_blank">Auto Readmore</a></li>
<li><a href="http://yoga-tc.blogspot.com/2013/10/download-template-mas-sugeng-premium.html" target="_blank">Related Post</a></li>
</ul>
<b>Demo -></b> <a href="http://www.mas-sugeng.com/" target="_blank">http://www.mas-sugeng.com/</a><br />
<div>
<b>Download -> </b>klik <a href="https://dl.dropboxusercontent.com/u/122336262/Template/mas-sugeng-template.zip" target="_blank">disini</a></div>
Unknownnoreply@blogger.com86