Cara Pasang Iklan Di Blog (KumpulBlogger)

tutorialjitu


HOWABOUTNEWS.BLOGSPOT.COM-Anda sudah merasa lama didunia perbloggeran?, Anda merasa tidak mendapatkan apa-apa dari blog selain kepuasan hati?. Jangan salah blogger juga bisa dijadikan sumber penghasilan lho, Antara lain dengan cara memasang iklan di blog Anda dengan jasa periklanan Indonesia kumpulblogger.com, Anda tidak perlu bersusah-susah mencari iklan sendiri tinggal daftar terus pasang scriptnya di blog Anda karena kumpulblogger.com sudah mencarikan iklan untuk Anda jadi Anda tinggal terima beresnya saja.
Apalagi kalau blog Anda pengunjungnya sudah banyak pasti uang akan mengalir dengan sendirinya. Kumpulblogger.com menghitung setiap text link atau banner yang disediakan dengan cara PPC (pay per clik) atau setiap ada pengunjung yang mengklik zona iklan Anda.

Gimana enak gak? mau? ikuti caranya dibawah ini

Langkah pertama yang harus Anda lakukan adalah mendaftar kumpulblogger.com disini dengan cara mengklik link "register now" pada pojok kanan atas di situs kumpulblogger.com

Lalu masukkan alamat email Anda lalu klik tombol "Register" otomatis password untuk Log In sudah ada di email Anda. Anda bisa mengubah passwordnya setelah Anda Log In

Lalu setelah Anda Log In sebelum pasang scriptnya klik link "Tambah Blog" Pada menu Blogger

Isi form sesuai perintahnya lalu klik tombol "Submit"

Kalau sudah klik link "Script Text Advertising untuk Blog anda" dan pilih style iklan yang Anda sukai lalu copy scriptnya dan tempatkan di blog Anda dengan cara masuk menu Layout (tata letak) pada dashboard blogger lalu pada menu Page element (elemen halaman) pilih tempat yang Anda sukai dan klik "add a gadget" lalu pilih "HTML/JavaScript" dan Paste Script tadi yang Anda copy di kumpulblogger.com

Nah selesai

Selamat datang didunia Blogger dan selamat datang didunia periklanan.

Wibiya : ToolBar Blogger Canggih

tutorial jitu


HOWABOUTNEWS.BLOGSPOT.COM-Wibiya - salah satu website yang menyediakan fasilitas free toolbar untuk blog Anda, toolbar dari wibia ini sangat canggih.
Fitur dari toolbar wibiya ini diantaranya : pencarian langsung, who's online, live video, translate, timeline, Bermacam-macam Facebook widget, twitter, youtube, Live chat dan foto sharing kamu. Hmmm canggih bukan toolbar ini? penasaran ingin lihat Demonya?? langsung aja kunjungi wibia dan lihat di browser kamu bagian bawah.

Setelah Anda melihat-lihat apakah Anda ingin memasangnya kedalam Blogger Anda? Nah dibawah ini ulasan cara membuatnya.

1. Buka website wibiya.com dan klik tombol "Get It Now"

2. Pada Form "Create An Account" isi form sesuai dengan data Anda lalu kik tomblol "Next"

3. Lalu milih tema toolbar Anda pada bagian "Select A Theme" Lalu klik tombol "Next"

4. Pada bagian "Application Setting" configurasi account-account Anda kedalam toolbar tersebut, Seletlah itu klik tombol "Next"

5. Pada bagian "Add it" atau final installation klik logo "Blogger" atau install on blogger

6. Pastikan Anda sudah Log in blogger untuk memasang widgetnya, setelah Anda klik logo blogger pada tahap Final, Anda langsung ditujukan pada "Import page elements" blogger




7. Select blog yang Anda ingin pasang Toolbarnya, Lalu klik tombol "Add Widget" maka toolbar akan terpasang otomatis dan melayang di bagian bawah blog Anda.

Nah selesai deh ulasan tentang cara membuat Toolbar canggih wibiya, toolbar ini banyak digunakan oleh para pemilik website untuk mempercanggih websitenya, jadi blog kita jika menggunakan toolbar ini serasa seperti di Facebook.

Membuat Widget 3 Kolom Dibawah Header

miscah


