May 30, 2009

Gadget Blog

Introducing my new blogger template, Gadget Blog Template. As its name, this template suitable for gadget and technology blog, discussing about phone, ipod, notebook, and another gadget.
Template Information:
  • Three Column
  • Three Column at lower section
  • Ads Ready
  • Gadget product featured
  • Automatic readmore and thumbnail
  • Work in all major browser
You can preview and download here


How to Upload?

Download xml file from link download, save it (Remember, save do not open). Then Open Edit HTML, upload xml file that have been downloaded.

Top Navigation Menu Setting

Open Edit HTML. Find and edit these code below (Press ctrl + F , an easiest way to find)

<div class='topnav'>
<ul id='topnav'>
<li><a expr:href='data:blog.homepageUrl/'>Home</a></li>
<li><a href='http://www.ipietoon.com'>Free Template</a></li>
<li><a href='http://cebong.com'>Online Business</a></li>

<li><a href='http://www.emocutez.com'>Free Emoticon</a></li>
<li><a href='http://blogger.com'>Login</a></li>
</ul>
</div>

Change red color text to your link, and blue color text to your own anchor text menu.

Navbar Menu Setting

Find and Edit these code below

<div id='NavbarMenu'>
<ul id='nav'>
<li><a href='http://your-link-here'>Phone</a></li>
<li>
<a href='http://your-link-here'>Notebook</a>
<ul>
<li>
<a href='http://your-link-here'>Sony</a>
<ul>
<li><a href='http://your-link-here'>Vaio Green</a></li>
<li><a href='http://your-link-here'>Vaio Red</a></li>
<li><a href='http://your-link-here'>Vaio Blue</a></li>
</ul>
</li>
<li><a href='http://your-link-here'>Toshiba</a></li>
<li><a href='http://your-link-here'>Mac</a></li>
<li><a href='http://your-link-here'>HP</a></li>
<li><a href='http://your-link-here'>Lenovo</a></li>
</ul>
</li>
<li><a href='http://your-link-here'>Camera</a></li>
<li><a href='http://your-link-here'>Ipod</a></li>
<li><a href='http://your-link-here'>Personal Computer</a></li>
<li><a href='http://your-link-here'>Blackberry</a></li>
<li><a href='http://your-link-here'>Accesories</a></li>
</ul>
</div>


Recommended Gadget Featured Setting

Open Edit HTML. Tick on Expand Widget Template. Find and edit these code below.

<div class='product'>
<ul>
<li>
<a href='http://YOUR-LINK-HERE' target='_blank'><img alt='ads' border='0' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY-1o3XCvYngUTVYJR-XRyuUYTmrEOO1T-eoe9RYIObiZ9T1jp6PDuKbVcWmkjD6DoZwiz3Mwze8AQV4DkqJ27wzZi32KcTXekttaAM_hSG-2rM1HlOnvlJq0F66kAMMx1omFfitiNjvGU/s1600/ipod-touch.jpg' width='75'/></a>
</li>

<li>
<a href='http://YOUR-LINK-HERE' target='_blank'><img alt='ads' border='0' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpifrvVd6Z48rr58re5QMhyt1gAqCasQmjMpWuFpzczU-YvIizizAG-f_3c0vgOo_UQJfkZ9X12s4Tkv_hyphenhyphenk7KYO2OW46wPdBmAzek1o8Ftw2mdkUxJ4CnjtX4rvVbyBvZ7RNGcAB6HdLp/s1600/camera.png' width='75'/></a>
</li>

<li>
<a href='http://YOUR-LINK-HERE' target='_blank'><img alt='ads' border='0' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha7eUjJI7Ix2aobk1TJ0qKUX-BoXMRiIfOokltHsHMJ5mJIvbQ_0Wq_9GodZ0mjYb7pSOsrYGo7AEyEguEcjy0hKGm5rpCKq6-C1LubqXfEgy353svsa7AfNVlkjcfTc2a5P3MuBrrrL4B/s1600/blackberry-8820-vodafone.jpg' width='75'/></a>
</li>

<li>
<a href='http://YOUR-LINK-HERE' target='_blank'><img alt='ads' border='0' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCF4WvUXfauYR6GJmZ6wtP57hVS9gQwKq-QQGcSaPyJ8KgPGiY8U-bCR5HVphyphenhyphenoAlDu9j_4J4YmGkRXy9G51Hj9axvlNnguK_Bb9cPE4clPjAwr2Ec0y4EUDRxBXuaMJjMgQd4krrZRmHZ/s1600/apple_iphone.jpg' width='75'/></a>
</li>
</ul>
</div>

