CARA MEMBUAT NAVIGASI UNTUK POST BLOGGER

Creat post pagination blogger - beberapa saat kemudian aku telah menulis cara menciptakan page navigasi serta kali ini saya akan bebagi cara membuat navigasi buat post blogger, mungkin anda pernah melihat artikel yg di beri navigasi (post pagination) sehingga artikel tadi terlihat misalnya lembaran kitab . Post pagination sangat berbeda menggunakan page navigasi, post pagination berfungsi untuk menampilkan artike yg panjang menjadi lembaran lembaran pendek sebagai akibatnya pembaca nir merasa penat melihat goresan pena yang sangat panjang.

Membuat navigasi dalam post blogger pula dapat meningkatkan traffik pengunjung blog anda, karena beberapa style navigasi dalam artikel meload tiga hingga 4 kali buat satu judul artikel, tetapi post pagination yg akan kita buat kali ini tidak di lengkapi menggunakan load dalam setiap page artikel karena buat menghemat saat pembaca.

Cara Memasang Navigasi Untuk Post Blogger.

Pertama-tama install terlebih dahulu jquery/dua.0.0 pada template anda, jika pada template anda sudah tersedia jquery/dua.0.0 maka lewati saja langkah ini. namun jika belum tersedia silahkan pasang jquery berikut ini di bagian bawah . tempatkan di mana saja di bawah atau di atas juga bisa

Langkah seanjutnya tambahkan jquery ini dia pada bagian bawah tag .

Langkah selanjutnya memasang syle css navigasi post blogger. Tambahkan kode css ini dia tepat pada atas kode ]]>.

.post-pagination
    margin: 40px auto;
    text-align: center;
    width: 100%;
 float:left;
}
.button_1, .button_2, .button_3
    border: 2px solid #f4655f;
    font-weight: 900;
    padding: 6px 36px;
    color:#f4655f;
    transition:ease 0.69s !Important;
}
.button_1:hover, .button_2:hover, .button_3:hover
    background: none repeat scroll 0 0 #f4655f;
    color: #fff;
    text-decoration: none;
}

Terakhir save template anda. Buat menerapkannya pada artikel mana saja yang ingin ada beri navigasi (post pagination) silahkan ikuti langkah ini.

Pergi ke laman loka menulis artikel click New Post (tulis artikel baru) dan pilih mode EDIT HTML. Tambahkan kode html di bawah ini.

Tambahkan Paragraf Artikel pada sini

Tambahkan Paragraf Artikel pada sini

Tambahkan Paragraf Artikel pada sini

1
2
3

Ganti tulisan "Tambahkan Paragraf Artikel pada sini" dengan isi artikel anda. tidak ada batasan untuk menambahkan paragraf artikel. post pagination ini untuk membagi satu artikel menjadi tiga lembar saja. jika ingin membuatnya lebih banyak silahkan di coret coret (di edit lagi) kode script post pagination nya. Demikian saja cara membuat navigasi untuk post blogger. Silahkan lihat DEMO nya.

CARA MEMBUAT TOMBOL FOLLOW DI BLOG

Cara Membuat Tombol Follow di Blog - Tombol follow merupakan salah satu widget krusial buat di pasang pada situs blog, tombol follow blogger seringkali diklaim jua menjadi tombol join us (join this site) berfungsi menjadi navigasi yang memudahkan pengunjung untuk mengikuti situs yang mereka sukai. Pada tutorial ini aku akan membagikan cara membuat tombol follow blogger yang bisa ditempatkan di banyak sekali tata letak seperti di atas kolom komentar, sidebar, menu navigasi serta tombol follow di dalam postingan.

Metode yg saya gunakan buat membuat tombol follow merupakan menggunakan memanfaatkan link follow yg ada dalam widget followers (join this site), dengan demikian maka tombol follow yg didapatkan akan lebih ramah serta mudah di aplikasikan. Langsung saja ke tutorial menciptakan tombol follow blogger serta yg pertama harus dilakukan merupakan menyiapkan link follow + id situs blog, lihat contoh dibawah ini;

//www.blogger.com/follow.G?BlogID=6093713042691745392

Nomor id yang ditandai dengan huruf tebal adalah nomor id situs blog aku , silahkan ganti menggunakan "id" situs blog masing-masing, untuk menerima atau melihat "id" situs blog silahkan login ke blogger, pilih galat satu situs jika engkau memiliki poly situs blog kemudian lihat dalam addres bar id situs blog anda.

Setelah link follow situs disiapkan selanjutnya merupakan memasang link follow tersebut ke tata letak atau loka yg diinginkan serta menampilkan nya menjadi tombol follow (join us).

Memasang Tombol Follow pada Atas Kolom Komentar

1. Login ke blogger > Template > Edit HTML
2. Cari kode penutup css yaitu ]]>
3. Tambahkah kode css ini dia sempurna pada atas kode ]]>

.comments .rightxfont-size:12px;position:absolute;$endSide:0;top:0;line-height:22px;max-height:22px;padding:4px 0 0 4px;margin-$endSide:0;background-color:#333333;overflow:hidden;display:block;
.comments .rightx adisplay:inline-block;min-width:75px;margin-$endSide:0;background-color:#333333;text-align:center;color:#ffffff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;cursor:pointer;text-decoration:none;text-transform: uppercase;

Save template, lalu cari kode 

atau

serta ganti dengan menggunakan kode di bawah ini.

Join Us

Ganti text "Join Us" dengan Follow First atau Subscribe sesuai dengan selera masing-masing serta ganti juga nomor id "6093713042691745392" dengan id situs blog kamu sendiri. Save template serta lihat hasilnya, tombol follow akan muncul di atas kolom komentar seperti terlihat pada contoh dibawah ini.

Catatan: Kode

adalah kode "comment message" single comment box serta merupakan kode default kolom komentar bawaan blogger. Jika sebelumnya pada template situs blog kamu sudah dimodifikasi atau menggunakan 3 comment system (blogger-facebook-disqus) silahkan lihat pada contoh gambar berikut [Klick Unduh]

Menambahkan Tombol Follow Pada Menu Navigasi

• 
  
• About
  
• Contact
  
• Join This Site
  

Membuat Tombol Follow di Sidebar

1. Login ke Blogger > Tata Letak > Add Widget HTML
2. Tambahkan kode berikut adalah kemudian save

Follow Us

Ganti id blog serta warna tombol sesuai dengan yang di inginkan.

Menambahkan Tombol Follow di Dalam Postingan

Untuk menambahkan tombol follow di dalam post (artikel) sebenarnya metode yg dipakai sama menggunakan metode membuat tombol follow pada sidebar, yaitu dengan menambahkan element button dalam link follow blog. Kamu mampu mencoba variasi tombol yang tidak sinkron misalnya model ini dia.

Subscribe Me

Nah, itulah beberapa cara membuat tombol follow di blog (situs blogger) yang dapat di sesesuaikan serta di tempatkan di beberapa tata letak. Silahkan di garap atau cobalah ber experiment sendiri dengan link follow blogger. Metode ini juga dapat diterapkan pada situs blog yang sudah menghapus css bundlle (optimasi pagespeed insights) lantaran biasanya menghapus css bundle umumnya akan menyebabkan beberapa widget blogger nir berfungsi termasuk widget followers.
Kelebihan:

• Mengganti widget followers (join this site) dengan tombol follow, nir membebani loading situs web sama sekali.
• Tombol follow dapat diletakkan di banyak tempat yaitu, di atas kolom komentar, sidebar, menu navigasi, di dalam post blogger serta lain-lain.
• Menghindari blocked rendering paruh atas situs
• Dan dapat pada variasikan menggunakan poly style css button.

Demikian tutorial cara membuat tombol follow (subscribe button) blogger serta siap-siap untuk mendapatkan banyak followers situs blog kamu. Jika ingin melihat demonya silahkan gulir ke kolom komentar serta Subscribe situs blog cara flexi. Anggap saja subscribe anda sebagai bonus untuk saya, akhir kata saya ucapkan terimakasih telah berkunjung serta semoga tuorial ini bermanfaat.

CARA MUDAH MEMBUAT MENU NAVIGASI KEREN TANPA EDIT HTML

Cara Mudah Membuat Menu Navigasi Keren Tanpa Edit HTML - Menu naviagasi merupakan menubar yg umumnya ditempatkan pada bawah header blog yg bermanfaat buat mengarahkan pembaca juga pengunjung blog menuju link yang mereka cari. Apabila selama ini banyak para blogger yg kesulitan buat cara membuatnya kali ini saya akan share tentang bagaimana cara membuat pilihan menu navigasi keren tanpa editing HTML. Dengan cara ini para blogger pemula yang belum mengetahui cara editing HTML yang memang membutuhkan ketelitian dapat membuat pilihan menu navigasi mereka dengan lebih menarik dan lebih mudah.
Menubar navigasi atau menu bar umumnya terdiri menurut beberapa tab. "Di dalam" masing-masing tab tadi berisi link yang menuju laman posting, page tidak aktif, laman label, ke website lain dll. Sebenarnya membuat tab pilihan menu nir begitu sulit. Pada dasarnya intinya sama yaitu membuat pilihan menu yang berisi beberapa link menggunakan beberapa styling dibubuhi buat daya tarik visual. Sementara link yg disusun secara vertikal, tab navigasi umumnya disusun secara horizontal.
Dalam tutorial ini kita akan menginstal bar sempurna di bawah header, loka spesial atau generik buat navigasi bar. Bar akan dibubuhi sebagai gadget melalui halaman Elemen Halaman. Keuntungan memakai gadget adalah bahwa bila Anda ingin menghapusnya nanti, hal itu dapat dilakukan menggunakan gampang tanpa mengedit HTML. Tetapi, buat melakukan itu, template wajib mempunyai tautan Gadget atau widget wadah yang aku akan menyebutnya, pada lokasi eksklusif.
Baca Juga widget artikel terkait lainnya:
- Membuat navigasi no urut halaman
- Membuat search box keren
- Membuat Widget Paypal Donation 
- Membuat widget Pagerank
- Membuat bermacam-macam popular post
- Membuat widget Alexa rank terbaru
Membuat Menu Navigasi Untuk Blogger

1 Masuk ke akun Dashboard Blogger Anda >> Layout >> serta klik pada tambahkan gadget (tempatkan di bawah header seperti Screen Shot dibawah ini.)
2. Klik Tambah Gadget.
3. Gulir ke bawah Tambahkan Gadget dan pilih HTML / JavaScript.
4. Biarkan kotak judul kosong.
5. Copy serta paste kode HTML di bawah ini ke dalam kotak konten.

    height:50px;
    width:960px;
    line-height:50px;
    list-style:none;
    margin-top:10px;
    font-size:14px;
    
    font-weight:bold;
    overflow:hidden;
}
#tab_menu li
    float:left;
    border-right:1px solid #FFA722;
    border-left:1px solid #CC5200;
}
#tab_menu li:first-child
    border-left:none;
}
#tab_menu li:last-child
    border-right:none;
}
#tab_menu li a
    text-decoration:none;
    float:left;
    display:block;
    height:50px;
    padding:0 20px;
    color:#FFF;
}
#tab_menu li a.current, #tab_menu li a:hover, #tab_menu li a.tool:hover
    color:#622900;
    text-shadow:1px 1px 0px #E8964B;
}
#tab_menu li a.tool
    color:#000;
    text-shadow:1px 1px 0px #E8964B;
}

• 
  
• Home
  
• PRODUCT
  
• FAQS
  
• CONTACT US
  
• ABOUT US
  

6. Ganti "#" menggunakan URL halaman tujuan Anda.
7. Anda bisa menerima URL dari page dengan menyalin isi alamat / URL bar browser Anda sementara Anda berada pada halaman tersebut.
8. Untuk menampilkan semua posting pada bawah label (kategori), Anda perlu link ke laman label.
9. Untuk mengganti lebar lebar pilihan menu edit: 960px.
Nah anda mampu menggantinya sesuka hati anda, atau anda sanggup mengubah background rona pada menu navigasi dengan mengubah link url background diatas yg saya tandai dengan warna merah menggunakan link url background dibawah ini, atau anda lebih senang untuk memakai rona lain, silahkan anda lihat kode rona html yang telah aku sediakan.
1.menu_bg_1

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUXZgXnrJhutnZJtcG-he9Wga18mfQiRG8ZlerP6IhywvlzFnd8t4p1YTiLbSsLAWFOujw0On8iZOQ3BrQolEelj74aVhh4l92hxSD7QqrzwPecHSG8Ij6vJfi0SWagUMH_Js-t1quQeNJ/s1600/menu_bg_1.png

2 menu_bg_2

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7-aTCNn5PD2axMJ1uhcZ206GctTsUmRYQbtTqUz9eSHjDzwP_UhrhnqATuDxQn2v3bynnXUu9Vu16AcTuwQZN7ji-E1PxuQ71LJ6t_xX2DeuWDLPzjY1oKI7cEoqpm0MRXRAv6mo4Q2ns/s1600/menu_bg_2.png

3 menu_bg_3

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1DLCgxPJ3FJiUhvedGognFP26-hCzpA-eXgwtoTBJjp4lySlsZUNWCcMOAfmQcpceyNERXvfS8HkNYTxuqihHfkM6RyRsuVsmSGPg_asLUhbXM5NYutqvo96bmoASOcJ-D8CGqwM03PCU/s1600/menu_bg_3.png

4. Menu_bg_4

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLPKn4qb8xcDh1DrxkFb6kK2CZwktXHj4vEZhZyZ1PhnCPUHHEgrPJ3BgLF7wEzp_bVkiQHcZQlN-vvVDs6q5s8co3D-yc9CmBe0IeLKNyrKIrj0sF7-WecFe1aqVlP_-Ku6cvVggCfnWD/s1600/menu_bg_4.png

5. Menu_bg_5

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTjJKS_9Paaf2RSADCHd64ow28_3qG9qGz1Nrlq5SM5CQiJzd-vXvIQGnza0YXlCp7Cd45HdbjwFyHCftypjUx00-lvX9CX0ep00H4thTOaYL97LYLXgBxHoEXejBNABHqCzvR5LGxN5xy/s1600/menu_bg_5.png

