Archive for 2015
Bagaimana Tambahkan Social Bookmark Tombol untuk Blogger Sidebar atau Footer

Bagaimana Tambahkan Social Bookmark Tombol untuk Blogger Sidebar atau Footer

Add Comment
1. Login ke Blogger jika belum login 2. Arahkan ke Page Layout> Page Elements 3. Klik Add Gadget di Sidebar atau Footer 4. Pilih HTML / Javascript gadget dari daftar gadget yang tersedia 5. Copy dan paste bookmark sosial tombol kode ke kotak konten yang tersedia untuk download gratis di bawah ini. Catatan Anda hanya akan dapat menambahkan tombol bookmark sosial kecil untuk sidebar kecuali jika Anda hanya ingin beberapa dari mereka.  
6. Tambahkan judul seperti Bookmark and Share jika Anda ingin 7. Klik tombol Save 8. Gunakan drag dan drop fitur di sidebar untuk memposisikan widget baru jika diperlukan dan menyimpan lagi 9. Klik Lihat Blog untuk mengagumi tombol bookmark sosial baru
Bagaimana Tambahkan Social Bookmark Tombol Dibawah Setiap Posting di Blogger
1. Login ke Blogger jika belum login 2. Arahkan ke Page Layout> Edit HTML 3. Back up template Anda sebagai tindakan pencegahan dengan men-download ke komputer Anda 4. Centang kotak Template Widget Bentangkan 5. Cari baris kode berikut menggunakan CTRL + F

<p><data:post.body/></p>
atau
<data:post.body/>

6. Paste kode tombol di bawah langsung di bawah garis ini
7. Klik tombol Save Template untuk menyimpan
8. Klik Lihat Blog untuk mengagumi baru bookmark sosial tombol setel di bagian bawah blog Anda


Tips dan Pemecahan Masalah
  • Untuk pusat tombol bookmark sosial
    <p><data:post.body/></p>
    <div align='center'>
    Your social bookmarking button code goes here
    <br/>
    </div>

  • Untuk memiliki tombol bookmark sosial Anda hanya muncul di halaman posting Anda akan perlu untuk menyertakan kode dalam sebuah pernyataan jika
    <p><data:post.body/></p>
    <b:if cond='data:blog.pageType == "item"'>
    Your social bookmarking button code goes here
    <br/>
    </b:if>

  • Untuk pusat tombol bookmark sosial dan telah mereka hanya muncul di halaman posting
    <p><data:post.body/></p>
    <b:if cond='data:blog.pageType == "item"'>
    <div align='center'>
    Your social bookmarking button code goes here
    <br/>
    </div></b:if>

  • Untuk pusat tombol bookmark sosial dan telah mereka hanya muncul di halaman posting
    <p><data:post.body/></p>
    <b:if cond='data:blog.pageType == "item"'>
    <div align='center'>
    Your social bookmarking button code goes here
    <br/>
    </div></b:if>

  • Untuk menambahkan tombol bookmark sosial ekstra untuk set ini men-download Aqauticus Icon Set
  • Untuk mengubah tombol bookmark sosial untuk set hanya melakukan hal berikut:
    1. Untuk menemukan tombol bookmark sosial lainnya silakan lihat artikel saya Terbaik Gratis Social Bookmark Button Set untuk Blogger pertama sebagai sangat mungkin Anda akan menemukan sesuatu yang cocok dalam koleksi itu. Ambil icon set pilihan Anda. Ini akan berada dalam file zip sehingga Anda akan perlu untuk unzip mereka dan lihatlah apa yang ukuran yang ditawarkan. Kebanyakan ikon set datang dalam setidaknya beberapa ukuran.
    2. Upload gambar tombol untuk Blogger atau ke situs penyimpanan gambar seperti Photobucket atau Flickr . Salah satu cara mudah untuk meng-upload ke Blogger adalah untuk membuat posting yang disebut gambar yang pernah Anda publikasikan. Kemudian meng-upload gambar yang ingin individual (yang kekurangannya). Salin alamat URL gambar tombol dan paste ke kode tombol bookmark sosial menggantikan URL yang ada
    3. Mengubah alamat URL dari setiap tombol di kode tombol Saya telah disediakan. Itu kode yang diawali dengan scr = '


