Evan Notes

Source : https://www.createspace.com/Products/Book/CoverPDF.jsp

Calculate the spine width of your book

The spine width is based on the number of pages in your book:

For black and white-interior books:

White paper: multiply page count by 0.002252
Cream paper: multiply page count by 0.0025

Example of spine width calculation for a 60-page black and white book printed on white paper: 60 x 0.002252 = 0.135"

For color-interior books:

Multiply page count by 0.002347

Example of spine width calculation for a 60-page color book: 60 x 0.002347 = 0.141"

Set up your document

Your cover must be a single PDF that includes the back cover, spine, and front cover as one image.
You can submit your cover on any size page as long as the printable area is:

Measured exactly to your book's trim size, spine width, and .125" bleed
Centered horizontally and vertically

Minimum Cover Width: Bleed + Back Cover Trim Size + Spine Width + Front Cover Trim Size + Bleed

Example calculation at 6" x 9" cover with 60 B&W pages on white paper: 0.125" + 6" + 0.135" + 6" + .125" = 12.385"

Minimum Cover Height: Bleed + Book Height Trim Size + Bleed

Example calculation: 6" x 9": 0.125" + 9" + .125" = 9.25"

Get a head start with one of our cover templates:

Our templates make it easier for you to quickly create print-ready files in Adobe Photoshop®, Adobe InDesign®, or any software that will allow you to open a .png or PDF file and save a PDF file. These templates contain the proper dimensions, layout, and bleed for the trim size and page count you select.

Download Cover Templates

Design your cover

Safe Zone

Text and images must be at least .125" inside the trim lines to ensure that no live elements are cut during the bookmaking process.

Title and Author Name

Your book's title and the author's name must appear on the cover exactly as it was entered during the title setup process.

Images

Images may be CMYK or RGB color. All images should be sized at 100%, flattened to one layer and placed in your document at a minimum resolution of 300 DPI.

The spine of your book

Every book will vary slightly when bound. Allow for 0.0625" variance on either side of the fold lines for your cover. For example, if your spine width is 1", your text should be no wider than 0.875". Because of this variance, avoid hard edges or lines that end on the fold line.
For books with 130 pages or less, we strongly recommend a blank spine. Blank spines are required for books with less than 101 pages.

Barcode

When your files go through the review process, our system will place your ISBN barcode in a 2" by 1.2" white box in the lower right-hand corner of your book's back cover. Our standard trim size templates will show you exact barcode placement.
Images or text in the barcode location will be covered when the book is printed. Make sure no important elements appear where the barcode will be placed.
If you choose to provide and place your own barcode, be sure it is a high-resolution image.

Prepare for Printing

The printable area of your document must be the right size, including bleed.
Make sure the printable area is centered within your document.
Make sure all live elements are inside the safe zone.
Export your file as a print-ready PDF. Be sure fonts are embedded.
The maximum accepted file size for your book cover is 40 MB.
Download the CreateSpace Submission Specification in one document.

No comments

Writer : Maya Lekach
Source : http://99designs.com/customer-blog/9-book-cover-design-tips-from-authors/

Last week some of us jetted to New York to attend BookExpo America, the largest publishing conference and trade show in the U.S., to talk to folks in the industry about how they can use 99designs to get great book cover designs. We were thrilled by the many authors who stopped by our booth to say hello and show us the book covers they’d designed through 99designs – like oceanographer John Englander, whose self-published book, “High Tide on Main Street,” received rave reviews from the likes of Publishers Weekly.
“I still Skype every so often with my cover designer, Kata, who lives in Budapest,” Englander told us, adding that the designer submitted an exciting and unexpected idea midway through his contest that immediately caught his eye.

John Englander with 99designs’ Jessica Hill; his book cover design by kunoichi23.
Time and time again attendees told us that with the rise of ebooks, a fantastic book cover design is more important than ever – without a compelling thumbnail image to catch the attention of online buyers, sales simply don’t happen.
To find out how to score a book cover design that stops traffic – or, more accurately, drives it – we decided to ask authors who ran book cover design contests on 99designs. Here’s what nine of them had to say:
#1: Think like a reader, not like a writer
J. Pepper Bryars - Undaunted: Five True Stories from World War II

Book cover design by Portugal

“Cover images and text must be clearly understood as thumbnails, which is how more books are being sold today. If you cannot discern the image or read the text in the size it would be shown on one of the online bookstores, like Amazon or Kobo, then the reader won’t be able to, either. Covers need to make a reader “feel” something rather than “tell” them something.”
#2: Think of your cover as a key piece of a puzzle
Dennis Tabor - God of Burden

Book cover design by Ed.davad
“Writing a book, to me, is like solving a 10,000 piece puzzle, blind-folded. After writing it, the final piece of this puzzle is to find the design that will get the attention of the customers you want. I believe really well written feedback is essential to getting the design you are working for. I checked the design process frequently for the whole week and gave feedback almost non-stop.
#3: Nail your audience
Kaneisha Grayson - Be Your Own Boyfriend

Book cover design by komandog
“In order to know what the book cover should be like, you have to think about the audience. I spoke with my young, female interns in order to learn about my target audience: not too girlish, but sassy and interesting. I also looked around my hometown of Austin, Texas, a very tattooed city, for inspiration. I wanted a juxtaposition of profane and in-your-face, but kind of cute.”
#4: Avoid clichés
Jim Miller – Budgeting Doesn’t Have to Suck