6 menu_bg_6

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKG_xG2kIw_sXsoRE088Trw54LWwRXSZ9aX1Ip8GmOvTIoqxWYpUQB-a3eLAJsUs29FklWwC-9r1ss_2hmaeRVk2mh22YL1fjnot5LGaBo1qymYFIpZKRgCBPaFaHn97v_V_y596AjpTMw/s1600/menu_bg_6.png

7 menu_bg_7

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwuBLsX5G1JDe-ChVxKHVA0zh4Ui0pkRR652kPn36eSoPVORZfxsP85ECMFGhdipWL0dYRTxQpj31UbIcL-vGyV6pQGXMrjy1lPHVHWdlMuitFEpoyOrQfQuCD9evE60Vxg8lg-amoPMrv/s1600/menu_bg_7.png

8 menu_bg_8

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_igvfJqeRFYspcbVyU_9jV5D5Guby6dqROxQHd-bE5hbPQ7iIN_71xoyFzKf8p07EXuFxuFbsf7WSsQtLMSR74ATLJ4_Wi-mI_QG1q2wX9JPl0Yp1PeV07Q0JWzpqPCfgFLW_6YCkxOd3/s1600/menu_bg_8.png

9. Menu_bg_9

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivUnQEHmusOBpSNKvLutBpT66Dls5hyiYhOaclYUSg5Opp_i-n9IafSNtcp-KRJdF5y8C0gAIgcO0HePbCAEaqm9wZKe608K7O11K1km2haHgp0Vac-nLQg5dOSR5lyB4q0CG24qT2iRlw/s1600/menu_bg_9.png

10 menu_bg_10

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRkCVcKhza-7oen9SzKmMjmf0iBCAPVMv9-hpmiubFAE6ZoB_Iz_ZSdUtbgvwG_cg0iu73itXQKoXEU-7WsYhCXVRCMkYR67iVHsHLxJL7W5xN9OPsftsad8SuktzQsvgZXRhDc0Ac-UPU/s1600/menu_bg_10.png

CARA MEMBUAT LAMAN NAVIGASI NUMBER PAGE NAVIGATION BLOGGER

Pada umum nya bila blog kita menggunakan template defaul atau template bawaan orisinil blogspot maka laman navigasi atau page navigation yg disediakan di bawah page utama blog hanya berupa Home, New Post serta Old Post. Pada kesempatan ini bagai mana apabila kita merubah sedikit page navigasi  temlate defaul menggunakan number halaman navigatiaon yang lebih keren. Agar pengunjung blog lebih gampang melihat seluruh isi blog dan mempercantik blog yang kita kelola ada baik nya kita menimpa gaya yg terdapat pada laman navigasi blogger bawaan menggunakan number page navigasi dengan nomor lihat model number page navigastion di bawah ini.

Pada kesempatan ini saya akan share cara membuat page navigasi bernomor buat blogger menggunakan penjelasan yang sangat sederhana supaya gampang pada pahami. 

Cara Membuat Laman Nvigasi  Pada Laman Utama Blog

Langkah pertama yg wajib kita lakukan adalah menambahkan code css halaman navigasi seperti di bawah ini:

 #blog-pagerclear:both;margin:30px auto;text-align:center; padding: 7px;
.blog-pager background: none;
.displaypageNum a,.showpage a,.pagecurrentpadding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#404042;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);
.displaypageNum a:hover,.showpage a:hover, .pagecurrentbackground:#EC8D04;text-decoration:none;color: #fff;
#blog-pager .showpage, #blog-pager, .pagecurrentfont-weight:bold;color: #000;
 .showpageOfdisplay:none!Important
#blog-pager .pagesborder:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);
.firstpage, .lastpage display: none;

Paste kan kode css page navigation yg tersedia diatas tepat sebelum atau diatas ]]>  

jika sobat merasa galau saya akan memandu perlahan

• Pertama tama masuk ke dashboard blog sobat click >Template > EDIT HTML 
• Kemudia klick mouse pada tengah kotak scrip dan tekan Ctrl+funtuk memudah kan sobat mencari kode ]]>    pastekan kode ]]> tadi di kotak pencarian atau seach box dan enter, kode tadi akan ada.
• dan pastekan kode css yg saya sediakan di atas sempurna sebelum kode  ]]>  
• lihat gambar di bawah ini

#LANGKAH  2 Membuat Laman Navigasi Blogger
Cari dan temukan kode

CARA MEMBUAT POPS UP FACEBOOK LIKE DI BLOGGER MENGGUNAKAN JQUERY

Cara Membuat Pops Up Facebook Like pada Blogger Menggunakan Jquery - Pada kesempatan kali ini aku akan share mengenai cara membuat widget like Pops up Facebook. Widget ini bisa dijadikan patokan seberapa banyak pengguna Facebook yang menyukai tautan menurut blog anda, selain itu jua bisa menambah blog semakin manis. Setelah kemarin aku posting tentang cara membuat widget pops up langganan email yang cara pembuatannya hampir sama, pembuatan widget inipun terbilang gampang. Saya akan mengungkapkan secara jelas cara membuat widget like facebook ini. Apabila anda melakukan semua langkah yang saya share dengan benar maka tampilan widget tersebut akan misalnya gambar dibawah ini:

Baca Juga widget artikel terkait lainnya:
- Membuat navigasi no urut halaman
- Membuat search box keren
- Membuat Widget Paypal Donation 
- Membuat widget Pagerank
- Membuat beragam popular post
- Membuat widget Alexa rank terbaru
- Membuat Menubar Navigasi tanpa edit HTML
- Membuat Floating RSS langganan Email
Cara Membuat FB fans like pops up pada Blogger
1. Masuk ke akun Dashboard Blogger anda>> Template >> Edit HTML
2. Cari kode head> di template anda buat lebih mempermudah lakukan pencarian dengan klik Ctrl+ F
3. Paste kode ini dia sebelum / pada atas kode head> yang saya sebutkan diatas

   
    jQuery(document).ready(function()
    if (document.cookie.indexOf('visited=true') == -1)
    var setDays = 1000*60*60*24*7;
    var expires = new Date((new Date()).valueOf() + setDays);
    document.cookie = "visited=true;expires=" + expires.toutCString();
    $.colorbox(width:"400px", height:"430px", inline:true, href:"#facebook-popup");
    );

Catatan: * 7 Menetapkan nilai ini akan mensugesti refresh. Menetapkan LikeBox buat muncul sekali pada pengunjung dan LikeBox akan ada lagi selesainya 1 minggu adlah hal yg lebih baik. Gunakan pengaturan default misalnya yang aku tulis diatas.
4. Sekarang Cari ]]> b: skin>
5. Paste kode berikut sebelum css di atas ]]> b: skin>

 /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */
#colorbox, #cboxOverlay, #cboxWrapper position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden;
#cboxOverlay position: fixed; width: 100%; height: 100%;
#cboxMiddleLeft, #cboxBottomLeft clear: left; #cboxContent position: relative;
#cboxLoadedContent overflow: auto; -webkit-overflow-scrolling: touch;
#cboxTitle margin: 0;
#cboxLoadingOverlay, #cboxLoadingGraphic position: absolute; top: 0; left: 0; width: 100%; height: 100%;
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow cursor: pointer; .cboxPhoto float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; .cboxIframe width: 100%; height: 100%; display: block; border: 0;
#colorbox, #cboxContent, #cboxLoadedContent box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;
/* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered and tabbed in a way that represents the nesting of the generated HTML. */
#cboxOverlay background: #000;
#colorbox outline: 0; #cboxContent margin-top: 20px; background: #000;
.cboxIframe background: #fff; #cboxError padding: 50px; border: 1px solid #ccc;
#cboxLoadedContent border: 5px solid #123D60; background: #fff; box-shadow: 3px 3px 3px #fff; #cboxTitle position: absolute; top: -20px; left: 0; color: #ccc;
#cboxCurrent position: absolute; top: -20px; right: 0px; color: #ccc;
#cboxLoadingGraphic background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPJzv20nJ-YUkX6xW0ajzgfZgzqHpkmDyA3Kyc-YYK9RDpRXCsxlhhG9_XXoUU9wre2byLwrRZkelLGseXqoXYM7jR3Me0Gt0psoo2b3iAz1dfHIba5oJaUsQXni9oFpcza7JYQI1lXeAY/s32/loading.gif) no-repeat center center;
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none;
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active outline: none;
#cboxSlideshow position: absolute; top: -20px; right: 90px; color: #fff;
#cboxPrevious position: absolute; top: 50%; left: 5px; margin-top: -32px; background: url(//sites.google.com/site/techprevue/home/controls.png) no-repeat top left; width: 28px; height: 65px; text-indent: -9999px;
#cboxPrevious:hover background-position: bottom left; #cboxNext position: absolute; top: 50%; right: 5px; margin-top: -32px; background: u(//sites.google.com/site/techprevue/home/controls.png) no-repeat top right; width: 28px; height: 65px; text-indent: -9999px;
#cboxNext:hover background-position: bottom right; #cboxClose position: absolute; top: 5px; right: 5px; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXpuz137Ot1QheAx2rKNGtF0jdZGBTEzKf-RQEJFCPgM_RMevseoGpLgKMIZFxmyO96FRU7evORM4-d82jZhqjn_Okt1ruD2n8aiQfhfDpYyZ6AnOiETCEkf8dvW5Gi_VrK1WoaOL1-vUD/s130/controls.png) no-repeat top center; width: 38px; height: 19px; text-indent: -9999px;
#cboxClose:hover background-position: bottom center;

6. Simpan template Anda dan tinggal dua langkah terakhir! Kunjungi blog Anda untuk melihatnya bekerja sempurna.
7. Temukan kode berikut body>
8. Paste kode berikut sebelum tag body>

 

   

   

Receive All Free Updates Via Facebook.

   

Ganti Sharetipsdancara menggunakan facebook fan halaman nama pengguna.
9. Simpan template Anda

CARA MENULIS ARTIKEL BLOGGER DENGAN BAIK DAN BENAR

Cara Menulis Artikel Blogger - Setelah membuat blog tentunya engkau ingin tahu pula tentang cara menulis artikel blogger dengan baik dan sahih supaya situs blog kesayangan kamu mempunyai kontent. Menulis artikel di blogger sebenar-nya sama saja dengan menulis di microsoft word, bahkan menulis pada blogger jauh lebih mudah dibandingkan di microsoft office karena pada platform blogger tempat menulis artikel telah didesain menggunakan lebih sederhana sehingga siapa saja dapat menuslis artikel di blogger menggunakan mudah serta cepat.

Dimana Tempat Menulis Artike Blogger?

1. Login / Masuk ke Blogger
2. Postingan lalu klick entri baru buat menulis artike di blogger

Pada kanvas atau loka menulis artikel blogger tersebut kamu dapat menulis apa saja atau pandangan baru-ide kreatif yg kamu miliki, sebaik nya tulis artikel yang menaruh manfaat bagi poly orang agar situs blog kamu sukses dan digemari poly orang juga. Lihat Gaya menulis artikel dan cotohnya

Bagaimana Menulis Artikel Yang Baik serta Benar

Artikel blogger yg baik serta debar, diukur dari keakuratan topik yang dibahas, mempunyai penerangan yg tuntas memrupakan tolak ukur (artikel yg baik serta sahih). Selain itu dianjurkan jua pada memulis artikel setidak nya memiki 400 sampai 500 istilah dalam satu artikel. Hal ini guna buat memaksimalkan search engine memahami konten (artikel) anda.

Mengenal Fitur "Edit Entri" Tempat Menulis Artikel Blogger

Di loka menulis artikel blogger "Post > Entri" engkau akan menemui beberapa tool atau indera sebagai bantuan menulis artikel blogger seperti yang terlihat pada gambar pada atas.
Keterangan:

1. Undo (Balik kebelakang atau cencel) apabila ada kesalahan pada menulis artikel blogger
2. Font "F" pilihan jenis huruf yang akan digunakan untuk menulis artikel blog (jarang dipakai para blogger lantaran dalam umum nya setiap template blogger yg dipakai telah mempunyai jenis font yang diadaptasi menggunakan css)
3. Font Size "tT" Pilihan ukuran font atay huruf yang digunakan pada menulis artikel blog (jarang dipakai para blogger karena pada generik nya setiap template blogger yang digunakan sudah memiliki berukuran font yang sudah diadaptasi)
4. Heading (Memberikan tag head dalam sub judul artikel blog) begitu pula dengan subheading, minor heading [Lihat Detail]
5. Font style "B" huruf tebal, "I" alfabet italic /miring "U + under score" menambahkan garis bawah pada teks
6. Font Color buat menaruh color atau rona pada teks
7. Mark Teks untuk menaruh efect stabillo pada teks
8. Add Link buat menambahkan Link, (Klick Contoh Link : Create Blog atau Download)
9. Add Image buat menambahkan gambar pada artikel blogger
10. Add Video buat menambahkan / upload video dalam artikel blogger
11. Page Breake buat membagi artikel menjadi 2 halaman
12. Teks potition buat membuat teks artikel blogger rata kiri, tengah atau rata kanan
13. Auto Teks menaruh nomor otomatis dalam list seteri tulisan ini
14. Auto bullet list serupa dengan auto teks
15. Bloquot memberikan efect notes/catatan pada teks

Contoh teks menggunakan blquot
"Cara menulis artikel blogger dengan baik dan sahih"

Persiapan Sebelum Menulis Artikel Blogger

Setelah mengenal fitur yang tersedia pada tempat menulis artikel blogger maka sebelum menulis artikel blog ada persiapan-perisiapan yang harus dilakukan agar artikel yang terbitkan menarik untuk dibaca, itu sebab-nya artikel kali ini berjudul "Cara Menulis Artikel Blogger Dengan Baik Dan Benar".

1. Menentukan Topik
2. Menentukan Judul Dengan Baik
3. Meberi Sub Judul atau judul kecil
4. Membagi Beberapa Ringkasan penting terkai topik tulisan tersebut.
5. Memberi Tag Kata kunci, poin no 5 ini sangat krusial karna kita menulis pada network atau blogger, supaya karya tulis kita pula di pahami sang mesin penelusur atau search engine misalnya google.

Menentukan Topik Karya Tulis - Topik karya tulis hendaklah pada fikir kan menggunakan baik, bermanfaat serta penekanan terhadap satu atau 2 topik saja, agar tidak memecah konsenterasi pembaca.

