Contoh Soal Persamaan Linear Satu Variabel Dalam Kehidupan Sehari-Hari

Contoh Soal Persamaan Linear Satu Variabel Dalam Kehidupan Sehari-Hari

misal Soal Persamaan Linear Satu Variabel - Halo teman bersahabat setia Rumus Matematika Dasar berjumpa lagi dalam bahan terkena teladan soal dan pembahasannya. Yang akan kita pelajari pada peluang kali ini yaitu terkena persamaan linear satu variabel di mana pada soal-soal yang akan dibahas kali ini berkaitan dengan kehidupan sehari-hari. Sebelumnya kami sudah pernah mengulas wacana Persamaan dan Pertidaksamaan Linear Satu Variabel yang sebaiknya kalian baca dan pahami terlebih lampau sebelum menyimak pembahasan soal yang ada di bawah ini. Akan tetapi apabila kalian merasa sudah paham dengan konsep persamaan dan pertidaksamaan linear satu variabel, yuk pribadi saja kita simak bersama penjelasannya diberikut ini:

misal Soal Persamaan Linear Satu Variabel

misal Soal 1    
Pak Sarif mempunyai sebidang tanah berbentuk persegi panjang, Lebar tanah tersebut 5 meter lebih pendek dari panjangnya. Keliling tanah pak Sarif yaitu 50 meter. Berapakah ukuran panjang dan lebar tanah Pak Sarif?

Penyelesaiannya :

Diketahui : keliling tanah = 50 m
Misalkan ukuran panjang tanah = x, maka lebar tanah = x -5
Keliling tanah = keliling persegi panjang
     50 = 2 ( p + l)
     50 = 2 ( x + x – 5)
     50 = 2 ( 2x – 5)
     50 = 4x – 10
                  50 + 10 = 4x
                           60 = 4x
                      60 : 4 = x
                            15 = x
Panjang tanah = x = 15 meter
Lebar tanah = x – 5 = 15 – 5 = 10 meter



misal Soal 2   
Diketahui jumlah tiga bilangan genap yang berurutan yaitu 66. Tentukanlah bilangan yang paling kecil!

Penyelesaiannya :

Diketahui  : Tiga bilangan genap berjumlah 66
Bilangan genap mempunyai pola +2, misalkan bilangan genap yang pertama yaitu x, maka bilangan genap kedua dan ketiga berturut-turut  adalah x + 2, dan x + 4, sehingga:

Bil.1 + Bil.2 + Bil. 3 = 66
    x + (x+2) + (x+4) = 66
            3x + 6 = 66
                  3x =  60
                     x = 20
bilangan genap pertama = x = 20
bilangan genap kedua = x + 2 = 20 + 2 =22
bilangan genap ketiga = x + 4 = 20 + 4 = 24


misal Soal 3
Nilai x yang memenuhi persamaan 3x + 5 = 14 adalah…

Penyelesaiannya :
             3x + 5 = 14
                    3x = 14 – 5
                    3x = 9
                     x  = 9 : 3
                     x =  3


misal Soal 4
Untuk persamaan 4x + y = 12, jikalau x = -1 maka y adalah…

Penyelesaiannya : 
               4( -1) + y = 12
                    -4 + y = 12
                          y = 12 + 4
                           y = 16


misal Soal 5
Nilai x yang memenuhi persamaan  5x- 7 = 3x + 5 adalah..

Penyelesaiannya :
            5x- 7 = 3x + 5
              5x – 3x = 5 + 7
                       2x = 12
                          x = 6

Demikianlah pembahasan terkena misal Soal Persamaan Linear Satu Variabel yang dapat kami diberikan pada bahan kali ini. Semoga apa yang sudah dijelaskan di atas dapat membuat kalian memahami lebih dalam lagi wacana bagaimana cara menuntaskan soal-soal wacana persamaan linear satu variabel. Terima kasih banyak sudah membaca goresan pena ini dengan baik. Sampai jumpa dalam pembahasan soal selanjunya.

Perbedaan Template Blog Gratis Dan Premium

Perbedaan Template Blog Gratis dan Premium Perbedaan Template Blog Gratis dan Premium
HINGGA kini masih banyak blogger "newbie" yang bertanya via email: Apa Perbedaan Template Blog Gratis dan Premium?

Jawaban singkatnya, Template Gratis itu tidak berbayar, free download, dan dihentikan menghapus credit link desainer di bab footer, dan tidak ada support atau dukungan dari desainer, tidak ada konsultasi.

Sedangkan template premium yaitu template blog berbayar, harus dibeli, tidak free download, boleh menghapus credit link desainer bahkan bebas link credit, juga bebas sisipan (injeksi) link, dan ada dukungan (support/konsultasi) dari desainernya sampai blog tampil sesuai dengan demonya.

Namun, harus dicatat, kalau mau melaksanakan edit yang mengubah tampilan template asli, umumnya desainer tidak dapat memberi bantuan, alasannya yaitu hal itu berarti mengubah tampilan desain asli. Jadi, untuk edit tampilan, harus dilakukan sendiri.

Secara bahasa, arti kata "premium", berdasarkan Kamus Bahasa, artinya (1) hadiah (kepada pembeli, pelanggan, dan sebagainya); premi; (2) bayaran (kepada asuransi); premi.

Perbedaan Template Blog Gratis dan Premium

Untuk perbandingan, mari kita lihat perbedaan template blog gratis dan premium yang ada di Mastemplate yang dulu dimiliki Maskolis --sekarang sudah pindah tangan ke blogger India kayaknya.

  1. Free Download/Template Gratis: Encrypted file & No Support
  2. Premium: Remove Footer credits, Edit Color Scheme, One time payment, For Unlimited Domains, Lifetime Premium Support, No Encrypted Scripts, Lifetime Template Updates.
Intinya, template gratis itu ada footer credit dan tidak ada support. Sedangkan premium itu bebas footer credit, ada support (memberi bantuanan setting), dan dikirim gratis bila ada update template.

pola dan cara lainnya yaitu di Templateism:

  1. Template Gratis (FREE Download) itu "Get this template for FREE with giving proper credits to us, no support included." Ada footer credit dan tidak ada support.
  2. Template Premium: One time payment, Remove Footer credits, lifetime support, Regular updates and Much more.