Book cover design by RJHAN
“Although my book is about finance, it’s a unique and personal book, and I wanted this conveyed through its cover. I didn’t want it to feature dollar bills or piggy banks or any of that cliché stuff. I made sure to convey this message to the designers in my brief.”
#5: Stick to your key message – and write it down
Audrey Cavenecia - The Alcohol Diet

Book cover design by Ranooshka
“Write down what the point of your book is and then have that sentence in front of you as your guide when you review your cover submissions. There were many book cover designs I was fond of, but they just didn’t convey the right message.”
#6: Make your readers feel something
Joe Conlan - Nameless

Book cover design by PINTADO
“Since Nameless was released I’ve had many readers tell me that they were first reeled in because of the cover. I chose the design I felt best captured the dark nature of the story. It was my intention for the cover to convey a feeling that would target those readers who would be interested in an FBI vs. serial murderer thriller novel like Nameless. I wanted it to reach out and grab the people who love to have the wits scared out of them.”
#7: Stay open-minded
Simon Morley - The Universe Wide Web

Book cover design by line14
“Give the designers all the information they may need. Describe the audience you’re aiming at, the style of the book (adventure, romance, thriller, etc.), the period it’s set in, the mood, as well as important characters or moments. But don’t expect the design you finish with to be what you had in mind when you started—designers will, and should, surprise you and take you somewhere new.”
#8: Use social media to get input from fans – and listen!
Federico Pistono - Robots Will Steal Your Job But That’s Ok

Book cover design by dapicon
“My presence on social media was a major factor in my decision to self-publish my book. When I couldn’t really decide on which cover to choose, I asked my few thousand followers on Facebook and Twitter for their advice, opened a poll, and let them decide. After all, it’s my fans – my audience – that matters. So I listened to them.”
#9: Use your first contest to find the perfect designer for future books
Lydie Thomas - Your Guide to Visit Paris for Free and Your Guide to Visit San Francisco for Free

Book covers designed by Harry Hyatt
“I ran a contest for my first book, Your Guide to Visit Paris for Free. So for my second book, Your Guide to Visit San Francisco for Free, instead of organizing another contest I directly hired the designer of my first book cover, Harry Hyatt, through 99designs’ 1-to-1 platform. The second time around, the designer knows you, and is aware of what you like, and what you do not like. You can create your second cover in no time compared to the first.”

Dibawah ini saya ambil screenshot nya hasil speedtest di Kantor pada Siang hari ... untuk bisa dijadikan bahan acuan untuk ngenet. Untuk Upload Youtube sangat memungkinkan karena Speednya bisa sampai 1 Mbps

DEMO

Sore sobat Blog Krizeer, pada kesempatan kali ini saya mau membahas tentang Floating Social Bookmark dengan Efek Easing. Dengan penambahan jquery, jika Anda meletakkan cursor pada salah satu icon social bookmark, dia akan keluar pelan-pelan, lebih lembut seperti putri Solo yang baru keluar dari keraton, itu karena efek easing yang ada pada jquery-ui.min. Untuk widget kali ini saya menambahkan sosial media Pinterest dan Youtube agar lebih lengkap. Berikut ini langkah-langkah pembuatannya :

Login ke Blogger
Masuk ke Template >> Edit HTML (centang expand widget templates)
Letakkan kode CSS di bawah ini diatas ]]></b:skin> :

.social-buttons {
position: fixed;
top: 130px;
width: 45px;
z-index: 9999;
}
.button-left {
left: 0;
}
.button-right {
right: 0;
}
.social-buttons #twitter-btn .social-icon,
.social-buttons #facebook-btn .social-icon,
.social-buttons #google-btn .social-icon,
.social-buttons #rss-btn .social-icon,
.social-buttons #pinterest-btn .social-icon,
.social-buttons #youtube-btn .social-icon {
background-color: #33353B;
background-image: url(http://1.bp.blogspot.com/-KOzIiYFlBAk/UUmLwwZSs-I/AAAAAAAAAnA/h6G772N3cpI/s1600/mas-icons.png);
}
.button-left #facebook-btn span {
background-position: right 10px;
}
.button-left #twitter-btn span {
background-position: right -35px;
}
.button-left #google-btn span {
background-position: right -127px;
}
.button-left #rss-btn span {
background-position: right -80px;
}
.button-left #pinterest-btn span {
background-position: 11px -177px;
}
.button-left #youtube-btn span {
background-position: 11px -223px;
}
.button-right #facebook-btn span {
background-position: 12px 10px;
}
.button-right #twitter-btn span {
background-position: 11px -35px;
}
.button-right #google-btn span {
background-position: 10px -127px;
}
.button-right #rss-btn span {
background-position: 11px -80px;
}
.button-right #pinterest-btn span {
background-position: 11px -177px;
}
.button-right #youtube-btn span {
background-position: 11px -223px;
}
.social-buttons #facebook-btn:hover .social-icon {
background-color: #3B5998;
}
.social-buttons #twitter-btn:hover .social-icon {
background-color: #62BDB2;
}
.social-buttons #google-btn:hover .social-icon {
background-color: #DB4A39;
}
.social-buttons #rss-btn:hover .social-icon {
background-color: #FF8B0F;
}
.social-buttons #pinterest-btn:hover .social-icon {
background-color: #D43638;
}
.social-buttons #youtube-btn:hover .social-icon {
background-color: #C4302B;
}
.social-buttons a:hover .social-text {
display: block;
}
.button-left .social-icon {
-moz-transition: background-color 0.4s ease-in 0s;
-webkit-transition: background-color 0.4s ease-in 0s;
background-repeat: no-repeat;
display: block;
float: left;
height: 43px;
margin-bottom: 2px;
width: 43px;
}
.button-left .social-text {
display: none;
float: right;
font-size: 1em;
font-weight: bold;
margin: 11px 40px 11px 0px;
white-space: nowrap;
}
.button-right .social-icon {
-moz-transition: background-color 0.4s ease-in 0s;
-webkit-transition: background-color 0.4s ease-in 0s;
background-repeat: no-repeat;
display: block;
float: right;
height: 43px;
margin-bottom: 2px;
width: 43px;
}
.button-right .social-text {
display: none;
float: left;
font-size: 80%;
font-weight: bold;
margin: 11px 0 11px 40px;
white-space: nowrap;
}
.social-buttons .social-text {
color: #FFFFFF;
}

