TauPintar - Pada kali ini akan membahas bagaimana cara memasang banner iklan yg dibuat sendiri diblog, adapun tujuan memasang banner yaitu untuk mengiklan sebuah produk atau komunitas baik dari platform tertentu atau iklan internal dari pihak lain. Contohnya pada pemasangan iklan Google Adsense itu tinggal menepatkan kode dimana iklan tersebut akan dipasang, berbeda dengan iklan yg dibuat sendiri, sebelumnya harus didesign terlebih dahulu seperti apa iklan yang adakan ditempatkan pada blog atau sebuah website, hal pertama yg harus dilakukan adalah menentukan ukuran dari banner/iklan itu sendiri, yg kedua silahkan gunakan editor text atau foto yg dikuasi. Ok mari disimak caranya.

Tentukan ukuran banner

Pada contoh disini akan membuat sebuah iklan banner dengan ukuran 320px x 250px, editor yg digunakan adalah adobe photoshop cs6, bisa juga menggunakan editor lainnya seperti photscape atau adobe photoshop versi lain dan editor-editor foto atau teks lain, gunakan saja editor yg dikuasi yg bisa mengedit foto atau teks

Tentukan tema banner

Tentukan tema banner atau iklan apa yang akan dibuat, pada contoh disini yaitu ingin membuat banner untuk promosi blog taupintar, gunakan font, warna, dan style yg sinkrone supaya terlihat lebih bagus. Dan hasil seperti dibawah ini lah kira-kira, lalu save jika sudah fix.

Langkah selanjutnya adalah memasang banner tersebut ke blog atau website, dan berikut caranya

Cara memasang banner iklan sendiri diblog 

1. Buka blogger.com dan login menggunakan akun google
2. Pilih menu layout atau tataletak

3. Lalu pilih add a gadget dan cari gadget image klik tanda tambah

4. Maka akan tampil tampilan gadget image, silahkan upload banner yang sudah dibuat tadi dengan mengklik tombol choose file silahkan isi title, caption jika tidak diisi juga tidak apa-apa karena bersifat optional dan isi link iklan banner tujuan jangan lupa centang shrink to fit lalu save.

5. Pada bagian layout akan terdapat gadget image banner yg sudah di simpan tadi, silahkan atur dimana banner iklan tersebut akan diposisikan atau diletakan. Jika sudah silahkan simpan dan lihat hasilnya

Sekian artikel tentang Cara mendesign dan memasang banner iklan sendiri diblog semoga bermanfaat dan menambah pengetahuan. jika ada yang kurang jelas silahkan tanyakan dikolom komentar. Salam Blogger

Baca Juga : 

Download Template Kalender Tahun 2020 PSD Full 12 bulan

Konfigurasi Mail Server di Debian 9

Pasang Widget Follow Twitter Standard dan Simple - Kali ini admin akan membahas tentang cara memasang widget follow twitter yang standard dan simple.

Blog Tidak lengkap tanpa widget sobat. Kebanyakan orang memakai widget follow twitter yang menarik, ada yang burung terbang, burung tabarakan, ada yang seperti burung pegang papan untuk follow dalam ukuran besar . Memang sih itu menarik untuk blog/website kita tapi terkadang itu juga membuat blog kita jadi jelek terlalu kebanyakan animasi/besar. Lebih baik memakai widget follow twitter standard dan simple agar hemat tempat pada sidebar blog/website kita. Langsung saja admin kasih caranya:

Langkah - langkah:
1. Buka dulu akun blog sobat
2. Pilih tata letak lalu pilih tambahkan gadget
3. Kemudian  pilih HTML/JavaScript dan copy pastekan code dibawah ini:

href="<span style="color: red;">https://twitter.com/neci_purwanda</span>" class="twitter-follow-button" data-show-count="false">Follow <span style="color: red;">@neci_purwanda</span></a><br /><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

4. Ganti https://twitter.com/neci_purwanda dan @neci_purwanda dengan alamat twitter sobat
5. Simpan.
6. Maka hasilnya akan seperti dibawah ini

Semoga bermanfaat

Cara Pasang Widget Kategori atau Label Keren Pada Blog - Salam Sobat Blogger Cara Pasang Widget Kategori atau Label Keren Pada Blog yang akan admin bahas pada kesempatan kali ini. Widget Kategori atau label ini sangat berguna buat blog, widget kategori dan label ini berguna untuk mengelompokkan data posting artikel/konten kita. Sehingga membuat admin atau pengunjung kita mudah mencari artikel yang kita posting.
Untuk widget kategori dan label admin punya yang keren dan sederhana untuk blog - blog sobat