Kayaknya sudah cukup bahkan sangat terang ya, Perbedaan Template Blog Gratis dan Premium? Jadi, Anda pengguna template gratis, jan cubo cubo hapus footer credit dan jan cubo cubo ngarep memberi bantuanan (support).

CB sendiri sediakan template premium di Galeri Template yang pengoptimalan SEO-nya sangat amat optimal semoga blog Anda gampang dan cepat terindeks Google. Demikian. Good Luck! (www.contohblog.com).*


Sumber http://www.contohblog.com/

Cara Dan Teknik Menyimpan Instruksi Javascript Sendiri Semoga Blog Fast Loading

Cara dan metode Menyimpan Kode JavaScript Sendiri biar Blog Fast Loading cara Dan Teknik Menyimpan Kode JavaScript Sendiri Agar Blog Fast Loading
Cara dan metode Menyimpan Kode JavaScript Sendiri Agar Blog Fast Loading

KODE JavaScript biasanya sangat banyak. Makanya, banyak arahan JS yang berupa link. Itu artinya, arahan javascript disimpan (dihosting) di situs lain, bukan di template.

Kode javascript yang disimpan di situs lain akan membuat loading blog jadi berat. Karena, ketika blog dibuka, ia harus nge-link ke situs lain yang menyimpan salah satu arahan scriptnya itu.

Belum lagi bila blogger lain juga sama-sama memasang link javascript tersebut, maka akan saling tarik dan terang memperlambat loading blog.

Selain mensugesti loading, menyimpan arahan javascript di situs lain juga meliputi ko tidak berfungsi, bila situs yang kita simpani arahan tersebut sudah off. Contoh dan Penjelasan nya, Google Code ketika ini sudah tidak berfungsi.

Silakan cek arahan template blog Anda. Dipastikan, bila ada arahan yang nge-link ke Google Code, maka widget tidak berfungsi. Umumnya, arahan javascript Related Posts disimpan di sana, sehingga tidaka berfungsi lagi.

Maka, cara terbaik untuk loading blog ringan dan kondusif (widget berfungsi), sebaiknya simpan sendiri arahan tersebut atau ekstrak saja di template, biarin banyak juga! Namun, bila memang dianggap kepanijan, maka simpan sendiri saja dengan nama file sendiri, sehingga khusus blog kita yang nge-link ke koden tersebut, sehingga dapat fast loadong.

Cara dan metode Menyimpan Kode JavaScript Sendiri

Sebagai contoh, misalkan kita memakai arahan Tombol Share Whatsapp. Kode aslinya menyerupai ini:

<script type='text/javascript'>if(typeof wabtn4fg===&quot;undefined&quot;){wabtn4fg=1;h=document.head||document.getElementsByTagName(&quot;head&quot;)[0],s=document.createElement(&quot;script&quot;);s.type=&quot;text/javascript&quot;;s.src=&quot;//yourjavascript.com/09010225501/whatsappblogger.js&quot;;h.appendChild(s);}</script> 

1. Buka link file javascript yang warna merah dengan cara copas linknya ke address bar.
2. Copas semua arahan yang terbuka
3. Paste di Notepad
4. Klik Save
5. Tulis nama file dengan menambah .js di belakangnya (misalnya: sharewhatsapp.js)
5. Pilih Save as type: All Files
6. Encoding: UTF-8
7. Klik Save!

8. Buka situs penyimpanan javasrcipt menyerupai Your Java Script.

Cara dan metode Menyimpan Kode JavaScript Sendiri biar Blog Fast Loading cara Dan Teknik Menyimpan Kode JavaScript Sendiri Agar Blog Fast Loading

Catatan: YourJavaScript.com ialah sius yang menyediakan hosting gratis untuk menyimpan file JavaScript (.js). Anda dapat memakai layanan ini dengan gratis dan mudah, yaitu khusus memakai email dan pribadi dapat upload file .js. Taglinenya: YourJavaScript.com will host your javascript file for free forever.

9. Upload file yang disave tadi.
10. Buka inbox email. Akan ada link file JS Anda untuk me-replace link JS yang lama.

<script type="text/javascript" src="link-ke-kode-javasscript.js di sini"></script>

Demikian Cara dan metode Menyimpan Kode JavaScript Sendiri biar Blog Fast Loading. Good Luck & Happy Blogging! (www.contohblog.com).*


Sumber http://www.contohblog.com/

Daftar Istilah Seo Blog Dasar Yang Perlu Blogger Ketahui

Daftar Istilah SEO Blog Dasar yang Perlu Blogger Ketahui Daftar Istilah SEO Blog Dasar yang Perlu Blogger Ketahui
Daftar Istilah SEO yang Perlu Blogger Ketahui untuk Meningkatkan Jumlah Pengunjung.

TEKNIK SEO ialah bab penting acara blogging.

Kita, para blogger, harus mengenali istilah-istilah penting seputar SEO ini, untuk sukses blogging --banyak pengunjung dan "menghasilkan" (uang ataupun popularitas).

Daftar istilah ini sanggup menjadi panduan dasar bagi blogger pemula, sekaligus "refresh" wawasan wacana SEO bagi yang sudah dekat dengan istilah-istilah penting di dunia blogging dan desain konten website ini.

Kita mulai dari pengertian SEO itu sendiri. Cara dan metode pengucapannya ialah ES-I-OW (Cek). Dari  istilah SEO ini banyak istilah lain yang terkait.

Daftar Istilah SEO Blog Dasar yang Perlu Blogger Ketahui

1. SEO

Singkatan dari Search Engine Optimization. Bahasa Indonesianya Optimisasi Mesin Pencari atau Pengoptimalan Mesin Telusur. Tapi kayaknya 'gak ada yang menyingkatnya menjadi OMP atau PMT. 

Pengertian praktisnya, SEO ialah cara mengoptimalkan blog semoga gampang dan cepat diindeks situs pencarian, terutama Google dan Bing, sehingga blog kita muncul di halaman depan hasil pencarian (SERP) dan dibuka/dikunjungi pengguna internet.

SEO ialah andalan para blogger untuk mendatangkan pengunjung, trafik, atau pageviews. CB sudah share banyak SEO Dasar bagi Blogger Pemula.

2. SEM

SEM kependekan dari Search Engine Marketing atau Pemasaran Mesin Pencari. SEM ialah teknik SEO juga, dengan cara memasang iklan blog kita di Google --yaitu menjadi Google AdWords Advertiser.

Istilah yang serupa dengan SEM ialah Social Media Marketing (SMM), yaitu pasang iklan di situs media sosial, contohnya di Facebook.

3. Backlink

Nama lain backlink ialah InLink dan Inbound Link. Ini favorit para blogger. Banyak blogger rajin blogwalking dan berkomentar khusus untuk maksud mendapat backlink, namun lebih banyak lagi cederung "nyepam" (spamming).

Backlink ialah link alamat blog atau salah satu link postingan blog kita yang ada di blog lain, yaitu sebuah hyperlink di website orang lain yang mengarah ke blog kita.

Daftar Istilah SEO Blog Dasar yang Perlu Blogger Ketahui Daftar Istilah SEO Blog Dasar yang Perlu Blogger Ketahui

4. PageRank

Secara harfiyah, PageRank (PR) artinya Peringkat Halaman. PageRank ialah algoritma yang sudah dipatenkan yang berfungsi memilih situs web mana yang lebih penting/populer. PageRank ialah salah satu fitur utamamesin pencari Google.

Sebuah situs yang memiliki peringkat halaman 9 akan di urutkan lebih dahulu dalam daftar pencarian Google (SERP) daripada situs yang memiliki peringkat halaman 8 dan kemudian seterusnya yang lebih kecil. (Wikipedia).

5. Linkbait
Linkbait artinya umpan link tau "memancing link". Linkbait atau linkbaiting yaitu konten blog yang betujuan membuat backlink ke blog kita. Teknik Linkbait terpopuler ialah membuat goresan pena yang sangat berkaulitas sehingga blogger lain merujuk ke posting tersebut.

6. Link farm. 

Peternakan Link atau "Beternak Link". Ternak tautan ini termasuk teknik SEO yang dianggap Spamming oleh Google dan kena penalti.

Link Farming ialah istilah dalam teknik SEO yang merujuk pada acara membuat banyak blog yang mengandung link ke blog kita, atau membuat sebuah website dengan tujuan utama memasang link (menciptakan backlink) ke blog kita.

7. Anchor Text

Anchor text ialah teks yang sanggup diklik atau mengandung tautan. Memasang anchor text dengan kata kunci yang relevan dengan posting akan meningkatkan SEO alasannya ialah Google.

8. Title Tag

Title tags yaitu tag judul halaman web atau nama blog (the title of a web page). Title tag ialah faktor terpenting dalam algoritma Google.

Idealnya judul blog Anda unik dan mengandung kata kunci yang menjadi konten (isi) blog.

Judul blog tidak sama dengan nama domain. Nama domain bisa, misalnya, newjohnywuss.blogspot.com, namun title tagnya, misalnya, Template Blog Paling SEO Friendly. Namun, sebaiknya nama blog dan nama domain/alamat url, relevan atau sama.

9. Meta Tags

Meta tags ialah identitas atau tanda pengenal blog kepada mesin pencari. Tag meta dipakai untuk memberi gosip kepada mesin telusur wacana isi blog atau halaman web.

Meta tag biasanya ditempatkan di bawah instruksi <head> dan tidak terlihat pribadi di layar oleh pengunjung blog.

10. Search Algorithm

Algoritma Pencarian yaitu "sistem" yang diterapkan mesin pencari untuk mengindeks atau menemukan halaman web yang paling cocok dengan kata kunci yang dicari pengguna internet.

Algoritma mempertimbangkan lebih dari 200 faktor (menurut Google), termasuk meta tags, title tags, konten web, dan usia domain (umur blog.

11. SERP

SERP ialah kependekan dari Search Engine Results Page atau Halaman Hasil Pencarian Mesin Telusur. Halaman ini akan terbuka ketika kita mengetik kata kunci tertentu di Google atau mesin telusur lain.

Misalnya, kita mengetik kata kunci SERP, maka SERP-nya ialah sebagai berikut:

Daftar Istilah SEO Blog Dasar yang Perlu Blogger Ketahui Daftar Istilah SEO Blog Dasar yang Perlu Blogger Ketahui


12. Sandbox

Dikenal dengan istilah Google Sandbox (Kotak Pasir Google). Sandbox yaitu istilah bagi sebuah lokasi milik Google untuk menyimpan atau menyembunyikan blog yang dianggap melanggar hak cipta, suka copas tanpa menjelaskan sumber, kebanyakan kata kunci, atau melanggar Kebijakan Konten Blogger.

Jika sebuah blog tidak muncul di mesin pencari, tidak terindeks Google, maka dipastikan blog tersebut masuk Sandbox. Jika dibiarkan oleh admin blogger, maka blog tersebut akan dihapus Google.

13. Keyword Density

Kewords Density --artinya kepadatan kata kunci-- ialah faktor SEO yang penting. Kata kunci sebaiknya di bawah 3% dari total kata yang ada dalam postingan, dengan posisi di judul, awal tulisan, tengah tulisan, subheading (subjudul), dan tamat tulisan.

14. Keyword Stuffing

Keyword Stuffing yaitu memasang kata kunci secara hiperbola di meta tags atau di tulisan. Ini pelanggaran yang sanggup disanksi oleh Google alasannya ialah dianggap Spam.

Pengulangan kata kunci secara hiperbola membuat goresan pena / posting tidak lezat dibaca dan tidak alami. Google mengatakan, menulislah untuk manusia, bukan untuk mesin pencari.

15. Cloaking. 

Cloaking ialah praktik SEO ilegal dengan memakai skrip atau instruksi tertentu sehingga menyajikan konten yang tidak sama atau URL untuk pengguna dan mesin pencari. Google sudah mengeluarkan Panda dan Penguin untuk membasmi praktik Cloaking sehingga sekarang sudah tidak berlaku lagi.

16. Web Crawler

Web Crawler ialah proses indeks tahap pertama oleh mesin telusur terhadap sebuah blog atau halaman web.

Google sudah mempersembahkan panduan, langkah pertama semoga blog kita diindeks Google ialah Submit URL dan Submit Sitemap ke Google melalui Webmaster Tools.

Demikian beberapa istilah SEO Blog Dasar bagi pemula yang dirangkum dari banyak sekali sumber. Untuk menerapkan pengetahuan wacana istilah-istolah SEO di atas, Anda sanggup ikuti Panduan Mudah Menulis Posting Blog SEO Friendly yang gampang dan cepat terindeks Google.

Good Luck & Happy Blogging! (www.contohblog.com).*


Sumber http://www.contohblog.com/

Sopan-Santun Dalam Berkomentar Di Blog Dan Media Sosial

Santun dalam Berkomentar di Blog dan Media Sosial Sopan-Santun dalam Berkomentar di Blog dan Media Sosial
Sopan-Santun dalam Berkomentar di Blog dan Media Sosial.

KOMENTAR agresif tanpa sopan-santun di blog atau di media sosial, mencirikan sang komentator atau penulis komen itu tidak beradab (uncivilized people) dan kurang pendidikan watak (budi pekerti).

Mentang-mentang di dunia maya, dapat menyembunyikan identitas asli, banyak orang merasa bebas dan seenaknya aja berkomentar kasar, tidak mencerminkan orang beradab dan berpendidikan --atau memang aslinya tidak beradab dan "tidak sekolah".

Bukan Istimewa untuk komentar blogger, banyak juga komentar di media umum yang dengan leluasa mengeluarkan kata-kata kasar, jorok, tidak sopan, dan mencerminkan watak atau akal pekertinya yang agresif dan tidak berpendidikan.

Kita jadi berpikir, benarkah bangsa Indonesia itu bangsa yang dikenal ramah dan santun?

Yang suka komentar jorok, kasar, cabul, bahkan dapat membuat orang lain sakit hati, harus dasar, bahwa komentar Anda dicatat oleh malaikat Rakib-Atid. Catatan amal Anda akan dibuka di alam abadi nanti, dan orang yang Anda sakiti akan tiba kepada Anda untuk mengambil pahala amal baik Anda (jika Anda punya).

Media sosial, termasuk dalam hal ini blog, menjadi media ungkapan hati, membuatkan aliran dan keterampilan.

Namun, banyak juga pengguna media umum (blogger, facebooker) yang akal pekertinya sangat mengerikan, sehingga komentarnya kasar, jorok, suka mem-bully, mengejek, menghina, atau menghujat orang lain --seakan-akan dirinya paling benar dan bersih.

Sekali lagi, mentang-mentang di dunia maya dapat menyembunyikan identitas orisinil alias memakai nama dan akun palsu.

Sopan-Santun dalam Berkomentar di Blog dan Media Sosial itu harus demi korelasi baik dengan sesama manusia, membangun relasi, membangun jejaring (networking), bukan menambah musuh atau menyakiti orang lain.

Komentar Anda di Blog dan Media Sosial Anda cermin kepribadian dan akal pekerti Anda.*


Sumber http://www.contohblog.com/

Widget Popular Posts Keren Terbaru Untuk Di Sidebar Blogger

Widget Popular Posts Keren Elegan Terbaru untuk di Sidebar Blogger

BANYAK pilihan gaya, desain, atau tampilan untuk widget Popular Posts (Posting Terpopuler) alias terbanyak dibaca, mulai dari yang simple sampai yang "tidak simple".

Sebelumnya CB sudah share Twistblogger. Keren dan menarik dan unik.

Widget Popular Posts Keren Elegan Terbaru untuk di Sidebar Blogger Widget Popular Posts Keren Terbaru untuk di Sidebar Blogger


Cara dan metode Pasang Widget Popular Posts Elegan Terbaru

1. Pasang dulu widget popular postnya: Add a Gadget > pilih Popular Posts
2. Konfigurasi dengan mencentang image thumbnail saja, menyerupai ini:

Widget Popular Posts Keren Elegan Terbaru untuk di Sidebar Blogger Widget Popular Posts Keren Terbaru untuk di Sidebar Blogger


3. Anda dapat tampilkan daftar posting terpopuler sampai 10 judul. 
4. Save!

Pasang Kode CSS
Kini saatnya mempercantik tampilan popular post.

1. Template > Edit HTML
2. Copas aba-aba berikut ini di atas aba-aba ]]></b:skin>