HOWABOUTNEWS.BLOGSPOT.COM-Widget 3 kolom dibawah header ini sebenarnya bisa sobat tambahkan jika pada bagian sidebar template sudah penuh dan terlalu panjang. Sebagai alternatif untuk meletakkan kode html ataupun javascript yang mungkin sobat perlukan. Kurang lebih sama dengan postingan saya yang dulu tentang membuat multi kolom yang diletakkan di bagian bawah blog, namun kali ini saya meletakkannya bagian atas atau tepatnya dibawah header. Widget 3 kolom ini bisa sobat lihat demonya disini.

Baiklah langsung menuju lokasi pengeditan template-nya.
1.Silahkan login ke blogger.
2.Tuju Tata Letak.jangan lupa membackup template dulu.
3.Pilih tab Edit HML.
4. klik Expand Template Widget. cari kode

]]></b:skin>

untuk mempermudah pencarian klik ctrl +f ...letakkan kode berikut diatas kode

]]></b:skin>

/* –- Top --*/
#top {
background:#fff;
margin-top:10px auto;
width:960px;
overflow:hidden;
font-size:12px;
padding:10px;
}

#top h2 {
background:#000 url(http://lh5.ggpht.com/_7Y9pl24WpQY/Ss37F0ZA9kI/AAAAAAAAB2k/c_ySi8QZg20/header_thumb%5B2%5D.jpg) repeat-x;
font-size:14pt;
font-weight:400;
text-align:center;
font-style:normal;
line-height:1.3em;
color:#fff;
padding:5px;
margin-top:-10px;
margin-left:-10px;
margin-right:-10px;
}

#top ul {
color:#333;
margin:0;
padding:0;
}

#top ul li {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvieJY39Sxt-65LHZvmJvR6WMG9E-sI8LM8mhZpe1caK1OjVztd5lCQLJ3IqAeyvBciCfC2VftAAO61tJi0SQ873vFMsMmWWG-MhQpMWEnxN1d7vMPSUGVVPW9LnO-85SzRmfeEX4GF8Z6/s320/b3.gif) no-repeat;
list-style-type:none;
border-bottom:1px dashed #CCC;
margin:0 0 10px;
padding:0 0 5px 20px;
}

#top ul li a:hover {
margin:0px 0px 5px;
padding:0px;
}

#topcenter {
width:300px;
float:left;
margin-left:10px;
background:#fff;
padding:10px
}

#topleft {
width:280px;
float:left;
margin-left:10px;
background:#fff;
padding:10px;
}

#topright {
width:280px;
float:right;
margin-left:10px;
background:#fff;
padding:10px;
}

5.Cari kode yang mirip seperti ini, biasanya letaknya dibawah

<div id="header-wrapper"><b:section class="header" id="header" maxwidgets="1" showaddelement="no"> <br /> <b:widget id="Header1" locked="true" title="JUDUL BLOG SOBAT (Header)" type="Header"> <br /> </b:widget></b:section></div>

6.Kemudian letakkan kode berikut ini tepat setelah kode diatas :

<div id="top"><b:section class="top" id="topleft" preferred="yes" showaddelement="yes"> <br /> </b:section><br /> <b:section class="topcenter" id="topcenter" preferred="yes" showaddelement="yes"> <br /> </b:section><br /> <b:section class="topright" id="topright" preferred="yes" showaddelement="yes"> <br /> </b:section> </div>

Simpan Template.

Highlight Post Dengan Tombol Select All

HOWABOUTNEWS.BLOGSPOT.COM-Pada kesempatan kali ini membahas lagi mengenai Highlight Post dengan tambahan tombol select all yang mempermudah pengunjung blog untuk memBlok text yang ditonjolkan, misalkan anda menuliskan tutorial dan Anda menyisipkan script yang harus dicopy maka tombol select all ini sangat berguna untuk blok text otomatis.

Okelah kita beranjak ke cara pembuatanya

1. Masuk Edit HTML pada blog Anda lalu taruh code javascript dibawah ini dibawah code

<script type="text/javascript"> function fnSelect(objId) { fnDeSelect(); if (document.selection) { var range = document.body.createTextRange(); range.moveToElementText(document.getElementById(objId)); range.select(); } else if (window.getSelection) { var range = document.createRange(); range.selectNode(document.getElementById(objId)); window.getSelection().addRange(range); } } function fnDeSelect() { if (document.selection) document.selection.empty(); else if (window.getSelection) window.getSelection().removeAllRanges(); } </script>

2. Masih pada Edit HTML lalu masukkan code CSS berikut diatas code ]]>