Menentukan Judul Artikel - Menentukan judul goresan pena bagi blogger hendak nya sesuai dengan topik atau isi terpenting suatu karya tulis.

Meberi sub judul Artikel (karya tulis) - Sub judul atau judul kecil kita lampirkan pada karya tulis sebagai navigasi berdasarkan isi serta topik topik penting dalam suatu karya tulis. Nanti akan saya jelas kan bagai mana Cara Memberi sub judul pada artikel blog

Membagi Ringkasan Ringkasan penting - Sama hal nya dengan sub judul, Ringkasan kompendium penting jua berfungsi sebagi navigasi bagi pembaca blog atau karya tulis kita

Tag Meta atau Tag Kata kunci (keyword) - Tag Kata kunci akan membatu mesin penelusur menemukan dan memahami isi menurut artikel blog kita. Bagai mana cara memberi tag istilah kunci (keyword) dalam Artikel blogger. Simak penerangan singkat di bawah ini.

Cara Memberikan Tag kata Kunci Atau Keyword Dalam Artikel Blog dapat di lakukan dengan beberapa cara pertama adalah dengan menulis kalimat topik artikel secara ber-ulang juga akan memberi respon kepada search engine atau penelusur bahwa kalimat yang ber ulang tersebut adalah kata kunci dari artikel tersebur misal: penglangan kalimat "Cara Menulis Artikel Blogger Dengan Baik Dan Benar" sebanyak 3 kali dalam satu laman artikel. Selain itu memberikan tanda kutip "" , huruf tebal dan italic pada keyword target juga memberikan respon kepada search engine.

Contoh : "Cara Menulis Artikel Blogger Dengan Baik Dan Benar"

Bagi Blogger pemula Dapat memperhatikan gambar pada bawah ini Cara memberi Sub Judul Dan Tag keyword ( kata kunci) pada Artikel Blogger

Gunakan alt image serta deskripsi supaya artikel blogger lebih seo (mampu bersaing pada search engine), Klick photo yang pada upload pada artikel blogger pilih propertis buat menmbahkan alt teks pada gambar.
Catatan:
Gunakan kalimat yg mengandung keyword sasaran dalam alt teks image dan pelukisan artikel
Demikan tutorial "Cara Menulis Artikel Blogger Dengan Baik Dan Benar" ini saya hidangkan, Keahlian Menulis Artikel Blogger Dengan Baik Dan Benar memang Tidak kita dapati begitu saja apabila pada dasar nya kita bukanlah pakar pada bidang tulis menulis, Butuh ketika dan kebiasaan menulis yg relatif usang supaya karya tulis kita indah dan menarik buat pada baca, Tidak semua blogger mempunyai ke ahlian menulis, dan nir seluruh penulis mengerti mengenai blogger, Namun sebagai blogger telah sepatut nya kita melatih menggunakan baik serta benar keahlian tulis menulis yang kita miliki, hal ini akan sangat mendorong karya yg kita hidangkan kepada pembaca supaya bisa pada rasakan. Saya sendiri butuh ketika yang relatif usang buat bisa menulis / menciptakan isi blog, Hal ini jua saya pahami saat aku tak jarang membaca-baca karya tulis orang lain.

CARA BUAT WEBSITE GRATIS DI GOOGLE SITES

Cara untuk website gratis di google sites - Google menyediakan platform spesifik buat membuat website secara gratis yaitu google sites. Google sites dibuat lebih mudah dalam penggunaan nya (membuat situs web) serta menjadikan google drive menjadi web hosting / arsip hosting situs website yang di untuk dari google sites. Pengalaman yg baru akan anda rasakan ketika membuat situs web (website) di google sites lantaran google sites akan menciptakan anda mencicipi sensasi punya hosting sendiri (seperti menciptakan website dengan self hosting).
Dan, tutorial ini akan membantu anda pada membuat situs web gratis di google sites secara lebih jelasnya/komplit, meskipun sebenarnya saya meyakini siapa saja sanggup membuat website sendiri menggunakan mudah menggunakan platform google sites ini. Mari kita simak panduan cara buat website perdeo dari google sites ini dia.

Cara Membuat Website Dari Google Sites

1. Pertama kunjungi link //sites.google.com/, kemudian
2. Login / masuk memakai akun google (G-mail)
3. Klick "Buat / Create" serta pilih "In new sites" buat membuat situs web

Lihat contoh gambar berikut ini.

Langkah Selanjutnya Membuat Website Dari Google Sites
Setelah melewati langkah diatas, kamu akan diarahkan ke dashboard google sites (laman buat menciptakan situs), ikuti pedoman lengkap nya dibawah ini.

• Buat "Nama Situs Web" serta masukkan logo jika diperlukan
• Ganti gambar spanduk header situs atau lewati langkah ini (spanduk / barner header bisa di setting belakangan)

Lihat contoh berikut ini

Kemudian klik "Publikasikan" dalam pilihan menu bar atas dashboard google sites serta buat "url situs (alamat situs)" tanpa spasi dan menggunakan huruf mini seluruh seperti terlihat pada gambar berikut.

Keterangan:

• Jika url situs tersedia maka akan terlihat indikasi "Benar / centang" di samping nya, itu memperlihatkan bahwa url (alamat situs) dapat digunakan.
• Setelan Penelusuran - Jangan pada centang atau abaikan kotak centang kosong agar situs dapat pada telusuri sang mesin penlusur (Bisa ditinjau / ditemukan dilaman pencarian google)
• Selanjut nya klik "Publikasikan" buat membuat situs.

Pada tahap ini situs web telah terselesaikan pada buat tetapi masih berbentuk halaman kosong dan hanya terlihat logo, nama situs serta barner situs saja. Agar situs web sahih-benar rampung saya telah menyediakan tutorial buat website gratis dari google sites tahap selanjut-nya yakni;

1. Membuat pilihan menu navigasi dalam situs web google sites
2. Membuat konten situs google sites "text ,video, slide, document serta map"
3. Membuat footer situs web via google sites

Kelebihan Membuat Website via Google Sites

Ketika hendak menciptakan situs web telah seharus nya kita mengenal keutamaan atau kelebihan palfom / hosting yg akan kita pakai seperti Google Sites misalnya, kelebihan membuat website dari google sites merupakan; platform google sites adalah produk google sebagai akibatnya kita nir perlu risi tentang perkara peng-index-an situs yang dibuat berdasarkan google sites, seperti g-plus serta youtube contoh nya post yang diterbitkan dalam sosial media g-plus dan youtube lebih cepat ter index oleh penelusur google dibandingkan platform lainnya, selain itu masih ada beberapa kelebihan lagi menurut google sites.

1. Gratis (membuat website di google sites nir dipungut porto apapun alias free)
2. Mudah dipakai (siapa saja bisa membuat situs web berdasarkan google sites)
3. Tampilan situs / Theme google sites sangat propesional, modern serta elegant
4. Support add arsip (gambar, video, slide, upload document) menurut poly jenis platform google "G-drive, youtube, google doc, google photos dll".