4. Berikutnya penambahan jquery dan javascript, masih di Edit HTML letakkan kode berikut di atas tag </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/><script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js' type='text/javascript'/><script> $(window).load(function(){ $('.social-buttons .social-icon').mouseenter(function(){ $(this).stop(); $(this).animate({width:'160'}, 500, 'easeOutBounce',function(){}); }); $('.social-buttons .social-icon').mouseleave(function(){ $(this).stop(); $(this).animate({width:'43'}, 500, 'easeOutBounce',function(){}); }); });</script>

5. Untuk jquery library warna biru diatas, jika pada template yang Anda gunakan sudah terpasang, ditinggalkan saja.
Selanjutnya memanggil widget tersebut, letakkan kode HTML di bawah ini sebelum </body> :

<div class='social-buttons button-right hidden-phone hidden-tablet'><a class='itemsocial' href='https://www.facebook.com/your FB' id='facebook-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Facebook</span></span></a><a class='itemsocial' href='https://twitter.com/your twitter' id='twitter-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Twitter</span></span></a><a class='itemsocial' href='https://plus.google.com/your G+' id='google-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Google</span></span></a><a class='itemsocial' href='http://pinterest.com/your ID' id='pinterest-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Pinterest</span></span></a><a class='itemsocial' href='https://www.youtube.com/user/your ID' id='youtube-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Youtube</span></span></a><a class='itemsocial' href='http://feeds.feedburner.com/your feed' id='rss-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via RSS</span></span></a></div>

6. Terakhir simpan template
referensi dari maskolis.com

Cara Membuat Author Box di Blog

Cara Membuat Author Box di Blog, cara membuat widget profil di blog

Halo sobat Blog Krizeer, apa kabarnya baik kan ?, yaudah kalo baik. Kali ini saya akan membagikan tutorial tentang Cara membuat Author Box di Blog.

penasaran kan seperti apa?, yuk kita lihat dulu screenshotnya :

Nah udah tau kan?, yuk langsung aja kita mulai tutorialnya
Tutorial Membuat Author Box di Blog :
1. Loggin ke Blogger
2. klik ke template
3. Edit HTML
4. Lalu,tambahkan kode di bawah ini di atasnya ]]></b:skin>

