Download Blue Droidpluss Blogger Template. Apa kabar sobat Aldhinya Blog. Sudah lama saya nggak update artikel karena males. Hehehe ... Pada hari ini saya akan membagikan sebuah template yang saya beri nama BLUE DROIDPLUSS. Kenapa saya beri nama demikian ? Karena memang template ini identik dengan warna biru. Template ini Di buat oleh Kang Ismet dan Saya redesign sedemikian rupa sehingga tampilannya menjadi seperti template Blue Droidpluss ini. Langsung saja di lirik templatenya.
Fitur Template Blue Droidpluss
- Efek Loading Dengan Keyframe
- Logo Bergerak Pada Fixed Menu
- Menu Dropdown dibawah Header
- Responsive
- Valid HTML5
- Desain Komentar ala Kang Ismet
- Desain Home Page Ala Kang Ismet
- SEO Ready
- Sticky Widget
- Back to top
- Dll
Pengaturan
Yang Pertama adalah cari kode-kode berikut dan rubah sesuai dengan keterangan blog sobat masing-masing :
- <link href='http://www.iconj.com/icon.php?pid=d1ndnedwzu' rel='icon' type='image/x-icon'/>
- <link href='YOUR_GOOGLE_PLUS_URL' rel='author'/>
- <meta content='GOOGLE_VERIFICATION' name='google-site-verification'/>
- <meta content='ALEXA_ID' name='alexaVerifyID'/>
- <meta content='DESCRIPTION' name='description'/>
- <meta content='KEYWORD' name='keywords'/>
Keterangan :
- Ganti URL favicon tersebut dengan URL favicon blog sobat
- Ganti dengan alamat URL Google Plus Sobat.
- Ganti dengan Kode Verification google sobat.
- Ganti dengan Alexa ID blog sobat.
- Ganti dengan Deskripsi blog sobat.
- Ganti dengan Keyword Blog sobat.
Yang Kedua adalah pengaturan/penggantian text pada Logo Bergerak yang berada pada fixed Menu. Dengan Cara cari kode berikut :
<a class='logo-obah' href='/' target='_blank'><span class='huruf-a'>B</span><span class='terusan'>BLUE DROIDPLUSS</span></a>
Ganti Huruf "B" dengan Huruf awalan nama blog sobat. Ganti kata "BLUE DROIDPLUSS" dengan nama blog sobat.
Saya Kira itu saja tentang pengaturan dalam pengeditan blog. Untuk yang pengaturan lainnya seperti Menu silahkan sobat atur sendiri. Sampai disini dulu perjumpaan kita , semoga template diatas bisa bermanfaat bagi sobat blogger yang tampilan blognya ingin semakin keren.
(UPDATE) Masalah Thumbnail Yang Tidak Muncul
Beberapa pengunjung yang Bertanya tentang masalah gambar yang tidak muncul. Saya mendapat saran dari Mas Ivan Dhuha Firmansyah . Link download juga sudah saya update. Untuk yang sudah terlanjur mendownload template tersebut silahkan ikuti langkah di bawah ini :
Cari kode :
data:post.thumbnailUrlkemudian ganti dengan :
data:post.firstImageUrl
Jika cara tersebut tidak menyelsaikan masalah , silahkan simpan terlebih dahulu gambar yang akan dimasukkan ke dalam postingan , kemudian upload kembali ke dalam postingan blog.
133 komentar
wah keren Izin download :)
Blogwalking E-Limo
gagal pertamax
keren gan :D
Pertamina Juga gak apa2 .. :D
wah keren ini dia yang saya tunggu2
keren nih template :)
keren nih template :)
keren nih template :)
wah keren gan templatenya
Silahkan Sobb :)
Makasih Cak Arip :)
Hehehe .. Silahkan Di Sedot Mas Rio mumpung masih hangat :D
Waduh Di Bomb Nih ..
Makasih Mas Rahmat ..
Kelebihan koment nya :)
kagak apa2 :) Amal Dikit hehehe ..
gambar thumbnailnya gak muncul ya bro kalo bukan diupload di blogspotnya?
biar muncul gimana ya?
Itu memang masalah dari tempplate tsb , lebih baik upload sendiri dari pada hanya Copy link URLnya dari situs lain :)
Ya :)
Oh gitu, repot juga... ane pakek hosting postimg soalnya :(
oke deh bro thank you...
mantap gan ijin download hehe
Silahkan Sobb :)
Thanks udah share bro,download dulu ahh...ngambil logonya :D
Hehehe .. Silahkan .. :)
mantap nih bang :d
Oke Bang .. Silahkan di Sedot aja ..:D
Keren gan, tapi agak berat diki. :D sama warnanya kalo lebih keren ijo :D
Bisa Diatur sendiri warnanya .. :)
keren gan izin download template nya
Silahkan ..
weleh , mantep ijin download
ijin download gan buat koleksi :D
kok gambar nya gk muncul gan ?
Silahkan .. :)
Hehehe .. Silahkan ..
Gambar yang mana maksutnya ?
Ane ikut komeng sekalian ngasih koreksi buat yang gambarnya gak muncul bisa ganti kode data:post.thumbnailUrl jadi data:post.firstImageUrl
kalo ane udah coba bisa muncul buat gambar yang di upload dari luar blogger/picasa
Thanks Sarannya Gan .. Akan saya perbaiki dan akan saya update link downloadnya ..
Kereeen sob...
Hehehe .. Teng yu ..
Mantap sob
Oke² ..
Oke gan, btw kok tulisan ane tadi jadi emot :D
harusnya ane tadi pakek spasi yak biar gak jadi emot ':p'
Untuk Pembuatan Logo Bergerak Gimana Gan,Dan Maaf Pertanyaan Tidak Sesuai Dengan Topik
Logo Bergerak di Template Blue droidpluss ? pelajari aja kode yang ada di template tersebut .. :)
Udah saya benerin sobb .. :)
wah, ane harus coba nih template keren
Hehe .. Silahkan Sobb ..
maaf, saya mau tanya. ukuran logo droidpluss yang dari K. Ismet itu berapa ya? kok saya ganti logo saya sendiri nggak klihatan.
logo bawaan template droidpluss dr kang ismet tdk menggunakan ukuran maximal pixel dari gambar tersebut. Pada bawaan dari Kang Ismet Hanya menggunakan kode berikut untuk menata posisi dari gambar logo tersebut :
.logo img{margin-top:2px;}
Jika anda menggunakan gambar yang sangat besar maka gambar tersebut akan keluar batas alias berantakan. Untuk mengatasinya ganti kode
.logo img{margin-top:2px;}
Dengan :
.logo img{margin-top:2px;width:190px} .
Itu agar gambar tidak kebesaran dan melebihi batas .
Saya lihat logo blog anda itu jarak antara pinggirannya terlalu lebar . coba perbandingkan :
1. Logo anda :
http://3.bp.blogspot.com/-IwvTkhzYgg4/UyQ-4-QJG5I/AAAAAAAAB4E/0o1trS5VoeY/s300/logo%2Banda.jpg
2. Logo Droidpluss :
http://4.bp.blogspot.com/-k-SCkKgzqws/UyQ_WUEYmUI/AAAAAAAAB4Q/1BLsJ14eeqM/s1600/droidplus.jpg
itu yang membuat gambar nggak kelihatan .
terima kasih jawabannya, ane coba dulu :)
wah, berhasil gan. Thanks infonya :D
Oke² ..
gan izin coba :)
Silahkan ...
kok gak bisa di download yakk
Bisa kok sobb .. link downloadnya pun masih hidup ..
This comment has been removed by the author.
gw coba tetep gak bisa gan// :(
buat link di sharebeast dong :(
templatenya bagus bgt
Nih link downlaodnya : www.tusfiles.net/kvtkrpz7t068
Pada saat masuk ke situs tersebut hilangkan ceklist yang ada di bawah tulisan "Start downloading Update Blue Droidpluss.rar" , terakhir klik download button yang berada tepat diatas tulisan tersebut .
gan, kalo caranya buat post hompage ala kangismet gimana?
boleh juga nih templatenya, download deh buat koleksi BLOG MAZ MAWAN
Hehehe .. Silahkan Sobb ..
Pelajari aja di template yang saya bagikan tersebut . Atau langsung saja pelajari artikel milik Kang Ismet .
kalo cara membuat sidebar kayak di homepagenya KI gmana ya?
Sidebar yang kyk Gimana sih ?
menu sidebar yang kayak blognya KangIsmet yang di hompage, yang dikiri itu lo.
Sidebar ??? Perasaan itu Menu ..
Tanya aja sama yang punya blog .. Kapan2 aja saya utak atik sendiri ..
lebih elegen ya mas, sepertinya saya sudah malas berganti template hehe.. tapi mana tahu sesuatu butuh :-bd
Hehehe .. Iya Mbak ..
Trimakasih banyak mas.. memang banyak yang menggunakan template seperti itu :)
Sama-sama Mas .. :D
keren bos,
salam dari blogger gresik
kunjungan perdana
Oke Boss ..
Situ Gresik Mana ? Sini Main Ke tempat saya ..
gan, kalo cara nambah tanda admin pada komentar, di bluedroidpluss gimana?
Waduhh .. Maaf saya nggak bisa bantu .. coba cari di google deh ..
Pada Template blue droidpluss tanda Admin pada komentar ditunjukkan dengan warna background inner yang berbeda dengan user lainnya ..
http://www.cunconblog.com/2014/04/blue-droidplus-blogger-template.html
thanks pro
OK ..
Mantap Gan Template nya.... ijin Download ya gan...
Dan Sukses Selalu.
Oke Sobb .. Thanks udah mampir .. :D
gan code tag pembungkus postingannya apa ya? mau ane buat warna warni
nggak jadi gan, sudah bisa. Ganti pertanyaan gan : cara ngilangin transisi waktu masuk blog gimana gan?
Cari dan Hapus Kode Berikut :
1. Pada Header
#header-wrapper{-webkit-animation:header 2s;-moz-animation:header 2s;}
@-webkit-keyframes header{from{-webkit-transform:translate(0px,-1000px)}to{-webkit-transform:translate(0px,0px)}}
@-moz-keyframes header{from{-moz-transform:translate(0px,-1000px)}to{-moz-transform:translate(0px,0px)}}
2. Pada Fixed Menu
#top-menuwrapper{-webkit-animation:menur 4s;-moz-animation:menur 4s;}
@-webkit-keyframes menur{from{-webkit-transform:translate(0px,-1000px)}to{-webkit-transform:translate(0px,0px)}}
@-moz-keyframes menur{from{-moz-transform:translate(0px,-1000px)}to{-moz-transform:translate(0px,0px)}}
3. Pada Main Wrapper
#main-wrapper {-moz-animation:main 5s;-webkit-animation:main 5s;}
@-webkit-keyframes main{from{-webkit-transform:translate(0px,1000px);opacity:0}to{-webkit-transform:translate(0px,0px);opacity:1}}
@-moz-keyframes main{from{-moz-transform:translate(0px,1000px);opacity:0}to{-moz-transform:translate(0px,0px);opacity:1}}
4. Pada Sidebar Wrapper
#sidebar-wrapper {-webkit-animation:sidebar 4s;-moz-animation:sidebar 4s;}
@-webkit-keyframes sidebar{from{-webkit-transform:translate(-1000px,0px);opacity:0}to{-webkit-transform:translate(0px,0px);opacity:1}}
@-moz-keyframes sidebar{from{-moz-transform:translate(-1000px,0px);opacity:0}to{-moz-transform:translate(0px,0px);opacity:1}}
5. Pada Footer
#footer{-moz-animation:footer 4s;-webkit-animation:footer 4s;}
@-webkit-keyframes footer{from{-webkit-transform:translate(0px,1000px);opacity:0}to{-webkit-transform:translate(0px,0px);opacity:1}}
@-moz-keyframes footer{from{-moz-transform:translate(0px,1000px);opacity:0}to{-moz-transform:translate(0px,0px);opacity:1}}
6. Pada Dropdown Menu
#autonav {-webkit-animation:autonav 4s;-moz-animation:autonav 4s;}
@-webkit-keyframes autonav{from{-webkit-transform:translate(1000px,0px);opacity:0}to{-webkit-transform:translate(0px,0px);opacity:1}}
@-moz-keyframes autonav{from{-moz-transform:translate(1000px,0px);opacity:0}to{-moz-transform:translate(0px,0px);opacity:1}}
Ijin download gan :D keren warnanya...
Silahkan Mas Dian .. :D
mas izin, pakai dan costume yea :D
gan.... Cara Agar Menu Pada Topmenu-wrapper dan autonav jika di klik tidak membuka tab baru gimana ?
Silahkan Mas ..
Hapus kode target='_blank' pada susunan kode Link agar jika diklik tidak membuka di tab baru.
This comment has been removed by the author.
Gimana cara nambahin komentar terakhir pada menu navigasi ?
kode apa yang ditambahin pada template ini :no:
Bisa lihat tutorial lengkapnya di sini : http://www.dte.web.id/2012/04/recent-post-dan-recent-comment-pada.html
udah dicoba tapi menu nya lari keatas
bisa buat kan kode yang ditambah diatas </head> itu
PM di facebook aja Gan .. @@,
wahh bang mantep jos deh templatenya (y) izin nyomot yo bang
Monggo Mas :-d
cara memperkecil ukuran widget nya gimana gan :no:
nanya lagi gan kalau ngak ada komentar, kok ngak ada tulisan "0 Komentar"
contoh : http://3.bp.blogspot.com/-5h8fpT2poiM/U2XqLiFDd1I/AAAAAAAAAHo/D5W4eCIl4ZA/s1600/komentar.PNG
Memperkecil gimana ya maksutnya ? saya nggak paham @@,
Panjang atau Lebarnya ?
Itu Bawaan template Gan =)D
Coba tanya di Blog Kang Ismet :)
oww
kalau menghilang kan : 1 kali klik terseleksi pada bagian blockquote
dan : sumber tertulis secara auto saat mengcopas artikel. :no:
Untuk menghilangkan sekali klik terseleksi pada bagian blockquote silahkan hapus kode berikut yang letaknya paling bawah pada menu edit HTML :
var pres=document.getElementsByTagName("pre");for(var i=0;i<pres.length;i++){pres[i].addEventListener("click",function(){var selection=getSelection();var range=document.createRange();range.selectNodeContents(this);selection.removeAllRanges();selection.addRange(range)},false)}var pres=document.getElementsByTagName("blockquote");for(var i=0;i<pres.length;i++){pres[i].addEventListener("click",function(){var selection=getSelection();var range=document.createRange();range.selectNodeContents(this);selection.removeAllRanges();selection.addRange(range)},false)}
Dan untuk yang sumber tertulis secara auto saat mengcopas artikel saya rasa saya tidak pernah menanam script seperti itu ^_^
gan, ini file download nya gak ada ditempat lain semisal dropbox gitu? :no: soalnya kalo disini susa banget downloadnya =( *mohon dijawab*
Pada saat masuk ke situs tusfiles klik tulisan " Mobile " yang letaknya ada di paling bawah dari situs tersebut dan anda akan dialihkan ke halaman utama pada situs tersebut dan tampilannya sudah berubah menjadi tampilan mobile. Klik lagi link downlad di atas dan pada situs tusfiles sudah terlihat tombol " Download File ". Masih Bingung ?
waduh keren nih gan template nya, ijin download ya gan :D
Ahh . Biasa Aja Mas :) Itu cuma Hasil Redesign saya dari template Droidpluss buatan Kang Ismet :D
gan code tag pembungkus postingannya apa ya? mau saya buat warna warni :)
cara ganti warnanya gimana gan... :D
Ya tinggal sesuaikan saja kode CSSnya .
Izin share di blog aku boleh gak gan ;)
kalo gak boleh juga gak papa :D
biasa baru buat blog :v:
Silahkan Mas Gak Papa Kok =D
sipp :-bd
terimakasih :D :D
OK sama-sama :)
Udah sya test templatenya, keren templatenya :thx:
Iya Makasih Gan :D
gan ,, klo cara bikin berita lainnya kaya agan gmana ??
Maksutnya Gimana ya ? saya kurang mengerti . Coba jelaskan secara detail ;)
maksud ane cara buat widget kaya gini http://prntscr.com/3pva7p gmana ?? oh iya ane mau nanya lagi nih ,, cara agar thumbnail postnya seperti biasa gmana ?? jangan seperti kang ismet .. http://prntscr.com/3pvapg
Ditunggu ..
Blog Ane http://small-newbie.blogspot.com/
PM Aja di Facebook Gan . Biar Mudah saya jelasinnya =D
ane udah add agan .. confrim ane .. fb ane yang ini https://www.facebook.com/SharingAllAboutEverything
:)
ditunggu gan .. :)
Sangat keren sekali .. apalagi diberi warna biru yang enak dilihat ... :)
Hehe iya Mas ..
gan buat ngilangin tulisan
Blue Droidpluss
Blue Droidplus Modifed By Aldhinya Web
sama seach enginenya gimana gan
karena itu bagi saya malah ngebuat berat #imho
Keren gan , ijin Download :D
Keren gan :D
Visit back : http://nusantara4u.blogspot.com/
trimakasih gan, capek ane nyarik nih template :3 akhirnye dapet juge..... hehehehe
Keren deh.. :D
Ijin Share ke Blog :)
Visit Back : blogiriansyah.blogspot.com
Cara bikin blog kita , sperti punya kakak ni, contoh nya da tulisan lihat selengkapnya!
gmna sih mas ??
Wahhh bagus juga nih mas Aldhi Thanks ya Mas Aldhi heheheh... :D
http://smpn1brj.blogspot.com
Visit me,
Keren banget gan hehe
Izin download
Izin download mas keren templatenya
Komentar yang Menyertakan Link Aktif, Iklan, titip link, atau Komentar yang Tidak Relevan dengan Isi Artikel akan Terhapus Secara Otomatis. Komentar Baik Anda Akan Sangat Kami Hargai. Maaf Jika Saya Jarang Membalas Komentar Anda.