Tambahkan Widget Twitter Updates untuk Blogger

Tambahkan Widget Twitter Updates untuk Blogger

Add Comment
  1. Login ke Blogger jika Anda belum login
  2. Pergi ke Layout> Page Elements
  3. Klik Tambah Gadget di sidebar Blogger
  4. Klik Gadgets Lebih ke kiri dan memilih widget Twitter Updates. Blogger dapat mengubah ini sehingga jika Anda tidak merasa ada coba cari di Menarik atau populer.
  5. Masukkan nama Twitter Anda (biasanya nama blog Anda)
  6. Pilih jumlah update untuk menampilkan. Secara default ini diatur ke 5
  7. Display Link hapus centang ke halaman Twitter Anda jika Anda tidak ingin pengunjung untuk pergi ke halaman Twitter Anda untuk beberapa alasan lain biarkan apa adanya.
  8. Klik Update untuk Pratinjau perubahan dan kemudian Simpan
  9. Gunakan tarik Blogger dan fitur turun ke memposisikan gadget Twitter Anda di lokasi yang diinginkan di sidebar atau footer dari blog Blogger Anda. Simpan perubahan
  10. Klik Lihat Blog


Cara Menambahkan Gambar Latar Belakang Template Blogger

Cara Menambahkan Gambar Latar Belakang Template Blogger

Add Comment
Login ke Blogger jika belum login
Pergi ke Layout> Edit HTML
Back up template Blogger Anda sebagai tindakan pencegahan dengan men-download template lengkap untuk komputer Anda
Cari baris berikut di template Blogger Anda