Red color text change to your image URL.

-------------------------------------------------
Read Best Kindle Wireless Reading Device

93 comments:

  1. Nice template. It would suit one of my blogs. :)
    Share you posts at: ArticlePinger.com too. :)

    ReplyDelete
  2. Tuuulll uwapik pol...

    ndang blajar wordpress, aku ngko warahono pengodingan...

    ReplyDelete
  3. Thanks you yahhhh
    tak download dulu

    ReplyDelete
  4. dude please tell me how to change black nero header
    http:/gobblerr.blogspot.com

    ReplyDelete
  5. mas klo mau ngewarnain headernya gmna sich mas.....dan gmna cara buat gambar header

    ReplyDelete
  6. @adeel: i have answered on black nero page
    @rezzl: yg itu pakai gambar jadi ga bisa di warnain, bikin header ya pakai software gambar

    ReplyDelete
  7. mbak ..
    tolong komentari blogku ..
    apa uda bagus apa blum ?
    trimakasih

    ReplyDelete
  8. mbak bong ..
    trus gmna?? dikuranginkah ijonya ??
    hhe
    mhon bimbingannya :)

    ReplyDelete
  9. @rima: iyah warna ijo nya rameee, ihihih , liat web ini
    http://www.web4biz.ro

    kombinasi ijo putih biru, jadi g melulu satu warna doang, asal match

    ReplyDelete
  10. Thanks for the helpful information. Hope to hear more from you.

    ReplyDelete
  11. Wah .. theme yg satu ini luar biasa cakep ..donlot dulu ah ..

    ReplyDelete
  12. hi cebong, can we change the header pics. i just like the it.

    ReplyDelete
  13. @aloha:of course you can

    ReplyDelete
  14. thx.

    how to hide or remove the search bar?

    ReplyDelete
  15. @aloha: find div id='search'

    delete it

    ReplyDelete
  16. wuih iki yo apik.
    ijin, ta download maneh.
    Matur Suwun :D

    ReplyDelete
  17. ikutan ngedownload Bong...
    Sepuluh jempol buat dirimu.

    ReplyDelete
  18. friends, I really like the theme you, but when I plug in my blog, the position of the gadget is not in place, to complete it please visit my blog at http://remo-tipsblogging.blogspot.com/

    ReplyDelete
  19. mba cebong, ni aku dunlud ya
    hehehehe dunlud lagi
    boleh ya pleaseseeee (berlutut, mengenadahkan tangan)

    ReplyDelete
  20. @slamet:silahkan mas hehehhehee
    @newbie:i dont see any problem

    ReplyDelete
  21. Hey can someone PLEASE HELP ME
    to correct my header???
    The image is not centralizated!
    Please Help
    Thx

    ReplyDelete
  22. @gamers: make your image have same size with original backgdroung image...

    ReplyDelete
  23. Thank you very much man!
    Very helpfull!
    Now, can you tell my why are my fonts, on the nav bar, strange?
    And how can i change them back?
    One more thing, you know that scrolling bar on the "ps3" icon? how can I put one more of those, at my "xbox 360" icon?
    Thanks again,
    Gamers Team

    ReplyDelete
  24. @gamers:
    here's css to edit your font

    #nav li a, #nav li a:link, #nav li a:visited {
    color: #FFF;
    display: block;
    font-weight: normal;
    text-transform: lowercase;
    margin: 0;
    padding: 9px 15px 8px;
    }
    #nav li a:hover, #nav li a:active {
    background: #fff;
    color: #000;
    margin: 0;
    padding: 9px 15px 8px;
    text-decoration: none;
    }
    #nav li li a, #nav li li a:link, #nav li li a:visited {
    background: #000;
    width: 150px;
    color: #FFF;
    font-weight: normal;
    text-transform: lowercase;
    float: none;
    margin: 0;
    padding: 7px 10px;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    }


    just add
    font-family:your font choice;

    i still dont know whats wrong, but I can't see your layout on all of my browser

    ReplyDelete
  25. Thanks Cebong,

    But I can´t remove my underline!

    Maybe you can help me...

    Thx

    ReplyDelete
  26. Continuing my last post...

    Another thing, where do i put that "font family" thing?

    Thx

    ReplyDelete
  27. Gamers:

    sorry, i cant find this
    which xbox icon?

    your blog looks normally, no strange appearance

    you can put font family, under font-wight

    ReplyDelete
  28. How can I set the date format. The date doesn't appear at all

    ReplyDelete
  29. @wahab: i set not to display..doesnt look good. just set timestamp format to date

    ReplyDelete
  30. Hey, its us again...

    I would like to know how to change that
    "Read rest of entry" thing... can you help us
    please?

    Thanks,

    Gamers Team

    ReplyDelete
  31. @gamers

    open edit HTML, tick mark on expand widget template, search for thats "Read rest of entry"

    replace it as you want

    ReplyDelete
  32. thanks om admin templatenya ... ijin unduh ya ..
    oh ya om saya mau tanya untuk navbar menu saya ganti pake google adsense list kok tidak bisa ya om...
    mohon petunjuk dari om & sebelumnya terima kasih ya om

    ReplyDelete
  33. @sendy : sudah diparse belum kode nya?

    http://centricle.com/tools/html-entities/

    copy kode adsense , paste di form yg saya tulis itu

    kemudian klik encode

    copy hasil encode ke HTML

    ReplyDelete
  34. @om cebong : sudah saya coba kok malah berantakan ya om templatenya... :(

    ini om screenshotnya http://i546.photobucket.com/albums/hh427/sendytha/untitled.jpg

    mohon bimbingannya ya om

    ReplyDelete
  35. hehe ternyata udah om makasih ya...semuanya

    ReplyDelete
  36. mbak cebong, gimana caranya kasi besar huruf navbarnya?? http://www.ewwing.com

    ReplyDelete
  37. text-transform:uppercase;

    ReplyDelete
  38. terus mbak bagaimana caranya hilangin thumbnailnya?

    ReplyDelete
  39. baca cara memasang thumbnail, lakukan langkah sebaliknya

    ReplyDelete
  40. Hi! The template is wonderful and i think that I will use it for my blog, but I have a question for you. I don't manage to see the date of post...Is there a solution? Sorry for my english.
    I hope you answer me. Goodbye! Thanks a lot for your work!

    ReplyDelete
  41. This comment has been removed by the author.

    ReplyDelete
  42. This comment has been removed by the author.

    ReplyDelete
  43. This comment has been removed by the author.

    ReplyDelete
  44. I always me! I manage to fix the problem, thanks to your post: http://www.ipietoon.com/2009/06/why-date-not-show-up-on-post.html
    You are great! Thanks a lot and sorry again for my english!

    ReplyDelete
  45. WOW! beenlooking for such for so looooooong. thanks

    ReplyDelete
  46. hi! hope you can help me. i want to change my header image. but if you will check my blog, the old header can still be seen and i want to move my new header to left so that it is aligned with the post body. how can i remove the old header or at least cover it with my new one? and how can i align it properly? thanks

    ReplyDelete
  47. @rjs mama: create image size, 940 pixel..

    ReplyDelete
  48. i already fixed the header problem. thanks. but i have another question, the adsense ads are not showing up on the sidebar, how can i fix this problem?

    why is the follow blog button missing on my navbar?

    thanks in advance :)

    ReplyDelete
  49. @rjs mama: adsense term of use is only show up to 4 advertisement. So if you put adsense on every post, and put another on sidebar, just count it. If more than 4, your ads will not show
    I prefer use follower gadget than show navbar

    ReplyDelete
  50. I really would like to use this template, but I use smaller/oddly shaped images on my blog that get distorted in preview on the main page. Is there any way to fix this?

    ReplyDelete
  51. that's automatic thumbnail..
    you just can set it's size
    try to find
    img_width:200 , or similar like that..

    ReplyDelete
  52. Thank you so much for the help, Cebong!

    ReplyDelete
  53. Also, I've modified the layout for use on my site (credits still intact) here: http://www.bookloveaffair.com/

    Thanks so much! :)

    ReplyDelete
  54. This comment has been removed by the author.

    ReplyDelete
  55. Hi... I am using my template in ma blog http://telecomnewz.blogspot.com/ .. Is der any option to show full post on homepage..? coz if i submit my blog for ad services , they r replyin that the posts are truncated and not visible fully.. plz help me..

    ReplyDelete
  56. Hi... I am using this template in ma blog http://telecomnewz.blogspot.com/ .. Is der any option to show full post on homepage..? coz if i submit my blog for ad services , they r replyin that the posts are truncated and not visible fully.. plz help me..

    ReplyDelete
  57. One more question. Is there a way to add the date to each post?

    ReplyDelete
  58. I meant two more questions! Also, is there any way to allow for line breaks in the teaser portion on the front page rather than just having the large text block? :)

    ReplyDelete
  59. you should read this
    http://www.ipietoon.com/2009/03/automatic-thumbnail-and-readmore.html
    just reverse the process

    ReplyDelete
  60. I like having it automatically a teaser, but the tease smooshes text that would originally have a
    (break) in the lines...

    ReplyDelete
  61. yes, you can remove it and use read more default from blogger

    ReplyDelete
  62. Okay, I'll do some experimenting. Thank you. :)

    ReplyDelete
  63. Hi... I did the reverse process.. But i am getting error message lik this..
    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The element type "html" must be terminated by the matching end-tag "".
    What should i do now? need assistance..

    ReplyDelete
  64. i'm not able to display pics in recommended gadget coloumn of my blog www.gizmoguidance-miraz.blogspot.com ...please help

    ReplyDelete
  65. saya pengen merubah label jdi cloud ko g bisa y?
    gmn crnya mhon bntuannnya:)

    ReplyDelete
  66. <Previus Home And Next No work good Why?

    ReplyDelete
  67. I've been using this layout for quite awhile and love it. Only, it bothers me that it doesn't show the date an entry is posted. Is there a way to input that? :)

    ReplyDelete
  68. I quite like this template and use it in my blog. I have a problem and it only shows me the last 4 entries or if a search for a tag, it only shows 4 results (entries).
    http://leonardomontalban.blogspot.com/

    Could help me

    Thanks

    ReplyDelete
  69. Aku mw tanya, koq pas di download bkn yang gadget yg kluar malah newgirlymagz-www.ipietoon.com.xml
    ???

    ReplyDelete
  70. This comment has been removed by the author.

    ReplyDelete
  71. thank you! That looks like a great resource...
    regards
    www.itemplatez.com

    ReplyDelete
  72. i have the same question like jfree. the link download is not the exactly link what we all need. Please take a look on that. thank you

    ReplyDelete
  73. Hi Buddy your Design is quite perfect . welldone!! but i find it is lack of Distribution icons .can i add some icons on footer region only for Distribution purpose????Distribution icons ICons like Facebook,Twitter,yahoo,gmail,Stumbleupon,.....etc please reply soon.

    ReplyDelete
  74. tanteuh, link downloadnya salah T__T
    itumah newgirlmagz..

    ReplyDelete
  75. This is a great template. However, I was wondering if there was any way to reply to comments.

    Visitors to my blog can post comments but they cannot reply to one.

    I would also like to know if there is any way to let visitors subscribe to comments.

    ReplyDelete
  76. I forgot to sign in so here is my repost.

    This is a great template. However, I was wondering if there was any way to reply to comments.

    Visitors to my blog can post comments but they cannot reply to one.

    I would also like to know if there is any way to let visitors subscribe to their comments.

    Thanks

    ReplyDelete
  77. waduh mba kok link downloadnya salah....
    bukan gadgetblog,tapi malah newgirlmagz...

    boleh minta link yg bner gag mbak...

    ReplyDelete
  78. Coach outlet online Leading American designer and maker of luxury lifestyle handbags and accessories.Large market in Europe and Canada,UK,USA etc.Welcome to Order!2011 New Style arrive,Free Shipping!

    ReplyDelete
  79. I think that this one. It is even better that the one before this one. People really like to have gadgets. Different and hell lot of them.

    ReplyDelete
  80. ternyata yang di donlog gk sama dengan yang diharapkan .... template nya gmabar wanita sexi bawa Laptop .... coba lihat >> http://acoolgadgets.blogspot.com/

    ReplyDelete
  81. Gad gets bog so nice and more interesting blog that can be more entertainment and enjoy it in this post so nice.

    ReplyDelete

Hi, thanks for visiting. You can leave your comment here

 

Ipietoon - Blog Design and Online Business Blogging Since 2008