Nah, demikian penjelasan aku dan tutorial cara buat website gratis pada google sites, ikuti terus perkembangan situs kami dengan cara mem follow situs melalui e-mail anda serta dapatkan pemberitahuan tentang cara-cara membuat website geratis menurut google sites dan blogger. Semoga ini bermanfaat serta menambah pengalaman dan pengalaman kita mengenai situs web / website dan cara membuat nya, Good luck for you.

CARA MENGATASI NUMBERED PAGE NAVIGATION YANG EROR

Salam blogger kali ini saya akan berbagi bagaimana cara memperbaiki atau mengatasi Numbered Page Navigation yg Eror. Number page navigation atau page navigasi eror bahkan blank dalam pengertian hanya loading saja adalah hal biasa, kadang hanya lantaran setingan jquery halaman navigation nya yang tidak aktif.
Sebagai seseorang blogger tentu nya kita ingin supaya tampilan blog yang kita kelola terlihat rupawan dan rapi, hal ini tentu membutuhkan skill menata tampil blog serta pada tunjang menggunakan tampilan template blog yang kita gunakan.
Ketika mendownload template blogger acapkali kali kita temukan hal hal yang mengganggu seperti PageNavi nir berfungsi atau Eror. Drop down menu tertimpa sebagai akibatnya sulit pada lihat. Teman blogger tidak perlu panik untuk Mengatasi Number Page Navigation yg Eror. Page navigasi yang eror mampu kita tangani menggunakan sangat gampang. Kini aku akan jelaskan bagai mana Cara Mengatasi Numbered Page Navigation yang Eror.

Pertama tama login ke Bloger.
Kemudian  Pilih Template>Edit HTML
Lalu cari kode serupa seperti ini dia,

function pageNavi(a)(function(f)var k=configSummary;var i=postperpage:k.postPerPage,numshowpage:k.numshowpage,previous:"«",next:"»",loadAjax:true,thumbnailSize:k.thumbnailSize,summaryLength:k.summaryLength,viewmodedefault:k.defaultView,cookielist:"list",cookiegrid:"grid";i=f.extend(,i,a);var g="/";var d=location.href;var l;var m;var j;var e;var n=function(o)var t="";nomerkiri=parseInt(i.numshowpage/2);if(nomerkiri==i.numshowpage-nomerkiri)i.numshowpage=nomerkiri*2+1mulai=j-nomerkiri;if(mulai<1)mulai=1maksimal =parseInt(o/i.postperpage)+1;if(maksimal -1==o/i.postperpage)maksimal =maksimal -1akhir=mulai+i.numshowpage-1;if(akhir>maksimal )akhir=maksimal var v=parseInt(j)-1;if(j>1)if(j==dua)if(m=="laman")t+=''+i.previous+""elset+=''+i.previous+"

Untuk Mengatasi Numbered Page Navigation yg Eror (Tidak berfungsi)
Perhatikan kode pada atas yang aku beri warna merah yaitu true ganti goresan pena true menggunakan false lalu simpan template. Numbered Page Navigation yg Eror sekarang sudah tidak eror lagi.
Cara kedua Mengatasi Numbered Page Navigation yg Eror merupakan. Mengganti true menggunakan !12 
Catatan Pada pengaturan pos dan komentar di blog sobat bagian Tampil kan pos sebanyak mungkin sobat isi menggunakan angka 12 jua silahkan lihat gambar pada bawah ini

Demi kianlan Mengatasi Numbered Page Navigation yang Eror atau Solusi Mengatasi Numbered Page Navigation yang Eror
Bacar Juga:
Cara Membuat Laman Navigasi (Page Navigation) Blogger
Cara Menambahkan Post Navigation (Navigasi Pada Artikel Blogger)
Jadi sekarang anda tidak perlu mengganti atau membuang template yang sudah anda pilih dan anda sukai hanya karna Page Navigation yang Eror. karna insya allah solusi mengatasi laman navigasi yang tidak berfungsi (Numbered Page Navigation Eror) yang saya bagikan ini bekerja menggunakan baik.
Sekira nya anda tidak paham menggunakan penjelasan saya tentang Cara Mengatasi Numbered Page Navigation yang Eror jangan sungkan untuk berkomentar di bawah ini. apabila saya mengerti masalah blog sobat saya akan membantu menggunakan senang hati.

BEGINI CARA MENDAFTARKAN BLOG KE GOOGLE ADSENSE

Cara Mendaftarkan Blog ke Google Adsense - malam ini aku akan membagikan tips atau cara mendaftarkan blog ke adsense supaya gampang diterima. Saya fikir mungkin masih banyak sahabat-teman blogger yang merasa bingung atas penolakan-penolakan yg terdapat ketika mendaftarkan blog ke google adsense. Sebagian orang menduga bahwa template blog menjadi keliru satu penyumbang penyebab di tolak nya situs blog oleh google adsense. "Catat aku nir membenarkan hal ini, tetapi saya jua nir menyalahkan" apabila anda berfikir itu sahih, bahwa template galat satu faktor tidak di terima nya situs anda sang adsense, silahkan saja gunakan template ini karena "saya di terima adsense saat pakai template ini" yaitu ijonkz v.1.3. Engkau mampu mendownload nya disini.
Sebagai perusahaan iklan digital terbesar ketika ini pihak google adsense tentu memiliki standard atau syarat-syarat diterima nya situs buat pada monetize iklan adsense. Nah setelah memenuhi persyaratan tadi maka akbar kemungkinan peluang situs anda diterima oleh pihak google. Dan berikut adalah merupakan tips-tips jujur berdasarkan aku supaya situs anda segera diterima google buat di monetize iklan adsense.

1. Dianjurkan mendaftarkan blog melalui dashboard blogger
2. Dianjurkan situs anda memiliki sebagian trafik pengunjung yg asal berdasarkan pencarian google, bing atau yahoo.
3. Dianjurkan membuat sitemap di google console sebelum mendaftar
4. Dianjurkan memasang kode analytics pada situs anda.
5. Dianjurkan mendaftarkan situs sehabis mempunyai kontent (artikel) yg cukup.
6. Dianjurkan situs anda memiliki navigasi yg cukup.

Penolakan situs lantaran perkara navigasi ini poly yang keliru memahami, meskipun benar pula bila pada artikan perkara navigasi tadi merupakan label, menu, pagenavigasi, related post serta widget-widget penting lainnya. Tetapi dari saya navigasi yg di maksud bukanlah widget-widget tadi melainkan kurang nya daya tarik situs tadi sebagai akibatnya pengunjung hanya membaca nya sekali kemudian pulang bahkan hal yg paling buruk, pengunjung pergi sebelum membaca.
Bagaimana cara mengatasi penolakan Adsense lantaran kasus navigasi?
Silahkan saja melengkapi navigasi yg kasat mata seperti menu, related post, pagenavi serta lain-lain, tetapi jangan lupa terapkan pula neavigasi tidak kasat mata menggunakan mengaitkan satu artikel menggunakan artikel lainnya misalnya yang saya terapkan dalam artikel ini dan mengelompokkan artikel serupa atau yg berkaitan dengan tag label ini merupakan keliru satu tekhnik mempromosikan artikel. Sehingga menggunakan menciptakan hal demikian pengunjung setidaknya akan membaca 2 atau 3 artikel pada sekali kunjungan. Apabila informasi yg anda bagikan itu benar maka mereka akan balik mengunjungi situs anda. Inilah yang diklaim dengan trafik pengunjung unik.

Cara Mendaftarkan Blog ke Google Adsense

1. Login ke Blogger
2. Pilih Tab / Menu '$' Penghasilan
3. Klik Tombol Daftar ke Adsense
4. Selesaikan registrasi Adsense

Lihat model gambar dibawah ini

Pasang kode halaman-level (Auto ads) buat mengaitkan situs Blog ke Adsense
Sebelum aku diterima adsense kode halaman-level (Auto ads) ini aku sebut menjadi tag-meta sama misalnya ketika kita Mendaftarkan situs ke PropellerAds, kita akan diminta buat memasang kode tag-meta untuk memverifikasi situs, bedanya jika propellerads langsung diterima saat itu pula. Sedangkan google adsense kita wajib menunggu masa review lebih kurang dua minggu. Dimana kita mampu mendapatkan kode laman-level ads sedangkan kita belum diterima sang google?
Begini mitra, waktu kita mendaftarkan blog melalui dasboard blogger, sebenar nya kita telah memiliki ID Akun atau ID Klien Adsense, model id klien akun adsense adalah ca-pub-42094677xx777xx. Sedangkan kode page-level (Auto ads) semua akun adsense sama, hanya di bedakan dengan nomer ca-pub nya saja.
Setelah mendaftarkan blog ke google adsense, pasangkan kode halaman-level (Auto ads) dibawah ini tepat dibawah tag dalam template blog anda. Kode tersebut berfungsi buat mengaitkan situs blog menggunakan akun adsense dan membantu robot google merayapi situs anda. Hal ini sesuai dengan Petunjuk google page 7036617 serta sesuai dengan yang aku praktekkan pada situs ini. Berikut kode lengkapnya:

Catatan: ganti id ca-pub-123456789 menggunakan id ca-pub akun adsense anda ingat buat mempasre kode adsense nya terlebih dahulu supaya sanggup di pasangkan ke template blog (template xml). Silahkan lihat id ca-pub anda dalam dashboard blogger anda klik tombol $ (Penghasilan). Ini adalah metode cara mengaitkan situs menggunakan google adsense.

Setelah mengaktifkan akun adsense lalu menghubungkan situs anda menggunakan google adsense menggunakan cara memasang kode pada atas maka kamu tinggal menunggu email balasan menurut pihak google, kode tersebut nir menjamin situs anda akan di terima, ia dipasangkan bertujuan untuk menghindari kesalahan perayapan robot google. Apabila kode tersebut tidak dipasangkan kemungkinan kamu baru mendapat email hinga memakan ketika berbulan-bulan atau mungkin engkau hanya akan mendapat e-mail penolakan adsense. Demikian penjelasan saya tentang cara mendaftar/mengaitkan situs menggunakan google adsense.

MEMBUAT SEARCH BOX KEREN

Membuat Search Box Keren - Search box adalah kolom kotak pencarian yg disediakan untuk pengunjung bermanfaat mencari konten artikel yg mereka butuhkan, eksistensi widget search box ini sangat berguna, tetapi sayangnya widget search box bawaan google tampilannya dari para blogger kurang menarik, nah buat itulah aku akan share membuat search box ini sebagai keren caranya pun cukup gampang tinggan masukkan widget kemudian tambahkan kodenya lalu simpan, ttinggal anda letakkan widget tersebut sinkron harapan anda seluruh:
Semua widget search ini cara membuatnya hampir sama yaitu:
1. Log in ke blogger
2. Masuk rapikan letak
3. Tambahkan widget pilih HTML/ Javascript kemudian tambahkan kodenya
4. Simpan
Membuat Search Box versi 1:

#search-box
position: relative;
width: 100%;
margin: 0;
}
#search-form
{
height: 40px;
border: 1px solid #999;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #fff;
overflow: hidden;
}
#search-text
{
font-size: 14px;
color: #ddd;
border-width: 0;
background: transparent;
}
#search-box input[type="text"]
{
width: 90%;
padding: 11px 0 12px 1em;
color: #333;
outline: none;
}
#search-button
position: absolute;
top: 0;
right: 0;
height: 42px;
width: 80px;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 42px;
border-width: 0;
background-color: #4d90fe;
-webkit-border-radius: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
cursor: pointer;
}