body {
Tambahkan baris berikut langsung setelah baris ini
background-image: url (alamat URL gambar Anda);
Blok Anda kode sekarang akan terlihat seperti ini:

body {
background-image: url (alamat URL gambar Anda);
(Kode yang ada di blok ini)
}
Sekarang ganti kode warna merah untuk alamat URL gambar Anda.

Gunakan tombol Preview untuk melihat efek dari latar belakang yang berbeda pada template Anda. Ini akan membantu Anda mendapatkan ide dari jenis kemungkinan di luar sana.
Mengubah Warna Latar Belakang Template Kustom Blogger Anda
Jika tidak ada pilihan untuk mengubah warna latar belakang dari template Blogger Anda di Layout> Font dan Warna Anda masih dapat mengubah warna secara manual.

Ikuti langkah-langkah 1 sampai 4 seperti di atas Cari baris yang dimulai dengan:
warna latar belakang: #
Hex warna akan berbeda untuk setiap template. Kami akan mengubah warna hanya
background-color: #change hex kode warna untuk warna yang Anda pilih;
Ganti kode hex warna yang ada dengan nilai yang dipilih hex warna Anda. Daftar web yang aman hex ​​warna . Misalnya masukkan kode berikut untuk mengubah warna latar belakang:

Denim Biru
background-color: # 336699;
Hitam
background-color: # 000000;
Putih
background-color: #ffffff;
Gunakan tombol Preview untuk melihat efek dari masing-masing warna sebelum Anda menyimpannya.



Cara Menambahkan Menu Drop Down Widget untuk Blog

Cara Menambahkan Menu Drop Down Widget untuk Blog

Add Comment

Login ke Blogger jika belum login
Menavigasi dari Dashboard Layout> Page Elements.
Klik Tambah Gadget di sidebar atau lokasi lain jika Anda ingin
Pilih gadget HTML / JavaScript dari daftar gadget
Paste kode berikut ke dalam kotak isi widget:

<Form> <select name = "menu" onchange = "window.open (this.options [this.selectedIndex] .value, '_ blank')"
size = 1 name = menu>
<Option> - Menu Judul Anda - </ option>

<! - Mengubah link berikut untuk Anda sendiri ->

<Option value = "http: // URL link1"> Link 1 </ option>
<Option value = "http: // URL link2"> Link 2 </ option>
<Option value = "http: // URL link3"> Link 3 </ option>
<Option value = "http: // URL link4"> Link 4 </ option>
<Option value = "http: // URL link5"> link 5 </ option>

<Option value = "http://blogknowhow.blogspot.com"> Blog Tahu Cara </ option>
</ Select> </ form>
Ganti _blank sebagai berikut:

Untuk memiliki jendela baru terbuka meninggalkan yang sama
Untuk memiliki halaman baru muncul di jendela yang sama menggantikan _self
Ganti - Menu Judul Anda - dengan judul Anda sendiri
Untuk setiap contoh dari nilai-nilai opsi disorot di pengganti merah link Anda sendiri dan nama link yang. Sebagai contoh:
<Option value = "http://blogknowhow.blogspot.com"> Blog Tahu Cara </ option>
Klik Simpan
Gunakan drag and drop ke posisi drop down menu widget di lokasi yang Anda inginkan dalam sidebar Anda dan menyimpan perubahan

Klik Lihat Blog melihat tampilan drop down menu baru di sidebar blog


Cara Menampilkan Posting Perlabel pada blogger/blogspot.com

Cara Menampilkan Posting Perlabel pada blogger/blogspot.com

Add Comment

masukkan kode html diatas pada widget html blog anda, semua posting blog anda akan ditampilkan dalam bentuk sitemap

pada kata http://wong-lendah.blogspot.com/ ganti dengan link anda

Cara lain yang bisa anda coba dari http://master-doni.blogspot.com
1. Login Blog kita 2. Pilih Layout --> Add a Page Element --> Link List --> Add to Blog 3. Pada --> New Site URL = http://{nama.blogspot.com}/search?max-results={jumlah posting yang ditampilkan} Contoh : http://wong-lendah.blogspot.com/search?max-results=10 [Contoh link 10 posting]

1. Add a Page Element --> HTML/JavaScript 2. paste script dibawah ini: <a href="{nama.blogspot.com}/search?max-results={jumlah posting}">daftar semua posting blog</a> contoh: semua posting blog

1. Pilih Layout --> Add a Page Element --> HTML/JavaScript 2. kode script dibawah ini. <a href="{nama.blogspot.com}/search/label/ganti_katagori_label?max-results={jumlah posting}">daftar semua posting blog per katagori label</a>

Membuat Menu Horizontal Drop Down

Add Comment
Membuat Menu Horizontal Drop Down




<style type="text/css">

#black{background:-webkit-gradient(linear, left top, left bottom,
from(#4B0082), to(#FF0000)); width:930px; height:32px; color:#5A6C8C;
margin:0 auto; padding:0 5px; font:bold 8px Arial, Tahoma, Verdana;
border-top:1px solid #666; border-bottom:1px solid #666;-moz-box-shadow:
1px 1px 10px #888;

-webkit-box-shadow:1px 1px 10px #888;

-webkit-border-radius: 6px;

-moz-border-radius: 6px;border-left:1px solid #333}

#NavbarMenuleft{width:700px; float:left; margin:0; padding:0;}

#search{width:240px; font-size:11px; float:right; margin:0; padding:0;}

#nav{margin:0; padding:0;}

#nav ul{float:left; list-style:none; margin:0; padding:0;}

#nav li{border-left:1px solid #ff0000;list-style:none; margin:0; padding:0; text-shadow:1px 1px 1px #000;}

#nav li a, #nav li a:link, #nav li a:visited{color:#fff; display:block;
text-transform:uppercase; margin:0; padding:9px 15px 9px; font:bold 11px
Arial, Times New Roman;}

#nav li a:hover, #nav li a:active{background:#4a4d4c; color:#fff; padding:9px 15px 9px; text-decoration:none;}

#nav li li a, #nav li li a:link, #nav li li
a:visited{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc1kPUgD2QEMF03KueFAdc4cxS6K9Zc47g3ZiJFDO8cwM1KoRGWWR7hL29MZAVbj5TO_foKUy70qBG1sTMM2kVMcL8v0neKPzE0GC3HbaK24JpLS3Z5iDhN6QPpzJurOQ8K9M8MQqIxNUZ/);
width:150px; color:#e5e3e3; text-transform:capitalize; float:none;
margin:0; padding:3px 10px; border-bottom:1px solid #151f23;
border-left:px solid #151f23; border-right:2px solid #151f23;
font:normal 14px Georgia, Times New Roman;-moz-box-shadow: 1px 1px 10px
#888;

-webkit-box-shadow:1px 1px 10px #888;

-webkit-border-radius: 6px;}