.widget .widget-item-control a img {
  border: none;
  width: 20px !important;
  height: 20px !important;
  padding: none;
  background: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ie-box-shadow: none;
  box-shadow: none;
}
.sidebar .PopularPosts .widget-content ul li {
  padding: 0px 0px 0px;
  height: 73px !important;
  overflow: hidden !important;
  list-style-type: none !important;
  list-style: none;
}
.sidebar .popular-posts ul {
  padding-left:0px !important;
  list-style-type: none !important;
}
.sidebar .popular-posts ul {
  counter-reset: popcount;
  margin: 0; padding: 0;
}
.sidebar .popular-posts ul li:before {
  background: rgba(247, 247, 247, 1);
  color: #000000;
  content: counter(popcount,decimal);
  counter-increment: popcount;
  float: right;
  font-size: 15px;
  line-height: 20px;
  list-style-type: none;
  padding: 0px 6px 1px 5px;
  border-radius: 0px 0px 7px 7px;
  position: relative;
  display: inline-block;
  box-shadow: -2px 2px 10px rgba(187, 187, 187, 0.7);
  font-weight: normal;
  top: 0px;
  right: 1px;
  z-index: 999999999999;
  border: solid #B5B5B5;
  border-width: 0px 1px 1px 1px;
}
.sidebar .PopularPosts .item-thumbnail {
  float: left;
  margin: 0px!important;
}
.sidebar .PopularPosts img {
  padding-right: 0px !important;
  width: 72px;
  height: 72px;
  overflow: hidden !important;
  margin-right: 0px;
}
.sidebar .PopularPosts .item-title a:hover {
  background: #f6f6f6;
  color: #000;
}
.sidebar .PopularPosts .item-title a {
  background: #EAEAEA;
  color: #6E6E6E;
  display: block;
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  font-family: "Oswald",sans-serif;     
  padding: 10px 30px 0px 78px;
  transition: all .4s ease-in-out;
  height: 62px;
  text-decoration: none;
  border-bottom: 1px solid #cccccc;}

Alternatif:
Anda juga dapat pasang aba-aba css di atas dengan cara dibungkus <style> </style> dan dipasang di atas aba-aba </head> 

<style>
.widget .widget-item-control a img {
  border: none;
  width: 20px !important;
  height: 20px !important;
  padding: none;
  background: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ie-box-shadow: none;
  box-shadow: none;
}
.sidebar .PopularPosts .widget-content ul li {
  padding: 0px 0px 0px;
  height: 73px !important;
  overflow: hidden !important;
  list-style-type: none !important;
  list-style: none;
}
.sidebar .popular-posts ul {
  padding-left:0px !important;
  list-style-type: none !important;
}
.sidebar .popular-posts ul {
  counter-reset: popcount;
  margin: 0; padding: 0;
}
.sidebar .popular-posts ul li:before {
  background: rgba(247, 247, 247, 1);
  color: #000000;
  content: counter(popcount,decimal);
  counter-increment: popcount;
  float: right;
  font-size: 15px;
  line-height: 20px;
  list-style-type: none;
  padding: 0px 6px 1px 5px;
  border-radius: 0px 0px 7px 7px;
  position: relative;
  display: inline-block;
  box-shadow: -2px 2px 10px rgba(187, 187, 187, 0.7);
  font-weight: normal;
  top: 0px;
  right: 1px;
  z-index: 999999999999;
  border: solid #B5B5B5;
  border-width: 0px 1px 1px 1px;
}
.sidebar .PopularPosts .item-thumbnail {
  float: left;
  margin: 0px!important;
}
.sidebar .PopularPosts img {
  padding-right: 0px !important;
  width: 72px;
  height: 72px;
  overflow: hidden !important;
  margin-right: 0px;
}
.sidebar .PopularPosts .item-title a:hover {
  background: #f6f6f6;
  color: #000;
}
.sidebar .PopularPosts .item-title a {
  background: #EAEAEA;
  color: #6E6E6E;
  display: block;
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  font-family: "Oswald",sans-serif;     
  padding: 10px 30px 0px 78px;
  transition: all .4s ease-in-out;
  height: 62px;
  text-decoration: none;
  border-bottom: 1px solid #cccccc;
}
</style>



Save!

Demikian cara memasang Widget Popular Posts Elegan Terbaru untuk di Sidebar Blogger. Good Luck & Happy Blogging! (www.contohblog.com).*


Sumber http://www.contohblog.com/

Template Blogger Untuk Blog Bisnis, Perusahaan, Instansi, Organisasi, Sekolah

Template Blogger untuk Blog Bisnis, Perusahaan, Instansi, Organisasi, Sekolah. SEO Friendly, Responsive, Fast Loading.

INI produk terbaru CB Blogger. Tiga template blog yang didesain khusus untuk blog bisnis, dapat juga untuk blog stau situs perusahaan, lembaga, instansi, sekolah, organisai.

Bahkan untuk blog eksklusif pun tidak masalah. Blog Anda jadi keren, elegan, modern, stylish, beda dengan kebanyakan tampilan personal web yang lain.

Penampakan dan link demo Template Blogger untuk Blog Bisnis, Perusahaan, Instansi, Organisasi, Sekolah, dll.

 Tiga template blog yang didesain khusus untuk blog bisnis Template Blogger untuk Blog Bisnis, Perusahaan, Instansi, Organisasi, Sekolah

Corporate Theme
Rp150.000
 Tiga template blog yang didesain khusus untuk blog bisnis Template Blogger untuk Blog Bisnis, Perusahaan, Instansi, Organisasi, Sekolah

Portfolio Theme 
Rp150.000
 Tiga template blog yang didesain khusus untuk blog bisnis Template Blogger untuk Blog Bisnis, Perusahaan, Instansi, Organisasi, Sekolah

Business Theme 
Rp150.000

Ketiganya berjulukan Corporate Theme, Portfolio Theme, dan Business Theme. Pembeda utama dengan template blogger lain, adalah halaman depan (homepage). Halaman dalamnya relatif sama dengan template blog lain.

Silakan dilihat-lihat demonya, teliti sebelum membeli :) cara Dan Teknik atau mekanisme ORDER ada di Galeri Template CB.