Cara pasang widget kategori atau label

1. buka dulu akun blog sobat
2. kemudian pilih blog sobat
3. pilih tata letak > tambahkan gadget > label
4. lalu pilih option pada gambar dibawah
5. simpan

kemudian pilih template > edit HTML > copy paste code dibawah ini di atas ]]><b:/skin> (gunakan ctrl + f untuk memudah pencarian)

.label-size{ margin:0 2px 6px 0; padding: 3px; text-transform: uppercase; border: solid 1px #C0C0C0; border-radius: 3px; float:left; text-decoration:none; font-size:9px; color:#666; }<br /> <br /> .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; }<br /> <br /> .label-size a { text-transform: uppercase; float:left; text-decoration: none; }<br /> <br /> .label-size a:hover { text-decoration: none; }

kemudian simpan template sobat.
Selamat mencoba. Semoga bermanfaat
Baca juga Cara Membuat Scroll Pada Arsip Blog

Salam Blogger, tak henti - henti nya admin memberi info, trik dan solusi untuk teman tau dan pintar.
Kali ini admin akan membahas tentang Cara Memasang Widget Keren Dari Bing Webmaster Portal.
Widget Translate memang sangat diperlukan dalam sebuah website atau blog, apalagi pengunjung website kita berasal dari luar negeri, tidak adanya widget translate membuat pengunjung jadi bingung dan alhasil pengunjung pun segera pergi dari website kita, tentu ini akan menurunkan traffic blog kita.

Untuk itu admin kasih widget yang simple dan keren dari Bing.

Cara pasang widget translate Bing:

1. Buka dulu akun Blogger anda
2. Kemudian pilih blog anda
3. lalu pilih tata letak kemudian Tambahkan gadget
4. lalu pilih HTML/JavaScript
5. kemudian copy paste kode dibawah ini:
   
   
   <div id='MicrosoftTranslatorWidget' class='Dark' style='color:white;background-color:#555555'> </div> <script type='text/javascript'>setTimeout(function(){var s=document.createElement('script');s.type='text/javascript';s.charset='UTF-8';s.src=((location && location.href && location.href.indexOf('https') == 0)?'https://ssl.microsofttranslator.com':'http://www.microsofttranslator.com')+'/ajax/v3/WidgetV3.ashx?siteData=ueOIGRSKkd965FeEGM5JtQ**&ctf=true&ui=true&settings=manual&from=en';var p=document.getElementsByTagName('head')[0]||document.documentElement;p.insertBefore(s,p.firstChild); },0);</script>
6. Terakhir klik simpan.

Itulah Widget Translate Keren  dari Bing Webmaster Portal dan cara Memasangnya.
Semoga bermanfaat bagi teman tau dan pintar semua.
Selamat Mencoba. Salam Blogger

Salam Blogger Jumpa lagi dengan admin. Kali ini admin akan membahas tentang cara mudah merubah warna pada template blog. Banyak usaha yang dilakukan agar tampilan blog kita menjadi menarik dan enak dilihat bahkan berusaha membuat pengunjung betah mengunjungi blog kita, salah satunya dengan pemilihan warna pada template blog. Template Blog adalah suatu komponen yang sangat penting bagi kita.
Ketika template yang kita pilih ataupun kita download sudah pas untuk tampilan blog kita tetapi warna pada template blog tersebut masih belum menarik dan kadang kita ingin merubahnya tapi karena takut warna yang kita rubah ternyata salah ini yang menjadi kerepotan bagi kita.

Oke langsung saja admin jelaskan cara merubah warna pada template blog

1. Buka dulu akun blogger
2. Pilih blog lalu pilih template
3. Kemudian klik edit HTML
4. Kemudian cari kode dibawah, biar lebih mudah gunakan Ctrl + F

• Cara merubah warna background header pada blog
  cari kode >>> #header-wrapper {
  
  #header-wrapper
  background:#cccccc;
• Cara merubah warna background body pada blogcari kode >>> body {
  
  body {
  background:#cccccc;
• Cara merubah background halaman postingan atau artikel pada blog
  cari kode >>> #main-wrapper {
  
  #main-wrapper {
  background:#cccccc;
• Cara merubah warna background sidebar pada blog
  cari kode >>> sidebar-wrapper
  
  #sidebar-wrapper
  background:#cccccc;
• Cara merubah warna background footer pada blog
  cari kode >>> #footer {
  
  #footer {
  background:#cccccc;

Kemudian ganti kode yang berwarna merah dengan warna pilihan kita.

Setiap template pasti berbeda - beda kode html, Jika tidak menemukan kode diatas anda bisa merubah warna dengan cara lain.
Buka Template pilih edit HTML lalu diantara kode <b:skin> ... </b:skin>
Contoh didalamnya lihat kode background:#cccccc ganti dengan kode warna pilihan kita

Itulah cara mudah merubah warna pada blog template blog, jika masih ada kebingungan cara merubahnya jangan malu - malu bertanya pada admin. Comment saja artikel atau posting admin dibawah.

Selamat mencoba, Salam Blogger
Selamat mencoba, semoga berhasil

Salam blogger tau pintar, kali ani admin akan berbagi ilmu cara menggabungkan widget dalam satu tempat pada blog. Memang sangat diperlukan untuk kita agar blog kita terlihat rapi dan enak dilihat. cara menggabungkan widget dalam satu tempat sangat diperlukan untuk menghemat tempat pada template blog kita. biasa agan menggunakannya pada widget backlink, like facebook, twitter, atau sejenisnya yang berukuran kecil. Oke tanpa bertele - tele lagi langsung saja admin jelaskan langkah - langkah cara menggabungkan widget dalam satu tempat pada blog.

1. Masuk dulu ke blogger
2. pilih tata letak > tambahkan gadget
3. lalu pilih HTML/JavaScript
4. lalu masukkan kode <br/> setelah widget pertama.
5. Lalu pada widget terakhir anda tidak perlu diberi kode  </br>.
6. untuk lebih jelasnya liat code dibawah :
   <!-- Start Code Backlink --> <a href="http://free1000backlinks.mw.lt/" title="Free Automatic 1000 Backlinks"><img src="http://free1000backlinks.mw.lt/backlink.png" alt="Automatic 1000 Backlinks" border="0" /></a>
   
   <br/>
   
   <!-- sedot backlink start --><a target="_blank" title="Auto Backlink gratis" href="http://sedotbacklink.blogspot.com/"><img border="0" width="200" alt="Auto backlink gratis" src="http://1.bp.blogspot.com/-gDNHCdVi4p8/T1SjpEtuVTI/AAAAAAAAAAw/Qr21SwIO69s/s300/autobacklink2.JPG" height="15" /></a><!-- sedot backlink end -->
   
   <br/>
   
   <a href="http://www.mypagerank.net" target="_blank"><img src="http://www.mypagerank.net/services/pagerankbutton/pagerankbutton.php?aut=dd470b46a6e1609510cffc975e2206125e514437aa79e949390c6cc1d2" border="0" alt="Google PageRank Checker Powered by  MyPagerank.Net" /></a>
7. Lalu klik simpan dan widget yang anda gabungkan sudah selesai dibuat

Itulah cara - cara menggabungkan widget dalam satu tempat pada blog. Mohon maaf kalau postingan admin masih kurang dimengerti. Kritik dan saran teman tau pintar sangat beharga buat admin. Terima kasih, Salam Blogger tau pintar

Kali in admin akan memberi widget twitter pada blog dan cara memasangnya.
Oke langsung saja admin jelaskan.

langkah - langkahnya sebagai berikut :

1. buka dulu blogger anda
2. lalu pilih tata letak > pilih tambahkan gadget
3. lalu pilih HTML/JavaScript
4. Lalu Copy code dibawah ini:
   <object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf" width="100" height="100"><param name="movie" value="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf" /><param name="allowscriptaccess" value="always" /><param name="menu" value="false" /><param name="wmode" value="transparent" /><param name="flashvars" value="username=@neci_purwanda" /><a href="http://www.gamblinginsider.ca" title="online gambling insider.ca">online gambling insider.ca</a><embed src="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="50" height="50" menu="false" wmode="transparent" flashvars="username= @neci_purwanda"></embed></object>
5. Yang tulisan merah ganti jadi alamat username anda
6. Selesai Widget twitter anda sudah selesai dibuat.

Itu saja yang dapat admin jelaskan, kurang lebihnya admin mohon maaf. Semoga bermanfaat.

Selamat sore, kali ini admin akan memberi cara membuat widget like facebook yang sederhana
langsung saja admin jelaskan

1. buka dulu blogger anda
2. pilih tata letak > tambahkan gadget
3. pilih HTML/javascript
4. lalu masukkan kode dibawah ini :
5. <div id="fb-root"></div>
   <script>(function(d, s, id) {
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) return;
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.0";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));</script>
   
   <div class="fb-like-box" data-href="https://www.facebook.com/taupintarblog" data-colorscheme="light" data-show-faces="false" data-header="true" data-stream="false" data-show-border="true"></div>
   
6. Selesai. Widget like facebook sudah dibuat.

ganti https://www.facebook.com/taupintarblog manjadi alamat like facebook anda