/* Author Blog */
.AHSadmin {width:auto; height:83px;padding:5px}
.AHSadmin-gambar {float:left;width:75px;height:75px;margin:4px 1px 0px 0px;border-radius:90em;opacity:0.8;border-top:2px solid #cf2031;border-right:2px solid #0f7dc8;border-bottom:2px solid #2eb31a;border-left:2px solid #eab823;}
.AHSdeskripsi{width:auto; padding:1%;font-family:arial,sans-serif; margin:-85px 0 0 110px; font-size:11px; color:#fff;}
.AHSfb, .AHSgp, .AHStw {color:#fff!important; display:block;font-weight: bold; line-height: 14px; height: 14px; width: 14px; border: 3px solid #444;text-align: center;padding:3px;border-radius:15px;font-size: 13px;text-decoration:none!important;margin: 1px;position:relative;margin-right:0px}
.AHSfb {background: #3B5998;margin-left:73px}
.AHSfb:hover {border-color: #4F77CC; box-shadow: 0 0 3px #4F77CC;}
.AHSgp {background: #D34836;font-size:11px;margin-left:85px}
.AHSgp:hover {border-color: #EB503C; box-shadow: 0 0 3px #EB503C;}
.AHStw {background: #4099FF;margin-left:73px}
.AHStw:hover {border-color: #36D0FF; box-shadow: 0 0 3px #36D0FF;}

nah, setelah itu menuju ke tata letak
lalu, add gadget > HTML/Javascript
tambahkan kode di bawah ini di kotak yang besar itu :v

<div class='AHSadmin'><img alt='Yoga Pratama' src='httphttp://lh3.googleusercontent.com/-MRkIW9aCKqk/AAAAAAAAAAI/AAAAAAAAAAA/EdZwfzUCDB4/s96-c/photo.jpg' title="Yoga Pratama" class='AHSadmin-gambar' /><a class='AHSfb' href='http://www.facebook.com/Twish4' rel='nofollow' target="_blank">F</a><a class='AHSgp' href='https://plus.google.com/7049530791492749265' rel='nofollow' target="_blank">G</a><a class='AHStw' href='http://twitter.com/Yoga_TC' rel='nofollow' target="_blank">t</a> <div class='AHSdeskripsi'>Hai, saya <a href=https://plus.google.com/7049530791492749265 title="Yoga Pratama" rel='nofollow' target="_blank">Yoga Pratama</a><br/> saya seorang lelaki yang pendiam, agak malas, tetapi bertanggung jawab. Dan saya ingin belajar tentang CSS.<br/><a style="color:#888;" href="#" target="_blank"> Read More »</a></div></div>

Nah,sekarang anda sudah selesai,tetapi itu belum anda setting !

Perhatikan tulisan yang saya warna itu
Ganti tulisan warna merah itu dengan kepunyaan anda sendiri
Untuk Foto,bebas ukuran berapapun,karena udah di atur secara otomatis di cssnya, Untuk yang warna biru juga sama,ganti itu dengan kepunyaan anda sendiri
Nah ini yang agak susah,untuk yang warna orange,juga anda ganti itu,tetapi anda harus menyesuaikan dengan width/lebar footer anda. Untuk demonya anda bisa lihat sendiri di sidebar blog saya.Semoga bermanfaat -_-

Sumber kode : http://ah-shared.blogspot.com/

Berikut beberapa Blog Directory Indonesia Gratis :

Semoga Bermanfaat...

Mempercepat Loading Blog merupakan salah satu cara untuk meningkatkan jumlah Pageview, jika loading blog Sobat cepat maka pengunjung akan merasa nyaman, karena apa yang ingin di baca akan cepat di tampilkan, sehingga Traffic Blog juga akan meningkat.

Berikut ini beberapa tips untuk mempercepat loading blog versi Tutorial Blog :

Jangan terlalu banyak membuat label blog
Kurangi script dari pihak ketiga baik itu berupa widget ataupun kode-kode iklan
Gunakan widget atau banner seperlunya dan buang yang tidak penting.
Compress CSS biar ukurannya jadi lebih kecil
Kompress Image supaya lebih optimize
Gunakan template yang simple dan tidak banyak meload gambar
Edit Template Supaya Valid XHTML

Kiranya itu saja, moga aja benar, kalau ada yang salah tolong di koreksi, jika ada yang mau menambahkan silakan tulis di kotak komentar.
Sekian Artikel tentang Mempercepat Loading Blog.

Ketika saya menggunakan Validator XHTML Tool untuk mengetahui kode yang error pada blog, ternyata banyak terdapat error pada blog saya, akhirnya saya edit saja templatenya biar lebih valid, dan syukur lah errornya berkurang. Jika Sobat juga ingin Meng-edit template Blog sebaiknya backup dulu template Anda, buat jaga-jaga bila terjadi hal yang tidak di inginkan. Adapun kode HTML yang saya edit pada template antara lain :

Kode dibawah ini

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Memperbaiki penulisan META Tags
Contoh

<META content='hG7mdGP3GZvNuz6CXDF58rL2NhgOH4GhtwttcDrGThA' name='compete'/>
saya rubah menjadi

<meta content='hG7mdGP3GZvNuz6CXDF58rL2NhgOH4GhtwttcDrGThA' name='compete'/>

Menghapus semua kode ( ---------- )

Pada kode </head> saya tambahkan kode berikut tepat dibawahnya

Menghapus semua kode quickedit seperti dibawah ini :

<b:include name="quickedit">

Menghapus Post icon

<b:if cond='data:post.emailPostUrl'>

</a>

</span>

</b:if>

<b:include data='post'

name='postQuickEdit'/>

</span> <div class='post-share-buttons'>

<b:include data='post' name='shareButtons'/>

</div> </div>

<b:if cond='data:post.emailPostUrl'>

</b:if>

</span>

</div>

Menambahkan type="text/javascript" pada semua kode JavaScript yang ada.

Menyembunyikan page navigation di halaman utama, kode

<b:include name='nextprev'/>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:include name='nextprev'/>

</b:if>

Menambahkan atribut Alt pada semua gambar

Memperbaiki atribut title dan alt pada link bergambar

Sobat juga perlu menghapus beberapa widget bawaan blogger yang tidak valid, silakan cek di validator.w3.org, jika ada hapus widget tersebut.
Selain kode diatas sebenarnya masih ada lagi kode yang lain, cuma karena saya tidak begitu mengerti tentang kode HTML jadi cuma itu yang bisa saya betulkan pada template saya supaya lebih Valid XHTML.

Buat Sobat yang udah bosen dengan template standard Blogger, ada template baru nih dari www.freebloggertemplate.info, namanya FBTMaG V1

Template Name : FBTMaG V1 Blogger Template
Template Author :; http://www.freebloggertemplate.info/
Designer : http://www.freebloggertemplate.info/
Basic Instructions : How to install a Blogger template
Descriptions : - 3 Columns, Fixed , Fresh and clean Blogger template, Grey color background,Nice, menu bar, Ads Ready,Slide show, Search gadget , Followers, Blogroll, Achieves, popular post, 125x125 ads space.
Footer gadget.

Untuk melihat demonya klik disini.
Untuk mendownload klik disini.

Source : Bloggertrix.com

Sebelumnya saya pernah posting tentang Widget Recent Post Valid XHTML, widget tersebut menggunakan scroll sehingga dapat menghemat tempat di sidebar blog Anda. Kali ini saya akan berbagi tentang tutorial Membuat Widget Recent Posts Menggunakan Spoiler, cara ini juga sangat berguna untuk menghemat tempat di sidebar blog.

Berikut cara Membuat Widget Recent Posts Menggunakan Spoiler :

Login ke blogger, klik Design > Page Element.
Klik Add a Widget dan pilih HTML/Javascript.
Lalu letakkan kode berikut di area konten widget :

Kode Script :

<div style="margin: 1px;"><div class="smallfont" style="margin-bottom: 2px;"><input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Recent Posts'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 150px;" type="button" value="Recent Posts" /></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left;"><div style="display: none; height: 250px; overflow: auto;"><script type="text/javascript" src="http://html-scripts.googlecode.com/files/recent-posts.js"></script><script type="text/javascript">
var numposts = 10;var
showpostdate = true;var
showpostsummary = true;var
numchars = 50;var
standardstyling = true;
</script><script type="text/javascript" src="http://wadahtutorial.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div></div></div>

Silakan ganti wadahtutorial.blogspot.com dengan alamat blog Sobat.
Terakhir klik Save.

Selesai...
Berikut contoh hasilnya :

Membuat Link Membesar Saat disentuh Kursor - 24 Apr
Tutorial kali ini tentang trik atau cara untuk...(Baca Selengkapnya...)

Zhefa Blogger template - 21 Apr
Template Details :Platform TypeBlogger /...(Baca Selengkapnya...)

Membuat Gambar Membesar Saat disentuh Cursor - 17 Apr
Mungkin sebagian Blogger sering melihat gambar...(Baca Selengkapnya...)

Cara Menghapus Waktu Komentar - 14 Apr
Beberapa hari yang lalu pada postingan Cara...(Baca Selengkapnya...)

Membuat Dua Kolom Widget di Blogspot - 10 Apr
Kadang template yang kita gunakan tidak sesuai...(Baca Selengkapnya...)

Cara Menghilangkan Link Langganan Entri Atom - 02 Apr
Link langganan entri atom di blog biasanya ada di...(Baca Selengkapnya...)

Memberi Efek Taburan Bintang di Blog - 30 Mar
Sebelumnya saya berbagi salah satu cara untuk...(Baca Selengkapnya...)

Tips Mengatasi Pencurian Artikel Blog - 27 Mar
Ketika saya menemukan sebuah blog yang mencuri...(Baca Selengkapnya...)

Memberi Efek Taburan Hati di Blog - 21 Mar
Kali ini saya akan berbagi salah satu cara untuk...(Baca Selengkapnya...)

Mengatasi Duplikasi Deskripsi Meta - 08 Feb
Duplikasi deskripsi meta pernah di alami blog...(Baca Selengkapnya...)

Supported by : Tutorial Blog

Sekian tutorial tentang Membuat Widget Recent Posts Menggunakan Spoiler.

Dulu saya pernah posting cara Membuat Menu Dropdown, pada postingan ini kita akan membuat menu dropdown dengan background image.

Buat Sobat yang ingin mencoba silakan ikuti tutorial berikut :

Login ke blogger Anda, klik menu Design > Edit HTML.
Lalu beri centang expand widget templates, sebaiknya backup dulu template Anda.
Cari kode <b:skin><![CDATA[, lalu letakkan kode berikut diatasnya.
<script>
var last_expanded = '';
function showHide(id)
{
var obj = document.getElementById(id);
var status = obj.className;
if (status == 'hide') {
if (last_expanded != '') {
var last_obj = document.getElementById(last_expanded);
last_obj.className = 'hide';
}
obj.className = 'show';
last_expanded = id;
} else {
obj.className = 'hide';
}
}
</script>
Kemudian cari kode ]]></b:skin>, letakkan kode berikut ini diatasnya.
.dropdown-b {
background-image:url('http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/tombol_menu1.gif');
text-align:center;
width:165px;
font-family: georgia, Helvetica, sans-serif;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom: 10px;
margin-top: 4px;
display:block;
text-decoration: none;
color: #000000;
height: 8px;
}
.dropdown-bg {
background-image: url('http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/tombol_menu2.gif');
text-align:center;
width:165px;
font-family: georgia, Helvetica, sans-serif;
padding-left:20px;
padding-right:20px;
padding-top:13px;
padding-bottom: 10px;
display:block;
text-decoration: none;
color: #000000;
height: 8px;
}
.hide{
display: none;
}
.show{
display: block;
}
a{cursor: hand}
Lalu klik Save Template.
Kemudian klik menu Design > Page Element > Add a Gadget.
Pilih HTML/Javascript, lalu masukkan kode berikut ini :
<a class="dropdown-b" onclick="showHide('dropdown-b-1')">Menu 1</a>
<div id="dropdown-b-1" class="hide">
<a href="URL" class="dropdown-bg">Link 1</a>
<a href="URL" class="dropdown-bg">Link 2</a>
<a href="URL" class="dropdown-bg">Link 3</a>
<a href="URL" class="dropdown-bg">Link 4</a>
</div>
<a class="dropdown-b" onclick="showHide('dropdown-b-2')">Menu 2</a>
<div id="dropdown-b-2" class="hide">
<a href="URL" class="dropdown-bg">Link 1</a>
<a href="URL" class="dropdown-bg">Link 2</a>
<a href="URL" class="dropdown-bg">Link 3</a>
<a href="URL" class="dropdown-bg">Link 4</a>
</div><a class="dropdown-b" onclick="showHide('dropdown-b-3')">Menu 3</a>
<div id="dropdown-b-3" class="hide">
<a href="URL" class="dropdown-bg">Link 1</a>
<a href="URL" class="dropdown-bg">Link 2</a>
<a href="URL" class="dropdown-bg">Link 3</a>
<a href="URL" class="dropdown-bg">Link 4</a>
</div><a class="dropdown-b" onclick="showHide('dropdown-b-4')">Menu 4</a>
<div id="dropdown-b-4" class="hide">
<a href="URL" class="dropdown-bg">Link 1</a>
<a href="URL" class="dropdown-bg">Link 2</a>
<a href="URL" class="dropdown-bg">Link 3</a>
<a href="URL" class="dropdown-bg">Link 4</a>
</div>
Terakhir klik tombol Save. Selesai...

Silakan dicoba Sob, semoga berhasil membuat Menu Dropdown dengan Background.

Cara Membuat Widget Sticky di Sidebar Blog, Cara Membuat Widget Sticky di Menu Navigasi Blog, Cara Membuat Widget Sticky di Blog, Membuat Sticky di blog dengan mudah.

Halo sobat Blog Krizeer, di hari yang cukup cerah ini namun ujan, sekarang-sekarang ini saya mohon maaf jarang update, karena saya suka main games. Kali ini saya akan membahas Cara Membuat Widget Sticky di Sidebar Blog, sebetulnya widget sticky ini tidak hanya bisa digunakan di sidebar saja, tapi di ID manapun bisa, contohnya di menu navigasi. Mungkin sobat sudah mengetahui tujuan saya kali ini. Widget Sticky fungsinya ketika layar di scroll kebawah, widget tersebut akan menempel atau melayang di atas, meskipun di scroll kebawah.

Demo widget sticky yang di sidebar, klik disini (coba scroll kebawah dan lihat iklan teks yang di sidebar menempel di atas).
Demo widget sticky yang di menu navigasi, klik disini (coba scroll kebawah dan lihat menu navigasinya menempel di atas).

Berikut langkah-langkah membuat Widget Sticky di Sidebar :
1. Login ke Blogger
2. Dashboar > Klik Template > Edit HTML
3. Tambahkan kode dibawah ini di atas </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

4. Tambahkan kode CSS di bawah ini di atas ]]></b:skin>

.sticky {
position:fixed;
top:5px;/* jarak dari atas*/
z-index: 100;
}

5. Letakan kode java script dibawah ini di atas </body>

<script type='text/javascript'>
$(document).ready(function() {
var stickyWidgetTop = $('#HTML1').offset().top;
var stickyWidget = function(){
var scrollTop = $(window).scrollTop();
if (scrollTop > stickyWidgetTop) {
$('#HTML1').addClass('sticky');
} else {
$('#HTML1').removeClass('sticky');
}
};
stickyWidget();
$(window).scroll(function() {
stickyWidget();
});
});
</script>

6. Simpan Template

Tips :
Ganti #HTML1 dengan ID widget yang akan dibuat sticky. ID #HTML1 itu bukan hanya berupa ID, Class pun juga bisa.

Source : http://ahmadsuyadi.blogspot.com/2013/11/cara-membuat-widget-sticky-di-sidebar.html

Kali ini saya akan memberikan trik untuk menulis / posting blog dengan mudah. dengan menggunakan Windows Live Writer anda dapat menulis blog dengan mudah, karena interfacenya yang mirip dengan Microsoft Office Word, anda bisa menulis blog secara offline ( tidak tergantung koneksi internet) tapi untuk publish artikelnya harus ada koneksi internet, dan fitur – fitur lain yang dapat memudahkan anda dalam menulis blog. klo gitu langsung aja kita download Windows Live Writer disini. setelah selesai mendownload anda jalankan aplikasi tersebut.

pada saat form Choose the programs you want to install anda centang Writer, secara default semua option akan tercentang. anda bisa pilih aplikasi apa saja yang ingin anda install. dalam kasus ini saya hanya mencentang Writer dan Silverlight. kemudian klik Install

setelah selesai menginstall anda buka Windows Live Writer, maka akan ada tampilan seperti berikut :

klik Next, kemudian akan ada tampilan seperti berikut :

pilih Other blog service, kemudian klik Next, akan muncul tampilan seperti berikut :

anda inputkan Web address of your blog, username, password, kemudian klik Next.dalam kasus ini saya menggunakan blog WordPress

akan muncul tampilan seperti berikut :

Klik Next aja, kemudian muncul tampilan berikut :

Klik finish. saya akan sedikit menjelaskan tentang fitur – fitur yang ada di Windows Live Writer

Categories : digunakan untuk mengkategorikan postingan blog anda, anda juga bisa membuat kategori baru

Tags : Kata kunci / Tags untuk pencarian blog anda.

Publish Date : Tanggal publish postingan anda.

HyperLink : untuk membuat link / tautan pada postingan blog anda

Publish : untuk publish artikel anda kedalam blog

hal yang menarik lainnya adalah Add a Plug-in, saya akan memberikan contoh install plugin Code Snippet. plugin ini sangat berfungsi apabila anda ingin memposting script / code kedalam blog anda. langsung aja anda klik Add a plug-in :

setelah itu anda cari Code Snippet Plugin for Windows Live Writer

download Plugin tersebut kemudian install. setelah selesai anda tutup dan buka kembali Windows Live Writer

untuk menggunakan code snippet sangat mudah kok dan banyak pilihan jenis script yang bisa anda gunakan, hasilnya sangat bagus seperti berikut :

itu contoh Code Snippet dengan jenis script C#. untuk plugin yang lainnya anda bisa coba sendiri fungsi dan manfaatnya.

Untuk Download window live maker , silahkan agan download file2ny dibawah ini ...

Via Indowebster.

(Download Here)

sumber : http://yoga-tc.blogspot.com/2013/04/trik-menulis-post-secara-offline.html

Postingan saya kali ini akan berbagi tips tentang bagaimana cara membuat daftar isi pada Blogger atau Blogspot, Untuk WordPress dapat Anda baca di postingan membuat daftar isi di WordPress.

Langsung saja Sob :

Login ke blogger Anda, kemudian buat sebuah halaman dengan judul Daftar Isi, Jika belum bisa membuat halaman baca Cara Membuat Page di Blogspot.
Kemudian klik pada tab Edit HTML

Copy kode berikut

<div style="overflow:auto;width:480px;height:450px;padding:10px;border:1px solid #eee">
<script src="http://post-xml.googlecode.com/files/feeds-labels.js">
</script><script src="http://wadahtutorial.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>
</div>
Ganti Alamat wadahtutorial.blogspot.com dengan url atau alamat blog Sobat.
Lalu paste pada area artikel :
untuk dapat digunakan sebagai Gadget, Sobat dapat mengatur height dan width yang ditulis dengan warna biru. Untuk tidak menggunakan text area atau scroll hapus tulisan yang saya beri latar hijau.
Klik tombol Preview / Pratinjau untuk melihat hasilnya, jika sudah benar klik Publish Page / Tayangkan Laman. Lalu buka Blog Sobat dan lihat hasilnya…

Semoga Bermanfaat...

Sumber : http://wadahtutorial.blogspot.com/2011/09/daftar-isi.html

Siapa Bilang Blog Indo Ga Bisa Menghasilkan Seperti Blog Bule?

Status Order :

ANTRI (3 HARI LAGI BARU DI PROSES)

Beberapa Thread Jualan di Forum :

http://www.ads-id.com/forums/showthr...-Adsense-Ready
http://www.ads-id.com/forums/showthr...-Adsense-Ready
http://www.ads-id.com/forums/showthr...fik-Naik-Terus
http://www.ads-id.com/forums/showthr...y-Banyak-Bonus
http://www.ads-id.com/forums/showthr...k-5k-day-Murah
http://www.ads-id.com/forums/showthr...oogle-Blog-Tua
http://www.ads-id.com/forums/showthr...tap-Adsense-OK
http://www.ads-id.com/forums/showthr...ual-Traffic-3k

Beberapa SS Transaksi Penjualan :

Beberapa Proof Traffik Blog Kami :

Blog Wordpress

SS Lain

Blogspot Umur 40 hari :

Blog Wordpress umur 3 minggu (24 artikel) :

Blog Wordpress umur 5 hari :

Apa saja yang anda dapatkan ??

✓ Riset keyword
✓ Customized Raden SEO Themes (Auto meta description, auto title, heading h1 h2, responsive, dan fiture lainnya)
✓ Important Pages : Sitemap
✓ 5 Artikel
✓ Seo Onpage dan Offpage racikan Raden SEO Team 100% White SEO
✓ HOT !! Garansi Earning After 30 Days
✓ Domain dan Hosting Tidak Termasuk
✓ HOT !! Update and Link Building Tips
✓ 24 x 7 Customer Support
✓ HOT !! Facebook Group SEO Support, Monitoring, and Sharing (Free)

Paket Blogspot :
Blogspot Murmer
1 blog = $25

Blogspot Sedang
3 blog = $70

Blogspot Ahli
5 blog = $110

Paket Wordpress :

Wordpress Murmer
1 blog = $30

Wordpress Sedang
3 blog = $85

Wordpress Ahli
5 blog = $135

Pengerjaan 5-8 Hari

NB : Untuk order lebih dari 1, tiap blog kami setting berbeda

Pembayaran Via BCA, BRI dan Paypal (rate 11.000)

BCA
ACHMAD ANISUL FUAD
No.Rek : 0461085619

BRI
ACHMAD ANISUL FUAD
No.Rek : 007701011113532

Paypal : PM

Konfirmasi Data Order => Kirim ke Email radenseotim@gmail.com

Details Yang di Siapkan :

- Nick Ads-id :
- YM/No Hp :
- URL Blog (kosongkan jika kita yang pilih) :
- Niche Blog (bisa kita pilihkan) :
- Login Dashbor :
- Paket Yang di Pesan :

===============================

Konfirmasi Pembayaran => Komen di Thread

contoh format :

"SUDAH TRANSFER RP. 1000.000/Paket Wordpress Ahli/Dari BCA/Achmad ANisul Fuad"

(Proses baru kami kerjakan setelah konfirmasi pembayaran di thread)

KATA MEREKA...

Originally Posted by mermanarts

mau ngasih testi ah,
yang lain pake domain utama, ane pake subdomain karena niatnya cuma iseng dan nyoba jasa raden
ternyata hasilnya mantap banget, padahal ane belum lakuin semua hal yang disuruh lho hehe (maap ya bang)
ini hasilnya:
Attachment 31091
kecil? iya kecil tapi naik 5x lipat. asalnya cuma 20an sehari
dan perlu diingat! ini SUBDOMAIN bukan domain utama dan Ane ga lakuin semua yang disuruh setelah web dikasih ke ane kembali, padahl sudah disuruh buat riset kw, backlink, dll tapi ane ga lakuin semua itu, ane tetep lakuin hal yang seperti ane lakukan dulu cuma posting 1 artikel sehari karena kesibukan ane.
terus ane gabung di grup fb nya, mantap semua pertanyaan dan perkembangan dipantau semua. pokoknya ga dilepas gitu aja, dan sering ditegur juga karena ane ga lakuin yang diminta. hehe

pokoknya jangan ragu sama raden, dijamin memuaskan!

Originally Posted by imucu

Ngasih Testi Juga ...

Jasa Raden Emang Oke, yang jelas newbie kaya saya ini di pandu mulai risek KW sampai dapat trafik Pokoknya Full support dech

Originally Posted by anggaraksa

Testi gan. Pelayanan bagus, nanya hal-hal remeh pun dijawab. Teknik mudah, gak ribet, full white SEO, natural dan manual. aman for adsense

SS Blog umur 3 minggu kurang

Attachment 31538

Earning nyusul. Baru dipasang adsense. Ditunggu ramuan selanjutnya Bang

Buat dapet trepik di atas, ane belum ngeluarin tenaga full, karena ngeblog paling 1-2 jam. Trepik akan terus merangkak naik kayaknya. Thanks buat duo Raden.

Originally Posted by anggaraksa

Testi earning dari ane 1 blog gado2

Attachment 32006

Thanks suhu, semoga cepet buka lagi ya lapaknya

Originally Posted by workingonit

Maaf baru sempat testi setelah sekian lama karena berbagai kesibukan.
Penilaian saya sendiri untuk jasa yang ditawarkan TS:
1. Komunikasi 4.5/5
2. Lama pengerjaan 4/5
3. Kualitas 4/5
4. Support 5/5

Originally Posted by dedystone

numpang kasih testi ni gan, pokoknya kalo blog buatan agan yang satu ini ga usah di ragukan.
ane salah satu langganannya, dulu beli blog dengan harga yang sangat fantastis untuk ukuran blog indo. dulu ane beli $1k+
tapi walaupun berminggu-minggu ga di update, traffik masih stabil bro..

Originally Posted by RayhanDlh

mau kasih testi buat tim raden, saya pesan paket Wordpress Murmer
kesan pertama saya liat tema buatan tim raden di SEOquake, seo onpage nya bener-bener maknyus, semua ke chentang biru, dari home page sampe single page, tampilannya juga fresh. terus lanjut ke artikel, artikel buatan tim raden juga maknyos, ada beberapa artikel buatan tim raden yang jadi sumber trafik blog saya

trus saya masuk ke grup facebook tim raden, di sana ada tips backlink, komentar, dll. biasanya saya kalau nanya-nanya langsung pm ke tim raden

dan hasilnya jeng jeng jeng!

_http://prntscr.com/2bqzhu

trafik naik perlahan-lahan dari uv 600, uv 2k sampe sekarang uv 3k+

target adsene saya awalnya $1/day eh malah kebablasan sampe $3/day, hehe target berikutnya $10/day!

_http://prntscr.com/2br0zq

*Jika masih bingung tentang sales later di atas dan ada yang perlu di tanyakan silahkan kontak kami

Contact Order and Support :
Email : radenseotim@gmail.com
YM/Skype : raden_somad
HP : 085747364411
PIN : 237BCFD1

NB :
- Laporan dan alamat group Fb untuk panduan update, link building dan sharing di kirim ke email. mohon di cek
- Bonus Premium Custom Themes di Group Fb

Selasa, 31 Desember 2013

Calculate the spine width of your book

For black and white-interior books:

For color-interior books:

Set up your document

Get a head start with one of our cover templates:

Design your cover

Safe Zone

Title and Author Name

Images

The spine of your book

Barcode

Prepare for Printing

Senin, 30 Desember 2013

Jumat, 27 Desember 2013

Category

Popular Posts

Blog Archive

Followers

Formulir Kontak

Subscribe to our Newsletter

Contact our Support

Our Team Memebers

About