Good Luck & Happy Blogging! (www.contohblog.com).*


Sumber http://www.contohblog.com/

Cara Dan Metode Menciptakan Related Post Simple Keren Di Blog - Works!

cara Dan Teknik Memasang Related Post Simple Tapi Keren di Blog  cara Dan Teknik dan metode Membuat Related Post Simple Keren di Blog - Works!
cara Dan Teknik Membuat, Menampilkan, atau Memasang Related Post Simple, Keren, di Bawah Postingan Blog - Works!

SIMPLE tapi keren. Itulah widget related posts, posting terkait, artikel terkait, atau tulisan terkait yang akan muncul di bawah postingan blog Anda, dengan memasang kode-kode di bawah ini.

Kini banyak related post yang tidak muncul di blog sebab kodenya disimpan di Google Code. Sedangkan Google Code sudah tidak aktif lagi alias dilarang Google.

Jika Anda memasang Related Post with Thumbnail Image (Gambar), tapi postingan kebanyakan tidak ada gambar, kemungkinan besar related post juga tidak akan muncul.

cara Dan Teknik Memasang Related Post Simple

Kode widget related post ini di-share Help Logger. Yang CB share berikut ini sudah dimodifikasi sedikit, termasuk menghapus sisipan linknya.

1. Template > Edit HTML
2. Copas instruksi berikut ini di atas instruksi </head>


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {margin: 15px 0px;}
#related-posts h2 {font-size: 25px;font-weight: normal;color: #666;text-shadow: 1px 0px 2px #888;margin-bottom: 0.75em;}
#related-posts a {font-size: 14px;color: #949494;border-bottom:1px dotted #E2E2E2;display:block;padding:13px;text-decoration: none;}
#related-posts a:hover {color: #c00;background: #F4F4F4;}
#related-posts ul {padding: 0px;list-style-type: none;background: #f9f9f9;border-left: 5px solid #f2f2f2;}
#related-posts li {padding: 0px;}
</style>
<script type='text/javascript'>
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++;break}}}}function removeRelatedDuplicates(){var tmp=new Array(0);var tmp2=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp2[tmp2.length-1]=relatedTitles[i]}}relatedTitles=tmp2;relatedUrls=tmp}function contains(a,e){for(var j=0;j<a.length;j++){if(a[j]==e){return true}};return false}function printRelatedLabels(currenturl){for(var i=0;i<relatedUrls.length;i++){if(relatedUrls[i]==currenturl){relatedUrls.splice(i,1);relatedTitles.splice(i,1)}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>1){document.write('<h2>'+relatedpoststitle+'</h2>')}document.write('<ul>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<li><a href="'+relatedUrls[r]+'">'+relatedTitles[r]+'</a></li>');if(r<relatedTitles.length-1){r++}else{r=0}i++}document.write('</ul>');relatedUrls.splice(0,relatedUrls.length);relatedTitles.splice(0,relatedTitles.length);}
//]]>
</script>
</b:if>