target='_top'>

placeholder='Search Keyword Here....' type='text'/>

type='submit'>Search

gg  Ganti kode sesuai kode warna pada gambar diatas sinkron warna kesukaan anda
Membuat Search Widget versi dua:

#mediablogger-searchbox border-radius: 5px; background: url(//4.bp.blogspot.com/17dWPUuCMEE/UQr5WvW2inI/AAAAAAAAAWM/xWAzhlw4ez0/s1600/impoint.blogspot.com-green.png) no-repeat scroll center center transparent; width: 307px;height: 50px;disaply: block; 
form#mediablogger-searchform display: block; padding: 9px 16px; margin: 0; 
form#mediablogger-searchform #s padding-left: 24px !Important; padding: 7.5px; margin: 0; width: 198px; font-size: 16px;    font-style: italic; color: #666666; vertical-align: top; border: none; background: transparent;  form#mediablogger-searchform#sbutton margin: 0; padding: 0; height: 40px; width: 74px; vertical-align: top;    border: none;    background: transparent;

  

Ganti kode yang aku blog dengan warna hitam dengan url gambar kesukaan anda dibawah ini:
gg   https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8NCpvvsE7L-mpoSFU2DD6w1b66hFJb983TI1W2GWlEsmKhBEoSB2Dp45cNqpmUWPn0MbFwmHb1h429EvzbicBFkFtMPvykRCQiByjzt8BgwJDSeftSCArJ058nqWVDzicRuwhfmWdTZz0/s1600/impoint.blogspot.com-red.png
gg   https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-_SoP4MZg2Yj7e7ZcTBGV165EPkD0XsRJm2znusXT0mQwFa5QOr9RK_C_jmB1IHjUWdpD71hY756TUZ_fadwtiHgrxx2lLXA1q01goMEaYVq9gusiUH36HnsLuvcAQdEytl9yNUn0YV3M/s1600/impoint.blogspot.com-blue.png
gg   https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrFdIr8A2Cg-cBr719XzZ-sdbapiko6x3bRHhWDtjki4fZDhyphenhyphen4FhAUgxC-zOffdtOnHWiCPDlU9JPKNbyeQoEq6TxcLWLxztss-soeD8YqUkbj4JS-3fEbtzXxO7kt-A4W5qCh1D78pwIr/s1600/impoint.blogspot.com-orange.png
Membuat Search Widget Versi 3

#a-searchboxbackground:url(//lh5.googleusercontent.com/Cm6Ya53Wj6g/TeixHY3LRDI/AAAAAAAAA6I/jJkMnJEN60s/way2blogging_searchbox1.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;
form#a-searchformdisplay: block;padding: 10px 12px;margin:0;
form#a-searchform #apadding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;
form#a-searchform #abuttonmargin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;