/*__Style_copy_area__*/<br /> .copybox { /* -- Style Box dalam --*/<br /> padding:5px;<br /> border:1px solid #FFC71F;<br /> background:#FFFFCC;<br /> }<br /> .kopiaer { /* -- Style Box Luar --*/<br /> background:red;<br /> padding:7px;<br /> }<br /> .cangkirkopi { /* -- Style Tombolnya --*/<br /> background:#B88A00;<br /> border:1px solid #FFC71F;<br /> color:#FFD65C;<br /> padding:2px;<br /> font-weight:bold;<br /> }

Anda bisa mengunah tampilan code CSS diatas sesuai selera Anda lalu SAVE

3. Setelah itu pada posting editor gunakan code dibawah ini untuk menonjolkan textnya

<div class="kopiaer"><input class="cangkirkopi" type="button" value="Select All" onClick="fnSelect('kopihangat')"/><br /> <div class="copybox" id="kopihangat"><br /> INI TEKS YANG INGIN DITAMPILKAN<br /> <br /> </div></div>

> Ganti teks yang "INI TEKS YANG INGIN DITAMPILKAN" diatas dengan teks Anda

4. Publish dehh dan lihat hasilnya

Nah diatas adalah tutorial singkat dari Saya semoga berguna bagi Anda, Silahkan lontarkan komentar jika Anda mempunyai pertanyaan mengenai tutorial ini.

Cara Memasang Template Download-an/Sendiri

HOWABOUTNEWS.BLOGSPOT.COM-Anda punya template sendiri atau download-an?pengin anda pakaikan ke blog anda pastinya kan? kali ini kami akan menjelaskan cara memsang template.

dari pada banyak basa basi langsung saja
1.pertama login ke akun blogger anda
2.pilih template kemudian pilih cadangkan atau pulih kan sebelum itu diback up dulu dengan cara klik :

3.setelah selesai baru tekan choose file..dan pilih xml file template kamu
4.tekan unggah ..well done ..template kamu sudah diperbaharui

jika template nya rusak atau tidak cocok kembali kelangkah tiga tetapi pilih xml file template tadi yang kamu back up .
semoga bermanfaat

Cara Membuat Archive Dengan Scroll

HOWABOUTNEWS.BLOGSPOT.COM-Sahabat setia howaboutnews.blogspot.com taukah anda archive with scroll?yap,itu dia ..archive with scroll ini adalah arsip blog dengan fungsi scroll anda bisa lihat di samping kir blog saya atau lebih kurang seperti ini :

kali ini kami akan menjelaskan cara membuat nya,dari pada banyak basa basi kita langsung saja ke TKP:
1.login ke blogger.com
2.klik template
3.kemudian klik edit html jangan lupa sebelum itu di back up dulu filenya biar kalau rusakbisa di kembalikan lagi caranya klik cadangkan/pulihkan (download template lengkap---->unduh template lengkap )
4.setelah anda back up dan klik edit html klik lanjut kan
5.centang kotak Expand Template Widget
6.kemudian cari ]]> untuk mempermudah pencarian klik CTRL+f dan letakkan ]]>
7.setelah ketemu letakkan kode ini diatas ]]>:
#BlogArchive1 .widget-content{height:350px; width:auto; overflow:auto}
8.klik save/simpan (sebelum itu di pratinjau dulu)

catatan:yang di cetak tebal bisa diatur dengan keinginan anda.

jika cara diatas tidak bisa silahkan hubungi kami dengan cara klik contact us.

semoga bermanfaat :D.

Cara Membuat Artikel Dengan Thumbnail

HOWABOUTNEWS.BLOGSPOT.COM-Sahabat setia HowAboutNews Kali ini kami akan menjelaskan cara membuat artikel terkait dengan thumbnail,mungkin semua nya sudah tau yang ada tulisan You Might Also Light (Mungkin anda meminati yang lain:) tau kan pasti? kali ini kami akan coba untuk menjelaskan cara kerjanya.oh ya lebih kurang begini :

Dari pada banyak basa basi,mendingan langsung saja :
1.buka linkwithin.com
2.isi semua form yang ada disitu .tulis email anda,di blog link silahkan tulis url blog anda,untuk platform silahkan pilihblogger,widht nya sesuai keinginan anda.
3.klik di "My blog has light text on a dark background" JIKA blog anda template nya hitam jika putih seperti saya tidak usah saja .
4.selanjut nya klik get widget dan klik lagi install widget dan anda akan langsung terbawa ke blogger
5.klik menambahkan widget/add widget
6.letakkan lah Link with in dibawah posting blog
7.simpan/save
lihat hasilnya..jika anda ingin lebih jelas hubungi kami di klik Contact Us

semoga bermanfaat