3. Cari (Ctrl+F) kode <b:includable id='postQuickEdit' var='post'>
4. Copas instruksi berikut ini di atas kode </b:includable>  yang ada di atas kode <b:includable id='postQuickEdit' var='post'>

Keterangan:

PASANG KODE DI SINI
</b:includable> 
<b:includable id='postQuickEdit' var='post'>


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'> var maxresults=5; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); </script>
</div>
</b:if>


5. Save!

UPDATE
Desain Related Post Lebih Simple Lagi!
Berikut ini instruksi Posting Terkait yang lebih simple lagi. Seperti ini penampakannya:


cara Dan Teknik Memasang Related Post Simple Tapi Keren di Blog  cara Dan Teknik dan metode Membuat Related Post Simple Keren di Blog - Works!

1. Simpan instruksi berikut ini di atas instruksi </head>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#related-posts {margin:15px 0;}
.related-post-title{font-size:1em;margin:8px 0px;padding:3px 0;text-transform:uppercase}
#related-posts a {font-size: 1.1em;color:#2b2b2b;}
#related-posts a:hover {text-decoration: none;color: #c00;}
#related-posts ul {list-style-type: none;padding: 0px;color: #000000;}
#related-posts li {padding: 5px 0;border-bottom: 1px dashed #E2E2E2;list-style: inside;}
</style>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++;break}}}}function removeRelatedDuplicates(){var tmp=new Array(0);var tmp2=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp2[tmp2.length-1]=relatedTitles[i]}}relatedTitles=tmp2;relatedUrls=tmp}function contains(a,e){for(var j=0;j<a.length;j++){if(a[j]==e){return true}};return false}function printRelatedLabels(currenturl){for(var i=0;i<relatedUrls.length;i++){if(relatedUrls[i]==currenturl){relatedUrls.splice(i,1);relatedTitles.splice(i,1)}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>1){document.write()}document.write('<ul>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<li><a href="'+relatedUrls[r]+'">'+relatedTitles[r]+'</a></li>');if(r<relatedTitles.length-1){r++}else{r=0}i++}document.write('</ul>');relatedUrls.splice(0,relatedUrls.length);relatedTitles.splice(0,relatedTitles.length);}
//]]>
</script>
</b:if>

2. Simpan instruksi berikut ini di bawah instruksi <data:post.body> yang kedua atau ketiga:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<h4 class='related-post-title'>Related Posts</h4>
<b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> <script type='text/javascript'> var maxresults=5; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); </script>
</div>
</b:if>

cara Dan Teknik Menampilkan Related Post Simple Lainnya:

cara Dan Teknik Memasang Related Post Simple Tapi Keren di Blog  cara Dan Teknik dan metode Membuat Related Post Simple Keren di Blog - Works!


Kode CSS:
Simpan di atas ]]></b:skin>

#related-posts {float:left;width:100%;margin:10px 0;padding:0 0 10px}
#related-posts .widget h2,#related-posts h3{font:18px Oswald;color:#000;text-transform:none;margin:0 0 10px;padding:0;font-weight:500}
#related-posts a{color:#0973CF;font:14px Arial,Sans-serif;}
#related-posts li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgs1Zt_PFYV4MUV3Xx9NDvftb99Daq5UIVY3xTHvCUZ3huntXtjLeqB1Sj53Wmp8YmURrTiaO1DP6MnSEAi3_oDTVQ8Ggsy1nayGIv8qu9RpKg8Y6YXIJOr7AATAtc06CvX7P8eTFvAXU/s1600/bullet-list.gif) no-repeat 0 10px;text-indent:0;line-height:1.3em;border-bottom:1px dotted #ccc;margin:0;padding:3px 0 8px 12px}
#related-posts a:hover{color:#c00;text-decoration:none}
#related-posts .widget{margin:0;padding:0}
#related-posts ul{list-style:none;margin:0;padding:0}

HTML/JAVASCRIPT:
Simpan di atas </head>

<script type='text/javascript'>
var numposts = 5;
var showpostthumbnails = false;
var showpostdate = false;</script>
<script type='text/javascript'>
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];relatedTitles[relatedTitlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if(d.link[a].rel=="alternate"){relatedUrls[relatedTitlesNum]=d.link[a].href;relatedTitlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);var c=new Array(0);for(var a=0;a<relatedUrls.length;a++){if(!contains(b,relatedUrls[a])){b.length+=1;b[b.length-1]=relatedUrls[a];c.length+=1;c[c.length-1]=relatedTitles[a]}}relatedTitles=c;relatedUrls=b}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){for(var b=0;b<relatedUrls.length;b++){if(relatedUrls[b]==a){relatedUrls.splice(b,1);relatedTitles.splice(b,1)}}var c=Math.floor((relatedTitles.length-1)*Math.random());var b=0;if(relatedTitles.length>1){document.write("<h3>"+relatedpoststitle+"</h3>")}document.write("<ul>");while(b<relatedTitles.length&&b<20&&b<maxresults){document.write('<li><a href="'+relatedUrls[c]+'">'+relatedTitles[c]+"</a></li>");if(c<relatedTitles.length-1){c++}else{c=0}b++}document.write("</ul>");relatedUrls.splice(0,relatedUrls.length);relatedTitles.splice(0,relatedTitles.length)};
//]]>
</script>

Kode JAVASCRIPT:

Simpan di bawah <data:post.body/> yang kedua atau ketiga, atau di atas instruksi <div class='post-footer'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
var maxresults=5;
removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;);
</script>
</div>
<div class='clear'/>
<div style='clear: both;'/>
</b:if>

Demikian cara Dan Teknik Memasang Related Post Simple Keren di bawah Postingan Blog, khususnya untuk blog yang minim gambar dan yang related postnya tidak berfungsi.