#nav li li a:hover, #nav li li a:active{background:#4a4d4c; color:#fff; padding:3px 10px;}

#nav li{float:left; padding:0;}

#nav li ul{z-index:9999; position:absolute; left:-999em; height:auto; width:170px; margin:0; padding:0;}

#nav li ul a{width:140px;}

#nav li ul ul{margin:-24px 0 0 170px;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{left:-999em;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav
li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover
ul{left:auto;}

#nav li:hover, #nav li.sfhover{position:static;}

#searchbox{padding:0; margin:0;}

#search input{background:#fff; color:#000; float:left ;margin:5px 0 0
10px; width:168px; padding:3px 7px; border:1px solid #cdcdcd;
font:normal 11px arial, verdana, Times New Roman;}

#search .btn{background:#333; color:#fff; font-size:11px; margin:5px 0 0
3px; padding:2px; width:30px; cursor:pointer; border-left:1px solid
#666; border-top:1px solid #666; border-right:2px solid #111;
border-bottom:2px solid #111;}

#top{background:#f6f6f6; margin:10px auto 0; padding:10px; width:918px;
border:1px solid #ccc; word-wrap: break-word; overflow: hidden;
font-size:13px;}

#top a, #top a:visited{font-weight: normal; color: #00338F; text-decoration: none;}

#top a:hover{color:#cc0000; text-decoration: underline;}

#top p {font-size: 14px; font-weight: bold; padding: 0; margin: 0;}

.topleft {width: 304px; float: left; margin: 0; padding:0;}

.topleft img a, .topleft img {border:1px solid #ccc; margin: 0; padding: 1px;}

.topright {width: 600px; float: right; margin:0; padding:0; text-transform: normal;}

</style>

<div id='outer'>



<div id='black'>



<div id='navbarmenuleft'>



<ul id='nav'>



<li><a href='http://blazerracing.blogspot.com/'>Home</a></li>



<li><a href='#'>Tutorial</a>



<ul>



<li><a href='http://blazerracing.blogspot.com/2011/12/tutorial-blog.html'>Tutorial Blogspot</a></li>



<li><a href='http://blazerracing.blogspot.com/search/label/point%20blank?&max-results=5'>Tutorial Point Blank</a></li>



</ul></li>



<li><a href='#'>Tips</a>



<ul>



<li><a href='http://blazerracing.blogspot.com/2011/12/tips-blog.html'>Tips Blogspot</a></li>



<li><a href='http://tokoone.com/script-toko-online-instan-siap-pakai-55-fitur-lengkap/?affid=10634?&max-results=5'>scrript toko online</a></li>



<li><a href='http://wong-lendah.blogspot.com/2014/11/cara-membuat-dan-kirim-email-html.html?&max-results=5'>cara membuat email</a></li>

</ul></li>



<li><a href='#'>Download Icon</a>



<ul>



<li><a href='http://blazerracing.blogspot.com/2012/02/download-social-network-icon.html'>Social Network Icon</a></li>



</ul></li>



<li><a href='#'>Tool</a>



<ul>



<li><a href="http://tokoone.com/sensor-parkir-mobil/?affid=10634">Sensor Parkir Mobil - Cegah Resiko Menabrak Saat Parkir</a></li>


</ul>

</div>

<div id='search'>

<form action='/search/' id='searchform' method='get' style='display:inline;'>

<input id='searchbox' maxlength='200' name='q' onblur='if (this.value
== "") {this.value = "Search...";}' onfocus='if (this.value ==
"Search...") {this.value = ""}' type='text' value='search...'/>

<input class='btn' type='submit' value='go'/>

</form>

</div></div>

</div>
Langganan: Postingan (Atom)