Ganti url yg aku blok sinkron dengan warna yg anda inginkan dibawah ini:
gg   https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh98A6LwfgmBrB_nwvDkYLexa1TpgpmyUwevB3WbKDNeYKdOWBy8vfOsx8qcmZjVbP9D0kvcQOo69c7IK3h7kIN7dP96qVcRnoGccUkGDYJg9ew2nV20Nb_dSj_aDyOx4QZ4kvPASa1-n8V/
gg   https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzIf51CjAGO8YjXPdQQB917rNkStcwXSMQzXXyGpLVRW4kv9OMQQHHUzcmQCg_D3w7TaCEybN0YwF2xBzopiahJRBkKXTGkmnegO0RsUrzvjaiL7M2vGQcfPoYo14jTBqwUtoaji_R0qIT/
gg   https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMmSaF4U5HKGMGK0Z4hqnrNTedjSCsaTuOx8zadh3KLp9604DEyRzERHPUAtNLHPSatv5ZHawj7uzM8LjPKClKAqK_9GUM0wKcRG0YquSG67QUwlvAzTY92RbX_7uAEBKokx_bDVHt4re0/
gg   https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfi3-XRFFd0Y1lTEpgCI8qnHyKOa_XZ6XyRNhrkaokglsYLGSwkxP82ORrzPWJU_uZn1jYwJBEeB2e2aGcCab56z_04rPbcZEi1OPZeHVYx3EIt5ybbf7tNOUudOs1JFZgA7PBIKqCHKYl/
gg   https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFVa4obNLgYdklGB6utlNo8w78z9lHbmQ43O7BQU_fzEY_vh1skIqfet8voKAbXUSaFqs4naqL_MBy9o3L5kfVfGgvLu4j2b_OoHacPsgLs-gGtVcUmAE6QqPToVUmX6lOX5-YwDfWJG5f/
Demikian tutorial cara menciptakan search box keren, mungkin anda pula perlu membaca:
Membuat bermacam-macam popular post keren
Membuat Label keren
Menghias link kredit footer
Membuat Navigasi angka pada bawah halaman
Membuat Header 2 kolom

MODIFY TEMPLATE IJONKZ V 1.3

Modify Template Ijonkz v 1.3 - Pada setiap pembelian template ijonkz pada Themeforest atau pada loka lain, Sebenarnya telah pada sertai dengan documentasi cara menginstal template Ijonkz tadi. Mulai berdasarkan cara menerapkan template, menginstal widget ijonkz dengan berbagai macam jenis widget sampai seo template tadi. Template ijonkz adalah karya dari desainer template blogger handal yaitu "MKRdezign" kemudian template ijonkz tersebut di serahkan sepenuhnya pada marketing online yaitu "Themeforest" buat di pasarkan.
Salah satu kekaguman aku terhadap template ijonkz v 1.3 merupakan desain yang elegan serta cara penerapan  penginstalan template yang sangat gampang serta simple. Namun tetap saja secara pribadi aku memiliki inpirasi sendiri tentang desain template. Maka berdasarkan itu pada kesempatan ini aku akan menyebutkan sedikit Cara Modifikasi Tambahan Template Ijonkz v 1.3.

Mengganti Jenis serta Besar Font

Template Premium Ijonkz v 1.3 adalah desain template yg tergolong paripurna. Mengubah jenis huruf bisa pada lakukan dalam pilihan menu Desainer Tema Blogger klick Template - sesuaikan tanpa wajib edit HTML. Begitu juga menggunakan akbar font template tersebut. Namun apabila membesarkan berukuran font melalui menu Desainer Tema Blogger akan membesarkan seluruh font pada template, mulai dari halaman, sidebar hingga ke fotter sebagai akibatnya mengganggu keindahan tampilan template tadi. Apabila standart font yg ingin pada perbesar hanya pada page artikel saja Cukup tambahkan kode css berikut ini pada area css /* --- Posts --- */.

.post-summary,.post-bodyfont-size:15px;!Important; Css buat membesarkan berukuran font artikel Template Ijonkz 1.3

Font-size:15px sesuaikan dengan selera masing masing, besar font yg ideal dan gampang pada baca adalah 15 px sampai 17 px. Apabila terlalu akbar jua tidak menarik bila di lihat dalam perangkat seluler.

Modifikasi Newsticker Template Ijonkz

Standard Newsticker template ijonkz v 1.tiga serta v 2.0 hanya tampil pada homepost saja. Sedangkan dalam laman artikel widget Newsticker nir tampil. Jika ingin menampilkan Newsticker Template Ijonkz dalam laman artikel maka cari serta temukan kode ini dia.

Menghilangkan Label dan Image Author di Home Ijonkz

Tambahkan Css di bawah ini pada area /* --- Posts --- */ atau tepat pada atas ]]> aku sendiri meletakkan nya pada area css post agar mudah buat di jangan lupa bagian bagian mana saya yang saya modifikasi. Berikut css menghilangkan label serta image author template ijonkz.

.index .post-timestamp,.index-post-labels,.authoravatar,a.thumbimgx .markdisplay:none;

Membuat Tampilan Template Ijonkz Full pada layar handphone

Cari dan temukan kode css sreen ini dia serta ganti 314px menjadi 100%. Menggunakan mengganti nya dengan 100% template ijonkz akan lebih responsive apabila pada akses melalui perangkat seluler. Jangan lupa jua menon-aktive kan tampilan mobile template.

@media only screen and (max-width:489px)
  #outer-wrapper .isiwrap,#nav .innernavwidth:314px;

Jika anda ingin pada layar yang lebih besar template ijonkz menampilkan content dengan lebar 100% rubah jua dalam css screen di bawah ini ganti 475px menjadi 100%..

@media only screen and (max-width:785px)
  #outer-wrapper .isiwrap,#nav .innernavwidth:475px;

Untuk mendapatkan performa yg lebih baik dari ijonkz theme "non active" kan mobile template, karena template ini telah sangat responsive pada bayak berukuran layar, jadi kita tidak perlu memakai mobile template. Ini krusial buat mendapatkan peningkatan performa situs anda.

Mengubah footer text ijonkz sebagai "Center".
Pada tampilan layar yang lebih mini ini sangat dibutuhkan (posisi footer sebagai center) untuk mendapatkan pemandangan yang lebih menarik. Tetapi jika judul situs anda pendek maka ini nir perlu dilakukan. Sekarang cari css @media only screen and (max-width:489px) dan masukkan css ini dia pada bawah nya posisikan didalam kurung pembuka serta kurung penutup .

.pull-left,.pull-rightfloat:none;text-align:center

Contoh:

@media only screen and (max-width:489px) {
.pull-left,.pull-rightfloat:none;text-align:center
}

Demikian saja "Cara Modifikasi Template Ijonkz v 1.3". Cara memodifikasi widget newsticker template ijonkz 1.3 pada atas umum nya berlaku jua buat template karya MKRdezign lainnya, Selanjut nya buat mengaktive kan Number Page Navigasi lihat disini. Silahkan tinggalkan komentar pada blogger comment atau disqus comment apabila terdapat yang ingin ditanyakan seputar ijonkz v.1.tiga, komentar pada facebook comment kemungkinan akan terlambat dijawab lantaran admid nir mendapat notification melalui facebook comment. Selebih-nya baca Index atau Documentasi template ijonkz yg telah tersedia serta good luck (semoga berhasil).

Get Tutorials Widget Newsletter