Good Luck & Happy Blogging! (http://www.contohblog.com).*


Sumber http://www.contohblog.com/

Panduan Mendapat Uang Dari Blog Untuk Pemula

Panduan Mendapatkan Uang dari Blog untuk Pemula Panduan Mendapatkan Uang dari Blog untuk Pemula
Panduan Mendapatkan Uang dari Blog (Make Money Blogging) untuk Pemula.

BLOG --singkatan dari Website Log-- yaitu halaman web eksklusif (personal web page) yang awalnya yaitu 'buku harian online' (online diary) untuk menyebarkan pengalaman dan pengetahuan.

Namun, sebagai media online yang sanggup diakses semua orang, blog telah dan sudah berubah menjadi sekadar halaman eksklusif atau media dokumentasi online, tapi juga sanggup menghasilkan uang, terutama dari pemasangan iklan Google (Google AdSense) dan kegiatan afiliasi.

Beragamnya desain template blog juga mengakibatkan blogger sanggup dikembangkan menjadi toko online dan situs berita. Bahkan, instansi, perusahaan, atau organisasi pun sanggup memakai blogger untuk membuat situs resmi lembaga, contohnya dengan memakai Template Corporate Theme atau Business Theme.


Panduan Menghasilkan Uang dari Blog

Berikut ini tips Make Money Online atua Make Money Blogging yang CB sadur dari Blog Press, sebuah panduan detail bagi blogger pemula yang ingin menjadi "wirausahawan dengan blog" (blogpreneur).

Ada lima langkah kunci untuk sanggup menghasilkan uang dari blog atau berbisnis online:
  1. Create Your New Blog - membuat blog sebagai langkah pertama.
  2. Get The Help And Support You Need - minta memberi bantuanan yang dibutuhkan.
  3. Get Ready… Get Set… Start Blogging… - mulai ngeblog mencakup desain dan posting
  4. Marketing Your Blog - promosi blog semoga dikenal pengguna internet
  5. Making Money With Your Blog - menghasilkan uang dengan blog.

#1. Membuat Blog

Membuat blog sangat mudah, semudah membuat email atau akun media sosial. Bagi pemula, Anda sanggup mengikuti panduan cara Dan Teknik Membuat Blog plus SEO Dasar dan cara Dan Teknik Menukar Template Blogger.

Ada banyak situs yang menyediakan daerah buat ngeblog secara gratis, fully free! Platform blog terpopuler yaitu Blogger (Blogspot) dan WordPress (WordPress.com).

Jika Anda membidik menjadi publisher Google AdSense, maka harus memakai Blogger sebab WP tidak sanggup memasang Google AdSense, kecuali blog selfhosted CMS WordPress dengan nama domain dan hosting sendiri (berbayar).

Ringkasnya, untuk membuat blog di blogger, Anda tinggal buka Blogger dan mengikuti panduan selanjutnya.

#2. Minta proteksi dan dukungan

Jika Anda seorang pemula (newbie), tentu butuh memberi bantuanan untuk urusan desain, posting, SEO, dan hal lain seputar blogging.


Jangan khawatir, sangat banyak blogger senior yang banyak sekali tips dan trik blogging, mulai soal template, desain, sampai SEO.

Anda tinggal "Googling" dengan kata kunci "cara membuat .... di blog" atau "how to create ... in blogger blog", maka akan tersedia banyak sekali tips-trik blogging bagi pemula dari para blogger senior dan profesional.

Langkah instannya, Anda sanggup memakai jasa pembuatan blog dengan kisaran harga sangat terjangkau.


#3. Mulai Ngeblog

Anggap saja blog Anda sudah jadi, contohnya dengan nama blog memakai nama Anda sendiri, kemudian apa selanjutnya? Tentu saja, mengisi blog itu dengan posting, baik berupa tulisan, gambar (foto), grafis, ataupun video atau adonan semuanya (multimedia).

Ada beberapa pertanyaan yang harus dijawab dikala mulai blogging dan mendapat uang (penghasilan) dari blog:
  1. Apa topik utama isi blog Anda? Dikenal dengan istilah Niche Blog. Niche blog terbaik yaitu yang sesuai dengan passion alias bakat, minat, dan keahlian Anda.
  2. Ngeblog juga yaitu "personal branding" sekaligus "promosi pribadi" di internet. Anda ingin dikenali sebagai apa? Apakah... hebat bidang tertentu, reporter, cerpenis, penulis buku, atau apa?
  3. Siapa pemilik lima blog terbaik di niche blog Anda? Intip blog mereka, mulai dari logo, desain tampilan, kategori/label, sampai gaya goresan pena dan jenis posting.
  4. Seberapa sering Anda akan update posting?
Jika niche blog Anda sehubungan tips atau cara membuat sesuatu, maka update posting sanggup seminggu sekali. Namun, jikalau Anda menentukan niche blog gosip atau informasi aktual, maka dalam sehari minimal ada 2-3 atau lebih posting baru.

#4. Promosi Blog

Untuk mendapat banyak pengunjung --sebagai kuncu sukses bisnis online dan/atau menghasilkan uang dari blog, maka Anda harus lakukan apa yang disebut SEO, SEM, SMO, dan SMM.

Meski demikian, SEO TERBAIK tetaplah Konten Berkualitas sesuai dengan yang panduan Google, yaitu goresan pena atau posting unik, orisinil karya sendiri, lengkap, dan bermanfaat serta dibutugkan orang banyak.

#5. Menghasilkan Uang dar Blog

Banyak cara semoga blog mendatangkan penghasilan. CB sudah share:

Demikian Panduan ringkas cara Mendapatkan Uang dari Blog (Make Money Blogging) untuk Pemula. Good Luck & Happy Blogging! (www.contohblog.com).*


Sumber http://www.contohblog.com/

Cara Dan Metode Menciptakan Widget Featured Post Image Slider Di Blogger Otomatis

cara Dan Teknik Membuat Widget Featured Post Image Slider di Blogger Otomatis. Bisa menampilkan posting terbaru, juga dapat menampilkan post per label / kategori. Lihat Demo1

cara Dan Teknik Membuat Widget Featured Post Image Slider di Blogger Otomatis cara Dan Teknik dan metode Membuat Widget Featured Post Image Slider di Blogger Otomatis

Features Blogger Dynamic Slider:

  • Content Generates Automatically
  • Fully Responsive
  • Slider By a Specific Label
  • Slider By Recent Posts
  • Preloader Function
  • Lots of Customization Options
  • Easy Setup & Customization


Featured Post Image Slider di Blogger Otomatis ini cocok untuk blog toko online atau blog bisnis untuk menampilkan produk atau jasa unggulan.

cara Dan Teknik Memasangnya:1. Template > Edit HTML

cara Dan Teknik Membuat Widget Featured Post Image Slider di Blogger Otomatis cara Dan Teknik dan metode Membuat Widget Featured Post Image Slider di Blogger Otomatis

2. Simpan instruksi berikut ini di atas instruksi </head> 

<!-- BloggerDynamicSlider Basic CSS --> <style type="text/css"> /**  *  jQuery BloggerDynamicSlider v1.0.0  *  Copyright 2019 http://shuvojitdas.com  *  Contributing Author: Shuvojit Das  *  Plugin URL: https://github.com/shuvojit33/blogger-dynamic-slider  *  */  @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400); @import url("https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.6.0/flexslider.min.css");  /* Preloader */  .flexslider.loading:after {     content: '';     position: absolute;     top: 0;     right: 0;     bottom: 0;     left: 0;     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBXr8yKNBvt0twao378zDPGAlBMh5A2Vp4Iy5dnKTjWSEBXJ2wnhHrA8_Yhsz7nvDUin5-0bymH_0QvRzpEVryXXFuj8jetnnxtHmIoy60MsuuWjYhnx31fr_JmL5UGaEEfAz7GoOveRGF/h120/loader.gif) no-repeat center center;     background-color: rgba(255, 255, 255, 0.9);     z-index: 9999; }  .flexslider.loading ul.flex-direction-nav, .flexslider.loading ol, .loading .flex-caption {     display: none; }  .flexslider {     border: 1px solid #cacaca;     padding: 4px;     margin: 0 auto 60px auto;     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);     -webkit-border-radius: 0;     -moz-border-radius: 0;     border-radius: 0; }  .flexslider a {     text-decoration: none; }   /* Caption/Post Title */  .flex-caption {     position: relative;     padding-left: 15px;     padding-right: 10px;     height: 60px;     background: #FFFFFF;     color: #1C1C1C;     font-family: 'Open Sans', sans-serif;     font-weight: 300;     font-size: 26px;     line-height: 26px;     margin: 0;     -webkit-backface-visibility: hidden;     -moz-backface-visibility: hidden;     -ms-backface-visibility: hidden;     backface-visibility: hidden; }  .flex-caption span {     display: table-cell;     vertical-align: middle;     height: 60px; }  .flex-caption.overlayDark, .flex-caption.overlayLight {     margin-bottom: -60px;     bottom: 60px;     position: relative; }  .flex-caption.overlayDark {     background: rgba(0, 0, 0, 0.7);     color: #fff; }  .flex-caption.overlayLight {     background: rgba(255, 255, 239, 0.9);     color: #000; }  ul.slides li a {     display: block;     overflow: hidden; }   /* blogger css conflicts fix */  .flexslider ul {     margin: 0 !important;     padding: 0 !important;     line-height: initial !important; }  .flexslider ul.flex-direction-nav li {     margin: 0;     padding: 0;     line-height: initial; }  .flexslider ul li {     margin-bottom: 0 !important; }  .flexslider img {     padding: 0;     border: none;     -webkit-box-shadow: none;     box-shadow: none; }  ul.flex-direction-nav {     position: static; }  ul.flex-direction-nav li {     position: static; }  .error {     font-family: monospace, sans-serif; }  @media (max-width: 600px) {     .flex-caption {         font-size: 20px;         line-height: 20px;         font-weight: 400;     } } </style> <!-- Include Dependency Script --> <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.0.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.6.0/jquery.flexslider-min.js"></script> <script type="text/javascript" src="http://shuvojitdas.com/script/jquery.bdslider.min.js"></script>

Note: 
Jika kode 

<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.0.min.js"></script>

sudah ada di template blog Anda, maka gak usah diikutkan, hapus saja.

3. Save Template!
Kembali ke Dashboard
- Layout > Add a Gadget > pilih HTML/Javascript
- Copas instruksi berikut ini:

<div id="slider1"></div> <script type="text/javascript"> $(document).ready(function() {     $("#slider1").BloggerDynamicSlider({         imageWidth: 636, // Image width in px value         imageHeight: 398, // Image height in px value         maxItem: 6, // Max number of Slider Image to show         animation: "slide", // Select your animation type, "fade" or "slide"         showPostTitle: true, // Show post title as Caption ? (true/false)         postTitleStyle: "overlayLight", // Caption style: "default, "overlayDark" or "overlayLight"     }); }); </script>

Beres!
All the options of 'Blogger Dynamic Slider'

$("#slider1").BloggerDynamicSlider({     blogURL: "", // Your Blog URL. example: "http://imagesliderforblogger.blogspot.com"; Only need to specify when fetching slider content from another blog     labelName: "", // Show posts from specific Label. Specify a 'Label', or leave it empty to fetch from all recent posts     maxItem: 6, // Max number of Slider Posts to show     showPostTitle: true, // Show post title as Caption ? (true/false)     postTitleStyle: "default", // Select post title/caption style "default, "overlayDark" or "overlayLight"     imageWidth: 544, // Image width in px value     imageHeight: 280, // Image height in px value     animation: "fade", // Select your animation type, "fade" or "slide"     controlNav: true, // Navigation for paging control of each slide? (true/false)     directionNav: true, // Previous/next navigation? (true/false)     pauseOnHover: false, // Pause slideshow when hovering over slider, then resume when no longer hovering (true/false)     slideshowSpeed: 7000, // Set the speed of the slideshow cycling, in milliseconds     animationSpeed: 600, // Set the speed of animations, in milliseconds     animationLoop: true, // Should the animation loop? (true/false) });

Demikian cara Dan Teknik Membuat Widget Featured Post Image Slider di Blogger Otomatis. 

Sebelumnya CB juga sudah share:
Good Luck & Happy Blogging! (http://www.contohblog.com).*



Sumber http://www.contohblog.com/